@media (min-width: 768px) { 
    html{font-size:18px;}
    .navbar-brand{padding-left: 0;;}
    .navbar-expand-md .navbar-collapse{width: 100%;}
    .navbar-expand-md .navbar-nav{width: 100%; }
    .navbar-collapse ul{list-style: none;}
    .navbar-collapse ul li {
        width: auto;
        margin: auto;
        text-align: center;
        position: relative;
    }
    .navbar-collapse ul li a{
        padding:10px 20px;
        position: relative;
        transition: all 0.5s;
        text-align: center;
    }  
    .footer{padding: 5% 0 ;}
    .language-pc{
        width: 18%;
        display: block;
        padding: 5px;
        text-align: center;
        border: 2px solid #fea4b0;
    }
    .language-pc .dropdown-menu{
        padding: 0;
        border: none;
        border-radius: 0;        
        right: 0;
        left: auto;
        min-width: 5rem;
    }
    .language-pc .dropdown-menu a{
        display: block;
        padding: 10px;
        text-align: center;
    }
    .language-pc .dropdown-menu a:hover{
        color: #FFF;
        background: #fea4b0;
    }
    .language-mobile{display: none;}
    .content-about, .content-product{padding: 5% 0;}
    .social-footer{margin: 0 auto; }
    .copyright-box{padding: 2% 0;}
	
	.content-pageother{padding: 5% 0;}
	.mapbox{height: 100%;}
	
	.vdo-box{height: 420px;}
	
	.in-category .img-box {height: 120px;}
}
@media (min-width: 812px){
}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 992px){ 
    .aboutus-box{padding: 0 11%;}
    .language-pc{width: 15%;}
    .navbar-brand img{width: 180px;}
	
	
	.in-category .img-box{height: 165px;}
}
/*//./////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 1200px) {
    html{font-size:22px;}
    .navbar-brand img{width: 245px;}
    .title-about h1 {font-size: 35px;}
    .title-about p, .footer p {font-size: 25px;}
    .product-box p{font-size: 1rem;}
	
	.vdo-box{height: 530px;}
	.in-category .img-box{height: 280px;}
}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 1440px) {
    .container{ max-width: 1366px; }
    .title-box h1{font-size: 45px;}
    .detail-product table td:first-child {
        width: 20%;
    }
}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 1600px){
    html{font-size:22px;}
    .container{ max-width: 1440px; }
	.vdo-box{height: 680px;}
     
}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 1800px) {
    .container{ max-width: 1600px; }
}