
@media (min-width:1200px) /* lg*/ {
    .container, .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
        padding-right: 5px !important;
        padding-left: 5px !important;
    }
    .nav-menu>li.active{
        background:#30b331;
        border-radius: 5px;
    }
    .nav-menu>li:hover{
        background:#30b331;
        border-radius: 5px;
    }
    .row {
        margin-left: -5px !important;
        margin-right: -5px !important;
    }
    .fixianh {
        width: 100px;
    }
    .logo-bottom img {
        width: 100px;
    }
    .container{
        width: 1200px;
    }
    .nav-menu .menu-link{
        font-size: 14px!important;
        font-weight: bold!important;
    }
    .menu-item{
        padding: 0px 8px!important;
    }
    .row-15{
        margin: 0px -15px!important;
    }
    .pdd-15{
        padding: 0px 15px!important;
    }
    .row-10{
        margin: 0px -10px!important;
    }
    .pdd-10{
        padding: 0px 10px!important;
    }
    .row-8{
        margin: 0px -8px!important;
    }
    .pdd-8{
        padding: 0px 8px!important;
    }
    .name-prod a{
        font-size: 14px!important;
    }
    .mota {
        height: 320px;
        overflow: hidden;
    }
}


@media (min-width:992px) and (max-width:1199px) /* md*/{
    .container, .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
        padding-right: 5px !important;
        padding-left: 5px !important;
    }

    .nav-menu>li.active{
        background:#30b331;
        border-radius: 5px;
    }
    .nav-menu>li:hover{
        background:#30b331;
        border-radius: 5px;
    }
    .row {
        margin-left: -5px !important;
        margin-right: -5px !important;
    }
    .pdd-5{
        padding-right: 5px!important;
        padding-left: 5px!important;
    }
    .nav-menu .menu-link{
        font-size: 11px!important;
    }
    .menu-item{
        padding: 0px 10px!important;
    }
    .row-15{
        margin: 0px -15px!important;
    }
    .pdd-15{
        padding: 0px 15px!important;
    }
    .row-10{
        margin: 0px -10px!important;
    }
    .pdd-10{
        padding: 0px 10px!important;
    }
    .row-8{
        margin: 0px -8px!important;
    }
    .pdd-8{
        padding: 0px 8px!important;
    }
    .text-intro{
        line-height: 23px!important;
    }
    .name-news-item a{
        font-size: 12px!important;
    }
    .dcs-news-item{
        font-size:11px!important;
        margin-bottom: 10px!important;
    }
    .content-news{
        padding: 5px 10px!important;
    }
    .title-bottom{
        font-size: 12px!important;
    }
    .box-contact{
        padding: 0px 10px 10px 10px!important;
    }
    .list-bottom li a{
        font-size: 11px!important;
    }
    .box-online-support .hotline span{
        font-size: 15px!important;
    }
    .box-online-support{
        padding: 10px!important;
    }
    .box-online-support-2 .icon button{
        width: 25px!important;
        height: 25px!important;
    }

}

@media (min-width:768px) and (max-width:991px) /* sm */{

    .nav-menu>li.active{
        background:#30b331;
        border-radius: 5px;
    }
    .nav-menu>li:hover{
        background:#30b331;
        border-radius: 5px;
    }
    .nav-menu .menu-link{
        font-size: 10px!important;
    }
    .menu-item{
        padding: 0px 5px!important;
    }
    .cart-search li{
        padding: 0px 10px!important;
    }
    .cart-search li:last-child{
        padding-right: 0px!important;
    }
    .menu_main{
        margin-top: 10px;
    }
    .cart-search{
        padding-top: 0px!important;
    }
    .text-intro{
        margin-top: 20px;
    }
    .clearfix-sm{
        clear: both;
        height: 20px;
    }
    .logo-bottom img{
        margin: auto!important;
    }
    .logo-bottom{
        margin-top: 10px;
    }

}
@media (max-width:767px)  /* xs */{
    .menu_mb img{
        height: 60px;
        width: auto;
        margin-right: -30px;
    }
    .menu_mb{
        padding: 5px 0px;
        text-align: center;
    }
    #menu-main{
        padding: 0px!important;
    }
    .menu_main{
        padding-top: 0px!important;
    }
    .text-intro{
        margin-top: 15px;
    }

    .clearfix-sm{
        clear: both;
        height: 20px;
    }
    .logo-bottom img{
        margin: auto!important;
    }
    .logo-bottom{
        margin-top: 10px;
    }
    .box-fb{
        margin-bottom: 20px;
    }
    .text-detail{
        margin-top: 20px;
    }
    .list-btn-cart .btn{
        font-size: 12px!important;
    }
}
@media (max-width:500px) {
    .social{
        display: none;
    }
    .address-top li{
        padding: 0px 5px!important;
        font-size: 12px!important;
    }
    .col-500{
        width: 100%;
    }
}


@media (max-width:480px) {
    .col-480{
        width: 100%;
    }
}
@media (max-width:430px){
    .col-430{
        width: 100%;
    }
}







