@media screen and (min-width:1170px) {
    header .wrapper .container .menu-wrapper .menu-item.mobile-only {
        display: none !important;
    }

    section.main-category-preview .wrapper .category-item {
        width: 28%;
    }

    .cookie-container .btn-container .btn:hover {
        background-color: #fff;
        color: #033b78;
        border: 1px solid #033b78;
    }

    header .header-sub-menu .container .sub-menu-container .items-wrapper .menu-categories .menu-category a:hover {
        background-color: #fff;
        box-shadow: 0 .03rem .26rem rgba(0, 0, 0, .08);
        color: #033b78;
        border-color: transparent;
    }

    header .header-sub-menu .container .sub-menu-container .items-wrapper .menu-categories .menu-category a:hover:after {
        opacity: 1;
        margin-right: 0;
    }

    section.list-wrapper .wrapper .list .item:hover {
        background: #fff;
        box-shadow: 0 .13rem .56rem rgba(0, 0, 0, .16);
        -ms-box-shadow: 0 .13rem .56rem rgba(0, 0, 0, .16);
        -webkit-box-shadow: 0 .13rem .56rem rgba(0, 0, 0, .16);
        -moz-box-shadow: 0 .13rem .56rem rgba(0, 0, 0, .16);
        -o-box-shadow: 0 .13rem .56rem rgba(0, 0, 0, .16);
        z-index: 2;
    }

    section.main-banner .wrapper .content a.button:hover {
        background-color: #1b355d;
    }

    footer .container .footer-menu-wrapper .menu-item .footer-menu ul li a:hover {
        color: #151515;
    }

    section.list-wrapper .wrapper .list .item .button:hover {
        background-color: #033b78;
    }

    section.list-wrapper .wrapper .list .item .button:hover img {
        display: none;
    }

    section.list-wrapper .wrapper .list .item .button:hover .hover {
        display: inline-block;
    }

    .popslide .popslide-cont .content .tab .product-list .product-item .cart-count .button:hover {
        background-color: #033b78;
    }

    .popslide .popslide-cont .content .tab .product-list .product-item .cart-count .button:hover i:after,
    .popslide .popslide-cont .content .tab .product-list .product-item .cart-count .button:hover i:before {
        background-color: #fff;
    }

    .popslide .popslide-cont .content .tab .product-list .product-item .remove.button:hover {
        background-color: rgba(183, 28, 28, .26);
    }

    section.product-list .products .list-view .product-item .img-box:hover {
        transform: scale3d(1.1, 1.1, 1.1);
    }

    section.product-list .products .list-view[data-view="column"] .product-item .button-container a.btn-hover:hover {
        background-color: #033b78;
        border-color: #033b78;
    }

    section.product-list .products .list-view[data-view="column"] .product-item .button-container a.btn-hover:hover span {
        color: #fff;
    }

    section.product-list .products .list-view[data-view="column"] .product-item .button-container a.btn-hover:hover:after {
        color: #fff;
    }

    section.main-category-preview .wrapper .category-item:hover .overlay {
        opacity: 0;
    }

    section.detail-page .wrapper .container .main-content .content .images-wrapper .img-box:hover img {
        transform: translate3d(-5%, 0, 0);
    }

    section.detail-page .wrapper .container .main-content .content .images-wrapper .img-box:hover:before {
        opacity: 1;
    }

    section.news-detail .wrapper .news-content .images-wrapper .img-box:hover img {
        transform: translate3d(-5%, 0, 0);
    }

    section.news-detail .wrapper .news-content .images-wrapper .img-box:hover:before {
        opacity: 1;
    }

    section.news-detail .wrapper .news-content .share a:hover:after {
        transform: scale(1);
    }

    .sidebar .menu-group .menu-items li a:hover {
        opacity: .9;
    }

    section.search .search-results a:hover {
        padding-left: 5%;
        background-color: #fff;
    }

    .btn.btn-outline:hover {
        background-color: #f7f7f7;
    }

    section.product-list .products .list-view .product-item .model-icon:hover {
        transform: matrix(1.1, 0, 0, 1.1, 0, 0);
    }

    .popslide .popslide-cont .bottom .button .btn:hover {
        border: 1px solid #033b78;
        color: #033b78;
        background-color: #fff;
    }

    section.news-detail .wrapper .related-news .item:hover {
        z-index: 2;
        box-shadow: 0 .13rem .56rem rgba(0, 0, 0, .16);
        -ms-box-shadow: 0 .13rem .56rem rgba(0, 0, 0, .16);
        -webkit-box-shadow: 0 .13rem .56rem rgba(0, 0, 0, .16);
        -moz-box-shadow: 0 .13rem .56rem rgba(0, 0, 0, .16);
        -o-box-shadow: 0 .13rem .56rem rgba(0, 0, 0, .16);
    }

    .form form.general .button a.btn-blue:hover {
        background-color: #fff;
        color: #033b78;
        border: 1px solid #033b78;
    }

    header .wrapper .container .menu-wrapper .menu-item>a:hover svg g {
        opacity: .74;
    }

    header .wrapper .container .menu-wrapper .menu-item>a:not(.selected):hover span {
        color: #383838;
    }
}

@media screen and (max-width:1600px) and (min-width:901px) {
    section.contact-footer .footer-wrapper .wrapper .catalog .bottom {
        margin-top: .6rem;
    }

    section.contact-footer .footer-wrapper .wrapper .newsletter form.general {
        margin-top: 0;
    }

    section.home-news .news .wrapper .owl-dots {
        left: calc(56.455% + .4rem);
    }

    section.home-news .news .wrapper .item .content {
        padding-left: .4rem;
        padding-right: 3%;
    }

    section.home-news .news .wrapper .item .content .title {
        font-size: .22rem;
    }

    section.home-news .history .nav-carousel .next-years {
        width: 25%;
    }
}

