@media (min-width:1200px){
}
@media (max-width:1199px){
    #search{right:15px;}
    
    .box-dt{max-width:95%;}
    .box-tintuc{max-width:95%;}
    .slideshow a{
        height: 600px;
    }
}
@media (min-width:992px) and (max-width:1199px){
    .box-sp{width:32%;margin:0px 2% 20px 0px;}
    .box-sp:nth-child(3n){margin-right:0;}
    .box-sp:nth-child(3n+1){clear:both;}
    .box-product{width:32%;margin:0px 2% 20px 0px;}
    .box-product:nth-child(3n){margin-right:0;}
    .box-product:nth-child(3n+1){clear:both;}
    .box-album{width:32%;margin:0px 2% 20px 0px;}
    .box-album:nth-child(3n){margin-right:0;}
    .box-album:nth-child(3n+1){clear:both;}
    .box-video{width:32%;margin:0px 2% 20px 0px;}
    .box-video:nth-child(3n){margin-right:0;}
    .box-video:nth-child(3n+1){clear:both;}
    .footer-1{}
    .footer-2{margin:0 0 0 20px;}
    .footer-3{margin:0 0 0 20px;}
}
@media (max-width:1199px) and (min-width:991px){
    .home-banner .content h3{font-size:16px;line-height:24px}
    .home-banner .content .des{font-size:12px;line-height:16px}
    .home-banner .content .view-more a{font-size:12px;line-height:22px}
    .home-banner .item-1 .content{bottom:25px;width:100%;padding:0px 20px}
    .home-banner .item-2 .content{top:20px;width:55%;padding:0 15px}
    .home-banner .item-3 .content{top:20px;right:15px;width:35%}
    .home-banner .item-4 .content{top:20px;width:45%;padding:0 15px}
    .home-banner .item-5 .content{top:20px;right:14px;width:40%}
}
@media (max-width:991px) and (min-width:767px){
    .home-banner .content h3{font-size:13px;line-height:18px}
    .home-banner .content .des{display:none}
    .home-banner .content .view-more a{font-size:12px;line-height:22px}
    .home-banner .item-1 .content{bottom:25px;width:100%;padding:0px 10px}
    .home-banner .item-2 .content{top:20px;width:55%;padding:0 10px}
    .home-banner .item-3 .content{top:20px;right:10px;width:35%}
    .home-banner .item-4 .content{top:20px;width:45%;padding:0 10px}
    .home-banner .item-5 .content{top:20px;right:10px;width:40%}
}

