@media screen and (min-width: 240px)and (max-width: 919px){
	#top-search #form2
		{
			position:absolute;
			left:0;
			top:-57px;
		}
}

@media screen and (min-width: 768px)and (max-width: 919px){
	header, .call-now .phone,section#main-gallery,
	section#architect #archi-inner,
	section#gallery #gallery-inner, .gallery-slider,
	footer #foot-inner
		{width:740px;}
}
@media only screen and (max-width: 767px) {
	#top-search	, #top-search #form2{display:none !important;}
	}
@media only screen and (max-width: 767px) {
	#top-search	, #top-search #form2{display:none !important;}
	nav#top{float:right; width:auto !important;}
	nav ul     {display: none; }
  nav select {
    display: inline-block;
    padding: 5px;
    position: absolute;
    right: 0;
    top: 20px;
    width: 200px;
	}
	img{max-width:none; width:100%;}
	header, .call-now .phone,section#main-gallery,
	section#architect #archi-inner,
	footer #foot-inner
		{width:95%;}
		
	section#gallery{width:100%;}
	section#gallery > div#gallery-inner{width:95%;}	
		
	.gallery-slider{width:100%; overflow:hidden;}	
	.gallery, div.control2{display:none !important;}
	ul#gallery{margin:0; padding:0; list-style:none;}
	ul#gallery > li
		{
			float:left;
			width:200px;
			height:174px;
			margin:0 10px 10px 0;
			border:solid 1px #ccc;
			padding:5px;
			box-shadow: 2px 2px 4px #666;
			background:#CCC;
			overflow:hidden;
		}
	footer{padding-top:10px;}
	footer #foot-inner p.left, footer #foot-inner p.right
		{
			float:none; width:100%; clear:both; text-align:center;
			padding:5px 0; line-height:normal;
		}
}

@media screen and (min-width: 240px)and (max-width: 479px){
	html{background:#fff url("../images/body-bg.jpg") no-repeat center 64px;}
	section#main-gallery{padding-top:26px;}
	#top-search	, #top-search #form2{display:none;}
	nav select{top:75px; width:100%;}
	ul#gallery > li{width:95%;}
}