@media (min-width: 768px) {
    html{font-size: 18px;}
	.contact-mobile{display: none;}
	.contact-header{
		font-size: 20px;
		display: flex;
		justify-content: flex-end;
		align-items: center;
    	font-family: 'Kanit-ExtraLight';
		margin-bottom: 10px;
		color: #0b2d4c;
	}
	.contact-header .fa-phone-alt{
		margin: 0 10px 0 0;
	}
	.contact-header a{padding: 0 8px;}
	.contact-header a:hover{color: #b22222;}
	.navbar-expand-md .navbar-nav{width: 100%;}
    .navbar-expand-md .navbar-collapse{
        width: 100%;
        justify-content: flex-end;
    }	
    .navbar-collapse ul{list-style: none;}
    .navbar-collapse ul li {
        width: auto;
        margin:auto;
        text-align: center;
        position: relative;
        border: none;
		font-size: 18px;
		color: #0b2d4c;
    }
    .navbar-collapse ul li a{
        padding: 3px 10px;
        position: relative;
        transition: all 0.5s;
        text-align: center;
    }  
	.navbar-brand {padding: 0;margin: 0;}
	.navbar-brand img{width: auto;max-width: 100%;}
	
	
	.title-box{background-position: left -18rem center; }
	.product-box{margin: 0 -15px 20px 15px;}
	.paral-Right .img-box {
		width: 230px;
		height: 135px;
	}
	
	.content-aboutus{padding: 7% 0;}
	.content-whyus, .content-ourproducts{padding: 5% 0;}
	
	
	
	.contact-footer{margin: 0;}
	.social-footer{margin:.5rem 0 0;}
	.footer .row{align-items: center;}
	.footer {
		padding: 4% 0;
		background: linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 30%, rgba(208,210,211,1) 30%, rgba(208,210,211,1) 100%);
	}
	.news-box .img-box{
     height: 350px;
	}
	.title-box h1 {
	    padding-right: 10px;
	    padding-left: 11rem;
	    margin: auto;
	    text-align: left;
	}
	
}
@media (min-width: 812px){
}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 992px){ 
    html{font-size: 18px;}
	.paral-Right .img-box {
		width: 305px;
		height: 170px;
	}
	.title-box{background-position: center center; }
	.title-box h1 {
	    padding-left: 26rem;
	}
}
/*//./////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 1200px) {
    html{font-size: 20px;}
	.address-footer, .social-footer{padding-left: 1rem;}
	.aboutus-box h1{font-size: 35px;}
	.title-box {
		font-size: 30px;
		padding: 18px 0;
		}
		.icon-box img {
		width: auto;
		max-width: 100%;
	}
	.paral-Right .img-box {
		width: 365px;
		height: 230px;
	}

}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 1440px) {
    html{font-size: 22px;}
    .container{ max-width: 1366px; } 
	.address-footer, .social-footer{padding-left: 3rem;}
	.navbar-collapse ul li {font-size: 20px;padding: 8px 10px;}
	.paral-Right .img-box {
		width: 415px;
		height: 265px;
	}
	.footer h1 {font-size: 26px;}
	.icon-box{padding: 2rem 1rem;}
}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 1600px){
    .container{ max-width: 1440px; } 
	.footer {
		padding: 4% 0;
		background: linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 32%, rgba(208,210,211,1) 32%, rgba(208,210,211,1) 100%);
	}
	.address-footer, .social-footer{padding-left: 4rem;}
	.paral-Right .img-box {
		width: 100%;
		height: auto;
	}
}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 1800px) {
    .container{ max-width: 1600px; } 
}