@media only screen 
and (max-width : 1000px){

	html, body{
		-webkit-touch-callout: none;
		-webkit-user-select: none; /* Webkit */
		-moz-user-select: none;    /* Firefox */
		-ms-user-select: none;     /* IE 10  */
	}
	
	/* Header Config*/
	#page-header{ text-align: center; padding: 20px 8px; }
		.logoholder{ padding: 0; }
		.complogo{ float: none; margin: 0 auto; }
		.headtop{ position: relative; top: auto; margin-top: 15px; height: auto; padding: 7px; }
		.headright{ float: none; text-align: center; }
	
	nav{ text-align: center; background-color: #2DA0CC; height: auto; padding: 5px; }
	nav:after{ display: none; }
	nav ul{ right: auto; }
	nav ul li{ width: 48%; margin: 2px; display: inline-block; vertical-align: top; }
	nav ul li:after{ content: ""; }
	nav ul li a{ padding: 5px; line-height: 25px; border: 1px solid #fff; }
	nav li span{ display: block; }
	nav ul ul li a{padding-right:30px;}

		.submit-query{ position: relative; right: auto; top: auto; margin: 10px auto 0; background: #FF7F00; line-height: 28px; width: 100%; padding: 5px; height: auto; }
		.submit-query:hover{ background: #79B9E6; }
	
	#banner{ margin: auto; text-align: center; height: auto; }
	.box_skitter_large{ display: none; }
	.rslides{ display: block; }

	.ban-det{ position: relative; right: auto; top: auto; width: 100%; background: #373E49; padding: 15px 10px 20px; }

	.banner-form{ width: 100%; position: relative; left: auto; top: auto; }
	.banner-form h2{ height: auto; padding: 8px; border-radius: 0px; }
	.banner-form form div:before{ content: "" !important; }
	.banner-form form div.inputtwo span{ width: 48%; }
	.banner-form form div.inputtwo span input{ background-position: right 11px !important; }
	.banner-form form input.submit{ left: auto; max-width: 282px; width: 100%; }

	.list-prop li:nth-child(3){ float: none; }

	.maincontents{ width: 100%; float: none; padding: 0 20px; min-height: 100% !important; }
	.mainbottom-bigboxes{ padding: 20px 8px; }
	.big-boxes{ float: none !important; margin: 8px auto; }

	.mbox{ float: none !important; margin: 3px; }

	.mainbox1{ padding: 20px 8px; }
	.mainbox2{ height: auto; padding: 20px 8px 24px; background-color: #2E2D2B; }
	.mainbox2 p{ padding: 0 28px; }
	#bottom{ padding: 20px 8px; text-align: center; }
	.bottombox{ text-align: left; float: none !important; }

}
@media only screen 
and (max-width : 600px) {

	.rslides{ display: none; }

	.nav-toggle-button{ background: #FF7F00; color:#fff; display:block; position:relative; }
	.nav-toggle-button:before{ content:"MENU"; font: bold 20px open sans; left: 15px; top: 10px; }

	nav ul li{ display:block; width:100%; margin:2px auto !important; }
	nav{ display:none; padding:5px; margin-top:-2px; }
	nav ul{ margin:0; padding:0; display: block; }
	nav ul ul{ position:relative; }
	nav ul ul ul{ position:relative; left:auto; top:100%; }
	
	.fleft-img, .fright-img{ display: none; }
	.bottombox{ max-width: 319px; width: 100% !important; margin: 10px auto !important; }

	.big-boxes{ background: #48A0C3; height: auto; padding: 20px 0; }
	.big-boxes p{ padding: 0 24px; position: relative; z-index: 99; color: #FFD9A1; }
	.big-boxes2{ background: #F17906; float: none; }

}

@media only screen 
and (max-width : 460px) {
	
	.col_2{ column-count:1; -webkit-column-count:1; -moz-column-count:1; }
	.col_3{ column-count:1; -webkit-column-count:1; -moz-column-count:1; }

}
@media only screen 
and (max-width : 350px) {

	.mainbottom-boxes{ padding: 0 8px; }
	.mbox{ margin: 8px auto; width: 100%; }

	.bottomnav ul li{ display: block; margin: 2px auto; }
	.bottomnav ul li a{ display: block; width: 100%; }

}