.home-product{margin-bottom:80px;overflow:hidden}
.home-product .block-title{position:relative}
.home-product .block-title .viewMore{position:absolute;bottom:5px;right:0}
@media (min-width:767px){
    .home-product .block-title{padding-right:205px}
}
@media (min-width:1199px){
    .slideshow .sub-title.item-effect.on-show{animation-name:fadeInDown}
    .slideshow .title.item-effect.on-show{animation-name:fadeInRight}
    .slideshow p.item-effect.on-show{animation-name:fadeInLeft}
    .home-album .block-title h2.item-effect.on-show{animation-name:fadeInDown}
    .home-album .list-album .item.item-effect.on-show{animation-name:img-anim-left}
    .main-blog h2.item-effect.on-show{animation-name:fadeInDown}
    .main-blog .col-left.item-effect.on-show{animation-name:fadeInLeft}
    .main-blog .block-thumb.item-effect.on-show{animation-name:img-anim-right}
    .main-blog .list-content.item-effect.on-show{animation-name:fadeInRight}
    .main-review-customer .block-image.item-effect.on-show{animation-name:fadeInRight}
    .main-review-customer .block-info.item-effect.on-show{animation-name:fadeInLeft}
    .home-black-friday .inner.item-effect.on-show{animation-name:fadeInDown}
    .home-black-friday .list-black-friday.item-effect.on-show{animation-name:fadeInLeft}
    .home-product .block-title h2.item-effect.on-show{animation-name:fadeInDown}
    .home-product .item-effect.col-product.on-show{animation-name:fadeInLeft}
    .home-product .item-effect.col-banner.on-show{animation-name:fadeInRight}
    .home-banner.item-effect.on-show{animation-name:fadeInRight}
    .block-title h2.item-effect.on-show{animation-name:fadeInUp;animation-duration:0.6s}
    .block-title ul.item-effect.on-show{animation-name:fadeInUp;animation-duration:0.8s}
    .viewMore.item-effect.on-show{animation-name:fadeInUp}
    .home-policy.item-effect.on-show{animation-name:fadeInDown}
    .home-cate .list-cate.item-effect.on-show{animation-name:fadeInUp}
    .home-voucher .item-effect.on-show{animation-name:fadeInUp}
    .home-lookbook .item-effect.col-left.on-show{animation-name:fadeInLeft}
    .home-lookbook .item-effect.col-right.on-show{animation-name:fadeInRight}
    .home-flash-sale .item-effect.on-show{animation-name:fadeInUp}
    .home-product-tab.ajax-tab-1 .item-effect.on-show{animation-name:fadeInUp}
    .home-product-tab.ajax-tab-2 .item-effect.on-show{animation-name:fadeInUp}
    .home-product-tab.ajax-tab-3 .col-product.item-effect.on-show{animation-name:fadeInLeft}
    .home-product-tab.ajax-tab-3 .col-banner.item-effect.on-show{animation-name:fadeInRight}
}
@media (max-width:1199px) and (min-width:991px){
    .block-title h2{font-size:32px}
    .slideshow a{height:600px}
    .slideshow a .content{padding:0 130px}
    .slideshow a .content .title{font-size:35px}
    .home-about .block-title .des{font-size:14px}
    .home-about .block-image svg{left:10px}
    .home-about .block-image img{max-width:400px}
    .home-banner .margin-bottom{margin-bottom:18px}
    .home-flash-sale .block-title .block-countdown .bg-title{width:230px;height:66px;margin-top:-18px;margin-left:-28px;top:-5px;background-size:contain}
    .home-flash-sale .block-title .block-countdown #countdown .dots{font-size:30px;display:inline-block;position:relative;z-index:99;font-weight:600;top:-4px}
    .home-flash-sale .block-title .block-countdown #countdown .item{font-weight:600;font-size:30px;display:inline-block;position:relative;margin:0 10px;border-radius:var(--main-border-radius);padding:5px 8px}
    .home-video .block-title h2{font-size:26px}
    .home-video .block-contact{margin-top:-40px}
    .home-step .list-step .item:before{width:100px;height:45px}
    .home-step .list-step .item .title{font-size:18px}
}
@media (max-width:1600px) and (min-width:1441px){
    .slideshow a .content .title{font-size:48px}
}
@media (max-width:1440px) and (min-width:1200px){
    .slideshow a .content .title{font-size:38px}
}
@media (max-width:991px) and (min-width:767px){
    .module-slider{margin-bottom:50px}
    .slideshow a{height:500px}
    .slideshow a .content{padding:0 50px}
    .slideshow a .content .title{font-size:32px}
    .slideshow a .content .sub-title{font-size:18px}
    .slideshow a .content p{line-height:26px;font-size:16px}
    .home-about{margin-bottom:50px}
    .home-about .block-image svg{left:70px}
    .home-brand{margin-bottom:50px}
    .home-banner{margin-bottom:50px}
    .home-flash-sale{margin-bottom:50px;padding:50px 0}
    .home-flash-sale .block-title .block-countdown .bg-title{width:230px;height:66px;margin-top:-18px;margin-left:-28px;top:-5px;background-size:contain}
    .home-flash-sale .block-title .block-countdown #countdown .dots{font-size:30px;display:inline-block;position:relative;z-index:99;font-weight:600;top:-4px}
    .home-flash-sale .block-title .block-countdown #countdown .item{font-weight:600;font-size:30px;display:inline-block;position:relative;margin:0 10px;border-radius:var(--main-border-radius);padding:5px 8px}
    .home-product-tab{margin-bottom:50px}
    .home-video{margin-bottom:50px}
    .home-video .block-title{text-align:center}
    .home-video .block-contact{margin-top:50px}
    .home-video .block-contact .col-left:before{display:none}
    .home-video .block-contact .col-right{margin-top:20px;text-align:center}
    .home-product{margin-bottom:50px}
    .home-product .list-menu-product{width:100%}
    .home-product .list-menu-product .item a{background-size:cover}
    .home-whychoose{margin-bottom:50px;padding:50px 0}
    .home-whychoose .block-image{margin-top:70px;text-align:center}
    .home-whychoose .block-image:after{right:0}
    .home-step{margin-bottom:50px}
    .home-step .list-step{grid-template-columns:repeat(2,1fr)}
    .home-step .list-step .item:nth-child(2):before{content:none}
    .home-step .list-step .item .title{font-size:20px}
    .main-faq{margin-bottom:50px}
    .main-faq #faq-container{margin-top:30px}
    .main-blog{margin-bottom:50px}
    .main-review-customer{margin-bottom:50px;padding:50px 0}
    .home-about .block-image{text-align:center;margin-top:30px}
    .home-banner .row-margin{margin:0 -8px}
    .home-banner .col-padding{padding:0 8px}
    .home-banner .margin-bottom{margin-bottom:16px}
}
@media (max-width:991px){
    .home-flash-sale .block-title .block-countdown .bg-title{display:none}
    .home-flash-sale .block-title h2{margin-bottom:0}
    .hethong-info .item {
        justify-content: left;
        margin-bottom: 10px;
    }
}
@media (max-width:991px){
    .banner-ab,.right{display:none;}
    #banner .center{display:flex;align-items:center;justify-content:center;}
    .logo{position:static;padding:0;margin-right:15px;}
    .banner{padding:0;}
    #menu-mobile{display:block;}
    #smenu a{font-family:RM;color:#fff;font-size:16px;margin-left:5px;}
    .left{width:100%;}
    .slideshow .content .title{
        font-size: 35px;
    }
    .center,#container{
        max-width: 720px;
    }
    #menu .col-search{
        display: none!important;
    }
    .home-about .block-image{
        margin-top: 30px;
        text-align: center;
    }
    .home-about .block-image svg{
        left: 70px;
    }
    .slideshow .content{
        padding: 0 30px;
    }
    .home-banner .item-1 .content{bottom:25px;width:100%;padding:0px 10px}
    .home-banner .item-2 .content{top:10px;width:55%;padding:0 10px}
    .home-banner .item-3 .content{top:10px;right:10px;width:35%}
    .home-banner .item-4 .content{top:10px;width:45%;padding:0 10px}
    .home-banner .item-5 .content{top:10px;right:10px;width:45%}
    .home-banner .row-margin{margin:0 -8px}
    .home-banner .col-padding{padding:0 8px}
    .home-banner .margin-bottom{margin-bottom:16px}
    .home-banner .content h3 {
        font-size: 13px;
        line-height: 18px;
    }
    .home-banner .content .des {
        display: none;
    }
    .home-banner .content .view-more a {
        font-size: 12px;
        line-height: 22px;
    }
    .home-product .title-main {
        padding-right: 205px;
    }
    .slick-product .product-action,.slick-product .col-product,.slick-product-relate .product-action,.slick-product-relate .col-product{
        min-height: 340px;
    }
}
@media (max-width:767px){
    .home-banner .content h3{font-size:12px;line-height:16px;text-transform:capitalize;margin-bottom:6px}
    .home-banner .content .des{display:none}
    .home-banner .content .view-more a{font-size:10px;line-height:18px}
    .home-banner .content .view-more a svg{display:none}
    .title-main h1, .title-main h2, .title-main span,.layout-project-lienquan .title-main h2,.article-lq .aside-title{
        font-size: 28px;
        margin-bottom: 20px;
    }
    .product-action{
        padding: 10px;
    }
    .home-product .title-main{
        padding: 0;
    }
    .home-product .title-main .viewMore{
        position: initial;
    }
    .product-action .product-info__name {
        font-size:14px;
        line-height: 18px;
        min-height: 36px
    }

    .product-action .product-info__price {
        font-size: 14px
    }
    .slick-product .product-action,.slick-product .col-product,.slick-product-relate .product-action,.slick-product-relate .col-product{
        min-height: 320px;
    }
    .blog-cate{
        margin-top: 25px;
    }
    .article-main .article-title {
        font-size: 24px;
        line-height: 1.4;
    }
    .mm-wrapper_blocking .header{
        z-index: -1;
    }
    .layout-contact .time_work .item {
        margin-bottom: 20px;
    }
}
@media (max-width:767px) and (max-width:320px){
    .home-banner .content .view-more{display:none}
}
@media (max-width:767px){
    .home-banner .item-1 .content{bottom:25px;width:100%;padding:0px 10px}
    .home-banner .item-2 .content{top:10px;width:55%;padding:0 10px}
    .home-banner .item-3 .content{top:10px;right:10px;width:35%}
    .home-banner .item-4 .content{top:10px;width:45%;padding:0 10px}
    .home-banner .item-5 .content{top:10px;right:10px;width:45%}
}
@media (max-width:767px){
    .block-title h2{font-size:28px;margin-bottom:20px}
    .block-title h2 span,.block-title h2 a{padding:0}
    .block-title h2 span:before,.block-title h2 span:after,.block-title h2 a:before,.block-title h2 a:after{display:none}
    .block-title h2:after{display:none}
    .module-slider{margin-bottom:50px}
    .slideshow a{height:480px}
    .slideshow a .content{padding:0 50px}
    .slideshow a .content .title{font-size:23px}
    .slideshow a .content .sub-title{font-size:16px;border-bottom:none}
    .slideshow a .content p{line-height:24px;font-size:14px;margin-bottom:0}
    .home-about{margin-bottom:50px}
    .home-about .achievement-about{display:block}
    .home-about .achievement-about .item{margin-bottom:8px;padding:12px 8px}
    .home-about .achievement-about .item:last-child{margin-bottom:0}
    .home-about .block-image svg{display:none}
    .home-brand{margin-bottom:50px}
    .home-banner{margin-bottom:50px}
    .home-flash-sale{margin-bottom:50px;padding:50px 0}
    .home-flash-sale .block-title{padding-right:0;flex-wrap:wrap;justify-content:center;padding-bottom:10px}
    .home-flash-sale .block-title .block-countdown{order:2}
    .home-flash-sale .block-title .block-countdown #countdown .dots{font-size:20px;display:inline-block;position:relative;z-index:99;font-weight:600;top:-4px}
    .home-flash-sale .block-title .block-countdown #countdown .item{font-weight:600;font-size:20px;display:inline-block;position:relative;margin:0 10px;border-radius:var(--main-border-radius);padding:5px 6px}
    .home-flash-sale .block-title h2{order:1;margin-bottom:5px}
    .home-product-tab{margin-bottom:50px}
    .home-product-tab .wrap-tab{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;white-space:nowrap;display:block; margin-left: 0;}
    .home-product-tab .wrap-tab::-webkit-scrollbar{width:10px;height:5px;}
    .home-product-tab .wrap-tab::-webkit-scrollbar-thumb{}
    .home-product-tab .wrap-tab li{margin-right:3px}
    .home-video{margin-bottom:50px}
    .home-video .block-title{text-align:center}
    .home-video .block-contact{margin-top:50px}
    .home-video .block-contact .col-left:before{display:none}
    .home-video .block-contact .col-right{margin-top:20px;text-align:center}
    .home-video .block-video .play-video{width:50px;height:50px}
    .home-product{margin-bottom:50px}
    .home-product .block-title .viewMore{position:initial}
    .home-product .list-menu-product{width:100%;display:none}
    .home-product .list-menu-product .item a{background-size:cover}
    .home-whychoose{margin-bottom:50px;padding:50px 0}
    .home-whychoose .block-image{margin-top:70px;text-align:center}
    .home-whychoose .block-image:after{right:0}
    .home-whychoose #faq-container .faq-item .faq-question{font-size:18px}
    .home-step{margin-bottom:50px}
    .home-step .list-step{grid-template-columns:repeat(2,1fr)}
    .home-step .list-step .item:before{content:none}
    .home-step .list-step .item .title{font-size:18px}
    .main-faq{margin-bottom:50px}
    .main-faq #faq-container{margin-top:30px}
    .main-blog{margin-bottom:50px}
    .main-review-customer{margin-bottom:50px;padding:50px 0}
    .home-about .block-image{text-align:center;margin-top:30px}
    .home-banner .row-margin{margin:0 -8px}
    .home-banner .col-padding{padding:0 8px}
    .home-banner .margin-bottom{margin-bottom:16px}
    .home-whychoose .list-whychoose .item .content .title{font-size:18px}
    .home-whychoose .block-image{margin-top:30px}
    .home-whychoose .block-image:after{display:none}
    .slideshow{
        margin-top: 0;
        margin-bottom: 50px;
    }
    #menu{
        background: rgba(0,0,0,0.83);
    }
    .home-about,.home-brand,.home-banner,.home-product,.home-step,.home-whychoose,.main-faq,.main-review-customer,.main-blog{
        margin: 50px 0;
    }
}
@media (max-width: 991px) and (min-width: 767px) {
    .main-faq #faq-container {
        margin-top: 30px;
    }
}
@media (min-width:768px) and (max-width:991px){
    .box-sp{width:32%;margin:0px 2% 20px 0px;}
    .box-sp:nth-child(3n){margin-right:0;}
    .box-sp:nth-child(3n+1){clear:both;}
    .box-product{width:32%;margin:0px 2% 20px 0px;}
    .box-product:nth-child(3n){margin-right:0;}
    .box-product:nth-child(3n+1){clear:both;}
    .box-album{width:32%;margin:0px 2% 20px 0px;}
    .box-album:nth-child(3n){margin-right:0;}
    .box-album:nth-child(3n+1){clear:both;}
    .box-video{width:32%;margin:0px 2% 20px 0px;}
    .box-video:nth-child(3n){margin-right:0;}
    .box-video:nth-child(3n+1){clear:both;}
    .footer-1{margin:0 0 15px;}
    .footer-2{}
    .footer-3{}
}
@media (max-width:767px){

    .fix-toolbar{display:none;}
    .content iframe{width:100%!important;height:45vh;}
    .content img{height:inherit!important}
    .logo{position:static;margin-right:10px;height:auto;}
    #footer{padding-bottom:0;}
    .footer-top{padding-bottom:0;}
    .footer-1,.footer-2,.footer-3{float:none;margin:0 0 20px 0;}
    .copyright,.statistic{width:100%;}
    .statistic span{margin:0 5px;}
    .ft-b .center > div{width:100%;}
    .top-contact .article-contact{width:100%;margin-bottom:20px;}
    .form-contact{width:100%;}
    #top .center > div{width:100%;}
    #top #breadcrumb{margin-bottom:0}
    .box-news{width:100%;float:none;margin:0 0 20px;}
    .pic-news{width:35%;}
    .bottom-left{width:100%;margin-bottom:20px;}
    .bottom-right:not(.onApp){width:100%;}
    .tintuc-l{width:100%;margin-bottom:20px;}
    .tintuc-r{width:100%;}
    .left-pro-detail{float:none;width:100%;margin:0 0 20px;}
    .right-pro-detail{float:none;width:100%;}
    .grid-thuvienanh{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,22vh);}
    .box-thuvienanh .box-thuvienanh-content{background:rgba(0,0,0,0.4);color:#fff;}
    .item-address-contact{width: 100%;}
    .owl-brand a{
        text-align: center;
    }
    .owl-brand a img{
        margin: 0 auto;
    }
    #menu{
        height: 65px;
        line-height: 65px;
    }
    .menu-bar-res{
        display: flex;
        padding: 0 0 0 10px;
    }
    body:not(.index) .bg-menu{
        margin: 0;
        padding: 0 10px;
    }
    .breadCrumbs{
        margin-top: 0;
        padding: 50px 0;
    }
    .header__top .header-social{
        justify-content: center;
    }
    body:not(.index) #menu{
        top: -15px;
        position: relative;
        height: 60px;
        line-height: 60px;
    }
    .header__top{
        padding: 12px 0 90px;
        margin-bottom: -65px;
    }
    body:not(.index) #hamburger:before, body:not(.index) #hamburger:after, body:not(.index) #hamburger span{
        background: #000000;
    }
    .btn-search a{
        top: 3px;
    }
    .product-details {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .policy-product {
        margin-top: 16px;
        padding: initial;
        border: initial
    }
    .policy-product__content .item {
        margin: 0;
        padding: 0;
        border-bottom: initial;
        text-align: left;
        display: flex;
        margin-bottom: 16px
    }

    .policy-product__content .item:last-child {
        margin-bottom: 0
    }

    .policy-product__content .item .icon {
        width: 48px;
        margin-bottom: 0
    }

    .policy-product__content .item .info {
        width: calc(100% - 48px);
        padding-left: 16px
    }
    .product-tab {
        position: relative;
        margin-bottom: 20px
    }

    .product-tab__nav {
        flex: 1;
        display: block;
        overflow-x: hidden
    }

    .product-tab__nav ul {
        white-space: nowrap;
        transition: margin-left 0.3s ease;
        overflow: auto
    }

    .product-tab__nav ul::-webkit-scrollbar {
        display: none
    }
    .product-relate h2 {
        font-size: 28px;
    }
}
@media (min-width:481px) and (max-width:767px){
    .box-sp{width:49%;margin:0px 2% 15px 0px;}
    .box-sp:nth-child(2n){margin-right:0;}
    .box-sp:nth-child(2n+1){clear:both;}
    .box-product{width:49%;margin:0px 2% 15px 0px;}
    .box-product:nth-child(2n){margin-right:0;}
    .box-product:nth-child(2n+1){clear:both;}
    .box-album{width:49%;margin:0px 2% 15px 0px;}
    .box-album:nth-child(2n){margin-right:0;}
    .box-album:nth-child(2n+1){clear:both;}
    .box-video{width:49%;margin:0px 2% 15px 0px;}
    .box-video:nth-child(2n){margin-right:0;}
    .box-video:nth-child(2n+1){clear:both;}
}
@media (max-width: 565px) {
    .item_project_main .block-project {
        display:block
    }

    .item_project_main .block-project .product-thumbnail {
        width: 100%;
        margin-bottom: 10px
    }

    .item_project_main .block-project .product-info {
        width: 100%;
        padding-left: 0
    }
}
@media (max-width:480px){
    .box-sp{width:49%;margin:0px 2% 10px 0px;}
    .box-sp:nth-child(2n){margin-right:0;}
    .box-sp:nth-child(2n+1){clear:both;}
    .box-product{width:49%;margin:0px 2% 10px 0px;}
    .box-product:nth-child(2n){margin-right:0;}
    .box-product:nth-child(2n+1){clear:both;}
    .box-album{width:49%;margin:0px 2% 10px 0px;}
    .box-album:nth-child(2n){margin-right:0;}
    .box-album:nth-child(2n+1){clear:both;}
    .box-video{width:49%;margin:0px 2% 10px 0px;}
    .box-video:nth-child(2n){margin-right:0;}
    .box-video:nth-child(2n+1){clear:both;}
}
@media (max-width:374px){
    .lh-con-l,.lh-con-r{width:100%;float:none;margin:0px;padding:0px;}
    .lh-con-r{margin-bottom:10px;}
    .box-sp{width:90%;margin:0px 5% 10px;float:none;}
    .box-product{width:90%;margin:0px 5% 10px;float:none;}
    .box-album{width:90%;margin:0px 5% 10px;float:none;}
    .box-video{width:90%;margin:0px 5% 10px;float:none;}
}