@media (max-width:480px) {
    .col-480-12{
        width: 100% !important;
    }
    .col-480-6{
        width: 50% !important;
    }
    .hidden-480{
        display: none !important;
    }
    .visible-480{
        display: block !important;
    }

}

@media (max-width:767px)  {
    table td div{padding:0px  !important;}
    .content-box{padding:0 5px}
    .img_cat{height: 80px;width:80px;float: left}
    .content_detail{width: 100%;overflow: hidden;}
    .button_hotline{text-align: center !important;}
    .logo_pc{display: none;}
    .hotline_header{font-size: 20px !important;}
    .bannertop{margin-top: 63px;}
    .bannertop img{width: 100%;}
    .search_box input.form-control {
        height: 35px !important;
    }
    .search_box button.btn.btn-default {
        height: 35px !important;
        padding: 0px 15px !important;
    }
    .sc_menu.sticky-header.fixed{
        position: relative !important;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .hotline_header{text-align: center !important;}
    .hotlinetop{margin-top: 60px;}
    .sc_menu.sticky-header.fixed{
        position: relative !important;
        margin-top: 30px;
    }
    .search_box input.form-control {
        height: 35px !important;
    }
    .search_box button.btn.btn-default {
        height: 35px !important;
        padding: 0px 15px !important;
    }
    .img_prod.h_954 img {
        height: 260px !important;
    }
    .img_cat{height: 80px;max-width: 100%}
    
}
@media (min-width:992px) and (max-width:1199px){
    .img_cat{height: 80px;max-width: 100%}
    .bannertop{position: relative;}
    .logotop{position: absolute;
        top:10px
        left:10px;}
    ul.checkout-types {
        position: absolute;
        top: 258px;
        left: 369px;
        z-index: 999;
    }
    .nav-menu > .menu-item > .menu-link{font-size: 12px !important;}
    .fixed_banner{
        top: 0px;left: 30px;
        position: fixed !important;
        z-index: -1;}
    .bnl{position: relative;width: 210px;}
    .bnl img{width: 100%;}
    .nav-menu > .menu-item > .menu-link{
        padding: 0px 10px 0px 10px !important;
        font-size: 13px !important;
    }
    .hotlinetop{margin-top: -40px;}
    .clearfix-30{background: #fff;}
    .clearfix-25 {
        clear: both;
        background: #fff;
        height: 25px;
    }
    .sc_slider_partner{background: #fff;}
}


@media (min-width:1200px) {
    .img_cat{height: 125px;max-width: 100%}
    .h_img_hot{max-height: 251px}
    .bannertop{position: relative;}
    .logotop{position: absolute;
        top:10px
        left:10px;}
    ul.checkout-types {
        position: absolute;
        top: 258px;
        left: 369px;
        z-index: 999;
    }
    .hotlinetop{margin-top: -40px;}
    .clearfix-30{background: #fff;}
    .clearfix-25 {
        clear: both;
        background: #fff;
        height: 25px;
    }
    .sc_slider_partner{background: #fff;}
    .fixed_banner{
        position: fixed;top: 0px;left: 30px;
        position: fixed !important;
        z-index: -1;}
    .bnl{position: relative;width: 220px;}
    .bnl img{width: 100%;}
/*    .bannertop{width: 1350px;margin: 0px auto;}*/
    .hotlinetop{float: right;margin-top: -49px;}
    .row_pc{
        margin-right: -15px;
        margin-left: -15px;
    }
    .container{
        width: 1300px;
    }
    .col-lg-180{
        width: 18%;
    }
    .col-lg-820{
        width: 82%;
    }
    .col-lg-200{
        width: 20%;
    }
    .row_pc{
        margin-right: -15px;
        margin-left: -15px;
    }
    .container{
        width: 1300px;
    }
    .col-lg-180{
        width: 18%;
    }
    .col-lg-820{
        width: 82%;
    }
    .col-lg-200{
        width: 20%;
    }
    .visible-480{
        display: none;
    }
    .img_prod.h_954 img {
        height: 215px !important;
    }

}


@media (min-width:1900px) { 
    .container{
        width: 97%;
    } 

}
@media (min-width:768px) {
    .list_news_home {
        padding-right: 10px;
    }
}

