@font-face {
    font-family: 'SolexBlack';
    src: url('fonts/SolexBlack.woff2') format('woff2'), url('fonts/SolexBlack.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SolexBold';
    src: url('fonts/SolexBold.woff2') format('woff2'), url('fonts/SolexBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SolexRegularItalic';
    src: url('fonts/SolexRegularItalic.woff2') format('woff2'), url('fonts/SolexRegularItalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'SolexMedium';
    src: url('fonts/SolexMedium.woff2') format('woff2'), url('fonts/SolexMedium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


/* for small height size windows */

@media screen and (max-height:800px) and (min-width:1280px) {
    .banner-box {
        bottom: 40px;
    }
    .banner-text {
        top: 168px;
    }
    .navigation-buttons {
        margin-top: 30px;
    }
    h2 {
        font-size: 40px;
        line-height: 1;
        margin-bottom: 12px;
        margin-top: 30px;
    }
    .navigation-buttons a,
    .navigation-buttons.btn-dark a {
        width: 50px;
        height: 50px;
        background-size: auto 100%;
    }
}


/* ipad landscape view */

@media screen and (max-width:1100px) {
    .wrapper {
        margin: 0 20px;
    }
    .news-box {
        width: 48%;
        width: calc(50% - 30px);
        margin: 0 15px 30px!important;
    }
    .news-box.nomargin-right {
        width: 100%;
        width: calc(100% - 30px);
    }
    .news-list-area {
        display: block;
        width: auto;
        margin: 0 -15px;
    }
    .news-list-area:after {
        content: "";
        clear: both;
        display: block;
    }
    .home .full-window,
    .full-window {
        padding: 50px 0px 60px;
        position: static;
        top: 0;
        /*margin-top:70px;*/
    }
    .home #one.full-window {
        background-size: cover;
    }
    .home footer.main-footer.full-window {
        opacity: 1;
    }
    .home .full-window.in-view {
        opacity: 1;
        z-index: 0;
        background-position: center top;
    }
    .banner-box {
        position: relative;
        padding-top: 380px;
        bottom: 0;
    }
    .banner-text {
        z-index: 1;
        top: 20px;
    }
    .above-fold {
        min-height: 100px;
        background-position: right 0;
        margin-top: 80px;
    }
    .above-fold .wrapper {
        min-height: 100px;
    }
    .banner-box strong {
        font-size: 44px;
    }
    .banner-box span {
        padding: 0 10px;
    }
    /*.banner-box .box-data {min-height: 92px;}*/
    .main-footer .has-four-box .box {
        width: 33.3333%!important;
    }
    .main-footer .has-four-box .box.social_box {
        width: 100%!important;
        text-align: center;
    }
    .main-footer .has-four-box .social-box {
        width: 100%;
        text-align: center;
        margin: 40px 0 0 0;
    }
    .home .side-pagination {
        display: none;
    }
    .alternate-nav .box h3 {
        font-size: 30px;
    }
    .left-area {
        width: 200px;
    }
    .right-area {
        max-width: calc(100% - 210px);
    }
    .big-left-box .left-area {
        width: 270px;
    }
    .big-left-box .right-area {
        width: 610px;
        width: calc(100% - 300px);
    }
    .side-menu:before {
        left: -40px;
    }
    .pop-up-main .wrapper {
        display: block;
        margin: 40px;
        height: 90%;
        height: calc(100% - 80px);
        overflow: auto;
    }
    .pop-up-main .box-data {
        display: block;
        padding: 0 20px;
        margin: 0 auto;
    }
    /* Staff */
    .Staff-box {
        width: 50%;
    }
    .Staff-box .image-box {
        width: 110px;
    }
    .Staff-box .content-box {
        width: 180px;
    }
    .news-list-area .news-box:first-child:before {
        display: none;
    }
}


/* Ipad landscape view */

@media screen and (max-width:1024px) {
    .banner-text.box_shadow_none h1 span {
        font-size: 32px;
    }
}


/* tablet landscape view */

@media screen and (max-width:920px) {
    /*5-4-17*/
    .search-form {
        display: none;
        transform: 1s;
    }
    .search-btn-icon-mobile {
        display: inline-block;
        width: 30px;
        float: none;
        position: absolute;
        right: 75px;
        height: 30px;
        top: 27px;
    }
    span.search-mobile-btn {
        width: 30px;
        background-image: url(../images/svg/icon_redsearch.svg);
        background-position: center;
        height: 30px;
        transition: all 1s;
        position: relative;
        background-size: cover;
        display: inline-block;
        background-repeat: no-repeat;
    }
    span.search-mobile-close {
        width: 30px;
        background-image: url(../images/svg/icon_Xred.svg);
        background-position: center;
        height: 30px;
        transition: all 1s;
        position: relative;
        background-size: cover;
        display: none;
        background-repeat: no-repeat;
    }
    .search-btn-icon-mobile.open-search span.search-mobile-close {
        display: inline-block!important;
    }
    .search-btn-icon-mobile.open-search #search-cls {
        display: inline-block!important;
    }
    .search-btn-icon-mobile.open-search span.search-mobile-btn {
        display: none!important;
    }
    .search-btn-icon-mobile.open-search #search-ctl {
        display: none!important;
    }
    #search-cls {
        display: none!important;
    }
    /*5-4-17*/
    .one-in-big .box {
        width: 100%;
    }
    .two-in-big .box {
        width: 50%;
    }
    .three-in-big .box {
        width: 33.33333%;
    }
    .four-in-big .box {
        width: 25%;
    }
    .five-in-big .box {
        width: 20%;
    }
    .six-in-big .box {
        width: 16.66666666666667%;
    }
    .seven-in-big .box {
        width: 14.28571428571429%;
    }
    .eight-in-big .box {
        width: 12.5%;
    }
    .full-sm-box .box {
        width: 100%;
    }
    .two-sm-box .box {
        width: 50%;
    }
    .three-sm-box .box {
        width: 33.33333%;
    }
    .four-sm-box .box {
        width: 25%;
    }
    .five-sm-box .box {
        width: 20%;
    }
    .six-sm-box .box {
        width: 16.66666666666667%;
    }
    .seven-sm-box .box {
        width: 14.28571428571429%;
    }
    .eight-sm-box .box {
        width: 12.5%;
    }
    .main-menu {
        /* display: none; */
    }
    body {
        margin-top: 67px;
    }
    .right-menu {
        display: none;
    }
    .banner-box .box {
        width: 50%;
        padding: 0;
    }
    /*.banner-box .box-data {min-height: 70px;}*/
    .banner-box .box-data {
        width: 100%;
        box-sizing: border-box;
    }
    .above-fold {
        background-size: 1196px auto;
        background-attachment: inherit;
    }
    .small-header .header-top {
        height: 66px;
    }
    .responsive-menu {
        display: block;
    }
    .responsive-menu ul {
        margin: 0;
        padding: 0;
        list-style: none;
        background: #bd1e2c;
    }
    .responsive-menu ul.menu>li {
        padding: 0;
        border-bottom: 1px solid #fff;
        position: relative;
    }
    .responsive-menu ul.menu li a {
        color: #fff;
        padding-right: 45px !important;
    }
    .responsive-menu ul.sub-menu {
        position: relative;
        width: auto;
        background: rgba(0, 0, 0, 0.2);
        display: none;
    }
    .dropdown-mit:after,
    .dropdown-mit:before {
        content: "";
        position: absolute;
        top: 50%;
        border: 0 !important;
        left: 50%;
        background: #fff;
        display: block;
    }
    .dropdown-mit:after {
        width: 2px;
        height: 24px;
        margin-top: -12px;
        margin-left: -1px;
    }
    .dropdown-mit:before {
        width: 24px;
        height: 2px;
        margin-top: -1px;
        margin-left: -12px;
    }
    .open.dropdown-mit:after {
        display: none;
    }
    .responsive-menu ul.menu>li a {
        padding: 10px 20px;
        display: block;
    }
    .responsive-menu ul.sub-menu li {
        border-bottom: 1px solid #bd1e2c;
    }
    .menu-btn {
        position: absolute;
        width: 40px;
        height: 40px;
        right: 20px;
        top: 50%;
        margin-top: -20px;
    }
    .responsive-menu-main {
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        display: none;
        max-height: calc(100vh - 110px);
        overflow: auto;
    }
    .menu-btn span {
        position: absolute;
        left: 5px;
        right: 5px;
        height: 2px;
        background: #bc1e2c;
        display: block;
        top: 50%;
        margin-top: -1px;
    }
    .menu-btn span:before,
    .menu-btn span:after {
        content: "";
        height: 2px;
        background: #bc1e2c;
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        transition: 0.2s all;
    }
    .menu-btn span:before {
        top: -10px;
    }
    .menu-btn span:after {
        top: 10px;
    }
    .responsive-menu ul.menu .dropdown-mit {
        position: absolute;
        width: 44px;
        height: 44px;
        right: 0;
        background: #c4616b;
        padding-right: 0 !important;
        border: 0!important;
        margin: 0!important;
        top: 0;
        padding: 0 !important;
    }
    .open-menu .menu-btn span {
        background: transparent;
    }
    .open-menu .menu-btn span:before {
        transform: rotateZ(-45deg);
        -moz-transform: rotateZ(-45deg);
        -webkit-transform: rotateZ(-45deg);
        top: 0;
    }
    .open-menu .menu-btn span:after {
        transform: rotateZ(45deg);
        -moz-transform: rotateZ(45deg);
        -webkit-transform: rotateZ(45deg);
        top: 0;
    }
    .main-menu nav {
        display: none;
    }
    .search-form {
        position: absolute;
        right: 0;
        left: 0;
        background: #bc1e2c;
        padding: 15px 20px;
        box-sizing: border-box;
        transition: 0.2s all;
        -webkit-transition: 0.2s all;
        -moz-transition: 0.2s all;
        margin: 0;
        border: none;
    }
    /*.search-form form {border: 1px solid #fff;}*/
    .search-form input[type="text"] {
        width: 92%;
        width: calc(100% - 62px);
        font-style: italic;
        font-size: 23px;
    }
    .search-form input[type="submit"] {
        background-size: 24px auto;
    }
    .search-btn {
        position: absolute;
        left: 0;
        top: 0;
        width: 70px;
        text-align: center;
        line-height: 50px;
        display: block;
    }
    .search-form.open {
        right: 0;
    }
    .search-btn:before {
        content: "";
        border-style: solid;
        border-color: transparent #fff transparent transparent;
        border-width: 6px 6px 6px 0px;
        display: inline-block;
        margin: 0 5px 0 0;
    }
    .open .search-btn:before {
        border-color: transparent #fff;
        border-width: 6px 0 6px 6px;
    }
    .left-area,
    .right-area,
    .big-left-box .left-area,
    .big-left-box .right-area {
        width: 100%;
        max-width: 100%;
        padding-bottom: 20px;
    }
    .alternate-nav .box:hover a {
        height: 80px;
    }
    .alternate-nav .box:hover span {
        opacity: 0;
    }
    .pop-up-box .img-box {
        width: 150px;
    }
    .pop-up-box .info-text {
        width: calc(100% - 265px);
    }
    .two-column .wrapper {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        -webkit-flex-direction: column;
    }
    .two-column .left-area {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
    }
    .two-column .right-area {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
    }
    .rotate-header header.main-header {
        transform: none;
        box-shadow: none;
    }
    .rotate-header header.main-header .main-menu.red-bg {
        box-shadow: none;
    }
    .rotate-header .titlebar {
        transform: none;
        width: 100%!important;
    }
    .rotate-header .titlebar:before {
        display: none;
    }
    .rotate-header .sub-page-content {
        margin-top: 0;
        background: none;
        height: auto;
    }
    .rotate-header .broken-content {
        width: 70%;
        transform: none;
        margin: 100px 0;
    }
    .back_to_top_bottom_button {
        bottom: -60px!important;
        position: relative;
        margin-bottom: 0;
        opacity: 1!important;
    }
    body.fixed_button_body .back_to_top_bottom_button.fixed_button {
        position: relative;
        bottom: 0;
    }
    .back_to_top_bottom {
        bottom: 0px;
        opacity: 1;
    }
    body.backtotop_done .back_to_top_bottom_button {
        display: inline-block!important;
    }
    a.menubtn {
        display: inline-block;
        width: 100%;
        height: 100%;
    }
}


/* tablet portrait view and mobile landscape view */

@media screen and (max-width:768px) {
    .search-btn-icon-mobile {
        top: 18px;
    }
    h1 {
        font-size: 40px;
        margin-bottom: 25px;
    }
    h2 {
        font-size: 36px;
        margin-bottom: 22px;
    }
    h3 {
        font-size: 32px;
        margin-bottom: 15px;
    }
    h4 {
        font-size: 28px;
        margin-bottom: 5px;
    }
    h5 {
        font-size: 24px;
        margin-bottom: 5px;
    }
    .one-in-sd .box {
        width: 100%;
    }
    .two-in-sd .box {
        width: 50%;
    }
    .three-in-sd .box {
        width: 33.33333%;
    }
    .four-in-sd .box {
        width: 25%;
    }
    .five-in-sd .box {
        width: 20%;
    }
    .six-in-sd .box {
        width: 16.66666666666667%;
    }
    .seven-in-sd .box {
        width: 14.28571428571429%;
    }
    .eight-in-sd .box {
        width: 12.5%;
    }
    .one-slide .img-box {
        float: none;
        margin-bottom: 20px;
    }
    .news-box,
    .news-box.nomargin-right {
        width: 100%;
        margin: 0 auto 25px!important;
        min-height: 0px;
    }
    .news-list-area {
        margin: 0;
    }
    .news-text {
        height: auto;
        padding-bottom: 40px;
    }
    .text-box {
        width: 100%;
    }
    .main-footer .has-four-box .box {
        width: 100%!important;
        margin-bottom: 30px;
        text-align: center;
    }
    .main-footer .has-four-box .box {
        margin-top: 0;
    }
    .main-footer .has-four-box .box.address-box {
        margin-bottom: 0;
    }
    .main-footer .has-four-box .box.address-box p:last-child {
        margin: 0;
    }
    .main-footer.full-window {
        padding: 40px 0 0;
    }
    .banner-box .box-data {
        padding: 25px 0;
    }
    .banner-text h1 span {
        font-size: 40px;
        line-height: 0.6;
        margin-bottom: 8px;
    }
    .logo-main {
        /* width: 210px; */
    }
    .logo-main a:first-child {
        padding: 0 10px 0 0;
        margin: 0 6px 0 0;
    }
    .logo-main a:first-child img {
        width: 35px;
    }
    .logo-main a:last-child img {
        /* width: 153px; */
    }
    .above-fold {
        margin-top: 0px;
    }
    .header-top {
        height: 66px;
    }
    .alternate-nav {
        position: relative;
        bottom: 0;
        padding: 30px 0 0;
    }
    .alternate-nav .box:hover a {
        height: auto;
    }
    .alternate-nav .box:hover span {
        opacity: 1;
    }
    .pop-up-box .info-text {
        width: 100%;
        margin: 20px 0 0;
    }
    .gray-link-box {
        padding: 6px 25px 25px 25px;
    }
    .gray-link-box ul {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
    /*.gray-link-box ul li{width: 100%;}*/
    /*.gray-link-box ul li:nth-child(odd), .gray-link-box ul li:nth-child(even) {padding: 0 !important;clear: none;}*/
    .post-list .info-text {
        width: 100%;
        margin: 20px 0 0;
    }
    .post-list .img-box {
        width: 330px;
        max-width: 100%;
    }
    .post-list.pad-big {
        padding: 0!important;
        margin-bottom: 20px;
    }
    .sub-page-content h3.big {
        font-size: 35px;
    }
    .que-box h6 {
        font-size: 26px;
    }
    .sub-page-content h2 {
        font-size: 20px;
    }
    .intro-text {
        font-size: 22px!important;
    }
    .sub-page-content .right-area p {
        font-size: 1em;
    }
    .sub-page-content h3 {
        font-size: 18px;
    }
    .sub-page-content .right-area ul li {
        font-size: 1em;
    }
    .social-share li {
        margin: 0 0 0 0;
    }
    div.wpcf7-validation-errors {
        position: fixed;
        top: 0;
    }
    /* Staff Page */
    .Staff-box {
        width: 100%;
    }
    .Staff-box:nth-child(2n+1) {
        clear: none;
    }
    .Staff-box .image-box {
        width: 110px;
    }
    .Staff-box .content-box {
        width: 250px;
    }
    .banner-box strong {
        font-size: 42px;
    }
    .rotate-header .broken-content {
        width: 100%;
        margin: 50px 0;
    }
    .rotate-header .broken-content strong {
        font-size: 32px;
        line-height: 32px;
    }
    .rotate-header .broken-content p {
        font-size: 18px;
        line-height: 22px;
    }
    .rotate-header .sub-page-content {
        background-position: center top;
        background-size: 767px auto;
    }
    .rotate-header .search-box-form input[type="submit"] {
        height: 34px;
    }
    .rotate-header .search-box-form input[type="text"] {
        height: 32px;
        width: 50%;
    }
}


/* mobile portrait view */

@media screen and (max-width:559px) {
    .search-btn-icon-mobile {
        right: 60px;
    }
    .wrapper {
        margin: 0 10px;
    }
    .one-in-xs .box {
        width: 100%;
    }
    .two-in-xs .box {
        width: 50%;
    }
    .three-in-xs .box {
        width: 33.33333%;
    }
    .four-in-xs .box {
        width: 25%;
    }
    .five-in-xs .box {
        width: 20%;
    }
    .six-in-xs .box {
        width: 16.66666666666667%;
    }
    .seven-in-xs .box {
        width: 14.28571428571429%;
    }
    .eight-in-xs .box {
        width: 12.5%;
    }
    .above-fold {
        background-size: 670px auto;
        padding-bottom: 0;
    }
    .banner-box .box {
        width: 100%;
    }
    .full-xs-box .box {
        width: 100%;
    }
    .two-xs-box .box {
        width: 50%;
    }
    .three-xs-box .box {
        width: 33.33333%;
    }
    .four-xs-box .box {
        width: 25%;
    }
    .five-xs-box .box {
        width: 20%;
    }
    .six-xs-box .box {
        width: 16.66666666666667%;
    }
    .seven-xs-box .box {
        width: 14.28571428571429%;
    }
    .eight-xs-box .box {
        width: 12.5%;
    }
    .pad-small {
        padding: 10px!important;
    }
    .pad-big {
        padding: 25px!important;
    }
    .pad-bigger {
        padding: 40px!important;
    }
    .pad-top-small {
        padding-top: 10px!important;
    }
    .pad-top-big {
        padding-top: 25px!important;
    }
    .pad-top-bigger {
        padding-top: 40px!important;
    }
    .pad-left-small {
        padding-left: 10px!important;
    }
    .pad-left-big {
        padding-left: 25px!important;
    }
    .pad-left-bigger {
        padding-left: 40px!important;
    }
    .pad-bottom-small {
        padding-bottom: 10px!important;
    }
    .pad-bottom-big {
        padding-bottom: 25px!important;
    }
    .pad-bottom-bigger {
        padding-bottom: 40px!important;
    }
    .pad-right-small {
        padding-right: 10px!important;
    }
    .pad-right-big {
        padding-right: 25px!important;
    }
    .pad-right-bigger {
        padding-right: 40px!important;
    }
    .mar-small {
        margin: 10px!important;
    }
    .mar-big {
        margin: 25px!important;
    }
    .mar-bigger {
        margin: 40px!important;
    }
    .mar-top-small {
        margin-top: 10px!important;
    }
    .mar-top-big {
        margin-top: 25px!important;
    }
    .mar-top-bigger {
        margin-top: 40px!important;
    }
    .mar-left-small {
        margin-left: 10px!important;
    }
    .mar-left-big {
        margin-left: 25px!important;
    }
    .mar-left-bigger {
        margin-left: 40px!important;
    }
    .mar-bottom-small {
        margin-bottom: 10px!important;
    }
    .mar-bottom-big {
        margin-bottom: 25px!important;
    }
    .mar-bottom-bigger {
        margin-bottom: 40px!important;
    }
    .mar-right-small {
        margin-right: 10px!important;
    }
    .mar-right-big {
        margin-right: 25px!important;
    }
    .mar-right-bigger {
        margin-right: 40px!important;
    }
    .banner-text h1 span {
        font-size: 28px;
        padding: 11px 15px 8px 10px;
        margin-bottom: 5px;
        box-shadow: inset 0 65px 0 0 rgba(255, 255, 255, 1.0);
        -webkit-box-shadow: inset 0 65px 0 0 rgba(255, 255, 255, 1.0);
        -moz-box-shadow: inset 0 65px 0 0 rgba(255, 255, 255, 1.0);
    }
    .banner-text a {
        padding: 10px 10px 7px 10px;
        line-height: 1;
    }
    h2 {
        font-size: 32px;
    }
    .navigation-buttons a {
        width: 40px;
        height: 40px;
        background-size: auto 40px!important;
    }
    .navigation-buttons a span {
        margin-left: 5px;
        margin-right: 5px;
        font-size: 16px;
        padding: 0;
    }
    .navigation-buttons {
        margin-top: 20px;
    }
    h3.big {
        font-size: 30px;
    }
    .full-window .wrapper .table>.table-data,
    .full-window .wrapper .table {
        display: block;
    }
    .one-slide .img-box img {
        max-width: 100%;
    }
    .one-slide .img-box {
        max-width: 100%;
    }
    .one-slide .img-box:before {
        display: none;
    }
    .sub-info-box .info-text {
        width: 190px;
        width: calc(100% - 90px);
    }
    .sub-info-box .img-box {
        width: 90px;
    }
    .sub-info-box .info-text .pad-small {
        padding: 10px!important;
    }
    .sub-info-box .info-text h6 {
        font-size: 18px;
        margin-bottom: 0;
    }
    .sub-info-box .info-text strong {
        font-size: 14px;
    }
    .sub-info-box .info-text p {
        font-size: 12px;
    }
    .pop-up-main .wrapper {
        margin: 40px 10px;
    }
    .pop-up-main .box-data {
        padding: 0 10px;
    }
    .pop-up-box.pad-big {
        padding: 30px 15px!important;
        margin: 0 auto;
        width: auto;
    }
    .subpage-banner {
        min-height: 250px;
    }
    .g-recaptcha {
        -ms-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(0.8, 0.8);
        left: -24px;
        position: relative;
        margin-top: -40px;
    }
    .error404 h1.big span {
        font-size: 120px;
        margin-bottom: 30px;
    }
    .error404 h1.big {
        font-size: 34px;
    }
    /* Staff Page */
    .Staff-box {
        float: none!important;
        border-bottom: 1px solid #9c9996;
        padding-bottom: 15px;
        margin-bottom: 15px;
    }
    .Staff-box:last-child {
        border-bottom: 0;
        padding: 0;
    }
    .Staff-box .image-box {
        float: none;
        margin-bottom: 15px;
        display: block;
        width: 110px;
    }
    .Staff-box .content-box {
        float: none;
        display: block;
        padding: 0;
        width: 100%;
    }
    .banner-box .box-data {
        height: auto!important;
    }
    .gray-link-box ul li i {
        width: 10%;
    }
    .gray-link-box ul li a {
        width: 90%;
    }
    .banner-box .box {
        display: none;
    }
    .feature-img-tax {
        float: none;
        max-width: 100%;
    }
    .back_to_top_bottom {
        bottom: -40px;
    }
}


/* landscape view mode */

@media screen and (max-width:768px) and (min-width:420px) and (orientation:landscape) {
    .above-fold {
        margin-top: 0px;
    }
    .main-header {
        position: relative;
    }
    body {
        margin: 0;
    }
}


/*sm0417*/

@media screen and (min-width:921px) {
    .search-btn-icon-desktop {
        /* display: inline-block; */
        /* z-index: 1; */
    }
    span.search-desktop-btn,
    span.search-desktop-close {
        width: 30px;
        background-position: center;
        height: 30px;
        transition: all 1s;
        position: relative;
        background-size: cover;
        background-repeat: no-repeat;
        background-size: 22px;
        cursor: pointer;
    }
    span.search-desktop-btn {
        background-image: url(../images/svg/icon_search.svg);
        display: inline-block;
    }
    span.search-desktop-close {
        background-image: url(../images/svg/icon_X.svg);
        display: none;
    }
    span.search-desktop-btn.hidden {
        display: none;
    }
    span.search-desktop-close.shown {
        display: inline-block;
    }
    .search-form form {
        opacity: 0;
        width: 80px;
        left: 0;
        transition: all 0.25s ease-in-out;
    }
    .search-form form.shown1 {
        width: 250px;
        left: -250px;
        opacity: 1;
    }
    .search-form form input[type=text] {
        width: 0;
        transition: all 0.25s ease-in-out;
    }
    .search-form form.shown1 input[type=text] {
        width: 165px;
    }
    .shown1+.search-btn-icon-desktop {
        z-index: 99;
        display: block;
    }
    .search-btn-icon-desktop:nth-last-of-type(2) {
        display: inline-block;
        z-index: 9;
    }
}

@media screen and (min-width:993px) {
    .search-form form.shown1 input[type=text] {
        width: 170px;
    }
    .search-form form.shown1 {
        width: 280px;
        left: inherit;
        opacity: 1;
        position: absolute;
        right: 35px;
    }
}

@media screen and (min-width:769px) and (max-width:920px) {
    .pad-top-small {
        padding-top: 30px!important;
    }
}

@media screen and (max-width:920px) {
    .header-top {
        border-bottom: 5px solid #ae2b30;
    }
    .menu-btn {
        right: 15px;
    }
    .menu-btn span,
    .menu-btn span:before,
    .menu-btn span:after {
        height: 4px;
        background: #ae2b30;
    }
    .header-top .wrapper {
        margin: 0 10px;
    }
    span.search-mobile-close {
        position: absolute;
        left: 5px;
        right: 5px;
        height: 30px;
        width: 30px;
        background: #bc1e2c;
        display: none;
        top: 50%;
        margin-top: -13px;
    }
    span.search-mobile-close:before,
    span.search-mobile-close:after {
        content: "";
        height: 4px;
        background: #bc1e2c;
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        transition: 0.2s all;
    }
    span.search-mobile-close {
        background: transparent;
    }
    .open-search span.search-mobile-close:after {
        transform: rotateZ(45deg);
        -moz-transform: rotateZ(45deg);
        -webkit-transform: rotateZ(45deg);
        top: 12px;
    }
    span.search-mobile-close:before {
        transform: rotateZ(-45deg);
        -moz-transform: rotateZ(-45deg);
        -webkit-transform: rotateZ(-45deg);
        top: 12px;
    }
    #search-cls {
        width: auto !important
    }
    .open-search #search-cls {
        width: 100%!important
    }
}

