@media only screen and (min-width : 220px) and (max-width : 568px) {
	.masterpage {width: auto; padding: 0 10px}
	.bodyLeft{ float: none; width: 100%; display: block; min-height: auto;}
	.bodyRight{ float: none;  width: 100%; display: block; margin-top:0;}	
	.boxBottom, .GetInTuch, .bottomMedia{float: none;  width: 100%; display: block;}
	.boxDiv{ display: block; margin: 0 0 10px 0; width: 100%; clear:both;}	
	
	.footerTextL{ width: 100%; float: none; display: block; margin-bottom: 10px; text-align: center;}
	.footerTextR{ width: 100%; float: none; display: block; }
	.footerTextR ul li a{ float: left; margin-top: 10px;}
	
	.logo{ position: static; float: none; width: 100%; text-align: center; left: auto; display: block; padding: 0;}
	.phoneDiv, .topmenu-holder{ float: none; width: 100%; text-align: center;}
	.topmenu-holder{ margin:0; width: 100%;}
	
	
	.testimonials-l, .testimonials-r, .half-me { width: auto; float: none;	}
	.bottom-line{ padding:0; margin:0; border: none;}
	.image-holder-right, .image-holder-left { float: none; width: 100%; margin: 0 auto;}
	.image-holder-right img, .image-holder-left img { width: 100%;} 
	.hiw .boxIcon{ display: none;}
	
	.title-services .circle{ display: block; margin: 0 auto;}
	.title-services{ text-align:center; padding-top: 30px;}
	.closer, .services-text{ padding: 0;}
}
@media only screen and (max-width: 768px) and (min-width: 480px){
	.masterpage {width: auto; padding: 0 10px}
	.bodyLeft{ float: none; width: 100%; display: block; min-height: auto;}
	.bodyRight{ float: none;  width: 100%; display: block;  margin-top:0; }
	.boxBottom, .GetInTuch, .bottomMedia{float: none;  width: 100%; display: block; text-align: center; margin-bottom: 10px; border-bottom: 1px solid #505050;}
	.iframe-data{ float: none;}
	.boxDiv{ display: block; margin: 0 0 10px 0; width: 100%; clear:both;}
	
	.logo{ position: static; float: none; width: 100%; text-align: center; left: auto; display: block; padding: 0;}
	.phoneDiv, .topmenu-holder{ float: none; width: 100%;  text-align: center;}
	.topmenu-holder{ margin:0; width: 100%;}
	
	.iframe-data{ float: none;}
	ul.Tuch{ float: none; margin: 0 auto;}
	ul.bolet{ float: none; margin: 0 auto; text-align: center;}
	
}

@media only screen and (max-width: 1024px) and (min-width: 768px){
	.masterpage {width: auto; padding: 0 10px}
	.bodyLeft{ float: none; width: 100%; display: block; min-height: auto;}
	.bodyRight{ float: none;  width: 100%; display: block;  margin-top:0;}	
	
	
}