@media only screen and (max-width:1600px) {

}

@media only screen and (max-width:1366px) {
    .s15_r1_c2 {
        padding-top: 80px;
    }
}

@media only screen and (max-width:1170px) {

}

@media only screen and (max-width:850px) {

}

@media only screen and (max-width:800px) {
    .header-main > .header-inner .menu-wrapper-shadow{
        padding: 0;
        background: unset;
        border-radius: unset;
        box-shadow: unset;
        height: unset;
        display: block;
        top: 0;
        width: auto;
    }
    .mfp-close svg{
        stroke: #000;
    }
    #wrapper .header.show-on-scroll,
    #wrapper .stuck .header-main {
        height: 50px !important;
    }

    .header-main li.html.custom {
        display: block;
    }

    .off-canvas-left .mfp-content,
    .off-canvas-right .mfp-content {
        min-width: 320px;
        background: #ffffff;
    }

    .mobile-sidebar .sidebar-menu .nav-sidebar>.menu-item>a {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        color: inherit;
        display: block;
        font-weight: 400;
        min-height: 34px;
        padding-top: 0;
        padding-bottom: 0;
        line-height: 34px;
    }

    #main-menu .nav-sidebar .html_nav_position_text_top {
        padding-top: 0;
        padding-bottom: 10px;
    }

    #main-menu .nav-sidebar .html_nav_position_text_top .searchform {
        width: 100%;
    }

    #main-menu .nav-sidebar .html_nav_position_text_top .searchform .search-field {
        box-shadow: unset;
        height: 30px;
        font-size: 12px;
        border-right: unset;
    }

    #main-menu .nav-sidebar .html_nav_position_text_top .searchform .ux-search-submit {
        height: 30px;
        min-height: auto;
        display: flex;
        align-items: center;
        background: #fff;
        color: #333333;
        background-image: unset;
        border-left: unset;
        border-color: #ddd;
    }

    .nav-sidebar.nav-vertical>li+li {
        border-bottom: 1px solid #ececec;
        border-top: unset;
    }

    #main-menu .navbar-header {
        position: relative;
        z-index: 9;
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 40px;
        border-bottom: 1px solid #f1f1f1;
    }

    #main-menu .navbar-header .nav-toggle {
        margin-left: 10px;
    }

    #main-menu .navbar-header .nav-toggle .mfp-close {
        position: static;
        transition: unset;
        font-size: 20px;
        mix-blend-mode: unset;
        color: var(--Mau_2);
    }

    #main-menu .navbar-header .logo-menu-sidebar img {
        display: block;
        width: 100px;
    }

    .right-head-menu-sidebar {
        display: flex;
        align-items: center;
        margin-right: 15px;
    }

    .right-head-menu-sidebar .icon-phone-sidebar {
        margin-right: 15px;
    }

    .right-head-menu-sidebar .icon-phone-sidebar>a,
    .right-head-menu-sidebar .icon-cart>a {
        color: #333;
        font-size: 18px;
    }

    .mfp-content #main-menu .nav-sidebar .html_top_right_text.custom,
    .mfp-content #main-menu .nav-sidebar .html_top_right_text.custom .list_policy>.item>a {
        padding: 0;
    }

    .mfp-content #main-menu .nav-sidebar .html_top_right_text.custom .list_policy>.item>a {
        padding-left: 20px;
    }

    .mfp-content #main-menu .nav-sidebar .html_top_right_text.custom .list_policy>.item {
        padding-left: 0;
        border-bottom: 1px solid #ececec;
    }

    .mfp-content #main-menu .nav-sidebar .html_top_right_text.custom .list_policy>.item span {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        display: block;
        font-weight: 400;
        min-height: 34px;
        padding-top: 0;
        padding-bottom: 0;
        line-height: 34px;
        margin-left: 10px;
        text-transform: uppercase;
        font-size: 13px;
        color: var(--Mau_1);
    }

    .mfp-content #main-menu .nav-sidebar .html_top_right_text.custom .list_policy>.item i {
        font-size: 18px;
    }

    .mfp-content #main-menu .nav-sidebar>.menu-item .toggle i.icon-angle-right {
        color: #000;
        font-size: 25px;
    }

    .mfp-content #main-menu .nav-sidebar>.menu-item>.sub-menu>.nav-slide-header {
        padding: 0;
    }

    .mfp-content #main-menu .nav-sidebar>.menu-item>.sub-menu>.nav-slide-header {
        padding-left: 20px;
        background: #f3f3f3;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px !important;
        border-bottom: 1px solid var(--Mau_2);
    }

    .mfp-content #main-menu .nav-sidebar>.menu-item>.sub-menu>.nav-slide-header>.toggle {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        display: block;
        font-weight: 700;
        min-height: 34px;
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0 !important;
        line-height: 34px;
        text-transform: uppercase;
        font-size: 13px;
        color: var(--Mau_2);
        margin: 0 !important;
    }

    .mfp-content #main-menu .nav-sidebar>.menu-item>.sub-menu>.nav-slide-header>.toggle>i.icon-angle-left {
        position: relative;
        top: -1px;
    }

    .mfp-content #main-menu .nav-sidebar>.menu-item>.sub-menu>.menu-item {
        border-bottom: 1px solid #ececec;
        padding-left: 15px;
    }

    .mfp-content #main-menu .nav-sidebar>.menu-item>.sub-menu>.menu-item>a {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        color: inherit;
        display: block;
        font-weight: 500;
        min-height: 34px;
        padding-top: 0;
        padding-bottom: 0;
        line-height: 34px;
        font-size: 10px;
    }

    .mfp-content #main-menu .nav-sidebar>.menu-item>.sub-menu {
        padding-top: 0;
    }
    .logo-left .logo{
        margin-right: 0;
    }
    #masthead .header-inner{
        justify-content: space-around;
    }
    #masthead .mobile-nav .nav-icon .icon-menu{
        font-size: 1.3em;
    }
    .button-mobile-right{
        order:3;
    }
    .button-mobile-right>a.button{
        margin: 0;
        font-size: 10px;
        height: 35px;
        display: flex;
        align-items: center;
    }
    #header #logo img{
        max-height: 25px!important;
    }
    #header .stuck .header-main > .header-inner .menu-wrapper-shadow{
        height: 50px;
    }
    #header .mobile-nav .header-button-1 .header-button > .button {
        margin: 0;
        font-size: 10px;
        height: 35px;
        display: flex;
        align-items: center;
        width: 130px;
        justify-content: center;
        padding: 0;
    }
    #header .mobile-nav .header-button-1 .header-button > .button > span{
        font-size: 10px;
    }
    .mobile-sidebar .button-mobile-right>a.button{
        height: 25px;
    }
    .search-form-head {
        padding-top: 0;
        padding-left: 17px;
        padding-right: 17px;
        padding-bottom: 8px;
    }
    .search-form-head .searchform {
        margin-bottom: 0;
    }
    .search-form-head .searchform input.search-field {
        box-shadow: unset;
        height: 30px;
        font-size: 12px;
        border-right: unset;
        border-color: #e6e6e4;
    }
    .search-form-head .searchform .submit-button {
        height: 30px;
        min-height: auto;
        display: flex;
        align-items: center;
        background: #fff !important;
        color: #333333;
        background-image: unset;
        border-left: unset;
        border-color: #e6e6e4;
    }
    .search-form-head .searchform .submit-button> .camera-icon {
        content: "";
        width: 30px;
        height: 30px;
        background: url(../../img/search-925.svg) no-repeat;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translate(0,-50%);
        margin: 0;
    }
    .searchform .button.icon i{
        display: none;
    }
}

