@media (min-width: 1200px) 
{
  .hidden-lg
   {
       display:none!important;
   }
   .visible-lg-block
   {
       display:block!important;
   }
}
@media (max-width: 1200px) {
    .hidden-md
   {
       display:none!important;
   }
   .visible-md-block
   {
       display:block!important;
   }
   .news-top .vipadv-slide
   {
        height: 367px;
   }
   .news-top .vipadv-slide>ul
   {
        height: 100%; 
   }
   .news-top .vipadv-slide>ul>li
   {
        height: 48%;
    }
   .news-top .vipadv-slide>ul>li>a>img
   {
         height: 100%; 
         margin:0;  
         margin: 0;
    }
   .news-top .vipadv-slide>ul>li:nth-child(1)
   {
        margin-bottom: 5%;  
   }
   .banner-slider .customNavigation .btn
   {
        top: 37%;  
   }
   .menutop .news-top .danhmuctuychon>ul>li>.background-menu-top
   {
        WIDTH: 941px;
        left: -161px;
    }
    .search .btn-search-28
    {
        right: 38px;
    }
   .tuychon-top .f-block-body ul.f-block-news-menu li
   {
       width: 31%;
       margin-right: 32px;
    }
}
@media (max-width: 992px) {
    .hidden-sm
   {
       display:none!important;
   }
   .visible-sm-block
   {
       display:block!important;
   }
   .news-top .vipadv-slide
   {
       height: 281px;
   }
   .banner-slider .customNavigation .btn
   {
     top: 34%;
   }
   .f-ctn-banner-danhmuc .f-block-title span
    {
        font-size: 13px;
    }
    .f-block .f-block-body ul.f-block-news-menu>li>a
    {
        font-size: 12px;     
        padding: 2px 0;
    }
    .f-ctn-banner-danhmuc .f-block-body
    {
        height:200px;
    }
    .menutop .news-top .danhmuctuychon>ul>li>a
    {
        font-size: 11px;    
        padding: 8px;
    }
   .tuychon-top .f-block-body ul.f-block-news-menu li
   {
       width: 31%;
       margin-right: 25px;
    }

}
@media (max-width: 767px) {
    .f-container
    {
    }
    .v2-pr-item-action
    {
        display:none !important
    }
    .v2-tab-home-ul li a,.v2-tabhome #f-pr-tab-home{
        display:block;
        width:100%;
    }
    .v2-tab-home-ul li
    {
        display:block;
        margin-bottom:2px;

    }
    .v2-home-pr-item-img
    {
        height:150px;
    }
  .f-news-view-detail img{max-width:100% !important;display:block;height:auto !important;width:auto !important;}
    .f-product-view-info .button-small{}
    .f-product-view-info .button-small#add-cart{font-size: 11px;padding: 5px;border-bottom: none;border-radius: 0;}
    .cart .miniv2-toolbar-barclick{margin-top:0;/* margin-right: 100px; */}
    .header .header-banner div.col-md-4{z-index: 123;}
    .header .header-banner .logoo{clear:both;z-index: 1 !important;}
    .header .header-banner .search{margin-top:10px;}
    .cart .miniv2-toolbar-barclick span:nth-child(2)
    {
        display:none;
    }
    .cart .miniv2-toolbar-barclick span:nth-child(3)
    {
    right: 45px;
        
    top: 0px;
    font-size: 20px;
}
    .theo-doi>div:nth-child(1) a
    {
        float:none;
    }
    .menutop .news-top .top-menu-sub>ul>li>a
    {
        color:white;
        font-size: 10px;
        padding-left: 25px;
    }
    .menutop .news-top .top-menu-sub>ul>li
    {
        float:none;
        width:100%;
    }
    .menutop .news-top .top-menu-sub
    {
        width:100%;
        background-color: rgb(96, 96, 96);
    }
    .menutop .news-top .danhmuctuychon>ul>li>.background-menu-top
    {
        width:100%;
        left: 0;
        padding: 0;
        border: none;
        z-index: 124;
    }
    .menutop .news-top .danhmuctuychon>ul>li:hover>.background-menu-top
    {
        display:none;
    }
    .menutop .news-top .danhmuctuychon>ul>li>a
    {
        font-size: 12px;
        padding: 4px;
        padding-left: 15px;
    }
    .menutop .news-top .danhmuctuychon>ul>li>i
    {
        color: white;
    
        position: absolute;
        top: 2px;
        right: 40px;
        padding: 5px 10px;
        z-index: 123;
        cursor: pointer;
}
    .f-footer .menu-footer
    {
        position: absolute;
        z-index: 123;
        background-color: rgb(94, 94, 94);
        width: 100%;
    }
    .f-footer #menu .navbar-nav>li>ul
    {
        margin-top:0;
    }
    .f-footer #menu .navbar-nav>li>ul>li>a
    {
        padding-left: 45px;
    
        font-size: 12px;
        color: white;
}
    .tuychon-top .f-block-body ul.f-block-news-menu li
    {
        width:100%;
    }
    .cate-home .v2-home-catepr:nth-child(1), .cate-home .v2-home-catepr:nth-child(2), .cate-home .v2-home-catepr:nth-child(4), .cate-home .v2-home-catepr:nth-child(5), .cate-home .v2-home-catepr:nth-child(7), .cate-home .v2-home-catepr:nth-child(8)
    {
        width:100%;
    }
    .cate-home .v2-home-catepr .v2-home-catepr-left img
    {
    height: auto;
   
    }
    .cate-home .v2-home-catepr:nth-child(3n) .v2-home-catepr-left img
    {
        height:auto;
    
        width: 100%;
}
    .menutop .news-top
    {
        margin-top:0;
        height: 35px;
    }
    .header-top .conten-left.menu-topp>ul>li>a
    {
        font-size: 9px;
        font-weight: bold;
        color: white;
        padding-bottom: 5px;
    }
    .search .btn-search-28 .btn
    {
        padding-top: 0px;
    }
    .search
    {
        width:100%;
    }
    .cart
    {
        width:100px;
    }
    .sign-in
    {
        width: 75px;
    }
    .header-top .conten-left.menu-topp>ul
    {
        display:table;
    
        margin-bottom: 0;
}
    .f-ctn-banner-banner
    {
        /* margin-bottom:60px; */
    }
    .slide .carousel-indicators
    {
        bottom: -70px;
        left: 0;
        width: 100%;
        height: auto;
        top: inherit;
    }
    .slide .carousel-indicators >li
    {
        float:left;
        width: 20%;
        margin: 0 10px;
    }
    .slide .carousel-indicators li a>img
    {
         height: 50px;  
    }
    .slide .carousel-indicators>li.active:after
    {
        opacity:0;
    }
    .f-ctn-banner-danhmuc
    {
        padding-right:0;
    }
    .f-ctn-banner-danhmuc .navbar-header
    {
        background: rgb(74, 74, 74);  
    }
   .f-ctn-banner-danhmuc .navbar-header span
   {
       text-transform:uppercase;
       font-size:20px;
       color: rgb(236, 236, 236);
       line-height: 2.2em;
       padding-left: 20px;
    }
    .f-ctn-banner-danhmuc .navbar-header button
    {
        margin: -44px 40px 0 0; 
    }
    .f-ctn-banner-danhmuc .navbar-header button:active,
     .f-ctn-banner-danhmuc .navbar-header button:focus
    {
        outline:none;
        box-shadow:none;
    }
    .f-ctn-banner-danhmuc .navbar-header button i
    {
        font-size:25px;
        color: white;
    }
    
    .v2-home-catepr-title a:after
    {
        bottom: 100px;
        top: 6px;
        left: auto;
        right: -13px;
    }
    .v2-home-catepr-title:after
    {
    top: 38px;
        
    }
    .f-miniCart-miniv2 .miniv2-toolbar-name
    {
        margin-top: 40px;
    }
    .v2-home-catepr .nav-tabs > li > a
    {
        color: rgb(132, 132, 132);
    }
    .v2-home-catepr-title a
    {
        width:100%;
    }
    .search .btn-search-28
    {
        right: 35px;
        top: 3px;
    }
    .v2-home-catepr .nav-tabs
    {
        top: 40px;  
    }
    .v2-home-catepr .nav-tabs>li
    {
        margin: 1px;
        border: 1px solid rgb(216, 216, 216);
    }
    .f-menutop .f-menutop-ul > li > a.firstlink
    {
        width: 85%;
        float:left;
    }
    .f-menutop
    {
        background: rgb(30, 106, 62)!important;
    }
    .f-menutop #category
    {
        color: white;  
        padding: 7px;
        font-size: 20px;
    }
    .f-menutop button
    {
        position: absolute;
        right: 0;
        top: -10px;
        outline: none!important;
    }
    .f-menutop button i
    {
        color:white;
        font-size:25px;
    }
    .header .menutop .f-menutop-name i
    {
         margin-top: -28px; 
         margin-right: -13px; 
    }
    .f-menutop .danhmuctren
    {
    overflow: hidden;
        
    }
    .menutop .news-top .navbar-header
    {
        position:relative;
    }
    .menutop .news-top .danhmuctuychon 
    {
       background: rgb(74, 74, 74); 
       position:absolute;
       width:100%;
       /* margin-left: -15px; */
       z-index: 20;
    
       padding: 0;
       overflow: hidden;
       top: 34px;
       border-top: 0;
       max-height: 500px;
}
    .menutop .news-top .danhmuctuychon >ul
    {
        width:100%;
        padding:0;
    }
    .f-menutop .f-menutop-ul > li:hover .top-menu-backgroud
    {
        display:none;
    }
    .f-menutop .navbar-header
    {
          background: linear-gradient(rgb(2, 129, 66) ,rgb(50, 89, 59));
    }
    .f-footer .navbar-header
    {
          background: linear-gradient(rgb(2, 129, 66) ,rgb(50, 89, 59));
    
          background: rgb(94, 94, 94);
}
    .search .search-border
    {
        width: 100%;
    
        margin-right: 0;
        margin-bottom: 5px;
}
    .header-banner .search .btn-search-28
    {
        right: 40px;  
    }
    .header-banner .search .btn-search-28 .fa
    {
         font-size:20px;
         color: rgb(113, 113, 113);
    }
    .hidden-xs
   {
       display:none!important;
   }
   .visible-xs-block
   {
       display:block!important;
   }
    .header-banner .logo>img
    {
        margin:0 auto;
        margin-top: -30px;
        z-index: 0;
    }
    .menutop .news-top .danhmuctuychon>ul>li
    {
        float:none;
        border: none;
    
        position: relative;
        height: auto;
}
    .menutop .news-top .danhmuctuychon>ul>li:nth-child(1) a
    { 
    
}
    .menutop .news-top .navbar-header>button
    {
        outline: none;
        border:none;
        box-shadow: none;
        padding: 0;
        position: absolute;
        top: 0;
        right: 0;
    }
    .menutop .news-top .navbar-header >button>.fa
    {
         font-size: 25px;
         color: rgb(221, 221, 221);
    }
    .menutop .news-top .navbar-header #category
    {
        color: rgb(252, 252, 252);
        font-size: 15px;
        display: inline-block!important;
        line-height: 30px;
    
        text-transform: uppercase;
}
    .menutop .f-menutop .danhmuctren
    {
        position:absolute;
    }
    .f-menutop .navbar-nav>li
    {
        border:none;
    
        min-height: 30px;
}
    .banner-slider .owl-controls
    {
    left: 40%;
        
    }
    .v2-tabhome
    {
        /* margin-top: 150px; */
    }
    .news-top .vipadv-slide
    {
        width: 100%;
        max-height: 222px;
        height: auto;
        top: 640%;
    }
    .news-top .vipadv-slide>ul
     {
         width: 100%;   
     }
    .news-top .vipadv-slide>ul>li
    {
        height: 100px;
        width: 45%;
    }
    .news-top .vipadv-slide>ul>li>a>img
    {
        border: none;
        height: 100px;
        width: 100%;
    }
    .banner-slider .customNavigation .nextmyslide
    {
        right:20px;
    }
    .v2-home-catepr-left-mn
    {
        width: 100%;
        height: auto;
    
        /* min-height: 125px; */
}
    .v2-home-catepr
    {
        height: auto;
    
        margin-bottom: 0;
}
    .v2-home-catepr-left
    {
        height:auto;
        margin-bottom:20px;
    
        width: 100%;
}
    .viewlist .v2-pr-item-img a img
    {
        position: relative;
        margin: 0 auto;
    }
    .viewlist .v2-pr-item-img
    {
        width: 100%;  
    }
    .viewlist .v2-pr-item-action-viewq
    {
        opacity:1;
        color: white;
        visibility: visible;
        background: rgb(25, 109, 62);
        top: 30%;
        left: 40%;
    }
    .viewlist .v2-pr-item
    {
        min-height: 320px;
        padding-bottom: 0;
    }
    .viewlist .v2-pr-item-price-gr
    {    
        top: 0;
        margin: 0 auto;
        position: initial;
        text-align: center;
        padding-top: 30px;
    }
    .viewlist .v2-pr-item-boxdetail h2
    {
        width: 100%;
        overflow: hidden;    
        white-space: nowrap;    
        text-overflow: ellipsis;
        text-align: center;
    }
    .viewlist .v2-pr-item-boxdetail
    {
        width:100%;
    }
   .f-ctn-center .tab-content .col-md-6
    {
        text-align:center;
    }
    .f-footer #menu #category
    {
        color:white;
        text-transform: uppercase;
        padding-left: 10px;
        padding-top: 10px;
    }
    .f-footer #menu button
    {
        outline: none;
        padding: 5px;
        margin: 0;
        margin: -28px 30px 0 0;
    }
    .f-footer #menu button>i
    {
        color:white;
        font-size: 25px;
    }
    .f-footer #menu .navbar-nav>li
    {
        height: auto;    
        border-right: none;
    
        width: 90%;
        border-bottom: 1px solid rgb(131, 131, 131);
        margin-left: 5%;
}
    .f-footer #menu .navbar-nav>li>a
    {
        padding: 6px 30px;
    
        border-bottom: 0;
        padding-bottom: 0;
        color: white;
        font-size: 13px;
}
    .v2-home-catepr .nav-tabs
    {
        position: initial;
    }
    .top-menu-backgroud
    {
        position:relative;
        top: 0!important;
        z-index: 0!important;
        min-width: 200px;
    }
    .filter .category_filter
    {
        padding-left: 0;
        padding-right: 0;
        min-height: 60px;
    }
    .filter .category_filter #search-category
      {
        /* position: absolute; */
        margin-top: 25px;
      }
    .filter .category_filter span
      {
        height: auto;   
        left: 40%;
        text-align: center;
        padding-left: 0;
        width: auto;
        padding: 0 10px;
        line-height: 2.5em;
    }
     .filter .category_filter #search-category>li
      {
        padding: 0 0 0 5px;
         
      }
      .filter .category_filter #search-category>li>span
      {
    padding: 0;
          
      
    margin-left: 5px;
}
      .filter >div:nth-child(2)
       {
         min-height: 70px;
         padding: 0;
        }
      .filter >div:nth-child(2)>span
        {
            left: 37%;
            height: auto;
            width: auto;
            padding: 0 10px;
        
            line-height: 2.5em;
}
        .filter >div:nth-child(2)>ul
        {
            margin-top: 30px; 
        }
 .filter >div:nth-child(3)
 {
    min-height: 45px;
    padding: 0;
 }
  .filter >div:nth-child(3)>span
  {
    width: auto;
    height: auto;
    left: 35%;
    display: none;
   }
  .filter >div:nth-child(3) div
    {  
    }
    .filter >div:nth-child(4)
    {
        width: 100%;
        min-height: 85px;
        padding: 0;
    }
    .filter >div:nth-child(4)>span
    {
        width: auto;
        height: auto;
        left: 42%;
        padding: 0 10px;
        line-height: 2.5em;
    }
    .filter >div:nth-child(4)>ul
    {
        margin-top: 30px;  
        width: 100%;
    }
    .filter >div:nth-child(5)
    {
        width: auto;
        min-height: 70px;
        padding: 0;
    }
    .filter >div:nth-child(5)>span
    {
        width: auto;
        height: auto;
        left: 42%;
        padding: 0 10px;
        line-height: 2.5em;
    }
    .filter >div:nth-child(5)>ul
    {
        margin-top: 30px;  
    }
    .v2-hometab-news-28 .v2-hometab-news-small-title h2
    {
        font-size: 16px;
        margin-bottom: 0;
        text-align: center;
        overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis;
    }
    .f-ctn-left-detail
    {
        display:none;
        position:absolute;
        top:0;
        background:white;
        z-index:20;
        left:0
    }
    .danhmuctin-xs >span,
    .danhmuctin-xs-hide >span
    {
       background: rgb(29, 107, 62);
       border-radius:3px; 
    }        
    .danhmuctin-xs .fa-bars
    {
        color:white;
        font-size:25px;
        position:fixed;
        left:15px;
        top: 52%;
        z-index: 10;
        padding: 5px;
        cursor: pointer;
    }
    .danhmuctin-xs-hide .fa-bars
    {
        color:white;
        font-size:25px;
        position:fixed;
        right: 50px;
        top: 50%;
        padding: 5px;
        cursor: pointer;
        z-index: 10;
    }
    .header .header-banner div.col-sm-8
    {
        margin-top: 20px;
        
    }
    .language{
        /* display:none; */
    }
    .header-top .header-top-custom >div>div:nth-child(2)
    {
        /* margin-top:30px; */
    }
    .header-top .header-top-custom >div>div:nth-child(2)>div:nth-child(3)
    {
        display: table;
        position: absolute;
        top: -2px;
        right: 0;
        width: 200px;
    }
    .carousel-inner>.item>a>img
    {
        height:auto;
    }
}
@media (max-width: 650px) {
    .news-top .vipadv-slide
    {
        top: 550%;
    }

}
@media (max-width: 600px)
{
    .v2-home-catepr-left-mn
    {
        /* min-height: 165px; */
    }
}

