@media (max-width: 1670.5px) {

    main .bg {
        background-position-y: -80px;
        background-size: 200%;
    }

}


@media (max-width: 1399.5px) {

    #topNavWrap {
        column-gap: 40px;
    }

    main .bg {
        background-position-y: -80px;
        background-size: 300%;
    }
}

@media (max-width: 1300px) {

    #topNavWrap {
        column-gap: 16px;
    }

    #topNavWrap > div:before {
        left: -8px;
    }

    .wsd-lang-switch:before {
        display: none;
    }
}

@media (max-width: 1199.5px) {

    .wsd-nav ul.navbar-nav li {
        border-top: 1px solid #11509e;
    }

    .wsd-nav ul.navbar-nav li:first-child {
        border-top: none;
    }

    .wsd-nav ul.navbar-nav li::before {
        display: none;
    }

    .wsd-nav .navbar-nav .nav-link {
        color: #fff;
        font-size: 1em;
        padding: 1em 1.5em;
    }

    .wsd-nav ul.navbar-nav li a {
        padding: .5em 1em;
        color: #337ab7;
        white-space: normal;
    }

    .wsd-nav .navbar-nav .nav-link:hover {
        background-color: #81d4ff;
        color: #333;
    }

    .wsd-nav ul.navbar-nav li:last-child::after {
        display: none;
    }

    .wsd-nav ul.navbar-nav li ul.dropdown-menu {
        border: 0;
        padding: 0 .75em;
    }

    .wsd-nav ul.navbar-nav li.dropdown {
        background-color: #11509e;
    }

    .wsd-nav ul.navbar-nav li.dropdown > a {
        margin-bottom: 1em;
        color: #81d4ff;
    }

    .wsd-nav ul.navbar-nav li.dropdown > a:hover {
        background-color: #81d4ff;
        color: #333;
    }

    .dropdown-toggle::after {
        position: absolute;
        right: 30px;
        transform: rotate(180deg);
    }

    .wsd-nav ul.navbar-nav li ul.dropdown-menu {
        display: block;
        background-color: #11509e;
        list-style: disc;
        padding-left: 2.5em;
        margin-top: .25em;
    }

    .wsd-nav ul.navbar-nav li ul.dropdown-menu li {
        color: #81d4ff;
        border-color: #11509e;
        margin-bottom: .25em;
    }

    .wsd-nav ul.navbar-nav li ul.dropdown-menu li a {
        background-color: #11509e;
    }

    .wsd-nav ul.navbar-nav li ul.dropdown-menu li a:hover {
        background-color: #11509e;
        color: #fff;
        text-decoration: underline;
    }

    .socialmedia {
        margin-top: 1em;
    }

    .socialmedia:before {
        display: none;
    }

    /*.socialmedia > a.btn-fb {*/
    /*    border-color: #fff;*/
    /*    background-color: #fff;*/
    /*}*/

    /*.socialmedia > a.btn-wechat {*/
    /*    border-color: #fff;*/
    /*    background-color: #fff;*/
    /*}*/

    /*.socialmedia > a.btn-youtube {*/
    /*    border-color: #fff;*/
    /*    background-color: #fff;*/
    /*}*/

    /*.socialmedia > a.btn-ig {*/
    /*    border-color: #fff;*/
    /*    background-color: #fff;*/
    /*}*/

    /*.socialmedia > a > span:before {*/
    /*    color: #007878;*/
    /*}*/

    .wsd-share-switch {
        margin-top: 5px;
    }

    .wsd-share-switch:before {
        display: none;
    }

    .wsd-share-switch button {
        margin: 0;
    }

    .wsd-share-switch button > span {
        border: 1px solid #000000;
        background-color: #ffffff;
    }

    .wsd-share-switch button:before {
        border-bottom: 8px solid #81d4ff;
    }

    .wsd-share-switch button > span:before {
        color: #069ae7;
    }

    .wsd-share-switch button:hover > span:before {
        color: #0054bc;
    }

    .wsd-share-switch .dropdown-menu {
        min-width: 240px;
        margin-left: -95px;
        background-color: #81d4ff;
        margin-top: .2em;
    }

    .wsd-share-switch .dropdown-menu .shareto-selector > li {
        padding: 0 .25em;
    }

    .wsd-share-switch .dropdown-menu .shareto-selector > li > a:hover > span, .wsd-share-switch .dropdown-menu .shareto-selector > li > a:focus-within > span {
        background-color: #0054bc;
        color: #d2ffff;
    }

    .wsd-share-switch .dropdown-menu .shareto-selector > li > a:hover > span:before, .wsd-share-switch .dropdown-menu .shareto-selector > li > a:focus-within > span:before
    {
        color: #fff;
    }

    #topNavWrap > div:before {
        display: none;
    }

    .wsd-lang-switch:before {
        display: none;
    }

    .bg-body-tertiary {
        background-color: #0054bc !important;
    }

    .bg-body-tertiary .navbar-collapse {
        padding: 40px;
        height: calc(100vh - 40px);
        overflow-y: scroll;
    }

    .backtomenu {
        list-style: none;
        padding-left: 0;
    }

    .backtomenu li {
        background-color: #81d4ff;
        color: #333;
        text-decoration: none;
        padding: .5em 1.5em;
    }

    .backtomenu li a {
        color: #333;
    }

    main .skip-to-content {
        padding-top: 100px;
    }

    main .bg {
        background-position-y: -80px;
        background-size: 300%;
    }
}


@media (max-width: 840px) {
    div.wsd-logo {
        display: block;
        padding-left: 10px;
    }

    div.wsd-logo > div:before {
        display: none;
    }

    #topNavWrap {
        column-gap: 10px;
        padding-right: 0;
    }

    #topNavWrap {
        column-gap: 0;
        padding-right: 0;
        z-index: 1;
        top: 0;
        right: 0;
        position: absolute;
        height: 100%;
    }

    #siteTools {
        margin-top: -55px;
    }

    .wsd-lang-switch:before {
        display: none;
    }

    .navbar-toggler > span {
        margin-top: -25px;
    }

    div.wsd-logo div h1 {
        font-size: .8em;
        margin-bottom: 1em;
    }

    .sc div.wsd-logo div h1 {
        font-size: .9em;
    }

    .tc div.wsd-logo div h1 {
        font-size: .9em;
    }

    .navbar-toggler {
        padding-left: 10px;
        padding-right: 10px;
    }

    main .skip-to-content {
        padding-top: 140px;
    }

    main .bg {
        background-position-y: 0;
        background-size: 300%;
    }

}


@media (max-width: 640px) {
    div.wsd-logo {
        display: block;
        padding-left: 10px;
    }

    div.wsd-logo > div:before {
        display: none;
    }
    div.wsd-logo div h1 {
        font-size: .7em;
    }

    .navbar-toggler {
        padding-left: 0;
        padding-right: 0;
    }

    footer .wsd-toolbar span {
        font-size: .7em;
    }
}


@media screen and (max-width: 479.98px) {
    #dj60Logo {
        width: 40px;
        height: 40px;
    }
}