@media (min-width: 768px) {
    .footer{padding: 5% 0 ;}
    .copyright-box{padding: 15px 0;margin-bottom: 0;}
    .navbar-brand {text-align: left;}
    .navbar-brand img{max-width: 100%;width: auto;}
    .social-footer, .contact-footer{margin: 0;}
	.content-aboutus, .content-products{padding: 5% 0;}
	
	.title-box::before, .title-box::after{width: 35%;}
	.title-box.title-Machine::before, .title-box.title-Machine::after{width:25%;}
    
	.img-machine{margin: 0 auto 2rem ;}
	.message-contact{margin-top: 0;}
}
@media (min-width: 812px){
}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 992px){ 
    .headbar-main{padding: 1rem 0 .75rem;}
    .navbar-expand-lg .navbar-collapse{
        width: 100%;
        justify-content: flex-end;
    }
    .navbar-expand-lg .navbar-nav{width:100%; align-items: center;}
    .navbar-collapse ul{list-style: none;}
    .navbar-collapse ul li {
        width: auto;
        margin:0 auto;
        text-align: center;
        position: relative;
        border: none;
		font-size: 18px;
    }
    .navbar-collapse ul li a{
        padding: 5px 13px;
        position: relative;
        transition: all 0.5s;
        text-align: center;
    }  
	.title-box::before, .title-box::after{width: 40%;}
	.title-box.title-Machine::before, .title-box.title-Machine::after{width: 33%;}
	.mapbox{height: 420px;}
    
}
/*//./////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 1200px) {
    html{font-size: 20px;}
    .navbar-collapse ul li a{padding: 10px 16px;}
	.title-box h1, .aboutus-box h1{font-size: 35px;}
	.aboutus-box p{font-size: 30px;}
	.title-box.title-Machine::before, .title-box.title-Machine::after{width: 30%;}
}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 1440px) {
    .container{ max-width: 1366px; } 
    .owl-carousel .owl-nav button.owl-prev{border-radius: 0 30px 30px 0;}
    .owl-carousel .owl-nav button.owl-next{border-radius: 30px 0 0 30px;}
}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 1600px){
    .headbar-main{padding:.5rem 0;}
    html{font-size: 22px;}
    .container{ max-width: 1440px; }  
    .navbar-collapse ul li a{padding: 10px 20px;}
	.footer h1, .menu-footer ul li{font-size: 24px;}
	.title-box.title-Machine::before, .title-box.title-Machine::after{width: 35%;}
}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 1800px) {
}