@media (max-width: 550px) {
     .news-top .vipadv-slide
    {
        top: 470%;
    }  
    .banner-slider .customNavigation .fa
    {
        font-size:50px;
    }
    .theo-doi .form-group .BNC_submit_subscribe
    {
        padding: 6px 2px;
        margin-right:5px;
    }   .zoomContainer{
        z-index:-1;
        position: relative;
        display: none;
        overflow: hidden;
    }
    .zoomWrapper{/* z-index: -1; */position: relative;width: 100% !important;}
     .zoomWrapper:before
     {
         position:absolute;
         content:"";
         width: 100%;
         height: 78%;
         background: transparent;
         left: 0;
         top: 0;
         z-index: 99;
     }
}
@media (max-width: 500px) {
    .news-top .vipadv-slide
    {
        top: 430%;  
    }
}
@media (max-width: 480px) {
    .f-product-view .f-product-view-tab .f-product-view-tab-body iframe {
    width: 100% !important;
}

    .slide-pc
    {
        display:none;
    }

    .chatfb a {
    color: #fff;
    text-align: center;
    font-size: 12px;
}

.chatfb a i {
    display: block;
    font-size: 16px;
}

.chatfb a span,.slide-mobile,.chatfb {
    display: block;
}

button.quick-buy-custom {
    background: red !important;
    border-radius: 0 !important;
    width:30% !important;
    margin: 0 !important;
    border-bottom: none !important;
    float: left;
    padding: 11px 5px;
    height: 40px;
    font-size: 15px !important;
}

.f-product-view-info .button-small#add-cart i {
    display: block;
    margin-right: 0;
    font-size: 16px;
}
.f-product-view-info .button-small.adecode
{
    width: 45% !important;
    float: none !important;
    display: inline-block;
    height: 40px;
}
    .payment-top {
    position: fixed;
    bottom: 0;
    background: #eee;
    left: 0;
    float: none;
    z-index: 1111;
}