@media only screen and (max-width:680px) {}

@media only screen and (max-width:550px) {
    #top-bar{
        display: none;
    }
    .blocks-text-s1 h2{
        font-size: 35px;
        line-height: 1.4em;
    }
    #main .section-1{
        height: auto;
        padding: 30px 0;
    }
    #main .section-1 > .section-bg{
        display: none;
    }
    .ButtonWebsite .button-website{
        padding: 5px 15px;
    }
    .ButtonWebsite .button-website span{
        font-size: 16px;
    }
    .s1_r1_c1_r1_c1 > .col-inner{
        gap: 10px 10px;
    }
    #main .section-2{
        padding-top: 30px;
        padding-bottom: 60px;
    }
    .text-title-home h2{
        font-size: 35px;
        line-height: 1.5em;
        margin-bottom: 40px;
    }
    .s2_r1_c .col-inner img{
        height: auto;
    }
    .s2_r1_c .img-inner{
        height: 44px;
        border: 1px solid #b8dde9;
		background: #ffffff;
    }
    .s2_r1_c .img-inner img{
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        padding: 5px;
    }
    #main .section-3{
        padding: 50px 0;
    }
    .block_title_s3 h2{
        font-size: 35px;
        line-height: 1.4em;
    }
    .s3_r1_c1 > .col-inner{
        padding-top: 20px;
    }
    .s3_r-card .s3_r-card_c1 .blocks_text_slider_card{
        padding-left: 20px;
    }
    .s3_r-card .s3_r-card_c1 .blocks_text_slider_card p{
        margin-bottom: 20px;
    }
    .s3_r-card .s3_r-card_c1 .blocks_text_slider_card h2{
        font-size: 32px;
    }
    .fix-s3 .s1_r1_c1_r1_c1 .col-inner{
        padding-left: 20px;
        margin-bottom: 20px;
    }
    #main .section-4{
        padding: 30px 0;
        padding-bottom: 0;
    }
    .s4_r1_c{
        margin-bottom: 30px;
    }
    .BoxWebsite{
        flex-wrap: wrap;
    }
    .BoxWebsite .image-box-website, 
    .BoxWebsite .text-box-website{
        width: 100%;
    }
    .BoxWebsite .image-box-website{
        order: 1;
    }
    .BoxWebsite .text-box-website{
        order: 2;
    }
    .BoxWebsite.left .text-box-website{
        padding-left: 0;
    }
    .BoxWebsite.right .text-box-website{
        padding-right: 0;
    }
    .blocks_text_s4_box h4{
        font-size: 30px;
        line-height: 1.4em;
        margin-bottom: 12px;
    }
    .blocks_text_s4_box ul li{
        font-size: 18px;
        line-height: 1.4em;
        margin-bottom: 12px;
    }
    #main .section-5,
    #main .section-6,
    #main .section-7,
    #main .section-8{
        padding: 30px 0;
    }
    #main .section-8{
        padding-bottom: 70px;
    }
    #main .section-5 > .section-bg > img{
        object-position: 0% 0%;
    }
    .blocks_text_s5 h2{
        font-size: 35px;
        line-height: 1.4em;
        margin-bottom: 18px;
    }
    .blocks_text_s5 p{
        font-size: 18px;
        margin-bottom: 20px;
        line-height: 1.4em;
    }
    .s3_r-card_c2 img{
        max-height: 240px;
    }
    .VideoWebsite .mark-image .icon > img{
        width: 55px;
    }
    .section-7 .text-title-home{
        margin-bottom: 32px;
    }
    .s7_r1_c .icon-box-top{
        padding: 22px 15px;
    }
    .box-s7 h3{
        font-size: 25px;
        line-height: 30px;
        height: auto;
    }
    .box-s7 p{
        height: auto;
        line-height: 1.4em;
        -webkit-line-clamp: 10;
        line-clamp: 10;
    }
    .sl8_r .sl8_r_c1 p{
        font-size: 20px;
        line-height: 24px;
        text-align: justify;
        text-align-last: center;
    }
    .sl8_r .sl8_r_c1 p::before{
        left: -15px;
    }
    .sl8_r .sl8_r_c1 p::after{
        right: -15px;
    }
    .sl8_r_c2{
        margin-top: 20px;
    }
    .sl8_r_c2 .blocks_text_box_s8 h3{
        font-size: 25px;
        line-height: 30px;
    }
    .slider_s8 .flickity-page-dots{
        width: 100%;
        bottom: -30px;
    }
    #footer{
        padding-top: 0;
    }
    .ft_r1{
        position: static;
        transform: unset;
        border-radius: unset;
    }
    .ft_r2{
        margin-top: 0;
    }
    .ft_r1, .ft_r2{
        padding: 30px 0;
    }
    .ft_r1 .fix-s3 .s1_r1_c1_r1_c1 .col-inner .ButtonWebsite{
        width: 100%;
    }
    #footer .footer-customize .section-bg > img{
        object-position: 0% 0%;
    }
    .ft_r1 .blocks_text_ft1 h2{
        font-size: 35px;
        line-height: 40px;
    }
    .ft_r1 .blocks_text_ft1 ul{
        row-gap: 20px;
        margin-bottom: 30px;
    }
    .ft_r1 .blocks_text_ft1 ul > li{
        width: 100%;
        line-height: 24px;
        font-size: 20px;
    }
    .BlocksWidgetMenuFooter{
        margin-top: 30px;
    }
    .text-coppyright p{
        font-size: 12px;
        line-height: 17px;
        letter-spacing: 3.2px;
    }
    .ft_r3 {
        padding: 15px 0;
    }
    .transparent .header-main{
        height: 50px !important;
    }
    #main .banner-header{
        min-height: auto;
    }
    .text-banner-header h1{
        font-size: 40px;
        line-height: 1.4em;
        margin-bottom: 30px;
    }
    .text-banner-header p{
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 0;
        text-align: justify;
    }
    .text-banner-header{
        padding-top: 50px;
    }
    .transparent #masthead .mobile-nav .nav-icon .icon-menu{
        color: #ffffff !important;
    }
    .text_abus_1 h2{
        font-size: 35px;
        line-height: 40px;
    }
    #main .about_us_1,
    #main .about_us_2,
    #main .prod_1{
        padding: 40px 0;
    }
    .text_abus_1 > p{
        font-size: 18px;
        line-height: 24px;
        text-align: justify;
    }
    .text_abus_1,
    .sb1_r1_c1{
        margin-bottom: 50px;
    }
    .abus_r1_c .box_team .box-text::before{
        width: 100%;
        opacity: .8;
    }
    .abus_r1_c .box_team .box-text{
        padding: 15px;
    }
    .abus_r1_c .box_team .box-text h4{
        font-size: 22px;
        line-height: 1.4em;
        margin-bottom: 12px;
    }
    .GroupProducts{
        flex-wrap: wrap;
        gap: 2px;
    }
    .GroupProducts .item-stack{
        flex: unset;
        width: calc(50% - 2px);
    }
    .GroupProducts .item-stack.active{
        flex: unset;
    }
    .GroupProducts .item-stack .banner-bg-stack .ovelay,
    .GroupProducts .item-stack.active .banner-bg-stack .ovelay, 
    .GroupProducts .item-stack:hover .banner-bg-stack .ovelay{
        opacity: 1;
    }
    .GroupProducts .item-stack .banner-bg-stack .image-bg-prod{
        height: 200px;
    }
    .prod1_r2{
        margin-bottom: 20px;
    }
    .BoxWebsite .image-sup{
        display: none;
    }
    .prod2_r2_c .text-box-website p > img{
        margin-bottom: 12px;
        height: 45px;
        width: auto;
    }
    .prod2_r2_c .BoxWebsite .image-box-website{
        order: 2;
    }
    .prod2_r2_c .BoxWebsite.left .text-box-website{
        order: 1;
    }
    .prod2_r2_c .text-box-website p{
        font-size: 18px;
        line-height: 24px;
    }
    .prod2_r2 .prod2_r2_c  > .col-inner{
        margin-bottom: 50px !important;
    }
    #main .prod_2{
        padding-bottom: 0px;
    }
    .list-category{
        margin-top: 0px;
        margin-bottom: 20px;
    }
    .list-category .item-cate > a{
        padding: 3px 15px;
        font-size: 14px;
    }
    .slick-arrow.right-slick{
        right: 0;
        height: 36px;
        width: 50px !important;
        justify-content: flex-end;
        background-image: linear-gradient(to left, #ececec, #ecececbd, #ececec8a, #ececec52, #ececec13);
    }
	.slick-arrow.left-slick{
        left: 0;
        height: 36px;
        width: 50px !important;
        justify-content: start;
        background-image: linear-gradient(to right, #ececec, #ecececbd, #ececec8a, #ececec52, #ececec13);
    }
    .row-category .posts-list .item-post .article-inner .box-image, 
    .row-category .posts-list .item-post .article-inner .box-text{
        width: 100%;
    }
    .row-category .posts-list .item-post .article-inner .box-text{
        order: 2;
    }
    .row-category .posts-list .item-post .article-inner .box-image{
        order: 1;
    }
    .row-category .posts-list .item-post.lead .article-inner .box-image img.avatar{
        height: 200px;
    }
    .row-category .posts-list .item-post .article-inner .box-text{
        padding: 12px;
        padding-bottom: 24px;
    }
    .lead .icon-more{
        display: none;
    }
    .row-category .posts-list .item-post .article-inner .box-text .title-heading > a{
        font-size: 20px;
        line-height: 24px;
    }
    .row-category .posts-list .item-post .article-inner .box-text .meta-date{
        margin-bottom: 10px;
    }
    .row-category .posts-list .item-post .article-inner .box-text .exp-post p{
        line-height: 1.4em;
        height: auto;
        -webkit-line-clamp: 10;
        line-clamp: 10;
    }
    .pagination-cntt{
        margin-bottom: 50px;
    }
    .blog-single .entry-header .entry-title{
        font-size: 30px;
        line-height: 1.4em;
    }
    .entry-meta-customize .category .text-category{
        max-width: 200px;
    }
    .blog-single > .row-large > .large-8,
    .blog-single > .row-large > .large-4{
        padding-bottom: 0;
    }
    .post-sidebar .widget-area .widget.widget_tag_cloud .tagcloud>a{
        min-width: 70px;
        text-align: center;
        line-height: 1.4em;
    }
    #main .faqs_1{
        padding-top: 50px;
        padding-bottom: 40px;
    }
    .blocks_text_faq1 h2,
    .tv1_r1_c2 .headding_tv{
        font-size: 35px;
        line-height: 1.4em;
        margin-bottom: 12px;
    }
    .blocks_text_faq1 p{
        font-size: 18px;
        text-align: justify;
        line-height: 1.4em;
        text-align-last: left;
    }
    .tv1_r1_c2 .form_search .form-search-faqs input{
        font-size: 16px;
    }
    .tv1_r1_c2 .form_search{
        margin-bottom: 15px;
    }
    .list_faqs .item_faq_dropdown{
        margin-bottom: 12px;
    }
    .list_faqs .item_faq_dropdown .head_tab .title_faq{
        font-size: 18px;
        line-height: 1.4em;
    }
    .list_faqs .item_faq_dropdown .content_tab{
        padding-top: 0;
        font-size: 15px;
    }
    .list_faqs .item_faq_dropdown .head_tab{
        margin-bottom: 12px;
    }
    .list_faqs{
        margin-bottom: 30px;
    }
    #main .tv1,
    .tv1_r1 .tv1_r1_c2{
        padding-bottom: 0;
    }
    .main-slider-QT{
        display: block;
        margin-right: 0;
    }
    .main-slider-QT .left_name, .main-slider-QT .right_image{
        width: 100%;
    }
    .supportSlderQT{
        display: none;
    }
    .section-quy-trinh .text-title-home h2{
        font-size: 32px;
    }
}

@media only screen and (max-width:375px) {

}

@media only screen and (max-width:320px) {}