@media only screen and (max-width:1200px) {
 
	
}

@media only screen and (max-width:991px) {
	.abtimg{ position: static; top: auto; left: inherit; width: 100%}
	.center-circle{ display: none}	
	.serv ul{ text-align: center; margin: 0 auto}
	.serv li{ display: block; width: 100%; margin: 0 0 15px}
	.serv li img{ display: block}
	.rightlist ul li div{margin: 0 auto 10px;display: block;}
	.rightlist ul li{margin-bottom: 25px;}
	.leftlist ul li{display: flex;flex-direction: column-reverse;margin-bottom: 25px;}
	.leftlist ul li div{ margin:  0 auto 10px}
	.tittlw{ margin-bottom: 30px;}
	.projects{padding: 30px 0 0;}
	.projects div{ margin-bottom:15px; margin-top: 0}
	.projects div img{ margin-bottom:15px; width: 100%}
	.resident-text{ bottom:auto; top: 30px; left: 15px}
	.commercial-text{ bottom:auto; top: 30px; left: 15px}
	.industry-text{ bottom:auto; top: 30px; left: 15px}
}

@media only screen and (max-width:860px) {

}

@media only screen and (max-width:767px) {
	.abtimg{ display: none}
	.abtus{ margin: 0; padding: 25px 0;}
	
	.abt-text p {
 
    font-size: 15px;
     
    line-height: 1.5;
}
	.serv{ padding: 25px 0;}
	.clients{ padding: 25px 0;}
h2{ font-size: 22px;}
	.single_ftr{ margin-bottom: 30px;}
	.single_ftr li{ font-size: 14px;}
	.copyright_text{ font-size: 14px;}
	.clients ul li { width:135px; margin: 8px 5px}
	.clients ul li img{ width: 100%;}
	
}

@media only screen and (max-width:680px) {

	.log{ left:15px; width: 170px;}
	.log img{ width: 100%}
}

@media only screen and (max-width:575px) {

	
}