@media (min-width: 768px) {
    .headbar-main{padding: .75rem 0;}
    .contact-mobile{display: none;}
    .navbar-collapse{width: 50%;}
    .footer{padding: 5% 0 0;}
    .copyright-box{padding: 15px 0;}
    
    .navbar-brand{text-align: left;}
    .navbar-brand img{max-width: 100%;width: auto;}
    .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next{ font-size:60px;}
    
    .detail-box p{
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        overflow: hidden;
        line-height: 1.3;
        height: calc(1rem * 1.3 * 5);
    }
    
    .detail-box h1{
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        line-height: 1.3;
        height: calc(1rem * 1.3 * 2);
        margin-bottom: .5rem;
    }
    .content-productslide{
        padding: 5% 0;
        background-position: center center;
    }
    .content-productslide .row{align-items: center;}
    .content-boxaboutus{padding: 5% 0;}
    .detail-products h2{margin-bottom: 0;}
    .detail-products h2 span{
        font-size: 1.7rem;
        padding: 0 15px;
    }
    .contact-footer{margin: 0;}
    .copyright-box{margin-top: 2rem;}
    .social-footer{margin-bottom: 0;}
    
    .owl-carousel.owl-products .owl-nav button.owl-next{margin-right: 0;}
    .owl-carousel.owl-products .owl-nav button.owl-prev{margin-left: 0;}
    
    .aboutus-box.topminus{margin-top: -2.5rem;margin-bottom: 2.5rem;}
    
    
    .content-otherpage{
        padding: 5% 0;
    } 
    .message-contact{margin: 0 auto 2rem;}
}
@media (min-width: 812px){
}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 992px){ 
    .navbar-expand-lg .navbar-collapse{
        width: 100%;
        justify-content: flex-end;
    }
    .navbar-expand-lg .navbar-nav{width:100%; }
    .navbar-collapse ul{list-style: none;}
    .navbar-collapse ul li {
        width: auto;
        margin: auto;
        text-align: center;
        position: relative;
        border: none;
    }
    .navbar-collapse ul li a{
        padding: 5px;
        position: relative;
        transition: all 0.5s;
        text-align: center;
    }  
    .contact-header{display: block;}
    .contact-header ul{
        display: flex;
        justify-content: flex-end;
    }
    .contact-header ul li{
        width: auto;
        margin: 0 15px 0 0;
        color: #464646;
        font-size: 1.2rem;
    }
    .contact-header ul li a:hover{color: #ff6600;}
    .contact-header ul li img{transition: all 0.5s;}
    .contact-header ul li img:hover{transform: scale(.95);}
    .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next{ font-size:70px;}
    .owl-dots{bottom: 15%;}
    .social-footer{margin: 0;}
    
    .title-box h1{font-size: 28px;}
    .message-contact h1, .address-box h1{font-size: 28px;}
    .mapbox{margin: 0 0 1rem;}
    .mapbox iframe{height: 315px;}
}
/*//./////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 1200px) {
    html{font-size:20px;}  
    .copyright-box{padding: 15px 0;}
    .title-box h1{font-size: 33px;}
    .tabs-category ul li img{
        width: auto;
        max-width: 100%;
    }
}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 1440px) {
    .container{ max-width: 1366px; } 
    .headbar-main{padding: .5rem 0;}
    .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next{ font-size:90px;}
    
    .title-box h1{font-size: 35px;}
    .product-box h1{font-size: 22px;}
}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 1600px){
    html{font-size:22px;}  
    .container{ max-width: 1440px; }  
    .owl-carousel.owl-products .owl-nav button.owl-next{margin-right: -2rem;}
    .owl-carousel.owl-products .owl-nav button.owl-prev{margin-left: -2rem;}
    .owl-carousel.owl-products .owl-item .img-box{text-align: center;}
    .owl-carousel.owl-products .owl-item img{
        max-width: 100%;
        width: auto;
    }
    .product-box h1, .detail-news h1{font-size: 26px;}
}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 1800px) {
    html{font-size:24px;}
    .container{ max-width: 1600px; }
}