@media (min-width: 768px) {
    .headbar-main{padding-bottom: 0;}
    .slim.headbar-main{
        padding: 0;
    }
    .slim .hamburgers-box, .slim .tagline-header{
        margin-top: -6rem;
        transition: all 0.5s;
    }
    .navbar-expand-md .navbar-collapse{width: 100%;}
    .navbar-expand-md .navbar-nav{
        width: 100%;
        margin-top: 1rem;
        transition: all 0.5s;
    }
    .slim.navbar-expand-md .navbar-nav{margin-top: 0;}
    .navbar-collapse ul li{
        width: auto;
        margin: auto;
    }
    .navbar-collapse ul li a{
        color: #000;
        text-align: center;
        display: flex;
        padding:10px 0;
        align-items: center;
    }
    .navbar-collapse ul li a img{margin-right: 5px;}
    .content-box{padding: 5% 0 1%;}
    .contact-footer{margin: 0 auto;}
    .footer{padding: 5% 0 2%;}
    .tagline-header{
        text-align: right;
        transition: all 0.5s;
    }
    .tagline-header ul{list-style: none;}
    .tagline-header a:hover{color: #04abb1;}
    .social-footer{text-align: right;} 
    .copyright-box{
        text-align: left;
        padding: 0;
    }
    
    .bg-img{padding: 60% 0;}
    .aboutus-box {margin-top: 0;}
    .line-footer{margin-top: 3rem;}
    
    .service-box h1{height: calc(1rem * 1.2 * 2.5);margin-bottom: 0;}
    .service-box{
        padding: 3%;
    }
    .service-box .detail-service{margin-top: 0;}
    .adress-contact ul{margin-top: .5rem;}
    .product-box .img-box{
        height: 255px;
        overflow: hidden;
    }
    .product-box .img-box  img{
        height: 100%;
        width: 100%;
        transition: all 0.5s;
        flex-grow: 0;
        object-fit: cover;
    }

}
@media (min-width: 812px){
}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 992px){
    html{font-size: 20px;}
    .tagline-header ul{
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
    .tagline-header ul li{padding: 0 5px; }
    .social-contact{text-align: left;}
}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 1200px) {
    html{font-size:24px;}
    
}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 1440px) { 
    .container{ max-width: 1230px; } 
}

/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 1800px) {
    .container{ max-width: 1440px; } 
}