@media screen and (max-width:768px) {
    .search-btn-icon-mobile {
        top: 24px;
    }
    span.search-mobile-btn,
    span.search-mobile-close,
    .search-btn-icon-mobile {
        height: 24px;
        width: 24px;
    }
    .menu-btn span {
        left: 7px;
        right: 7px;
    }
    .menu-btn span:after {
        top: 9px
    }
    .menu-btn span:before {
        top: -9px
    }
    span.search-mobile-close {
        position: absolute;
        left: 0px;
        right: 5px;
        height: 26px;
        width: 26px;
    }
    .wrapper {
        margin: 0 35px;
    }
    .logo-main a:first-child {
        padding: 0 3px 0 0;
        margin: 0 0 0 0;
    }
    .banner-text {
        top: 50px;
    }
}

@media screen and (max-width:559px) {
    .search-btn-icon-mobile {
        right: 55px;
    }
    .above-fold {
        background-size: 750px auto;
    }
    .header-top .wrapper {
        margin: 0 15px;
    }
    .search-btn-icon-mobile {
        right: 56px;
    }
    .menu-btn {
        right: 5px;
    }
    .back_to_top_bottom_button {
        bottom: -40px!important;
    }
    .banner-text.box_shadow_none h1 span,
    .banner-text.box_shadow_none p span {
        padding: 9px 10px 10px 10px;
    }
}

@media screen and (max-width:350px) {
    .search-btn-icon-mobile {
        right: 48px;
    }
}

.spu-content {
    max-width: 720px;
    margin: 0 auto;
    padding: 30px 0;
}