@media(min-width: 768px){
    footer .logo{
        padding-top: 30px;
    }
    #menu .nav > li > a:hover, #menu .nav > li.open > a {
        transition-duration: 100ms;
        -moz-transition-duration: 100ms;
        -webkit-transition-duration: 100ms;
        -o-transition-duration: 100ms;
        color: #fff;
        /* border-top: 2px solid #fff; */
        font-style: unset;
        /* text-decoration: underline; */
        background: white;
        color: #e11428;
    }
}
@media(min-width: 1200px){
    .products-wrapper.section .wrapper > div{
  width: 20%;
}
    .product-thumb .caption{
        text-align: center;
    }
    #menu .dropdown-menu.product .dropdown-inner > div{
        width: 20%;
        padding: 0 7px;
    }
    .col-lg-2-4{
        width:20%;
    }
    .no-padding-lg{
        padding:0;
    }
    #menu{
        padding-left:15px;
    }
    .intro .container{
        padding: 0 170px;
    }
    .navbar-collapse{
        padding:0;
    }
    #logo-wrapper-md{
        width: 12%;
    }
    #menu-wrapper{
        /* width: 62.66%; */
    }
}
@media(max-width: 1200px) AND (min-width: 991px){
    #menu .nav > li > a{
        padding-left: 13px;
        padding-right: 13px;
        font-size: 14px;
    }
    #menu-wrapper{
        padding-left: 0;
        width: 62.3333%;
    }
    .hotline-wrapper{
        width: 21%;
    }
}
@media(max-width: 991px){

    #price,.promotion{
        width:100%;
        margin: 30px 0;
    }
    #myScrollspy{
        padding-right:0;
        padding-left: 7px;
    }
    #menu .nav > li > a{
        padding-left: 12px;
        padding-right: 12px;
        font-size: 13px;
    }
    .product-thumb .image a img{
        opacity: 1;
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@media(max-width: 768px){
    .product-carousel.owl-theme.owl-carousel .owl-nav div i, 
    .imgs-carousel.owl-theme.owl-carousel .owl-nav div i{
        font-size: 44px;
    }
    .product-carousel.owl-theme .owl-nav div.owl-prev,
    .imgs-carousel.owl-theme .owl-nav div.owl-prev{
        margin-left: -35px;
    }
    .product-carousel.owl-theme .owl-nav div.owl-next,
    .imgs-carousel.owl-theme .owl-nav div.owl-next{
        margin-left:0;
        margin-right: -35px;
    }
    #phone-icon-wrapper{
        display: block;
    }
    .cloudzoom-zoom-inside,.cloudzoom-blank{
        display:none;   
    }
    .news .row .col-sm-3{
        padding: 0;
        margin: 15px 0;
    }
    .news .caption{
        padding-left:0;
    }
    .product-thumb{
        margin-bottom:3px;
    }
    .product-thumb .image{
        padding: 5px 5px 0px 5px;
    }
    
    .products-wrapper > .container{
        /* padding: 0; */
    }
    #logo img{
        /* width: 195px; */
    }
    .services,.knowledge{
        padding: 15px 0;
    }
    body.news-news #content *{
        /* max-width: 290px!important; */
    }
    body.news-news #content img{
        height: auto;
    }
    .no-padding-xs{
        padding:0!important;
    }
    #menu .nav > li > a{
        line-height: 30px;
    }
    .navbar-collapse.navbar-ex1-collapse{
        border-top: 1px solid rgba(255, 47, 0, 0.5);
        padding: 0;
    }
    .navbar-collapse.navbar-ex1-collapse .navbar-nav{
        margin:0;
    }
    .navbar-collapse.navbar-ex1-collapse > .navbar-nav> li:first-child{
        /* border-top:none; */
    }
    .navbar-collapse.navbar-ex1-collapse li{
        border-top: 1px solid rgba(255, 255, 255, 0.2);
        padding-left: 15px;
    }
    #menu .nav > li > a{
        font-size: 17px;
        line-height: 40px;
        text-align: right;
    }
    #menu .nav > li > a:hover, #menu .nav > li.open > a {
        color: white;
    }
    .products-wrapper .wrapper{
        /* display: inline-flex; */
        /* flex-flow: row wrap; */
    }
    .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
        padding: 5px;
    }
    .breadcrumb{
        margin-bottom:0;
    }
    #section-introduce h1{
        margin-top: 0;
        font-size: 28px;
    }
    #main-img{
        margin-top: 15px;
    }
    .product-thumb .caption h4{
        font-size: 15px;
        margin-bottom: 3px;
    }
    .product-thumb .price{
        /* font-size: 13px; */
        font-family: 'Roboto Condensed', sans-serif;
    }
}
@media(max-width: 768px) AND (min-width: 500px){
    .container{
        /* padding-left: 45px; */
        /* padding-right: 45px; */
    }
}
@media(max-width: 550px){
    .section.btns .btn{
        margin: 15px 15px 0 15px;
    }
}
@media(max-width: 500px){
    .products-wrapper .wrapper > div{
        padding: 3px;
    }
    .slogan{
        padding-left:0;
        padding-right:0;
    }
    .slogan *{
        display: block;
    }
    .slogan .right-align{
        display: none;
    }
    .slogan td span{
        display: none;
    }
    .products-wrapper .wrapper .product-thumb-wrapper{
        width: 49%;
    }
}
@media(max-width: 360px){
    
    #section-introduce h1{
        
        font-size: 22px;

        line-height: 1.3em;

        /* font-weight: bold; */

        color: black;
    }
    .col-xxs-12{
        width: 100%;
    }
    
    .product-thumb .attrs{
        font-family: 'Roboto Condensed', sans-serif;
    }
    .modal-body{
        padding-left: 7px;
        padding-right: 7px;
    }
    body{
        font-size: 14px;
    }
    table{
        font-size: 14px;
    }
    select.form-control, textarea.form-control, input[type="text"].form-control, input[type="password"].form-control, input[type="datetime"].form-control, input[type="datetime-local"].form-control, input[type="date"].form-control, input[type="month"].form-control, input[type="time"].form-control, input[type="week"].form-control, input[type="number"].form-control, input[type="email"].form-control, input[type="url"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="color"].form-control{
        height: 32px;
        padding: 3px 6px;
    }
    .calculator{
        font-family:'Roboto Condensed', sans-serif;
    }
    .container{
        padding-left: 5px;
        padding-right: 5px;
    }
    .container > .row{
        margin-left: -5px;
        margin-right: -5px;
    }
    .btn{
        padding-left: 12px;
        padding-right: 12px;
    }
}