@media screen and (min-width: 0px) and (max-width: 1860px) {

    header .container {
        /*max-width: 1060px;*/
        max-width: 88.3vw;
        margin-left: 5.83vw;
        margin-right: 5.83vw;
        padding: 0;
    }

    .breadcrumb-container .container {
        max-width: 90.3vw;
    }

    .page .container, .page .container-lg, .page .container-md, .page .container-sm, .page .container-xl {
        max-width: 90.3vw;
    }

    .home-section1 .container {
        max-width: 80.83vw;
    }

    .home-section2 .container {
        max-width: 80.83vw;
    }

    footer .container {
        max-width: 90.3vw;
    }

    footer .controls ul li {
        font-size: .9em;
    }

    .page.event.detail .related-event .container {
        max-width: 80.83vw;
    }

}

@media screen and (min-width: 0px) and (max-width: 1680px) {

    header .container {
        /*max-width: 1060px;*/
        max-width: 88.3vw;
        margin-left: 5.83vw;
        margin-right: 5.83vw;
        padding: 0;
    }

    .breadcrumb-container .container {
        max-width: 90.3vw;
    }

    .home-section1 .container {
        max-width: 80.83vw;
    }

    .home-section2 .container {
        max-width: 80.83vw;
    }

    footer .container {
        max-width: 90.3vw;
    }

    .page.event.detail .related-event .container {
        max-width: 80.83vw;
    }

    .page.event.detail .related-event .owl-nav.container button.owl-prev {
        left: -7rem;
    }

    .page.event.detail .related-event .owl-nav.container button.owl-next {
        right: -7rem;
    }
}

