@media (min-width: 768px) { 
	.headbar-main{padding: .5rem 0;}
	.navbar-collapse{width: 50%;}
	.navbar-brand img{width: 110px;}
	#nav-icon3{top: 35%;}
    .footer{padding: 5% 0;}
	.address-footer{margin: 0;}
	
	.content-aboutus, .content-customers, .content-ourwork{padding: 5% 0;}
	.title-box h1{font-size: 33px;}
	.about-title h1::after{width: 35%;}
	.about-title{margin-bottom: 3rem;}
	.title-box::after, .title-box::before{width: 35%;}
	.content-customers .title-box::after, .content-customers .title-box::before {width: 35%;}
	.content-ourwork .title-box::after, .content-ourwork .title-box::before {width: 30%;}
	.social-footer{text-align: left;}
	.contact-footer{margin: 0;}
	.mapbox{height: 100%;}
	.message-contact{margin:1rem 0;}
	.policy-box{padding: 1rem 0;}
	.policy-box ul{
		display: flex;
		align-items: center;
		justify-content: space-between;
		text-align: left;
	}
	
	
	.content-otherpage {padding: 5% 0;}
	.detail-history, .title-history{padding-left: 1rem;}
	.title-history.textright-history, .detail-history.textright-history{
		text-align: right;
		padding-right: 1rem;
	}	
	.content-otherpage.aboutuspage .row{
		padding-left: 0;
		padding-right: 1rem;
	}
	.content-otherpage.aboutuspage .row::after {
		left: auto;
		right: 50%;
		transform: translate(-50%,0);
	}
	.title-history .ic-timeline{
		left: -1rem;
	}
	.title-history.textright-history .ic-timeline{
		left: auto;
		right: -1.75rem;
	}
	.detail-history::after{left: -.7rem;}
	.detail-history.textright-history::after{
		left: auto;
		right: -1.4rem;
	}
	.img-history{padding-left: 1rem;}
	.img-history.textright-history{padding-right: 1rem;}
	.detail-polict ul li{padding-left: 30px;}
	.content-otherpage.policypage .title-box::after, .content-otherpage.policypage .title-box::before { width: 20%;}
	.content-otherpage.contactuspage .message-contact .detail-form p{font-size: 14px;}
}
@media (min-width: 812px){
}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 992px){   

 

    .navbar-expand-lg .navbar-collapse{
		width: 100%;
		justify-content: flex-end;
	}
    .navbar-expand-lg .navbar-nav{width: 100%; }
    .navbar-collapse ul{list-style: none;}
    .navbar-collapse ul li {
        width: auto;
        margin: auto;
		padding: 0;
		font-size: 1rem;
    }
    .navbar-collapse ul li a{
        padding:5px;
        position: relative;
        transition: all 0.5s;
        text-align: center;
		overflow: hidden;
		border-radius: 25px;
    }	
	.navbar-collapse ul li .dropdown-menu{
		min-width: 14rem;
		box-shadow: 0 3px 8px rgba(0,0,0,0.2);
	}
	.navbar-collapse ul li .dropdown-menu ul li{
		width: auto;
		margin: 0 15px;
		font-size: 1rem;
	}
	.navbar-collapse ul li .dropdown-menu ul li a{
		text-align: left;
		padding:22px 5px;
		width: auto;
		margin: auto;
		color: #FFF;
		font-weight: normal;
	}
	.navbar-collapse ul li .dropdown-menu ul li a:hover{
		color: #eb5c2c;
		font-weight: bold;
	}
	
	
	.social-header {
		padding: 0;
		text-align: right;
		width: 20%;
	}
	.social-header img{width: 25px;}	
	.social-header a{padding: 0 1px;}
	.about-title h1{font-size: 30px;}
	.content-services .service-laws{margin: 0 3rem;}
	.navbar-collapse ul li.dropdown:hover> .dropdown-menu{display: block;}
	
	
	.title-history .ic-timeline {
		font-size: 22px;
		left: -1.3rem;
	}
	.title-history.textright-history .ic-timeline {right: -2rem;}
	.detail-history{margin: 9rem auto 2rem;}
	.content-otherpage.policypage .title-box::after, .content-otherpage.policypage .title-box::before { width: 30%;}
	.content-otherpage.policypage .title-box h1, .title-map { font-size: 26px;}
	.detail-polict h1 {font-size: 20px;}
	.logo-footer{margin: 3rem auto;}
	
	.icon-box img{width: 85%;}
	
	.policy-box{font-size: 13px;}
	.policy-box ul{justify-content: center;}
	.policy-box ul li {padding: 0 5px 0 14px;}
	.policy-box ul li:last-child{padding: 0 14px 0 0;}
}
/*//./////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 1200px) {

	.align-items-center {
	    display: flex;
	    align-items: center;
	    justify-content: center;
	}

    .container{ max-width: 1240px; }
    html{font-size:18px;}	
	.navbar-brand img{max-width: 100%;width: auto;}
	.social-header img{width: auto;}
	.about-title h1{font-size: 35px;}
	.about-title h1::after { width: 30%;}
	.title-box h1 {font-size: 40px;}
	.content-customers .title-box::after, .content-customers .title-box::before {width: 40%;}
	.content-ourwork .title-box::after, .content-ourwork .title-box::before {width: 35%;}
	.footer h1 {font-size: 26px;}
	.footer .fa-phone-alt, .footer .fa-map-marker-alt {
		font-size: 33px;
		margin-right: 10px;
	}
	.navbar-collapse ul li .dropdown-menu ul li{
		font-size: 18px;
		margin: 0 15px;
	}
	
	
	.title-history h1{font-size: 40px;}
	.title-history .ic-timeline{
		font-size: 33px;
		border-width: 3px;
		left: -1.4rem;
	}
	.title-history.textright-history .ic-timeline {right: -2rem;}
	.detail-history::after {left: -0.3rem;}
	.detail-history.textright-history::after {right: -1.1rem;}
	.navbar-collapse ul li{font-size: 20px;}
	.content-otherpage.policypage .title-box h1 { font-size: 33px;}
	.detail-polict h1 {font-size: 26px;}
	.content-otherpage.contactuspage .message-contact h1, .contact-box h1, .title-map{font-size: 28px;}
	.logo-footer{margin-top: 2.8rem;margin-bottom: 0;text-align: left;}
	
	.policy-box{font-size: 1rem;}
	.policy-box ul li{margin: 0 5px;}	
	.policy-box{padding: .5rem 0;}
}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 1440px) {
    .container{ max-width: 1366px; }
	.slide-awards .owl-awards .owl-nav button.owl-next {
		margin-right: -1.8rem;
		font-size: 30px;
	}
	.slide-awards .owl-awards .owl-nav button.owl-prev {
		margin-left: -1.8rem;
		font-size: 30px;
	}
	.img-history{margin-bottom: 2rem;}
	.content-otherpage.aboutuspage .row::after{width: 3px;}
	.detail-history::after{
		width: 80%;
		height: 3px;
	}
	.message-contact h1{font-size: 26px; }
	.form-text{padding: 5px 15px;}
	
	.icon-box img{width: auto;}
	.policy-box ul li{margin: 0 10px;}
}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 1600px){
	html{font-size: 20px;}	
    .container{ max-width: 1440px; }
	.text-detail{padding-right: 15%;}
    .navbar-expand-lg .navbar-nav{width: 90%; }
	.content-otherpage.contactuspage .message-contact h1, .contact-box h1, .title-map{font-size: 30px;}
	.title-history.textright-history .ic-timeline{right: -1.9rem;}
	.title-history .ic-timeline{left: -1.3rem;}
	.logo-footer{margin: 2rem auto;}
}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 1800px) {
    html{font-size:24px;}
    .container{ max-width: 1600px; }
    .navbar-expand-lg .navbar-nav{width:70%; }
	.social-header{width: 15%;}
	.about-title h1::after {width: 23%;}
	
	
	.title-history.textright-history .ic-timeline {right: -1.7rem;}
	.title-history .ic-timeline {left: -0.9rem;}
}