@charset "utf-8";
/* CSS Document */

* {box-sizing:border-box;}


/*---- responsive start here ---*/

@media screen and (max-width: 1200px) {
	
.mainWrapper	{width:100% !important;margin:0 auto;background:none !important;height:auto;box-sizing:border-box;}
img {max-width:100%;}
.tab-main img{ width:100%;}
#menu_wrap {width:100% !important; }
.button a {height:35px;padding:10px 8px;font-size:12px;}
.footer {height:auto !important}
.heightAuto {height:auto }
.img-set img{ width:100%;}	
.innerLeft p{ width:45%;}
.right img{width:100%;}
	
	}

@media screen and (max-width: 980px) {
/*--- small devices --*/
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
/*  .col-sm-6 {
    width: 50%;
  }*/
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }



.mainWrapper {width:100% !important;margin:0 auto;background:none;height:auto;}
.button a {padding:10px 8px !important;}
/*.col-sm-6 {width:50% !important;}*/
.footer-links {text-align:center;}
.footer-links h3 {text-align:center;}
.innerBanner .heading	{}
.innerLeft p{ width:100%; margin-bottom:20px;}	

	}

/*-- small decvices end ----*/





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

/*-- extra small device --*/

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}



	.padding-xs-left-10 {padding-left:10px !important;}
	.padding-xs-right-10 {padding-right:10px !important;}
	.col-xs-6 {width:50% !important;}
	.resp-text-center {text-align:center !important;}
	.mainWrapper {width:100% !important; margin:0 auto;background:none;height:auto; padding:0 4%;}
	.responsiveNavbar {width:100%;float:left;background: -moz-linear-gradient(center top , #00adee 0%, #0078a5 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);display:block;}
	.responsiveNavbar .btn {width:25px; padding:0 0 35px; text-indent:-9999px;height:19px;background:url(../images/responsivebtn.png) no-repeat  44% center;float:right;margin-right:10px;}
	.responsiveNavbar  p{ float:right; margin:0; font-size:15px; margin:8px 10px 0 0; color:#ffffff;}
/*	#menu_wrap {float:left;width:100%; height:auto;background:#333;border-right:0 none; }
	#menu_wrap .button {width:50%;float:left;background:none !important;}
	#menu_wrap .button  a {width:100%;float:left;background:none !important;border:0 none;text-align:left;} */
	.twoCol {display:block !important;}
	.twoCol .left {width:100% !important;display:block !important;height:auto !important;vertical-align:top; float:left;}
.twoCol .right {width:100% !important;display:block !important; float:left;vertical-align:top;}

	.col-xs-6 {width:100% !important;}
	.twoCol .right h2{ margin-bottom:10px !important; float:left;}
	.twoCol .left{ padding:15px;}
	#menu_wrap{ width:100%;}
	.logo{ width:100%; float:left;background:black;}
/*.innermain{ width:100%; float:left;}*/	
	.right-residence, .right-demo{ width:100%;}
/*	#menu_wrap .button a:hover{ color:#0078a5;} what colour the menu button text is when you hover your mouse over*/ 
	.inner-content{ padding:0;}
	.adsbygoogle{ display:none !important;}
	.head-text img{ margin-bottom:10px;}
	.no-display{ display:none;}

	.responsive-logo{ display:block; padding:0px 0; background:black; float:left;}  /*-- this class effects responsive logo --*/


	.innerHeight{ min-height:auto !important;}
	.innerHeightmed{  min-height:auto !important;}
	.innerHeightlar{ min-height:auto !important;}
	.innerHeightexlar{ min-height:auto !important;}
	.right img{width:auto !important;}
	

	
	}


/*-- extra small device end --*/

@media screen and (max-width: 380px) {
	h1{ font-size:20px;}
}

/*-- super-duper small device  --*/


