@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;
    }
    #quote-wrapper ul{
        display: flex;
        flex-flow: wrap;
    }
}
@media(min-width: 1200px){
    #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: 768px){
    #menu .nav > li > a{
        padding-left: 13px;
        padding-right: 13px;
        font-size: 15px;
        line-height: 52px;
    }
    #slideshow0 .text{
        width: 35%;
    }
    #logo-wrapper-md h1{
        padding-left: 80px;
        font-family: Roboto Condensed;
        font-weight: bold;
        font-size: 27px;
    }
    #logo{
        height: 68px;
        width: 68px;
    }
    .warranty{
        font-size: 16px;
    }
    .warranty h3{
        font-size: 23px;
    }
}
@media(max-width: 1200px) AND (min-width: 991px){
    
    #menu-wrapper{
        /* padding-left: 0; */
        /* width: 62.3333%; */
    }
    .hotline-wrapper{
        width: 21%;
    }
    body{
        margin-top: 53px;
    }
    
}
@media(max-width: 991px) AND (min-width: 768px){
   #logo-wrapper-md h1{
        margin-top: 0;
        text-align: left;
        /* font-size: 24px; */
        line-height: 19px;
        margin-bottom: 0;
    }
    body{
        margin-top: 71px;
    }
    #logo{
        height: 70px;
        width: 70px;
    }
    #logo img{
        width: 50px;
    }
    #menu .nav > li > a,
    body header .hotline{
        line-height: 70px;
    }
}
@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);
    }
    #logo-wrapper-md h1 a{
        font-size: 20px;
    }
}
@media(max-width: 768px){
    
    #slideshow0 .text{
        width: 250px;
        left: 30px;
        font-size: 13px;
    }
    #slideshow0 .text .title{
        font-size: 20px;
        font-family: Roboto Condensed;
    }
    #logo{
        width: 62px;
        height: 62px;
    }
    #logo-wrapper-md h1 a{
        font-size: 20px;
    }
    #logo-wrapper-md h1{
        margin-top: 11px;
        padding-left: 70px;
        margin: 5px 0;
    }
    header #logo img{
        width: 42px;
        margin-top: 3px;
    }
    .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 .wrapper > div{
        padding: 3px;
    }
    .products-wrapper > .container{
        /* padding: 0; */
    }
    #logo img{
        /* width: 195px; */
    }
    .services,.knowledge{
        padding: 15px 0;
    }
    body.news-news #content *{
        max-width: 290px!important;
    }
    .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;
    }
    #main-img{
        margin-top: 15px;
    }
    body{
        margin-top: 49px;
    }
    .slogan{
        font-size: 21px;
        font-family: 'Open Sans', sans-serif;
    }
    #quote-wrapper h3{
        font-size: 23px;
    }
    #quote-wrapper h4.first{
        font-size: 16px;
    }
    .services-wrapper ul .item{
        margin-bottom: 8px;
        padding-bottom: 8px;
        border-bottom: 1px solid #eee;
    }
    .services-wrapper ul .item:last-child{
        border-bottom:0;
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .section h2{
        font-size: 28px;
    }
    .warranty{
        font-size: 14px;
    }
    .warranty h3{
        font-size: 19px;
    }
    .services-wrapper ul{
        margin:0;
    }
    #menu div.dropdown-menu{
        float: right;
    }
    #menu .dropdown-inner a{
        padding-left:0;
    }
    .owl-nav{
        display: none;   
    }
}
@media(max-width: 768px) AND (min-width: 500px){
    .container{
        /* padding-left: 45px; */
        /* padding-right: 45px; */
    }
    #warranty-top-wrapper .item .item__img{
        width: 15%;
    }
    #warranty-top-wrapper .item .item__txt{
        width: 85%;
    }
}
@media(max-width: 499px) AND (min-width: 361px){
    #warranty-top-wrapper .item .item__img{
        width: 20%;
    }
    #warranty-top-wrapper .item .item__txt{
        width: 80%;
    }
}
@media(max-width: 500px){
    table.sub-products{
        display: flex;
        flex-flow: wrap; 
    }
    table.sub-products tr,
    table.sub-products td{
        display: flex;
        float: left;
        flex-flow: wrap;
    }
    table.sub-products td{
        width: 50%;

    }
}
@media(max-width: 360px){
    .slogan{
        font-family: Roboto Condensed;
    }
    .visible-xxs{
        display: block;
    }
    #quote-wrapper h3{
        font-size: 18px;
    }
    #quote-wrapper h4.first{
        font-size: 15px;
    }
    .services-wrapper h4{
        font-size: 14px;
        margin-bottom:5px;
        margin-top: 3px;
    }
    #quote-wrapper h4{
        margin-top: 6px;
    }
    .product-thumb .price{
        /* font-size: 13px; */
        font-family: 'Roboto Condensed', sans-serif;
    }
    .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;
    }
    .products-wrapper{
        padding-left: 15px;
        padding-right: 15px;
    }
}