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

html, body{
-webkit-touch-callout: none;
-webkit-user-select: none; /* Webkit */
-moz-user-select: none;    /* Firefox */
-ms-user-select: none;     /* IE 10  */
}

.wrapper{width: 100%}

/*header*/
.headerContent{padding:0 15px;}
.logo{left:15px;}
.logo2{font-size: 0;}
/*nav*/
nav{ clear:both; padding:5px 0; text-align:center; background:rgba(197,109,158,1); height: auto;}
nav ul li{ margin:1px 0; width:49%; vertical-align:top; padding:0 10px;}
nav ul li:after{ content:"";}
nav ul li a{ text-align:center; border:1px dashed #fff; line-height: 30px; padding:0;}
nav li span{ display:block;}
.areas-covered{-webkit-column-count: 1;-moz-column-count: 1;column-count: 1;}
.sidebar1{width: 100%;}
.areas-covered li{width: 49%;}
.sidebar1:after{content: none;}
/*banner*/
.banner{margin-top: 0;}
	.bannerContent{height: auto;}
		.bannerImg{position: static; margin:0; width: 100%; height: auto;}
		.slogan{top:46px; left:24px;}
		.slogan p{text-shadow: 0px 1px 0px #fff,-1px 0px 0px #fff}
			.box_skitter{display: none!important;}
			.r_slides{display: block;}

/*middle*/
.mid{}
	.midContent{text-align: center; height: auto; padding:10px 0;}
		.midContent section{margin:0 2px 10px; padding:10px; background: lavender; width: 31%; border-radius: 5px;}
		.midBox1{}
		.midBox2{margin:0 5px 10px;}
		.midBox3{ float: none; margin:0 5px;}

		.midContent h2:before{display: none;}

		.midContent p{min-height: 84px;}
		.midContent a {margin:8px auto 0 !important;}

/*main*/
.mainContainer{}
	.mainContent{padding-top: 0; padding-bottom: 15px;}
		main{float: none; width: 100%; padding:0 15px;}

/*sidebar*/
.sidebar{float: none;text-align: center; margin:0 auto;}
.sidebar img{width: 100%;max-width: 100%;}

		
/*bottom*/
.bottom{margin:0;}
.bottomContent{height: auto; padding:20px;}

.bottom2Content{padding:25px 15px 35px; height: auto;}
.bottom2Content h2{margin-bottom: 12px;}

.bottom3{-webkit-box-shadow: inset 0px 3px 16px -12px rgba(0,0,0,0.75); -moz-box-shadow: inset 0px 3px 16px -12px rgba(0,0,0,0.75); box-shadow: inset 0px 3px 16px -12px rgba(0,0,0,0.75);}
.bottom3Content{text-align: center; height: auto; padding:25px 10px;}
.bottom3Content section{text-align: left;}
.botLogo{display: none!important;}

.footerContent{height: auto; padding:25px 0 15px; text-align: center;}
.socialMedia{position: static; margin-bottom: 10px;}
.footerLogo{display: block; margin-bottom: 10px;}
.counter {position: static; width: 50px; margin: 0 auto; margin-bottom: 10px;}
	
.banner-services{display:none;}
}
@media only screen 
and (max-width : 800px) {
	.bottom2Content img{display: none;}
	.whyUsContent{margin:0; padding:0;}
}

@media only screen 
and (max-width : 840px) {
	.midContent h2{line-height: 100%}
	.midContent h2 span{display: block;}
	.midContent p{min-height: 112px;}
}

@media only screen 
and (max-width : 790px) {
header{}
	.headerContent{height: auto; padding:10px 0; text-align: center;}
		.logo{position: static; top: 0; left: 0;}
		.headerInfo{width: 100%; float: none; text-align: center; padding:10px 10px 0;}
			.headerInfo p span{display: inline-block;}

			.bottom{background-position: center left; text-align: center;}
			.bottomContent p{width: 100%;}

			.logo p{font-size: 33px; position: static; margin-top: -11px;}
}



@media only screen 
and (max-width : 700px) {
.slogan{width: 100%; text-align: center; left:50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); top:23px;}

.slogan h2 span{line-height: 48px;}

.resbannerImgContent h2{font-size: 21px!important}

.r_slides li{background: #ede7eb!important; height: 333px;}

.midContent section{width: 90%;}
.midContent h2 {margin-bottom: 15px;}
.midContent h2 span{display: inline-block;}
.midContent p{min-height: 100%;}

.bottom3Content section{display: block;}
.contact{margin:0 auto 15px; text-align: center!important; width: 100%;}
.contact p{padding:0;}
.contact p:before{display: none;}

.botNav{text-align: center!important; width: 100%; padding:0;}
.botNav ul{-webkit-column-count: auto; -moz-column-count: auto; column-count: auto; -webkit-column-gap: 0; -moz-column-gap: 0;  column-gap: 0; padding-left:0; text-align: center;}
.botNav ul li{width: 48%; margin-bottom:2px; display: inline-block; vertical-align: top;}
.botNav ul li:after{display: none;}
.botNav ul li a{display: block; line-height: 30px; border:1px dashed #383838;}

.contact h2{margin-bottom: 10px;}
}

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

}

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

.r_slides li {height:380px;}

.col2count{-webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 0; -moz-column-gap: 0;  column-gap: 0;}
.left_thumbnail,.right_thumbnail{display: none;}

.nav-toggle-button{ background:rgba(197,109,158,1); color:#fff; }
.nav-toggle-button,
nav li,nav li span{ display:block; }
nav{ display:none; padding:0; }
nav ul{ margin:0; padding:0 0 5px 0; }
nav ul li{ width:100%; display:block; margin:0; }


/*middle*/
.midContent section{ margin:0 0 10px;}
.midBox2{margin:0 0 10px;}
.midBox3{ margin:0;}



/*bottom*/
.bottomContent section{ margin:0 0 15px;}
.bottomBox2{ margin:0 0 15px;}
.bottomBox3{ margin:0;}

/*footer*/
footer{height: auto;}
}

@media only screen 
and (max-width : 540px) {
.logo2{display: none;}
.logo3{display: block;}
.logo p{margin-top: 10px;}
}

/* Smartphone Devices */
@media only screen 
and (max-width : 500px) {
.botNav ul li{width: 98%;}


}




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


}

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

}

@media only screen 
and (max-width : 350px) {
	.r_slides li {height:400px;}

}

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



}

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



}