.chatfb {
    width: 25%;
    background: #f89f02;
    padding: 5px 0;
    float: left;
    height: 40px;
}

a.adecode {
    display: inline-block;
    width: 30% !important;
    margin: 0 !important;
    float: none !important;
}

    .f-product-view .f-product-view-info .f-product-view-info-detail .f-product-view-name
    {
        margin-top:20px;
    }
    a.buttonmes,.f-product-view-info .button-small {}
  
    .f-footer #menu
    {
        display:none;
    }
    .f-cate
    {
        padding:0;
    }
    .f-module-page .f-module-page-title span{
        margin-left:0;
    }
    .f-cate ul.f-cate-ul li img,.f-module-page-title img
    {
        display:none;
    }
    .f-product-viewid.f-product .v2-pr-item,.v2-home-pr-item
    {
        height: 256px;
    }
    .v2-pr-item-img
    {
        height:150px;
    }
    .f-cate ul.f-cate-ul li
    {
        width: 50%;
        text-align: center;
    }
    .theo-doi .form-group .BNC_submit_subscribe
    {
        padding: 6px 2px;
        margin-right:5px;
    }
    .f-product-viewid.f-product .v2-pr-item .v2-pr-item-boxdetail{width:90%;}
    .f-product-viewid.f-product .v2-pr-item .v2-pr-item-img a img{
    height: 150px;
}
    .news-top .vipadv-slide
    {
        top: 380%;  
    }
    .news-top .vipadv-slide>ul>li
    {
        width: 42%;
        height: 80px;
    }
    .v2-tabhome
    {
        /* margin-top: 100px; */  
    }
}
@media (max-width: 380px) {
    .f-product-viewid.f-product .v2-pr-item{height: 240px;}
    .news-top .vipadv-slide
    {
        top: 330%; 
    }
    .v2-home-catepr-left-mn
    {
        min-height: 210px;
    }
}
@media (max-width: 320px) {
    .f-product-viewid.f-product .v2-pr-item{height: 200px;}
    .share .icon i{
    font-size: 19px;
    margin: 0 3px;
}
    .theo-doi .form-group .BNC_submit_subscribe
    { 
        padding: 6px 2px;
        margin-right:5px;
    }
}