/* ---- Cơ bản hoặc mobile mở cái này ra ----*/

/*body{min-width: 0;max-width: 1024px;} 

.w-menu{min-width: 0;max-width: 1024px;} 

.wrap-content{width: calc(100% - 20px);} 

.menu-res{display: block;} */
@media only screen and (max-width:575px){
  .name-procart a{font-size:13px;}
  .procart-label{font-size:13px;}
}
@media only screen and (max-width:768px){
  .quantity-procart{text-align:right;}
  .price-procart{display:none;}
  .price-procart-rp{display:block;}
  .procart-label .quantity-procart p:first-child{display:block;}
  .procart-label .quantity-procart p:first-child{display:none;}
  .procart-label .quantity-procart p:last-child{display:none;}
  .procart-label .quantity-procart p:last-child{display:block;}
}
@media only screen and (max-width:991px){
  .top-cart{margin-bottom:2rem;}
  .comment-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;}
  .comment-item-poster{width:auto;margin-right:0px;margin-bottom:0.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;}
  .comment-item-letter{width:40px;height:40px;line-height:40px;font-size:13px;margin-bottom:0;}
  .comment-item-name{margin-bottom:0px;margin-left:10px;margin-right:10px;}
  .comment-item-information{width:100%;}
  .menu{display:none;}
  .menu-res{display:block;}
}
@media (max-width:1024px){
  .newsHot-items .newsHot-pic{width:150px;}
  .newsHot-items .newsHot-info{width:calc(100% - 160px);}
  .newsHot-items .newsHot-desc{-webkit-line-clamp:2;}
  .newsHot-items .newsHot-item{height:160px;}
  a.albumHot-btn{display:none;}
  .albumHot-items{display:none;}
  .albumHot-wrapper::before{display:none;}
  .albumHot-row{display:block;display:flex;flex-flow:row wrap;width:calc(100% + 10px);margin:0 -5px;}
  .gioithieu-box{padding:20px;width:48%;}
  p.gioithieu-name{font-size:50px;}
  .bestSeller-info{padding:0!important;}
  .footer-article .wrap-content{padding:30px 0px;}
  .footer-news{width:100%!important;margin-bottom:30px;}
  .newsHot-left{width:100%;margin-bottom:15px;}
  .newsHot-right{width:100%;}
  .feedback-item{justify-content:center;}
  .feedback-wrapper{margin:30px 0px;}
  .feedback-info{margin:0;order:1;width:100%;text-align:center;}
  header.header-wrapper{display:block;background:#000;text-align:center;}
  .gioithieu-wrapper{margin:30px 0px;}
  .gioithieu-deco1,.gioithieu-deco2{display:none;}
  .gioithieu-wrapper .wrap-content{padding:0;padding-bottom:190px;}
  .gioithieu-box{    /* position: initial; */
  left:0;bottom:0;}
  .gioithieu-img,.gioithieu-img1{width:49%;}
  .bestSeller-wrapper .owl-theme .owl-nav{width:100%;}
  h3.bestSeller-name a{font-size:17px;}
  .bestSeller-price{font-size:20px;}
  .bestSeller-wrapper{margin-bottom:30px;}
  .proListHot-col{padding:0 10px;border:0!important;margin-bottom:10px;}
  .proListHot-name span{font-size:15px;}
  span.proListHot-price{font-size:15px;}
  ul.proListHot-ul li{padding-bottom:10px;margin-bottom:10px;}
  a.proListHot-name{height:45px;}
  .albumHot-wrapper{padding:30px 0px;}
  .title-main span{font-size:35px;}
  h2.feedback-title.title-main{position:initial;}
  .feedback-pic img{height:auto;object-fit:cover;mask-size:100%;}
  .feedback-pic{padding:0;width:unset;margin:0;width:100%;height:426px;order:0;margin-bottom:10px;max-width:400px;}
  .feedback-pic::before{display:none;}
  p.feedback-content{position:initial;margin:0;order:2;width:100%;text-align:center;}
  .sanpham-left{display:none;}
  .sanpham-right{width:100%;}
  .contact-input{margin-bottom:15px;}
  .flex-cus,.row-video,.row-20{margin-left:-5px;margin-right:-5px;}
  .mg-cus,.mg-video,.col-20{padding-left:5px;padding-right:5px;}
  .content-text img{height:auto!important;}
  .padding-top-bottom{padding:2rem 0;}
  .pad-top{padding-top:2rem;}
  .pad-bottom{padding-bottom:2rem;}
  .mg-top{margin-top:2rem;}
  .mg-bottom{margin-bottom:2rem;}
  .title-detail-main{font-size:20px;}
  .cart-fixed{bottom:220px;}
  .btn-frame{display:none;}
  .cart-pro-detail{width:100%;margin-top:10px;}
  .pad-bottom{padding-bottom:2rem!important;}
  .pad-top{padding-top:2rem!important;}
  .padding-top-bottom{padding:2rem 0!important;}
  .menu{display:none;}
  .menu-res{display:block;}
  .product-tool{opacity:1;visibility:visible;position:initial;}
  .product-tool a span{display:none;}
}
@media (max-width:992px){
  div.container-slider {
        background: url(../images/bg-slide.jpg);
        background-size: auto;
        height: auto;
        padding-top: 30px;
        padding-bottom: 14px;
        min-height: auto;
        background-attachment: fixed;
    }
      
    div.container-slider .row .col-slide-left {
    position: relative;
    margin-top: 0;
}
.slide-main-wrap {
    padding-left: 0;
    margin-top: -10%;
    margin-left: 0;
    padding-right: 52px;
}
.wrap-name-slide {
    width: 100%;
    position: relative;
    z-index: 2;
    margin-left: 0;
}
  .othernews{position:initial;}
  .footer-title:after{width:100%;}
  #fanpage-facebook{width:300px;overflow:hidden;margin:auto;}
  .footer-news:nth-child(4){width:100%;}
  .footer-news:nth-child(3){width:100%;margin-bottom:20px;}
  .footer-news:nth-child(2){width:100%;margin:20px 0;}
  .footer-news:nth-child(1){width:100%;}
  .time-news{display:none;}
  .copyright,.statistic{width:100%;text-align:center;}
  .footer-ul li{width:calc(100% / 2 - 5px);}
  .footer-ul{display:flex;flex-flow:row wrap;justify-content:space-between;}
}
@media (max-width:800px){
  .sanpham-item{width:calc(100%/3 - 10px);}
  .bestSeller-info{width:100%;text-align:center!important;}
}
@media (max-width:768px){
  div.container-slider .row .col-slide-left{
    width: 100%;
    text-align: center;
}
  div.container-slider .row .col-slide-right{
    display: none;
}
  .item-video1 img{height:250px;}
  .right-intro{width:100%;}
  .left-intro{width:100%;margin-bottom:20px;padding-right:0;}
  .left-pro-detail,.right-pro-detail{width:100%;margin:0px;}
  .left-pro-detail,.top-contact .article-contact{margin-bottom:30px;}
  .info-news{width:60%;padding-left:10px;}
  .name-news{font-size:15px;}
  .desc-news.text-split{-webkit-line-clamp:2;}
}
@media (max-width:640px){
  .albumHot-col {
    width: calc(100% / 2 - 10px);
    margin: 0 5px 20px 5px;
}
  .newsHot-items .newsHot-item{width:100%;}
  .sanpham-item{width:calc(100%/2 - 10px);}
  .bestSeller-wrapper .owl-theme .owl-dots{margin-top:0;}
  a.scale-img.hover_sang3.gioithieu-img{width:100%;}
  a.scale-img.hover_sang3.gioithieu-img1{display:none;}
  .gioithieu-wrapper .wrap-content{padding:0;}
  .gioithieu-box{position:initial;width:100%;margin:20px 0px;}
  .proListHot-col{}
  .proListHot-row{justify-content:center;}
  .news-item{width:calc(100%/3 - 15px);}
}
@media (max-width:576px){
      div.container-slider .row .col-slide-left {
        width: 100%;
      }
    div.container-slider .row .col-slide-right {
        width: 100%;
        margin: auto;
        margin-top: 4%;
    }
      div.images-thumb {
    position: relative;
    display: block;
    max-width: 350px;
    width: 100%;
    margin: auto;
}
  .toast-cus{left:5px;width:calc(100% - 10px);}
  .box-readmore{width:calc(100% - 5px);}
  .newshome-scroll{width:100%;}
  .newshome-intro{width:100%;margin-bottom:20px;}
  .top-contact .form-contact .button-contact .file-contact span b{max-width:105px;}
  .cart-pro-detail{flex-wrap:wrap;}
  .cart-pro-detail a{width:100%;text-align:center;margin:0px!important;}
  .cart-pro-detail a:first-child{margin-bottom:5px!important;}
}
@media (max-width:480px){
  .bestSeller-wrapper .owl-theme .owl-nav{display:none;}
  p.bestSeller-price{font-size:14px;}
  h3.bestSeller-name a{font-size:14px;}
  .albumHot-col{width:calc(100%/2 - 10px);}
  .footer-news{}
  .proListHot-col{width:100%;padding:0;}
  a.newsHot-pic{width:130px;}
  .newsHot-info{width:calc(100% - 150px);}
  p.newsHot-desc.text-split{-webkit-line-clamp:2;}
  h3.newsHot-name a{font-size:15px;}
  .newsHot-item{height:140px;}
  .news-item{width:calc(100%/2 - 15px);}
}
@media (max-width:414px){
}
@media (max-width:375px){
}
@media (max-width:320px){
}