/* Large Tablet Devices ----------- */
@media only screen 
and (max-width : 980px) {
	html, body{
		-webkit-touch-callout: none;
		-webkit-user-select: none; /* Webkit */
		-moz-user-select: none;    /* Firefox */
		-ms-user-select: none;     /* IE 10  */
	}	
	.container{ width:100% !important; }	
	#mid .box { margin: 1em; }
	.contentz{ width: 68%; }	
}

/* Tablet Devices */
@media only screen 
and (max-width : 900px) {	
	.headrleft, #logo, .headrright{ display: block; width: 100%; text-align: center; padding: 0; }
	#logo{ margin: 0; }
	.headrleft, .headrright{ margin: 1em 0 0; }	
	nav.page-nav{ height: auto; margin-top: 1em; }
	nav.page-nav li{ margin: 0; display: block; float: left; width: 33.26555%; }
	nav.page-nav li a{ width: auto; padding: 5px 0; border-top: 1px solid #701470; border-left: 1px solid #701470; border-bottom: 1px solid #420D42; border-right: 1px solid #420D42; }	
	.contentz{ width: 65%; }	
	footer .container{ padding: 1em; }	
}

/* Tablet Devices */
@media only screen 
and (max-width : 768px) {	
	.contentz{ width: 62%; }
	.footernav ul { width: 260px; }	
}

/* Tablets */
@media only screen 
and (max-width : 690px) {

	aside, .contentz{ display: block; float: none; width: 100%; padding: 1em 0; font-size: 1.2em; }
	aside img{ display: none; }
	.ourservices li{ margin-bottom: 5px; }
	.sidenavi{ margin: 1.5em 0; }
	.sidenavi li{ margin: 0 0 7px; }
	.sidenavi li a{ line-height:50px; }
	.contactinfo, .email{ font-size: 17px; }
	.contactinfo p{ line-height: 1.5em; }
	
}

/* Tablets */
@media only screen 
and (max-width : 650px) {
	
	.footernav, #copyright{ float: none; display: block; text-align:center; }
	.footernav h4{ display: none; }
	.footernav ul{ -moz-column-count: auto; -webkit-column-count: auto; column-count: auto; width:100%; }
	.footernav ul li{ display: inline-block; margin: 0 1%; }
	
}

/* Smartphones */
@media only screen 
and (max-width : 480px) {
	
	.nav-toggle-button,	nav.page-nav li,	nav.page-nav li span{ display: block; }	
	nav.page-nav{ display: none; }	
	nav.page-nav ul{ margin: 0; padding: 0; }	
	nav.page-nav li{	width: 100%; display: block; }	
	nav.page-nav li a{ padding: 10px 0; }
	
}

/* Smartphones */
@media only screen 
and (max-width : 360px) {

	#mid .box{ display: block; margin: 1em auto; width: 100%;  }
	
	#banner{ display: none; }
	.main{ padding: 1em; }
	.main h1, .main h2{ line-height:1.5em; text-align: left; }
	.serviceareas{ display: none; } 
	.email{ font-size: 13px;}
	
	.striesfrmclnt p{ background: none; padding: 0; }
	.main-content img{ display: none; }
	
	footer .container{ padding: 0 0 1em; width: 100%; margin: 0; }
	.footernav{ padding: 0; margin: 0; width: 100%; }
	.footernav li{ display: block; width: 100%; margin: 0; }
	.footernav a{ display: block; padding: 8px 0; text-align: left; text-indent: 15px; font-weight: bold; text-decoration: none !important; border-bottom: 1px solid #510D51; border-top: 1px solid #681268; }
	.footernav a:hover, .footernav li.current_page_item a{ text-indent: 10px; background: #990999; }
	
}