/* RESPONSIVE
   ========================================= */
   
@media only screen and (max-width : 1200px) {
	.inner 							{ padding: 0 20px; }
	main#master-plan .inner 		{ padding: 0;}
}

@media only screen and (max-width: 1150px) {
	.desktop-menu					{ display: none; }
	.mobile-menu 					{ display: block; }

	.nav-left						{ width: 70%; text-align: left; }
	.nav-right 						{ width: 30%; }

	.desktop						{ display: none; }
	.mobile							{ display: block; }

	.time-wrap 						{ width: 100%; }
}

@media only screen and (max-width: 900px) {
	.box                			{ width: 100%; margin: 0; padding: 0; float: none; border: 0;}
	.spec-page-title 				{ margin-left: 0; }
    .specification .box 			{ border-right:none; }

	.reg-left,
	.reg-right 						{ width: 100%; padding: 0; }

	.time-left 						{ display: none; }
	.time-right 					{ width: 100%; }
	
	.time-right .time-inner 		{ padding-left: 40px; }
}

@media only screen and (max-width : 768px) {
	body   	      					{ font-size: 75%; }
	.home-slide1 					{ background-position: 30% 100%; }
}


@media only screen and (max-width : 568px) {
	.contact-signature img          { width: 182px; height: 38px; }
    .contact-signature              { margin-left: -91px; bottom: 10%; }

    .infoBox 						{ width: 300px !important; }
    
    .contact-title 					{ font-size: 28px; line-height: 32px; }
    .contact-info 					{ font-size: 10px; line-height: 14px; }

    main 							{ padding-bottom: 48px; }

    .home-caption 					{ top: 120px; }
}

@media only screen and (max-width : 360px) {
  	.contact-signature img          { width: 91px; height: 19px;}
    .contact-signature              { margin-left: -46px; }

    .reg-wrap,
    .masterplan-wrap 				{ width: 100%; }
    .cbList li 						{ width: 50%; }
	
	.footer-inner 					{ font-size: 10px; line-height: 14px; }
	.rsBullets 		 				{ top: 85% !important; }

	.time-left,
	.time-center,
	.outskirts-img					{ display: none; }
	
	.notes 							{ top: 80%;}
	.notes .note-img 				{ width: 100%; }

	.mobile	.floor-plan				{ padding-top: 100px; }

	.col-md-6,
	.col-md-4 						{ width: 100%; }
	
	.time 							{ width: 100%; margin-top: 1px;}	
	.time-down 						{ padding: 0 0 47px; height: 165px;}

	.spec-type-wrap ul li 			{ display: block; margin: 1px 0;}

	.time-title 					{ font-size: 20px; line-height: 24px; }
	.time-desc 						{ font-size: 10px; line-height: 14px; }
}

@media screen and (max-height : 360px) {
	.lanscapelock 					{ z-index: 999; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; display: block;
								  	  background-color: #fff;
								 	  background-image: url("../images/landscapelock.png");
								 	  background-repeat: no-repeat;
								  	  background-position: center center;
								  	  background-size: 20% auto;
							    	}

	.rsBullets 		 				{ top: 78% !important; }
}