@media screen and (max-width:1600px) and (min-width:1161px) {
    header .wrapper .container {
        padding-left: .2rem;
        padding-right: .2rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    header .wrapper .container .menu-wrapper .menu-item {
        margin-right: .1rem;
    }

    header .wrapper .container .menu-wrapper .menu-item a {
        font-size: .11rem;
    }

    header .wrapper .container .menu-wrapper .menu-item>a {
        padding: .35rem .01rem;
    }

    header .wrapper .container .menu-wrapper .menu-item.seperator {
        padding-left: .12rem;
    }

    header .wrapper .container .center {
        width: .9rem;
    }
}

@media screen and (max-width:900px) {
    .desktop-only {
        display: none !important;
    }

    html {
        font-size: 26.666666vw;
    }

    body.menu-active {
        overflow: hidden;
    }

    .container {
        padding-left: .4rem;
        padding-right: .4rem;
    }

    header .header-sub-menu .container {
        padding-bottom: .4rem;
    }

    header .header-sub-menu ul.langs {
        padding: .2rem 0;
    }

    header .header-sub-menu ul.langs li {
        width: 45%;
        padding: .1rem 0;
        display: block;
        margin: 0 auto;
        text-align: left;
    }

    .form form.general .form-item input,
    .form form.general .form-item textarea {
        font-size: .12rem;
        padding: .17rem .25rem;
    }

    .form form.general .col-6 {
        width: calc(100% - .5rem);
    }

    .form form.general .form-item .input-cont label {
        top: .25rem;
        left: .17rem;
        font-size: .12rem;
    }

    .form form.general .form-item .select2-container .select2-selection .select2-selection__rendered {
        padding: .18rem .25rem;
        font-size: .12rem;
    }

    .form form.general .form-item.checkbox-cont label {
        width: calc(100% - .21rem);
        padding-left: .13rem;
        vertical-align: top;
    }

    .form form.general .form-item.checkbox-cont .checkbox-input {
        vertical-align: top;
    }

    .form form.general .form-item.checkbox-cont .checkbox-input .checkbox-inner {
        margin-top: .02rem;
        height: .21rem;
        width: .21rem;
    }

    .btn-hover {
        height: .42rem;
        width: .42rem;
        padding-left: .2rem;
        padding-right: .2rem;
    }

    .btn-hover:after {
        right: .14rem;
    }

    .title .general {
        font-size: .21rem;
        font-weight: 300;
    }

    .breadcumb li a {
        font-size: .08rem;
        letter-spacing: -.025em;
    }

    .breadcumb li::after {
        font-size: .08rem;
    }

    .button-group {
        display: flex;
        width: 100%;
        bottom: -.01rem;
        height: 1.08rem;
        align-items: stretch;
        flex-wrap: nowrap;
        flex-direction: row;
    }

    .button-group .button-item {
        display: inline-flex;
        align-items: center;
        flex-wrap: wrap;
        width: 33.33%;
        height: 100%;
        vertical-align: middle;
        padding: .2rem;
    }

    .button-group .button-item.product-btn {
        height: 100%;
    }

    .button-group .button-item:before {
        content: none;
    }

    .button-group .button-item span {
        font-size: .09rem;
        line-height: 1.44em;
    }

    .button-group .popslide-btn .cart-count {
        top: .1rem;
        left: .3rem;
    }

    .button-group .popslide-btn .arrow {
        right: .2rem;
        bottom: .15rem;
        left: auto;
        transform: rotate(180deg);
        width: .07rem;
    }

    .button-group .button-item.mw-100 {
        width: 100%;
        text-align: center;
        height: auto;
    }

    .button-group .button-item.mw-100 img {
        vertical-align: middle;
        display: inline-block;
    }

    .button-group .button-item.mw-100 span {
        width: auto;
        display: inline-block;
        vertical-align: middle;
        margin-top: 0;
        margin-left: .15rem;
        font-size: .11rem;
    }

    .button-group .button-item.mw-100 span.cart-count {
        width: .2rem;
        position: relative;
        display: inline-block;
        margin-left: 0;
        left: -.15rem;
        top: 0;
    }

    .button-group .button-item.mw-100 .arrow {
        position: relative;
        top: 0;
        left: .15rem;
    }

    .button-group .notify {
        transform: translate3d(0, -.6rem, 0);
        width: 80% !important;
        bottom: 1rem !important;
        left: 10% !important;
    }

    .button-group .notify.cart-notify:before {
        right: 50%;
        top: auto;
        bottom: -.15rem;
        transform: rotate(90deg);
    }

    .button-group .notify.empty-cart:before {
        right: 18%;
        top: auto;
        bottom: -.15rem;
        transform: rotate(90deg);
    }

    section.contact-footer {
        height: auto;
    }

    section.contact-footer .container {
        padding: 0;
    }

    section.contact-footer .footer-wrapper {
        position: relative;
        transform: none;
    }

    section.contact-footer .footer-wrapper .wrapper {
        display: inline-block;
    }

    section.contact-footer .footer-wrapper .wrapper .title {
        font-size: .18rem;
        font-weight: 400;
        vertical-align: middle;
        width: 100%;
        letter-spacing: -.005em;
        min-height: .43rem;
    }

    section.contact-footer .footer-wrapper .wrapper .title span {
        font-size: .18rem;
        font-weight: 400;
        letter-spacing: -.005em;
    }

    section.contact-footer .footer-wrapper .wrapper .catalog {
        display: inline-block;
        width: 100%;
        padding: .36rem .4rem .4rem .4rem;
        overflow: hidden;
    }

    section.contact-footer .footer-wrapper .wrapper .catalog .bottom {
        margin-top: 0px;
    }

    section.contact-footer .footer-wrapper .wrapper .catalog .bottom .icon img {
        height: .4rem;
    }

    section.contact-footer .footer-wrapper .wrapper .catalog .bottom .button {
        vertical-align: bottom;
    }

    section.contact-footer .footer-wrapper .wrapper .catalog .bottom .button .btn-hover {
        border: 0;
        padding: 0;
        margin: 0;
        border: 1px solid #033b78;
    }

    section.contact-footer .footer-wrapper .wrapper .catalog .bottom .button .btn-hover:after {
        position: relative;
        right: -.1rem;
        top: -.1rem;
        transform: none;
        font-size: .16rem;
    }

    section.contact-footer .footer-wrapper .wrapper .catalog .bottom .button .btn-hover:before {
        vertical-align: bottom;
    }

    section.contact-footer .footer-wrapper .wrapper .ft-contact {
        width: 100%;
        padding: .32rem .4rem;
    }

    section.contact-footer .footer-wrapper .wrapper .ft-contact .title {
        width: 60%;
        vertical-align: middle;
        padding-right: .1rem;
        min-height: unset;
    }

    section.contact-footer .footer-wrapper .wrapper .ft-contact .title span {
        vertical-align: middle;
    }

    section.contact-footer .footer-wrapper .wrapper .ft-contact .title .icon img {
        width: .22rem;
        vertical-align: middle;
    }

    section.contact-footer .footer-wrapper .wrapper .ft-contact .bottom {
        margin-top: 0;
        width: 40%;
        vertical-align: middle;
        text-align: left;
        margin-top: .05rem;
    }

    section.contact-footer .footer-wrapper .wrapper .ft-contact .bottom .phone {
        font-size: .11rem;
    }

    section.contact-footer .footer-wrapper .wrapper .ft-contact .bottom .phone span {
        margin-top: .07rem;
        font-size: .2rem;
    }

    section.contact-footer .footer-wrapper .wrapper .newsletter {
        width: 100%;
        padding: .4rem;
    }

    section.contact-footer .footer-wrapper .wrapper .newsletter form.general {
        width: calc(100% + .2rem);
        margin: 0 -.1rem;
        margin-top: .23rem;
    }

    section.contact-footer .footer-wrapper .wrapper .newsletter form.general .form-item {
        display: inline-block;
        width: calc(100% - .7rem);
        margin: 0 .1rem;
    }

    section.contact-footer .footer-wrapper .wrapper .newsletter form.general .button {
        width: .5rem;
        margin: 0;
    }

    section.contact-footer .footer-wrapper .wrapper .newsletter form.general .button .btn {
        width: .5rem;
        height: .5rem;
        text-align: center;
        padding: .15rem .15rem;
    }

    section.contact-footer .footer-wrapper .wrapper .newsletter form.general .button .btn span {
        display: none;
    }

    footer {
        padding-bottom: .6rem;
        padding-top: .6rem;
    }

    footer .container {
        padding-left: .4rem;
        padding-right: .4rem;
    }

    footer .container .footer-menu-wrapper {
        flex-direction: column;
    }

    footer .container .footer-menu-wrapper .menu-item {
        display: none;
    }

    footer .container .footer-menu-wrapper .menu-item.logo {
        display: inline-block;
        width: 100%;
    }

    footer .container .footer-menu-wrapper .menu-item.logo img {
        width: .0, 5rem;
    }

    footer .container .footer-menu-wrapper .menu-item.social-media {
        display: inline-block;
        width: 100%;
        margin-top: .53rem;
    }

    footer .container .footer-menu-wrapper .menu-item.social-media .title {
        font-size: .11rem;
        margin-bottom: .17rem;
    }

    footer .container .footer-menu-wrapper .menu-item.social-media .footer-menu li a {
        width: .48rem;
        height: .48rem;
        font-size: .16rem;
    }

    footer .container .footer-menu-wrapper .menu-item.social-media .footer-menu li+li {
        margin-left: .1rem;
    }

    footer .container .rights {
        margin-top: .26rem;
    }

    footer .container .rights .top {
        font-size: .09rem;
    }

    footer .container .rights .bottom span {
        font-size: .08rem;
    }

    footer .container .rights .f-logo {
        transform: translate(2rem, 2.3rem);
        /*transform: rotate(90deg) translate(.5rem,-.2rem);*/
        right: auto;
        margin-bottom: 200px !important;
    }

    section.main-banner {
        height: 3rem;
    }

    section.main-banner .wrapper {
        padding-bottom: .4rem;
    }

    section.main-banner .wrapper .content {
        padding-top: .5rem;
    }

    section.main-banner .wrapper .content .title {
        font-size: .3rem;
    }

    section.main-banner .wrapper .content .subtitle {
        font-size: .15rem;
    }

    section.main-banner .wrapper .content .text {
        font-size: .11rem;
    }

    section.main-banner .wrapper .content a.button {
        display: inline-block;
        width: .42rem;
        height: .42rem;
        margin-top: .24rem;
    }

    section.main-category-preview .wrapper .category-item {
        width: 100%;
        height: 3rem;
        border-right: 0;
    }

    section.main-category-preview .wrapper .category-item .content {
        padding-left: .4rem;
        padding-right: .4rem;
        top: .48rem;
    }

    section.main-category-preview .wrapper .category-item .content .title {
        font-size: .24rem;
        letter-spacing: -.005rem;
    }

    section.main-category-preview .wrapper .category-item .content .text {
        font-size: .11rem;
        margin-top: .11rem;
    }

    section.main-category-preview .wrapper .category-item .button .btn-hover {
        max-width: 100%;
        width: auto;
        background-color: #033b78;
        color: #fff;
    }

    section.main-category-preview .wrapper .category-item .button .btn-hover span {
        max-width: 100%;
        margin-right: .25rem;
    }

    section.main-category-preview .wrapper .category-item .button .btn-hover:after {
        color: #fff;
    }

    section.main-industry-preview .wrapper .industry-item {
        width: 100%;
        border-right: 0;
    }

    section.main-industry-preview .wrapper .industry-item .content {
        padding-left: .4rem;
        padding-right: .4rem;
        top: .48rem;
    }

    section.main-industry-preview .wrapper .industry-item .content .title {
        font-size: .24rem;
        letter-spacing: -.005rem;
    }

    section.main-industry-preview .wrapper .industry-item .content .text {
        font-size: .11rem;
        margin-top: .11rem;
    }

    section.main-industry-preview .wrapper .industry-item .button .btn-hover {
        max-width: 100%;
        width: auto;
        background-color: #033b78;
        color: #fff;
    }

    section.main-industry-preview .wrapper .industry-item .button .btn-hover span {
        max-width: 100%;
        margin-right: .25rem;
    }

    section.main-industry-preview .wrapper .industry-item .button .btn-hover:after {
        color: #fff;
    }

    section.about-slider {
        background: none !important;
        position: relative;
    }

    section.about-slider .m-slider {
        position: relative;
    }

    section.about-slider .m-slider .item .index {
        position: absolute;
        top: .4rem;
        left: .4rem;
        right: .4rem;
        color: #fff;
    }

    section.about-slider .m-slider .item .index .total {
        font-size: .37rem;
        font-weight: 700;
        letter-spacing: -.025em;
        display: block;
        opacity: .5;
        margin-top: .03rem;
    }

    section.about-slider .m-slider .item .index .current {
        font-size: .93rem;
        font-weight: 700;
        letter-spacing: -.025em;
        display: block;
        line-height: 1em;
    }

    section.about-slider .m-slider .item .content {
        width: 100%;
        position: absolute;
        bottom: 1.08rem;
        left: .4rem;
        right: .4rem;
    }

    section.about-slider .m-slider .item .content .title {
        font-size: .36rem;
        font-weight: 500;
        color: #fff;
        letter-spacing: -.05em;
    }

    section.about-slider .m-slider .item .content .about {
        display: block;
        font-size: .15rem;
        font-weight: 500;
        color: #fff;
        left: .4rem;
        right: .4rem;
        z-index: 1;
        margin-top: .13rem;
    }

    section.about-slider .m-slider .item .content .about i {
        font-size: .12rem;
    }

    section.about-slider .m-slider .owl-nav {
        position: absolute;
        bottom: .43rem;
        left: .4rem;
        right: .4rem;
        font-family: 'FontAwesome';
    }

    section.about-slider .m-slider .owl-nav .owl-prev,
    section.about-slider .m-slider .owl-nav .owl-next {
        display: inline-block;
    }

    section.about-slider .m-slider .owl-nav .owl-next {
        margin-left: .36rem;
    }

    section.about-slider .m-slider .owl-nav .owl-prev:before {
        content: '';
        position: relative;
        display: inline-block;
        font-size: .18rem;
        color: #fff;
    }

    section.about-slider .m-slider .owl-nav .owl-next:before {
        content: '';
        position: relative;
        display: inline-block;
        font-size: .18rem;
        color: #fff;
    }

    section.home-news:after,
    section.home-news:before {
        content: none;
    }

    section.home-news .container {
        direction: ltr;
        padding: 0;
    }

    section.home-news .container .news {
        padding: .33rem .4rem 1.2rem .4rem;
    }

    section.home-news .container .news .wrapper .item .img-section {
        width: 100%;
        padding-bottom: 50%;
    }

    section.home-news .container .news .wrapper .item .content {
        width: 100%;
        padding: 0;
        margin-top: .25rem;
    }

    section.home-news .container .news .wrapper .item .content .title {
        font-size: .21rem;
    }

    section.home-news .container .news .wrapper .nav {
        position: relative;
        width: 100%;
        display: inline-block;
        left: 0;
        margin-top: .3rem;
        text-align: right;
    }

    section.home-news .container .news .wrapper .owl-dots {
        right: auto;
        left: 0;
        bottom: -.5rem;
    }

    section.home-news .container .news .wrapper .owl-dots .owl-dot {
        margin-right: .2rem;
        margin-left: 0;
    }

    section.home-news .container .history {
        padding: .4rem;
    }

    section.home-news .container .history .nav-carousel {
        margin-top: .3rem;
    }

    section.home-news .container .history .nav-carousel:before {
        width: 25%;
    }

    section.home-news .container .history .nav-carousel .next-years {
        display: inline-block;
        width: 25%;
    }

    section.home-news div .title {
        margin-bottom: .3rem;
    }

    section.home-news div .title .nav {
        display: none;
    }

    section.product-list {
        background-color: #f7f7f7;
        padding-bottom: .8rem;
    }

    section.product-list:before,
    section.product-list:after {
        content: none;
    }

    section.product-list .sidebar {
        display: none;
    }

    section.product-list .products {
        width: 100%;
        padding-top: .3rem;
        padding-left: 0;
        padding-bottom: .3rem;
    }

    section.product-list .products .header .view-type {
        display: none;
    }

    section.product-list .products .page-title {
        font-size: .21rem;
        font-weight: 300;
        letter-spacing: -.025em;
        color: #033b78;
        margin-top: .1rem;
    }

    section.product-list .products .list-view[data-view=column],
    section.product-list .products .list-view[data-view=row] {
        width: 100%;
        margin: 0;
    }

    section.product-list .products .list-view[data-view=column] .product-item,
    section.product-list .products .list-view[data-view=row] .product-item {
        display: inline-block;
        width: 100%;
        margin: 0;
        padding: .3rem .3rem .1rem .3rem;
        direction: ltr;
        overflow: hidden;
        margin-top: .3rem;
    }

    section.product-list .products .list-view[data-view=column] .product-item .img-box,
    section.product-list .products .list-view[data-view=row] .product-item .img-box {
        width: 100%;
        margin-top: .5rem;
        height: auto;
    }

    section.product-list .products .list-view[data-view=column] .product-item .product-title,
    section.product-list .products .list-view[data-view=row] .product-item .product-title {
        width: 100%;
        font-size: .15rem;
        letter-spacing: -.05em;
        margin-top: .43rem;
    }

    section.product-list .products .list-view[data-view=column] .product-item .button-container,
    section.product-list .products .list-view[data-view=row] .product-item .button-container {
        width: 100%;
        left: 0;
        bottom: .3rem;
        margin-top: .4rem;
        position: relative;
    }

    section.product-list .products .list-view[data-view=column] .product-item .button-container a.btn-hover,
    section.product-list .products .list-view[data-view=row] .product-item .button-container a.btn-hover {
        max-width: 100%;
        width: 100%;
        height: auto;
        padding: .16rem .4rem .16rem .2rem;
        margin: 0;
        margin-top: .1rem;
    }

    section.product-list .products .list-view[data-view=column] .product-item .button-container a.btn-hover:before,
    section.product-list .products .list-view[data-view=row] .product-item .button-container a.btn-hover:before {
        content: none;
    }

    section.product-list .products .list-view[data-view=column] .product-item .button-container a.btn-hover span,
    section.product-list .products .list-view[data-view=row] .product-item .button-container a.btn-hover span {
        max-width: 100%;
        width: 100%;
        white-space: normal;
    }

    section.product-list .products .list-view[data-view=column] .product-item .button-container .btn-detail:after,
    section.product-list .products .list-view[data-view=row] .product-item .button-container .btn-detail:after {
        right: .19rem;
    }

    section.product-list .products .list-view[data-view=column] .product-item .model-icon,
    section.product-list .products .list-view[data-view=row] .product-item .model-icon {
        width: .53rem;
        height: .53rem;
    }

    section.product-list .products .list-view[data-view=column] .product-item .model-icon .icon-img,
    section.product-list .products .list-view[data-view=row] .product-item .model-icon .icon-img {
        width: .53rem;
        height: .53rem;
    }

    section.product-list .products .list-view[data-view=column] .product-item .product-features,
    section.product-list .products .list-view[data-view=row] .product-item .product-features {
        width: 100%;
        padding-left: .3rem;
        padding-right: .3rem;
    }

    section.product-list .products .list-view[data-view=column] .product-item .product-features .features-img-box,
    section.product-list .products .list-view[data-view=row] .product-item .product-features .features-img-box {
        width: 80%;
    }

    section.product-list .products .list-view[data-view=column] .product-item .product-features .features-img-box span,
    section.product-list .products .list-view[data-view=row] .product-item .product-features .features-img-box span {
        font-size: .14rem;
    }

    section.product-list .products .list-view[data-view=column] .product-item .product-features:before,
    section.product-list .products .list-view[data-view=row] .product-item .product-features:before {
        width: .53rem;
        height: .53rem;
    }

    section.product-list .products .list-view[data-view=column] .product-item.icon-hover .product-features:before,
    section.product-list .products .list-view[data-view=row] .product-item.icon-hover .product-features:before {
        width: 100%;
        height: 100%;
    }

    section.detail-page {
        background: #fff;
    }

    section.detail-page .banner {
        height: 2.2rem;
    }

    section.detail-page .wrapper:before,
    section.detail-page .wrapper:after {
        content: none;
    }

    section.detail-page .wrapper .container {
        top: 0;
        margin-bottom: 0;
    }

    section.detail-page .wrapper .container .main-content {
        width: 100%;
    }

    section.detail-page .wrapper .container .main-content .content {
        width: 100% !important;
        padding-left: 0;
        padding-right: 0;
        padding-top: .4rem;
        padding-bottom: .4rem;
        border-right: 0 !important;
    }

    section.detail-page .wrapper .container .main-content .content .title {
        font-size: .21rem;
    }

    section.detail-page .wrapper .container .main-content .content .text {
        font-size: .13rem !important;
        line-height: 1.69em !important;
    }

    section.detail-page .wrapper .container .main-content .content .text .content-header {
        font-size: .21rem !important;
        letter-spacing: -.025em !important;
        margin-bottom: .03rem;
    }

    section.detail-page .wrapper .container .main-content .content .text .subtitle {
        font-size: .16rem !important;
        letter-spacing: -.025em !important;
        line-height: 1.412em !important;
    }

    section.detail-page .wrapper .container .main-content .content .text p.text {
        font-size: .13rem !important;
        line-height: 1.69em !important;
    }

    section.detail-page .wrapper .container .main-content .content *+.title {
        margin-top: .11rem;
    }

    section.detail-page .wrapper .container .main-content .content *+.content-header {
        margin-top: .2rem;
    }

    section.detail-page .wrapper .container .main-content .content *+.subtitle {
        margin-top: .2rem;
    }

    section.detail-page .wrapper .container .main-content .content .slider,
    .col-6 {
        width: 100% !important;
        margin-top: .11rem;
    }

    section.detail-page .wrapper .container .main-content .content .slider .item {
        height: 1.54rem;
    }

    section.detail-page .wrapper .container .main-content .content .slider .owl-dots {
        bottom: -.25rem;
    }

    section.detail-page .wrapper .container .main-content .content .slider .owl-dots .owl-dot {
        margin-left: 0;
        margin-right: .12rem;
    }

    section.detail-page .wrapper .container .main-content .content .slider .nav {
        bottom: -.25rem;
    }

    section.detail-page .wrapper .container .main-content .content .timeline {
        margin-top: .2rem;
    }

    section.detail-page .wrapper .container .main-content .content .timeline ul li:nth-child(odd) .item {
        text-align: left;
        padding-right: 45%;
    }

    section.detail-page .wrapper .container .main-content .content .timeline ul li:nth-child(even) .item {
        text-align: right;
        padding-left: 45%;
    }

    section.detail-page .wrapper .container .main-content .content .timeline ul li .title {
        font-size: .24rem;
    }

    section.detail-page .wrapper .container .main-content .content .timeline ul li .text {
        margin-top: .1rem;
        font-size: .12rem !important;
    }

    section.detail-page .wrapper .container .main-content .content .timeline ul li *+.text {
        margin-top: .1rem;
    }

    section.detail-page .wrapper .container .main-content .content .breadcumb+.text {
        margin-top: .11rem;
    }

    section.detail-page .wrapper .container .main-content .icons {
        border-top: 1px solid #e6e6e6;
        width: calc(100% + .8rem) !important;
        margin: 0 -.4rem !important;
        padding: 0 0 .4rem 0 !important;
    }

    section.detail-page .wrapper .container .main-content .icons .item {
        width: 50% !important;
        padding: .4rem !important;
        vertical-align: top !important;
        margin-bottom: 0 !important;
        margin-top: 0 !important;
        border-top: 0;
        border-bottom: 1px solid #e6e6e6;
        border-right: 1px solid #e6e6e6;
    }

    section.detail-page .wrapper .container .main-content .icons .item+.item {
        border-left: 0 !important;
    }

    section.detail-page .wrapper .container .main-content .icons .item .title {
        font-size: .18rem;
        letter-spacing: -.025em;
        margin-top: .25rem;
    }

    section.detail-page .wrapper .container .main-content .icons .item .text {
        font-size: .13rem;
        letter-spacing: -.025em;
        margin-top: .02rem;
    }

    section.detail-page .wrapper .container .main-content .icons .item img {
        width: 100%;
        object-fit: contain;
        object-position: center;
    }

    section.detail-page .wrapper .container .main-content .content-boxes {
        width: calc(100% + .8rem) !important;
        margin: 0 -.4rem !important;
    }

    section.detail-page .wrapper .container .main-content .content-boxes .box-item {
        padding: .4rem;
    }

    section.detail-page .wrapper .container .main-content .content-boxes .box-item .img-cont {
        width: 100%;
    }

    section.detail-page .wrapper .container .main-content .content-boxes .box-item .img-cont img {
        width: .6rem;
    }

    section.detail-page .wrapper .container .main-content .content-boxes .box-item .text-cont {
        width: 100%;
        margin-top: .23rem;
    }

    section.detail-page .wrapper .container .main-content .content-boxes .box-item .text-cont .title {
        font-size: .23rem;
        letter-spacing: -.025em;
    }

    section.detail-page .wrapper .container .main-content .content-boxes .box-item .text-cont .text {
        font-size: .13rem;
        letter-spacing: -.025em;
        margin-top: .14rem;
    }

    section.detail-page .wrapper .container.product-page {
        top: 0;
        margin-bottom: 0;
    }

    section.detail-page .wrapper .container.product-page .content {
        padding-bottom: .68rem;
    }

    section.detail-page .sidebar {
        display: none;
    }

    section.list-wrapper {
        padding-bottom: 1.4rem;
    }

    section.list-wrapper .wrapper .banner {
        height: 2.2rem;
    }

    section.list-wrapper .wrapper .banner .title {
        font-size: .21rem;
        letter-spacing: -.025em;
        margin-top: .1rem;
    }

    section.list-wrapper .wrapper .list {
        width: calc(100% + .8rem);
        margin: 0 -.4rem;
        top: 0;
        margin-bottom: 0;
    }

    section.list-wrapper .wrapper .list.download .item {
        padding: .4rem;
    }

    section.list-wrapper .wrapper .list .item {
        width: 100%;
        padding: .4rem;
        border-left: 0;
        border-right: 0;
    }

    section.list-wrapper .wrapper .list .item .text {
        font-size: .14rem;
        letter-spacing: -.025em;
    }

    section.list-wrapper .wrapper .list .item .title {
        margin-top: .15rem;
        font-size: .24rem;
        letter-spacing: -.025em;
    }

    section.list-wrapper .wrapper .list .item .button {
        margin-top: .49rem;
    }

    section.contact .address-wrapper {
        display: flex;
        flex-direction: column-reverse;
    }

    section.contact .map {
        margin: 0;
        height: 2.2rem;
    }

    section.contact .header {
        margin-top: .4rem;
    }

    section.contact .header .contact-address {
        margin-top: .3rem;
    }

    section.contact .header .contact-address .address {
        width: 100%;
        position: relative;
        padding-left: .4rem;
        margin-bottom: .37rem;
    }

    section.contact .header .contact-address .address .icon {
        position: absolute;
        top: 0;
        left: 0;
    }

    section.contact .header .contact-address .address .icon img {
        width: .2rem;
    }

    section.contact .header .contact-address .address .address-title {
        font-size: .15rem;
    }

    section.contact .header .contact-address .address .text {
        font-size: .18rem;
        margin-top: .09rem;
    }

    section.contact .header .contact-address .address.w-50 {
        width: 100%;
    }

    section.contact .header .contact-address .address.w-50 .text {
        font-size: .14rem;
        letter-spacing: -.025em;
        margin-top: .09rem;
    }

    section.contact .form-section {
        margin-bottom: .6rem;
        margin-top: .15rem;
    }

    section.contact .form-section .text {
        width: 100%;
    }

    section.contact .form-section .text .title {
        font-size: .21rem;
    }

    section.contact .form-section .text .text {
        margin-top: .15rem;
        font-size: .13rem;
    }

    section.contact .form-section .text .icon {
        display: none;
    }

    section.contact .form-section .form {
        width: 100%;
        margin-top: .15rem;
    }

    section.contact .form-section .form form.general {
        margin-top: .12rem;
        margin-bottom: .12rem;
    }

    section.contact .form-section .form form.general .form-item {
        margin-top: .12rem;
        margin-bottom: .12rem;
    }

    section.contact .form-section .form form.general .button a.btn {
        width: 100%;
        text-align: center;
    }

    section.contact .form-section .form form.general .button a.btn span {
        padding: 0;
    }

    section.contact .form-section .form form.general .button a.btn i {
        display: none;
    }

    section.news-detail {
        padding-bottom: 1.2rem;
    }

    section.news-detail .wrapper .header {
        padding-top: .4rem;
        padding-bottom: .4rem;
    }

    section.news-detail .wrapper .header .title {
        font-size: .21rem;
        margin-top: .4rem;
        padding-right: 0;
    }

    section.news-detail .wrapper .header .date {
        display: none;
    }

    section.news-detail .wrapper .cover-img {
        margin-bottom: .4rem;
        height: 2.5rem;
        padding-bottom: 0;
    }

    section.news-detail .wrapper .news-content {
        display: inline-block;
        width: 100%;
        vertical-align: top;
        padding-right: 0;
    }

    section.news-detail .wrapper .news-content .text {
        font-size: .13rem;
    }

    section.news-detail .wrapper .news-content .content-title {
        margin-top: .1rem;
    }

    section.news-detail .wrapper .news-content .images-wrapper {
        margin: 0 -.4rem .4rem 0;
        white-space: nowrap;
        margin-top: .3rem;
        overflow: scroll;
        padding-right: .18rem;
    }

    section.news-detail .wrapper .news-content .images-wrapper .img-box {
        width: 2.4rem;
        height: 1.8rem;
        margin: 0;
        margin-right: .22rem;
    }

    section.news-detail .wrapper .news-content .share {
        margin-top: .2rem;
    }

    section.news-detail .wrapper .related-news {
        width: calc(100% + .8rem);
        margin: 0 -.4rem;
        margin-top: .8rem;
    }

    section.news-detail .wrapper .related-news .item {
        padding: .4rem;
    }

    section.news-detail .wrapper .related-news .item .img {
        padding-bottom: 55%;
    }

    section.news-detail .wrapper .related-news .item .title {
        font-size: .18rem;
        margin-top: .2rem;
        padding-right: .3rem;
    }

    section.news-detail .wrapper .related-news .item .date {
        font-size: .09rem;
        margin-top: .15rem;
    }

    section.global .header .breadcumb {
        margin-bottom: .06rem;
    }

    section.global .header .title {
        font-size: .21rem;
    }

    section.global .header .text .content-header {
        font-size: .21rem !important;
        margin-bottom: .03rem;
    }

    section.global .header .text .subtitle {
        font-size: .16rem !important;
        line-height: 1.412em;
    }

    section.global .header .text p.text {
        font-size: .13rem !important;
        line-height: 1.69em;
    }

    section.global .header .icons {
        width: calc(100% + .8rem);
        margin-left: -.4rem;
        margin-right: -.4rem;
        border-top: 1px solid #e6e6e6;
        padding: 0;
    }

    section.global .header .icons .item {
        width: 50%;
        padding: .4rem .35rem;
        border-bottom: 1px solid #e6e6e6;
        border-right: 1px solid #e6e6e6;
    }

    section.global .header .icons .item .title {
        font-size: .18rem;
        font-weight: 700;
    }

    section.global .header .icons .item .text {
        font-size: .13rem;
        font-weight: 300;
        margin-top: 0;
    }

    section.global .offices .container {
        padding-left: 0;
        padding-right: 0;
    }

    section.global .offices .container .items .item {
        width: 100%;
        padding: .4rem .9rem .4rem .4rem;
    }

    section.global .offices .container .items .item .title {
        font-size: .21rem;
        padding: 0;
    }

    section.global .offices .container .items .item .address {
        font-size: .12rem;
    }

    section.global .offices .container .items .item .contact {
        font-size: .14rem;
    }

    section.global .offices .container .items .item .email {
        font-size: .14rem;
    }

    section.global .offices .container .items .item .btn {
        top: .4rem;
        width: .5rem;
        height: .5rem;
        padding-bottom: .15rem;
        padding-top: .15rem;
    }

    section.global .offices .container .items .item *+.address,
    section.global .offices .container .items .item *+.contact,
    section.global .offices .container .items .item *+.email {
        margin-top: .2rem;
    }

    section.search {
        padding-bottom: 1rem;
    }

    section.search .page-title {
        font-size: .24rem;
        margin-top: .75rem;
    }

    section.search .search-results {
        padding: 0;
    }

    section.search .search-results a {
        padding: .2rem .15rem;
    }

    section.search .search-results a .title {
        padding-left: .15rem;
    }

    section.search .search-results a div {
        font-size: .15rem;
    }

    .popup-wrapper[data-popup] .popup-container>.btn-close {
        top: calc(50% - 2rem);
        right: .1rem;
    }

    .popup-wrapper[data-popup=video] .content {
        height: 2.5rem;
    }

    .popup-wrapper .popup-container.form-popup {
        width: 3.15rem;
    }

    .popup-wrapper .popup-container.form-popup .content {
        padding: .4rem;
    }

    .popup-wrapper .popup-container.form-popup .content .title {
        font-size: .17rem;
    }

    .popup-wrapper .popup-container.form-popup .content .text {
        font-size: .11rem;
    }

    .popup-wrapper .popup-container.form-popup .content .btn-close {
        height: .44rem;
        width: .44rem;
        top: .2rem;
        right: .2rem;
    }

    .popup-wrapper .popup-container.form-popup .content .btn-close svg {
        width: .11rem;
    }

    .popslide .popslide-cont {
        width: 100%;
        padding: .4rem;
    }

    .popslide .popslide-cont .btn-close {
        width: .42rem;
        height: .42rem;
        top: .35rem;
        right: .4rem;
    }

    .popslide .popslide-cont .header {
        padding-right: .5rem;
    }

    .popslide .popslide-cont .header .title {
        font-size: .21rem;
    }

    .popslide .popslide-cont .content,
    .popslide .popslide-cont .content.service-popover {
        width: calc(100% + .05rem);
        margin-right: 0;
        padding-right: .05rem;
    }

    .popslide .popslide-cont .content .form form.general,
    .popslide .popslide-cont .content.service-popover .form form.general {
        width: 100%;
        margin: 0 !important;
    }

    .popslide .popslide-cont .content .form form.general .form-item,
    .popslide .popslide-cont .content.service-popover .form form.general .form-item {
        width: 100%;
        margin: .06rem 0;
    }

    .popslide .popslide-cont .content .form form.general .form-item.file-input .input-cont,
    .popslide .popslide-cont .content.service-popover .form form.general .form-item.file-input .input-cont {
        width: 100%;
    }

    .popslide .popslide-cont .content .form form.general .form-item.file-input .input-cont .file-input-text,
    .popslide .popslide-cont .content.service-popover .form form.general .form-item.file-input .input-cont .file-input-text {
        height: auto;
        padding: .2rem .26rem;
    }

    .popslide .popslide-cont .content .form form.general .form-item.file-input .input-cont .file-input-text span,
    .popslide .popslide-cont .content.service-popover .form form.general .form-item.file-input .input-cont .file-input-text span {
        font-size: .12rem;
    }

    .popslide .popslide-cont .content .form form.general .form-item.file-input label,
    .popslide .popslide-cont .content.service-popover .form form.general .form-item.file-input label {
        font-size: .11rem;
        width: 100%;
        margin-top: .16rem;
        margin-left: 0;
        padding: 0;
    }

    .popslide .popslide-cont .content .form form.general .form-item .select2-selection__rendered,
    .popslide .popslide-cont .content.service-popover .form form.general .form-item .select2-selection__rendered {
        padding: .1rem .2rem;
    }

    .popslide .popslide-cont .content .form form.general .col-6,
    .popslide .popslide-cont .content.service-popover .form form.general .col-6 {
        width: 100%;
    }

    .popslide .popslide-cont .content .form form.general .bottom .button,
    .popslide .popslide-cont .content.service-popover .form form.general .bottom .button {
        width: 100%;
        margin: 0;
    }

    .popslide .popslide-cont .content .form form.general .bottom .button a,
    .popslide .popslide-cont .content.service-popover .form form.general .bottom .button a {
        padding: .18rem;
        font-size: .12rem;
    }

    .popslide .popslide-cont .content .form form.general.cart-form .bottom,
    .popslide .popslide-cont .content.service-popover .form form.general.cart-form .bottom {
        margin-top: .36rem;
    }

    .popslide .popslide-cont .content .form form.general.cart-form .bottom .button,
    .popslide .popslide-cont .content.service-popover .form form.general.cart-form .bottom .button {
        width: calc(100% - .64rem);
        margin-left: .12rem;
    }

    .popslide .popslide-cont .content .form form.general.cart-form .bottom .back.button,
    .popslide .popslide-cont .content.service-popover .form form.general.cart-form .bottom .back.button {
        width: .52rem;
        margin: 0;
    }

    .popslide .popslide-cont .content .form form.general.cart-form .bottom .back.button a,
    .popslide .popslide-cont .content.service-popover .form form.general.cart-form .bottom .back.button a {
        padding: .16rem;
        width: .52rem;
        height: .52rem;
    }

    .popslide .popslide-cont .content .tab .product-list,
    .popslide .popslide-cont .content.service-popover .tab .product-list {
        padding-right: 0;
        height: 75%;
    }

    .popslide .popslide-cont .content .tab .product-list .product-item .button.remove,
    .popslide .popslide-cont .content.service-popover .tab .product-list .product-item .button.remove {
        display: none;
    }

    .popslide .popslide-cont .content .tab .product-list .product-item .product-img,
    .popslide .popslide-cont .content.service-popover .tab .product-list .product-item .product-img {
        width: .75rem;
        height: .75rem;
        margin: 0;
    }

    .popslide .popslide-cont .content .tab .product-list .product-item .product-desc,
    .popslide .popslide-cont .content.service-popover .tab .product-list .product-item .product-desc {
        width: calc(100% - .75rem);
        padding-left: .25rem;
    }

    .popslide .popslide-cont .content .tab .product-list .product-item .product-desc .product-code,
    .popslide .popslide-cont .content.service-popover .tab .product-list .product-item .product-desc .product-code {
        font-size: .18rem;
    }

    .popslide .popslide-cont .content .tab .product-list .product-item .product-desc .product-type,
    .popslide .popslide-cont .content.service-popover .tab .product-list .product-item .product-desc .product-type {
        font-size: .13rem;
        margin-top: .03rem;
    }

    .popslide .popslide-cont .content .tab .product-list .product-item .cart-count,
    .popslide .popslide-cont .content.service-popover .tab .product-list .product-item .cart-count {
        width: 100%;
        padding-left: 1rem;
    }

    .popslide .popslide-cont .content .tab .product-list::-webkit-scrollbar,
    .popslide .popslide-cont .content.service-popover .tab .product-list::-webkit-scrollbar {
        width: 0;
    }

    .popslide .popslide-cont .content .tab .bottom .button,
    .popslide .popslide-cont .content.service-popover .tab .bottom .button {
        width: 100%;
    }

    .popslide .popslide-cont .content .tab .bottom .button a,
    .popslide .popslide-cont .content.service-popover .tab .bottom .button a {
        padding: .18rem;
        font-size: .12rem;
    }

    .popslide .popslide-cont .content::-webkit-scrollbar,
    .popslide .popslide-cont .content.service-popover::-webkit-scrollbar {
        width: 0;
    }

    .select2-dropdown .select2-results__options .select2-results__option {
        padding: .15rem .25rem;
    }

    .lightbox .lb-close {
        margin: 0;
        top: -.7rem;
        position: relative;
    }

    .cookie-container {
        padding-top: .1rem;
        padding-bottom: .1rem;
    }

    .cookie-container .container {
        padding: 0 .3rem;
    }

    .cookie-container .container p {
        width: calc(100% - 1rem);
        font-size: .12rem;
        line-height: 1.2em;
        padding-right: .1rem;
    }

    .cookie-container .container .btn-container {
        width: 1rem;
    }

    .cookie-container .container .btn-container .btn {
        width: 100%;
        text-align: center;
        padding: .15rem .2rem;
        font-size: .12rem;
    }
}

@media screen and (max-width:1700px) and (min-width:1450px) {
    section.product-list .products .list-view .product-item {
        padding: .6rem .5rem .6rem .6rem;
    }

    section.product-list .products .list-view .product-item .product-features {
        padding-top: .2rem;
        padding-left: .3rem;
        padding-right: .3rem;
    }

    section.product-list .products .list-view .product-item .product-features .features-img-box {
        width: 70%;
    }

    header .header-sub-menu .container .sub-menu-container .items-wrapper {
        width: 65%;
    }

    header .header-sub-menu .container .sub-menu-container .items-wrapper .menu-group {
        width: 3.2rem;
    }

    header .header-sub-menu .container .sub-menu-container .items-wrapper .menu-categories {
        width: calc(100% - 3.2rem);
        padding-right: 5%;
    }

    header .header-sub-menu .container .sub-menu-container .menu-img {
        width: 35%;
    }
}

@media screen and (max-width:1200px) {
    header.menu-active .mobile-menu {
        left: 0;
    }

    header .mobile-menu {
        display: inline-block;
        position: fixed;
        top: .56rem;
        bottom: 0;
        left: 100%;
        background-color: #fff;
        width: 100%;
        padding: .4rem .4rem .4rem .6rem;
        transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
    }

    header .mobile-menu ul {
        padding: 0;
        width: 100%;
        display: inline-block;
        overflow: scroll;
        max-height: 87vh;
    }

    header .mobile-menu ul li {
        width: 100%;
        display: inline-block;
        text-transform: uppercase;
    }

    header .mobile-menu ul li a {
        display: inline-block;
        width: 100%;
        position: relative;
    }

    header .mobile-menu ul li.menu-item {
        padding: .1rem 0;
    }

    header .mobile-menu ul li.menu-item a {
        font-size: .14rem;
        font-weight: 700;
        color: #000;
        letter-spacing: -.025em;
    }

    header .mobile-menu ul li.menu-item a.parent span:before {
        content: '';
        display: inline-block;
        position: absolute;
        vertical-align: middle;
        top: 50%;
        left: -.22rem;
        margin-top: -.03rem;
        background-image: url(icons/arrow-down-dark.svg);
        width: .1rem;
        height: .06rem;
        background-position: center;
        background-size: cover;
        transition: all .3s ease-in-out;
        transform: rotate(0);
    }

    header .mobile-menu ul li.menu-item .sub-menu {
        padding-top: .15rem;
        padding-left: .15rem;
        display: none;
    }

    header .mobile-menu ul li.menu-item .sub-menu li {
        padding: .07rem;
    }

    header .mobile-menu ul li.menu-item .sub-menu li a {
        color: #033b78;
        font-weight: 600;
    }

    header .mobile-menu ul li.menu-item .sub-menu li a.sub-parent span:before {
        background-image: url(icons/arrow-down-blue.svg);
    }

    header .mobile-menu ul li.menu-item .sub-menu li a.sub-parent.active span:before {
        transform: rotate(-180deg);
    }

    header .mobile-menu ul li.menu-item .sub-menu li .child-menu {
        padding-top: .1rem;
        padding-left: .15rem;
        display: none;
    }

    header .mobile-menu ul li.menu-item .sub-menu li .child-menu a {
        opacity: .6;
        font-weight: 500;
        color: #000;
    }

    header .mobile-menu ul li.menu-item.active>a span:before {
        transform: rotate(-180deg);
    }
}

@media screen and (max-width:900px) {
    header {
        padding-left: 0;
        padding-right: 0;
    }

    header>.container {
        padding: 0;
    }

    header .wrapper .container {
        padding: 0 .2rem;
        border-radius: 0;
    }

    header .wrapper .container .center {
        width: .8rem;
    }

    header .wrapper .container .left {
        width: calc(100% - 1.2rem);
        padding: 10px;
    }

    header .wrapper .container .menu-wrapper .menu-item.seperator {
        padding-left: 0;
        padding-right: 0;
    }

    header .wrapper .container .menu-wrapper .menu-item>a {
        padding: .2rem;
    }

    header .wrapper .container .menu-wrapper .menu-item {
        display: none;
    }

    header .wrapper .container .menu-wrapper .menu-item.search {
        display: inline-block;
    }

    header .wrapper .container .menu-wrapper .menu-item.lang-select {
        display: inline-block;
    }

    header .wrapper .container .menu-wrapper .menu-item.menu-icon {
        display: inline-block;
        padding-top: .23rem;
        padding-bottom: .23rem;
        padding-left: .2rem;
    }

    header .wrapper .container .menu-wrapper .menu-item.menu-icon a {
        position: relative;
        height: .12rem;
        width: .18rem;
        padding: 0;
    }

    header .wrapper .container .menu-wrapper .menu-item.menu-icon a span {
        height: .02rem;
        width: 100%;
        position: absolute;
        left: 0;
        background-color: #7a7a7a;
        transition: all .4s ease-in-out;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -ms-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
    }

    header .wrapper .container .menu-wrapper .menu-item.menu-icon a span:nth-child(1) {
        top: 0;
    }

    header .wrapper .container .menu-wrapper .menu-item.menu-icon a span:nth-child(2) {
        top: .06rem;
    }

    header .wrapper .container .menu-wrapper .menu-item.menu-icon a span:nth-child(3) {
        top: .12rem;
    }

    header .wrapper .container .menu-wrapper .menu-icon {
        display: inline-block !important;
    }
}

@media screen and (max-width:900px) {
    header .wrapper .container .center {
        width: 1.2rem;
    }

    header .wrapper .container .left {
        width: calc(100% - 1.2rem);
    }

    header .wrapper .container .menu-wrapper .menu-item>a {
        padding: .3rem .2rem;
    }

    header .wrapper .container .menu-wrapper .menu-item.menu-icon {
        padding-top: .32rem;
        padding-bottom: .32rem;
    }
}

@media screen and (max-width:900px) {
    .dspgrid {
        flex-direction: column-reverse;
    }

    .slider a img {
        left: 0px;
    }

    .rightbx {
        width: 100%;
    }

    .leftbx {
        width: 100%;
    }

    section.detail-page .wrapper .container .main-content>.content .text {
        text-align: justify;
    }
}

@media screen and (max-width:900px) {
    section.main-category-preview .wrapper {
        padding: 0px;
    }

    section.main-category-preview .wrapper .category-item {
        margin: 0px 0px 17px 0px;
        height: auto;
    }

    section.main-category-preview .wrapper .category-item .content .subtitle {
        height: 250px;
    }

    section.main-industry-preview .wrapper .industry-item2 {
        width: 100%;
        border-right: 0;
    }

    section.main-industry-preview .wrapper .industry-item .content {
        padding: 20px 20px;
    }

    section.main-industry-preview .wrapper .industry-item .content .subtitle {
        height: 142px;
    }

    section.main-industry-preview .wrapper .industry-item2 .content {
        padding: 20px 20px;
    }

    section.main-industry-preview .wrapper .industry-item2 .content .subtitle {
        height: 142px;
    }
}

@media screen and (max-width:600px) {
    .contact-btn {
        display: block;
        background: #033b78;
        width: 30px;
        height: 165px;
        position: fixed;
        top: 15%;
        right: 0px;
        z-index: 99;
        cursor: pointer;
        -webkit-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        transition-duration: 0.5s;
    }

    .contact-area {
        top: 15%;
    }

    span.verticalwriting {
        font-size: 20px;
        margin: 23px 0px 0px 4px;
    }

    .owl-carousel .owl-stage-outer {
        height: 50%;
    }

    section.main-category-preview .wrapper {
        padding: 0px;
    }

    section.main-category-preview .wrapper .category-item {
        margin: 0px 0px 17px 0px;
        height: auto;
    }

    section.main-category-preview .wrapper .category-item .content .subtitle {
        height: 135px;
    }

    section.home-countries {
        padding: 37px 0px;
    }

    section.home-countries .countries .form {
        width: 100%;
    }

    section.home-countries .countries select {
        width: 90%;
    }

    section.main-industry-preview .wrapper .industry-item2 {
        width: 100%;
        border-right: 0;
    }

    section.main-industry-preview .wrapper .industry-item .content {
        padding: 20px 20px;
    }

    section.main-industry-preview .wrapper .industry-item .content .subtitle {
        height: 95px;
    }

    section.main-industry-preview .wrapper .industry-item2 .content {
        padding: 20px 20px;
    }

    section.main-industry-preview .wrapper .industry-item2 .content .subtitle {
        height: 95px;
    }

    .owl-item.active {
        /* width: 350px !important; */
    }
}