@media (min-width: 768px) { 
    .navbar-collapse{width: 50%;}
    .footer{padding: 5% 0 3%;}
    .navbar-brand{padding-left: 0;}    
    .menu-main{
        padding: 0;
        background: #191970;
    }
    .navbar-brand a{
        display: flex;
        align-items: center;
    }
    
    .vdo-box{margin: 0;height: 315px;}
    .content-customer, .content-service{padding: 5% 0;}
    .about-right{text-align: right;}
    .aboutus-box h1 {
        font-size: 22px;
        margin: 0 auto 1rem;
    }
    
    .content-aboutus .img-box{height: 100%;}
    .content-aboutus .img-box img{
        height: 100%;
        object-fit: cover;
    }
    .aboutus-box{padding: 10% 5%;}
    .content-service .row{justify-content: center;}
    .slide-customers{margin-top: 2rem;}
    .contact-footer{margin: 0;}
    .contact-footer table td{padding: 3px;}
    
    .footer h1, .contact-footer h1{font-size: 21px;}
    
    .icon-category{padding: 15px 10px;}
    
    
    .navbar-brand.d-lg-none a{display: block;}
    .copyright-box{padding: 1% 0;}
    
    
    .content-otherpage{padding: 5% 0;}
    
    .navbar-collapse ul li.dropdown:hover .dropdown-menu{display: block;}
    .navbar-collapse ul li .dropdown-menu{
        min-width: 20rem;
        top: 98%;
    }
    .vdo-service{height: 315px;}
    .content-aboutupage {padding: 5% 0;}
    .content-aboutupage .aboutus-box{padding: 0 5%;}
    .album-img{height: 280px;}
    
    .liftsystem-box .img-box{height: 280px;}
    .liftsystem-box .img-box img{height: 100%;object-fit: cover;}
    
    .detail-robotautomation{padding: 0 5%;}
   
}
@media (min-width: 812px){
}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 992px){ 
    .slim .headbar-main{padding: .3rem 0;}
    .navbar-expand-lg .navbar-collapse{width: 100%;}
    .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;
    }
    .navbar-collapse ul li a{
        padding: 15px  3px;
        position: relative;
        transition: all 0.5s;
        text-align: center;
        color: #FFF;
    }  
    .language-box .dropdown-menu{top: 98%;}
    .navbar-brand img {width: 95px;}
    .slim .navbar-brand img {width: 70px;}
    .navbar-brand span {font-size: 26px;}
    
    
    .icon-category img{width: 90px;}
    .aboutus-box h1, .title-box{font-size: 26px;}
    
    .content-service .col-lg-2{
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
    .service-box{margin-bottom: 0;}
    .footer h1, .contact-footer h1 {font-size: 18px;}
    .contact-footer table td {padding: 2px;}
    .social-footer{text-align: left;}
    
    .content-service{padding: 3% 0;}
    .product-fullscroll{height: 768px;}
    .content-aboutupage .aboutus-box{padding: 0 8%;}
    .liftsystem-box .img-box{height: 300px;}
    .detail-robotautomation{padding: 0 6%;}
}
/*//./////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 1200px) {
    html{font-size:20px;}    
    .vdo-box{height: 480px;}
    
    .navbar-brand img {width: 134px;}
    .slim .navbar-brand img {width: 100px;}
    .navbar-brand span {font-size: 33px;}
    .footer h1, .contact-footer h1 {font-size: 22px;}
    .contact-footer table td {padding: 5px;}
    .vdo-service{height: 420px;}
    .detail-serive{padding-right: 10%;}
    .content-aboutupage .aboutus-box{padding: 0 6%;}
    .content-aboutupage .aboutus-box h1 {font-size: 33px; }
    .album-img{height: 330px;}
    
}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 1440px) {
    .container{ max-width: 1366px; } 
    .navbar-collapse ul li a {padding: 20px;}
	 .navbar-collapse ul.EN li a {padding: 15px;}
    .aboutus-box h1, .title-box {font-size: 35px;}
    .aboutus-box {
        padding: 10%;
    }
    .mapbox{height:420px;}
    .content-aboutupage .aboutus-box{padding: 0 13%;}
    .detail-robotautomation{padding: 0 12%;}
}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 1600px){
    html{font-size:22px;}
    .container{ max-width: 1440px; } 
    .vdo-box{height: 515px;}
    .navbar-brand span {font-size: 40px;}
    
    .address-footer, .social-footer{padding-left: 2rem;}
    .footer h1, .contact-footer h1 {font-size: 24px;}
    .icon-category {padding: 30px 10px;}
    .vdo-service{height: 480px;}
    .content-aboutupage .aboutus-box{padding: 0 12%;}
    .detail-robotautomation{padding: 0 10%;}
}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 1800px) {
    .container{ max-width: 1600px; }
    .content-aboutupage .aboutus-box {padding: 0 11%;}
    .detail-robotautomation {padding: 0 4%;}
    .pdf-file {
        padding: 1rem;
        font-size: 22px;
    }
}