@media (min-width: 768px) { 
    html{font-size: 18px;}
    .headbar-main{
        position: fixed;
        background: none;
    }
    .slim.headbar-main{background: #FFF;}
	.navbar-collapse{
        width: 350px;
        left: -350px;
    }    
    .footer{padding: 5% 0 3%;}
    .language-phone{right: 12%;}
    .about-rightbox h1{font-size: 20px;}
    .product-content, .standard-content{margin-top: 5%;}
    .detail-box{padding: 10px 15px;}
    .contactus-footer{margin: 0 auto;}
    .social-footer{margin-top: 1rem;}
    .copyright-box{font-size: 1rem;}
    
    .product-fullscroll{height: 768px;}
    .detail-viewproduct {
        margin-top: 0;
        margin-bottom: 30px;
    }
    .news-box.news-vdobox{height: 177px;}
    .sendbox-footer{margin-top: 0;}
    .address-box .ic-text{color: #444444;font-size: 1.2rem;}
    .address-box table td{padding: 5px;}
}
@media (min-width: 812px){
}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 992px){
    .navbar-expand-lg .navbar-collapse{width: 100%;}
    .navbar-expand-lg .navbar-nav{width: 100%;}
    .navbar-collapse ul li {
        width: auto;
        margin: auto;
        text-align: center;
    }
    .navbar-collapse ul li a{
        padding:10px 15px;
        position: relative;
        overflow: hidden;
        color: #000000;
    }   
    .language-phone{display: none;}
    .content-fullcon{padding: 7% 0;}
    .about-leftbox h1{font-size: 28px;}
    .about-leftbox img {
        margin: 0;
        width: auto;
    }
    .about-rightbox { padding: 50% 6%;}
    .about-rightbox h1{font-size: 24px;}
    .detail-box{bottom: 5%;}
    .about-rightbox::before{height: 169px;}
    .about-rightbox::after{height: 169px;}
    .address-footer{padding-right: 10%;}
    .social-footer{margin: 0;}
    .social-footer img{width: 2.5em;}
    
    .news-box.news-vdobox{height: 240px;}

}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 1200px) {
    html{font-size: 20px} 
    .navbar-brand img {width: 200px;}
    .about-rightbox h1 {font-size: 28px;}
    .about-leftbox h1 {font-size: 31px;}
    .detail-news{padding: 25px 15px;}
    .address-footer {padding-right: 13%;}
    .title-box{font-size: 40px;}
    
    .product-fullscroll{height:992px;}
    .vdo-presents{height: 351px;}
    .news-box.news-vdobox{height: 351px;}
    .news-box.news-vdobox{height: 289px;}
    .mapbox{ height: 351px;}
}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 1440px) {
    html{font-size: 22px} 
    .container{ max-width: 1366px; }
    .navbar-brand img {width: 239px;}
    .about-rightbox {padding: 33% 6%;}
    .address-footer {padding-right: 23%;}
    .about-leftbox img {width: 123px;}
    .social-footer img{width:auto;}
    .slim .navbar-brand img {width: 154px;}
    .navbar-collapse ul li a{padding:5px 25px;}
    .news-box.news-vdobox{height:351px;}
    
}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 1800px) {
    html{font-size: 24px} 
    .container{ max-width: 1600px; } 
    .news-box.news-vdobox{height: 413px;}
}
@media only screen and (max-width: 600px) {
	.img-prod{height: 120px; margin: 1rem auto;}
	.product-box{height: 240px; margin-bottom: 1rem;}

}