@media screen and (min-width: 0px) and (max-width: 1200px) {


    .navbar-dark .navbar-brand {
        text-align: left;
        display: inline-block;
    }

    .navbar-dark .navbar-brand:first-child {
        max-width: 160px;
    }

    .navbar-dark .navbar-brand:last-child {
        /*max-width: 320px;*/
        max-width: unset;
        width: 13.3vw;
        margin-right: 3.75vw;
        margin-top: 2.91vw;
        margin-bottom: 2.5vw;
    }


    .navbar-expand-md .navbar-toggler {
        display: inline-block;
        border: 0;
        color:#FFF;
        transition: .5s;
        vertical-align: text-bottom;
    }

    .navbar-expand-md .navbar-toggler:hover {
        color: #FFF;
    }

    .hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
        background-color: #606060;
    }

    .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner:after, .hamburger.is-active .hamburger-inner:before {
        background-color: #606060;
        opacity: 1;
    }

    .navbar-expand-md .navbar-toggler i {
        font-size: 2rem;
    }

    header nav:first-child {
        border-top-width: 2.5vw;
    }

    header .container {
        /*max-width: 1060px;*/
        max-width: 88.3vw;
        margin-left: 5.83vw;
        margin-right: 5.83vw;
        padding: 0;
    }

    header .navbar-brand img {
        max-width: 100%;
    }

    header .navbar .controls {
        margin-top: 5vw;
        padding-bottom: .5rem;
        margin-left: 0;
    }

    header .navbar .controls .desktop-navigation-menu {
        display: none !important;
    }

    h1 {
        font-size: 5.5vw;
    }

    header .navbar .controls h1 a {
        font-size: 5.5vw;
    }

    header .navbar .controls.button-controls {
        /*position: absolute;*/
        /*right: 0;*/
        /*z-index: 99999;*/
        display: inline-block !important;
    }

    header .navbar .controls ul {
        display: none;
    }

    header .navbar .controls .toolbar {
        text-align: right;
    }

    header .navbar .controls button {
        color: #636363;
    }

    header nav ul.nav > li > a:after {
        display: none;
    }

    header .form-inline {
        top: 5.7rem;
        display: block;
        position: absolute;
        right: 0;
        /*left: 0;*/
        margin-right: 2rem;
        /*margin-left: 1.5rem;*/
        display: none !important;
    }

    header .form-inline .form-control {

    }

    header .form-inline .btn {
        right: 0;
        position: absolute;
        top: 0;
    }

    header .navbar .controls .share .tools-sub-holder {
        left: 0%;
        right: 18%;
        margin-left: unset;
        margin-top: -280px;
        padding-left: .5rem;
        padding-right: .5rem;
    }

    header .navbar .controls .share .tools-sub-holder a.share-btns__btn {
        margin-right: .25rem !important;
        margin-bottom: .5rem;
    }

    header .navbar .controls .toolbar {
        text-align: center;
    }

    header .navbar .controls span.rounded-circle {
        display: inline-block;
        margin-left: 1rem;
        vertical-align: text-bottom;
        display: none;
    }

    header .navbar .controls a.rounded-circle, header .navbar .controls a.link, header .navbar .controls a.btnPrint {
        display: none;
    }

    header nav.bg-dark:last-child.navbar-collapse {
        background-color: #FFF!important;
        position: absolute;
        transition: all .3s;
        z-index: 1000;
        width: 50vw;
        left: 100vw;
        display: none !important;
        height: unset !important;
        /*padding: .5rem 1rem;*/
        padding: 0;
        top: 24.5vw !important;
        /*height: calc(100vh - 17vw) !important;*/
        height: auto !important;
        min-height: 100%;
    }

    header nav.bg-dark:last-child.navbar-collapse.collapsing {
        display: block !important;
    }

    header nav.bg-dark:last-child.navbar-collapse.show {
        display: block !important;
        left: 50%;
    }

    header nav.bg-dark:last-child.navbar-collapse > div {
        display: block !important;
        padding: 0;
        padding-top: 0;
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    header nav.bg-dark:last-child.navbar-collapse > div .controls {
        padding: 0;
        text-align: center;
        display: block !important;
        margin-top: 3.75vw;
    }

    header nav.bg-dark:last-child.navbar-collapse > div .controls form.form-inline {
        display: block !important;
        margin-left: 2.916vw;
        margin-right: 2.916vw;
    }

    header nav.bg-dark:last-child.navbar-collapse > div .controls form.form-inline .form-control {
        padding: 1vw 3vw;
        font-size: 2.16vw;
        border-radius: 3vw;
        min-width: unset;
    }

    header nav.bg-dark:last-child.navbar-collapse > div .controls form.form-inline .btn {
        width: 4.16vw;
        height: 4.16vw;
        margin-top: 0;
        margin-right: 1vw;
        background-size: 54.16vw;
        background-position: -20.83vw -3vw;
    }

    header nav.bg-dark:last-child.navbar-collapse > div .controls > ul {
        display: block;
        margin: 0;
        padding: 0;
        margin-bottom: 0.833vw;
        margin-top: 0.833vw;
    }

    header nav.bg-dark:last-child.navbar-collapse > div .controls > ul li {
        margin-right: 0;
    }

    header nav.bg-dark:last-child.navbar-collapse > div .controls > ul li a {
        display: block;
        margin: 0;
        line-height: unset;
        /*font-size: 2vw;*/
        font-size: 3vw;
    }

    header nav.bg-dark:last-child.navbar-collapse > div .controls > ul.nav li a {
        display: block;
        font-size: 3.83vw;
        padding: 3.75vw 10.33vw !important;
        margin: 0;
        line-height: 3.83vw;
    }

    header nav.bg-dark:last-child.navbar-collapse > div .controls > ul.nav li a:before {
        left: 5vw;
        width: 4.16vw;
        height: 3.75vw;
        background-size: 54.16vw;
    }

    header nav.bg-dark:last-child.navbar-collapse > div .controls a:before {
        width: 4.16vw;
        height: 3.75vw;
        background-size: 54.16vw;
    }

    header .navbar .controls a.icon_events_publicity:before {
    }

    header .navbar .controls a.icon_building_safety_tips:before {
        background-position: -16.6vw 0;
    }

    header .navbar .controls a.icon_past_events:before {
        background-position: -12.5vw 0;
    }

    header .navbar .controls a.icon_contact-us:before {
        background-position: -4.16vw 0;
    }

    header .navbar .controls a.facebook:before {
        /*background-position: -25vw -3.75vw;*/
        background-position: -37.5vw -5.625vw;
    }

    header .navbar .controls a.instagram:before {
        /*background-position: -29.16vw -3.75vw;*/
        background-position: -43.74vw -5.625vw;
    }

    header .navbar .controls a.subscription:before {
        background-position: -50vw -3.75vw;
    }

    header .navbar .controls a.print:before {
        /*background-position: -8.33vw -3.75vw;*/
        background-position: -12.495vw -5.625vw;
    }

    header .navbar .controls a.facebook:hover:before {
        background-position: -25vw 0;
    }

    header .navbar .controls a.instagram:hover:before {
        background-position: -29.16vw 0;
    }

    header .navbar .controls a.subscription:hover:before {
        background-position: -50vw 0;
    }

    header .navbar .controls a.print:hover:before {
        background-position: -8.33vw 0;
    }

    header nav.bg-dark:last-child.navbar-collapse > div .controls > ul.nav li a:hover {
        background-color: #d34a00;
        color: #fff;
        text-decoration: none;
    }

    header nav.bg-dark:last-child.navbar-collapse > div .controls > ul.nav li a:hover:before {
        background-position-y: 45px;
    }

    header nav.bg-dark:last-child.navbar-collapse > div .controls > ul li span.latest {
        position: absolute;
        right: 1vw;
        font-size: 2.8vw;
        padding: 1vw;
        padding-left: 1.66vw;
        padding-right: 1.66vw;
    }

    header nav.bg-dark:last-child.navbar-collapse > div .controls > ul.d-flex {
        margin-left: 5vw;
        margin-right: 5vw;
    }

    header nav.bg-dark:last-child.navbar-collapse > div .controls > ul.d-flex li a {
        /*width: 4.16vw;*/
        /*height: 3.3vw;*/
        width: 6.24vw;
        height: 4.95vw;
    }

    header nav.bg-dark:last-child.navbar-collapse > div .controls ul.d-flex a:before {
        /*width: 4.16vw;*/
        /*height: 3.75vw;*/
        /*background-size: 54.16vw;*/
        width: 6.24vw;
        height: 5.625vw;
        background-size: 81.24vw;
    }

    header .navbar .controls ul.language-container {
        display: inline-block !important;
        margin-top: 0 !important;
    }

    header .navbar .controls ul.language-container li {
        display: inline-flex;
        justify-content: center;
    }

    header .navbar .controls ul.language-container li a {
        width: auto !important;
        height: auto !important;
        display: inline-block !important;
        margin-left: 1vw;
        margin-right: 1vw;
    }

    header .navbar .controls ul.language-container li:after {
        display: none;
    }

    header .navbar .controls .control-icon {
    }

    header .navbar .controls ul.language-selector {
        background-color: #fff;
    }

    header nav.bg-dark:last-child.navbar-collapse > div .controls a.rounded-circle, header nav.bg-dark:last-child.navbar-collapse > div .controls a.link, header nav.bg-dark:last-child.navbar-collapse > div .controls a.btnPrint {
        display: unset;
    }

    header nav.bg-dark:last-child.navbar-collapse > div .controls .form-inline {
        display: inline-block;
        position: relative;
        top: 0;
    }

    header nav.bg-dark:last-child.navbar-collapse > div > div > ul.nav {
        /*background-color: #f5f5f5;*/
        padding: 0 1em;
        margin-bottom: 0;
        padding-bottom: 1em;
        font-size: 1.5rem;
        font-weight: bold;
    }

    header nav.bg-dark:last-child .controls {
        display: block;
        padding-bottom: 0;
    }

    header nav.bg-dark:last-child .controls a.rounded-circle, header nav.bg-dark:last-child .controls a.link, header nav.bg-dark:last-child .controls a.btnPrint {
        display: inline-block;
    }

    header .navbar .controls ul li {
        margin-left: 0;
    }

    header .navbar .controls ul li.lang:before {
        content: ' ';
        display:block;
    }

    header .navbar .controls ul li a {
        margin-right: .5rem;
    }

    header .navbar .controls a.rounded-circle {
        width: 2rem;
        height: 2rem;
        display: inline-block !important;
        line-height: 2rem;
        text-align: center;
        color: #fff;
        background-color: #000;
        border-color: #000 !important;
        padding-right: 0;
        margin-right: 16px;
    }

    header .navbar .controls a.rounded-circle:hover {
        transition: .3s;
        color: #000;
        background-color: #fff;
        border-color: #000 !important;
        text-decoration: none;
    }


    header nav ul.nav {
        margin-bottom: 1rem;
    }

    header nav.bg-dark:last-child .container {
        max-width: unset;
    }

    header nav ul.nav li {
        width: 100%;
        border-bottom: 2px solid #ffffff;
    }

    header nav ul.nav li a {
        height: unset;
        padding: 1rem !important;
        padding-bottom: .5rem !important;
        text-align: left;
        width: 100%;
    }

    header nav ul.nav > li > a.nav-link {
        width: 100%;
        display: inline-block;
        jusitify-content: flex-start;
        text-align: left;
    }

    header nav ul.nav > li > a:nth-child(2) {
        width: 20px;
        display: inline-block;
        text-align:center;
        transition: .5s;
        transform: rotate(180deg);
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    header nav ul.nav > li > a:nth-child(2).collapsed {
        transform: rotate(0deg);
    }

    header nav ul.nav li:before, header nav ul.nav li:last-child:after {
        content: unset;
    }

    header nav ul.nav li a:before {
        content: unset;
    }

    header nav ul.nav li .children {
        background: #E5F6F4;
        padding: 0;
    }

    header nav ul.nav li .children.collapse, header nav ul.nav li:hover .children.collapse {
        display: none;
    }

    header nav ul.nav li .children.collapse.show, header nav ul.nav li:hover .children.collapse.show {
        display: block;
    }

    header nav ul.nav li.focus .children.collapse {
        display: block;
    }

    header nav ul.nav li .children {
        /*display: block;*/
        position: relative;
        max-width: unset;
    }

    header nav ul.nav li .children > a {
        background-color: #E5F6F4;
        color: #000;
        padding-left: 1.5em!important;
        padding-right: 1.5em!important;
        border-bottom: 1px solid #e0e1e2;
    }

    header nav ul.nav li .children a:hover, header nav ul.nav li .children a:focus {
        background-color: #7ED1C9;
        color: #000;
    }

    header nav ul.nav li .children a:active {
        background-color: #7ED1C9;
        color: #000;
    }

    header nav ul.nav li:last-child .children {
        text-align: left;
        margin-left: unset;
        margin-top: unset;
    }

    header nav ul.nav li:last-child .children a {
        text-align: left;
    }

    header nav ul.nav li.focus .children {
        display: block !important;
    }

    .hamburger {
        margin: 0;
        padding: 0;
    }

    .hamburger-box {
        width: 6.66vw;
        height: 5vw;
    }

    .hamburger-inner {
        top: 50%;
        display: block;
        margin-top: -0.4vw;
    }

    .hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
        width: 6.66vw;
        height: 0.8vw;
        border-radius: .33vw;
    }

    .hamburger-inner:before {
        top: -2vw;
    }

    .hamburger-inner:after {
        bottom: -2vw;
    }

    .hamburger--arrow-r.is-active .hamburger-inner:before {
        transform: translate3d(1.083vw,0,0) rotate(45deg) scaleX(.8);
    }

    .hamburger--arrow-r.is-active .hamburger-inner:after {
        transform: translate3d(1.083vw,0,0) rotate(-45deg) scaleX(.8);
    }

    .banner-container .banner {
        min-height: auto;
    }

    .banner-container .container .d-flex .content {
        display: none;
    }

    .home-section0 {
        background: none;
    }

    .home-slider {
        position: relative;
    }

    .home-slider .dots-container {
        display: inline-flex;
        justify-content: center;
        height: auto;
        margin-top: 0;
        bottom: 0;
    }

    .home-slider .dots-container > div {
        border-radius: 1.0416vw;
        padding: .5vw .78125vw;
        position: relative;
    }

    .home-slider .dots-container .owl-dots, .dots-container .owl-controls {
        padding: 0;
        padding-left: 0;
        padding-right: 0;
        display: flex;
        height: auto;
    }

    .home-slider .dots-container .owl-dots button.owl-dot {
        border: 0;
        width: 1.66vw;
        height: 1.66vw;
        margin-left: .66vw;
        margin-right: .66vw;
        border: 0.16vw solid #009bda;
    }

    .home-slider .dots-container .owl-controls button.owl-control {
        width: 1.66vw;
        height: 1.66vw;
        line-height: 1.66vw;
        font-size: 1.66vw;
        margin: 0.16vw;
        margin-left: .66vw;
        margin-right: .66vw;
    }

    .home-section1 .container {
        max-width: 75.83vw;
    }

    .home-section1 > div {
        background: #009bda;
        background: linear-gradient(180deg, rgba(0,155,218,1) 0%, rgba(0,155,218,1) 50%, rgba(242,243,247,1) 50%);
        color: #002a49;
    }

    .home-section1 h2 {
        font-size: 4.33vw;
        padding: 5.83vw 0;
    }

    .home-slider .owl-carousel .owl-item .item .tag-container {
        margin-bottom: 2vw;
    }

    .home-slider .owl-carousel .owl-item .item .tag-container .tags a.tag {
        font-size: 1.7vw;
        margin: .75vw 0;
    }

    .home-section1 > div.search {
        padding-top: 5vw;
    }

    .home-section1 > div.search .search input {
        font-size: 3vw;
    }

    .home-section1 > div.search .search button {
        font-size: 3vw;
        margin-top: 1vw;
        margin-right: 1vw;
    }

    .home-section1 > div.search .search .autocomplete-item {
        font-size: 3vw;
    }

    .home-section1 .owl-carousel.owl-drag .owl-item > div {
        margin: 0 1.66vw;
        margin-bottom: 1.66vw;
    }

    .home-section1 .owl-carousel.owl-drag .owl-item > div > div {
        border-radius: 1vw;
        padding: 1.33vw;
        -webkit-box-shadow: 0.83vw 0.83vw 1.25vw rgb(0 0 0 / 25%);
        -moz-box-shadow: 0.83vw 0.83vw 1.25vw rgba(0, 0, 0, .25);
        box-shadow: 0.83vw 0.83vw 1.25vw rgb(0 0 0 / 25%);
        font-size: 1.66vw;
    }

    .home-section1 .owl-carousel.owl-drag .owl-item p a {
        max-width: 32.5vw;
        max-height: 32.5vw;
    }

    .home-section1 .owl-carousel.owl-drag .owl-item p.img {
        padding-bottom: 1.25vw;
        border-bottom: 1vw solid #ff9400;
    }

    .home-section1 .owl-carousel.owl-drag .owl-item p.title {
        font-size: 2.91vw;
    }

    .home-section1 .owl-nav.container {
        top: 22vw;
    }

    .home-section1 .owl-nav.container button {
        border-radius: 5vw;
        width: 5vw;
        height: 5vw;
    }

    .home-section1 .owl-nav.container button:after {
        font-size: 2.66vw;
        line-height: 5vw;
        width: 100%;
        height: 100%;
    }

    .home-section1 > div.button {
        padding-top: 5.41vw;
        padding-bottom: 5.83vw;
        background-color: #f2f3f7;
    }

    .home-section1 > div.button a.btn-primary {
        font-size: 3vw;
        padding: 1vw 4vw;
        border-radius: 5vw;
    }

    .home-section1 .owl-nav.container button.owl-prev {
        left: -9.583vw;
    }

    .home-section1 .owl-nav.container button.owl-next {
        right: -9.583vw;
    }

    .home-section2 > div {
        background: #ff5400;
        background: linear-gradient(180deg, rgba(255, 84, 0, 1) 0%, rgba(255, 84, 0, 1) 26.6vw, rgba(242,243,247,1) 26.6vw);
        color: #471f05;
    }

    .home-section2 h2 {
        font-size: 4.33vw;
        padding: 5.83vw 0;
    }

    .home-section2 .container {
        max-width: 75.83vw;
    }

    .home-section2 .owl-carousel.owl-drag .owl-item {
        margin: 0 1.25vw;
    }

    .home-section2 .owl-carousel.owl-drag .owl-item p a {
        max-width: 36.25vw;
        max-height: unset;
        border: 2px solid #000;
        /*max-height: 45.83vw;*/
    }

    .home-section2 .owl-carousel.owl-drag .owl-item p.img {
        padding-bottom: 1.25vw;
        border-bottom: 1vw solid #ff9400;
    }

    .home-section2 .owl-carousel.owl-drag .owl-item p {
        margin-bottom: 1.25vw;
        font-size: 3vw;
    }

    .home-section2 .owl-carousel.owl-drag .owl-item p.title {
        font-size: 3vw;
    }

    .home-section2 .owl-nav.container {
        top: 22vw;
    }

    .home-section2 .owl-nav.container button {
        position: absolute;
        background-color: #007BBD;
        color: #fff;
        border-radius: 0;
        width: 6.25vw;
        height: 7.5vw;
        display: inline-block;
        transition: .5s all;
        margin: 0;
    }

    .home-section2 .owl-nav.container button:after {
        content: " ";
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
        font-size: 3.33vw;
        line-height: 7.5vw;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        position: absolute;
        display: inline-block;
    }

    .home-section2 .owl-nav.container button.owl-prev {
        left: -13vw;
    }

    .home-section2 .owl-nav.container button.owl-next {
        right: -13vw;
    }

    .home-section2 > div.button {
        padding-top: 5.41vw;
        padding-bottom: 5.83vw;
        background-color: #f2f3f7;
    }

    .home-section2 > div.button a.btn-primary {
        font-size: 3vw;
        padding: 1vw 4vw;
        border-radius: 5vw;
    }

    .home-section3 {
        padding-top: 4.583vw;
        padding-bottom: 4.583vw;
    }

    .home-section3 .container div.col h2 {
        font-size: 3.66vw;
        margin-bottom: 1.66vw;
    }

    .home-section3 .container div.col ul {
        margin-bottom: 0;
        padding-left: 0;
    }

    .home-section3 .container div.col ul li a {
        font-size: 2.66vw;
    }

    .home-section3 .container div.col ul li:after {
        height: 3vw;
    }

    .home-section3 .controls .bd-highlight a > span {
        font-size: 0.9rem;
    }

    .page .content-container {
        padding: 10px 20px;
    }

    .page .page h2 {
        font-size: 1.25rem;
        padding-top: 3vw;
        padding-bottom: 3vw;
    }

    .page .content-container h3 {
        font-size: 1.75em;
    }

    .page .content-container h4 {
        font-size: 1.5em;
    }

    .page .page.school .result .bd-highlight {
        width: calc(100% / 2);
    }

    .page .back-container {
        margin-bottom: 0;
    }

    .page .page {
        padding-top: 0;
    }

    .home-slider .owl-carousel {
        padding-bottom: 0;
    }

    /** Opinions **/
    .page.opinion > .container {
        max-width: 900px;
        padding-top: 20px;
        padding-bottom: 40px;
    }

    .page.opinion .content-container {
        padding: 10px 20px;
    }

    /** End of Opinions **/

    /** Subscription **/
    .page.subscription > .container {
        max-width: 900px;
        padding-top: 20px;
        padding-bottom: 40px;
    }

    .page.subscription .content-container {
        padding: 10px 20px;
    }

    .page.subscription .check-container .btn {
        padding-right: .5em;
        font-size: 1em;
        margin-left: .25em;
        margin-right: .25em;
    }

    .page.subscription .check-container .btn:before {
        display: none;
    }

    .page.subscription .dropdown-toggle {
        font-size: 1em;
    }

    /** End of Subscription **/

    .page .breadcrumb-container {
        padding-bottom: 1rem;
    }

    .page .content-container .result table tr td img {
        max-width: 100%;
    }

    .page-detail {
        margin-top: 0;
    }

    .page-detail .container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .page-detail .container .content {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    footer .container {
        padding-left: 0;
        padding-right: 0;
    }

    footer .controls {
        margin-top: 2.916vw;
        min-height: unset;
        padding-bottom: unset;
    }

    footer .controls > .row {
        margin: 0;
    }

    footer .controls > .row > div {
        width: 100% !important;
    }

    footer .controls > .row > div:first-child {
        padding-bottom: 3.33vw;
        border-bottom: 0.16vw solid #097CBE;
    }

    footer .controls > .row > div:last-child {
        padding-top: 2.083vw;
        padding-bottom: 2.083vw;
    }

    footer .text-end {
        text-align: center !important;
    }

    footer .controls > .row > div:last-child .text-end a {
        max-width: 21.6vw;
        display: inline-block;
    }

    .backtotop {
        border-radius: 1vw;
        border: 1px solid transparent;
        padding: 0;
        width: 9.166vw;
        height: 8.33vw;
        bottom: 12.5vw;
        right: 0vw;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .backtotop a {
        width: 100%;
        height: 100%;
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .backtotop a:hover {
        text-decoration: none;
    }

    .backtotop a span {
        font-size: 3.33vw;
    }

    footer {
        padding-bottom: 0;
    }

    footer .nav {
        display: none;
    }

    footer .share {
        border-top: 0;
        padding-top: 1.5rem;
    }

    footer .controls ul {
        padding-left: 0;
        text-align: center;
    }

    footer .controls ul li {
        /*font-size: 2.916vw;*/
        font-size: 1.916vw;
    }

    footer .controls ul li.title {
        /*font-size: 3.166vw;*/
        font-size: 2.166vw;
    }

    footer .controls ul li a {
        /*font-size: 2.916vw;*/
        font-size: 1.916vw;
    }

    footer .controls ul li:before {
        content: ' ';
        display: inline-block;
        width: 0.25vw;
        height: 2.916vw;
        margin-left: 2.083vw;
        margin-right: 2.083vw;
        border-left: 0.25vw solid #097CBE;
        vertical-align: text-bottom;
    }

    footer .controls li:nth-child(2):before {
        display: none;
    }

    footer .controls li:first-child, footer .controls li:nth-child(2) {
        display: inline-block;
    }

    footer .controls li.float-right a {
        display: inline-block;
        margin: 0;
        flex: 1;
        align-self: center;
    }
    footer .controls li.float-right a:first-child {
        text-align: left;
    }

    footer .controls li.float-right a:last-child {
        text-align: right;
    }

    footer .controls .text-right a {
        margin-bottom: 1rem;
        display: inline-block;
    }

    .home-section2 .bd-highlight {
        margin-bottom: 1rem;
    }

    .home-section2 .bd-highlight:last-child {
        margin-bottom: 0;
    }

    .home-section1 .career-information-corner .content {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .whatsnew .result table {
        margin-top: 0;
        background: none !important;
        margin-left: 0;
        margin-right: 0;
    }

    .whatsnew .result table > thead {
        display: none;
    }

    .whatsnew .result table > tbody > tr {
        display: block;
        margin-top: 0;
    }

    .whatsnew .result table > tbody > tr > td {
        display: block;
        padding: 1.5rem;
        padding-top: 0rem;
    }

    .whatsnew .result table > tbody > tr > td:first-child {
        padding-top: 1.5rem;
        padding-bottom: 0;
    }

    .whatsnew .result table > tbody > tr > td > p {
        margin-top: 0.5rem;
    }

    .page.event.detail .related-event .container {
        max-width: 75.83vw;
    }

    .page.video div.search .search input {
        font-size: 3vw;
    }

    .page.video div.search .search button {
        font-size: 3vw;
        margin-top: 1vw;
        margin-right: 1vw;
    }

    .page.video div.search .search .autocomplete-item {
        font-size: 3vw;
    }

    .page.video.index .record-container {
        padding: 5vw;
        border-radius: 2rem;
    }

    .page.video.index .record-container h3 {
        font-size: 1.5em;
    }

    .page.video.category .video-container h3 {
        font-size: 1.5em;
    }

}

@media screen and (min-width: 0px) and (max-width: 768px) {


    .home-slider .dots-container {
        display: inline-flex;
        justify-content: center;
        height: auto;
        margin-top: 0;
        bottom: 0;
    }

    .home-slider .dots-container > div {
        border-radius: 2.0416vw;
        padding: .5vw .78125vw;
        position: relative;
    }

    .home-slider .dots-container .owl-dots, .dots-container .owl-controls {
        padding: 0;
        padding-left: 0;
        padding-right: 0;
        display: inline-flex;
        position: relative;
    }

    .home-slider .dots-container .owl-dots button.owl-dot {
        border: 0;
        width: 1em;
        height: 1em;
        margin-left: 0.25rem;
        margin-right: 0.25rem;
        border-radius: 50%;
        width: 15px;
        height: 15px;
        padding: 0;
        display: inline-block;
    }

    .home-slider .dots-container .owl-dots button.owl-dot > span {
        display: none;
    }

    .home-slider .dots-container .owl-controls button.owl-control {
        width: 3.66vw;
        height: 4.66vw;
        line-height: 1.66vw;
        font-size: 3.66vw;
        margin: 0.16vw;
        margin-left: .66vw;
        margin-right: .66vw;
    }

    .page.tip.detail .content-container {
        padding: 30px 20px;
    }

    .page.tip.detail .hashtags .btn {
        font-size: 1em;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .page.tip.detail .related-tip h4 {
        font-size: 2rem;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .page.tip.detail .related-tip .container {
        padding-left: 4rem;
        padding-right: 4rem;
    }

    .page.tip.detail .related-tip .owl-nav.container button {
        width: 3rem;
        height: 3rem;
    }

    .page.tip.detail .related-tip .owl-nav.container button:after {
        width: 3rem;
        height: 3rem;
        line-height: 3rem;
        font-size: 2rem;
    }

    .page.tip.detail .related-tip .owl-nav.container button.owl-prev {
        left: -4rem;
    }

    .page.tip.detail .related-tip .owl-nav.container button.owl-next {
        right: -4rem;
    }

    .page.event.detail .content-container {
        padding: 30px 20px;
    }

    .page.event.detail .related-event h4 {
        font-size: 2rem;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .page.event.detail .related-event .owl-nav.container button {
        width: 3rem;
        height: 4rem;
    }

    .page.event.detail .related-event .owl-nav.container button:after {
        line-height: 4rem;
        width: 3rem;
        height: 4rem;
        font-size: 2rem;
    }

    .page.event.detail .related-event .owl-nav.container button.owl-prev {
        left: -3.8rem;
    }

    .page.event.detail .related-event .owl-nav.container button.owl-next {
        right: -3.8rem;
    }

    .page.video.category .video-container {
        padding: 30px 20px;
    }

    footer .controls ul li {
        font-size: 2.916vw;
        /*font-size: 1.916vw;*/
    }

    footer .controls ul li.title {
        font-size: 3.166vw;
        /*font-size: 2.166vw;*/
    }

    footer .controls ul li a {
        font-size: 2.916vw;
        /*font-size: 1.916vw;*/
    }

}

@media screen and (min-width: 0px) and (max-width: 640px) {
    .home-slider .owl-carousel .owl-item .item .tag-container .tags a.tag {
        font-size: 1.7vw;
        margin: .5vw 0;
    }

    footer .controls ul li {
        font-size: 2.916vw;
        /*font-size: 1.916vw;*/
    }

    footer .controls ul li.title {
        font-size: 3.166vw;
        /*font-size: 2.166vw;*/
    }

    footer .controls ul li a {
        font-size: 2.916vw;
        /*font-size: 1.916vw;*/
    }
}

@media screen and (min-width: 0px) and (max-width: 400px) {
    .home-slider .owl-carousel .owl-item .item .tag-container .tags a.tag {
        font-size: 1.6vw;
        margin: .2vw 0;
    }
}