#top_menu a#nav_pull{
	display:none;
}

@media (max-width: 991px){
	.fancybox-next span{
		right:-35px!important;
	}
	
	.fancybox-prev span{
		left:-35px!important;
	}
	
	.carousel{
	    width: 320px;
		margin-right: auto;
		margin-left: auto;
	}
}

@media (max-width: 930px) {
/***
nav start
***/
 #top_menu {
        border-bottom: 0;
    }
    #top_menu ul {
        display: none;
        height: auto;
		width:100%;
    }
	
	#top_menu li {
		width:100%;
		display: inline;
		float: left;
		z-index:9999;
		background-color:#000;
	}
	
	 #top_menu:before,
	 #top_menu:after,
	ul#menu-main-nav:before,
	ul#menu-main-nav:after{
		content: " ";
		display: table;
	}
	 #top_menu:after,
	ul#menu-main-nav:after	 {
		clear: both;
	}
	 #top_menu,
	ul#menu-main-nav	 {
		*zoom: 1;
		width:100%;
	}

	
	#top_menu a {
		display: inline-block;
		width: 100%;
		text-align: center;
		text-decoration: none;
		padding:10px;
	}
	
	#menu .wrapper{
	height:30px;
	}
	
    #top_menu a#nav_pull {
        display: block;
        width: 100%;
        position: relative;
		text-align:left;
		height:30px;
		padding:0;
		background-color:#000;
	}
	
    #top_menu a#nav_pull:after {
        content:"";
        background: url('../images/nav-icon.png') no-repeat;
        width: 30px;
        height: 30px;
        display: inline-block;
        position: absolute;
        left: 15px;
        top: 3px;
    }
	
	#menu .nav-menu > li > a {
		font-size:20px;
	}
	
	#menu li ul{
		font-size: 16px;
		width:100%;
		position:static;
		padding-top:0;
	}
	/*****
	nav end
	******/
		
	.wrapper{
		margin-bottom:40px;
	}
	
	#prop-box{
		right:initial;
		left:0;
	}
	
	#social p:first-of-type{
		margin-bottom:10px;
	}
	
	.leading{
		margin:20px;
	}
	
	#pages{
	    position: relative;
		padding-bottom: 40px;
		display: inline-block;
		width: 100%;
		height:inherit;
	}
	
	#prev{
	position: absolute;
    bottom: 0px;
    left: 0;
	}
	
	#next{
	position: absolute;
	bottom: 0;
    right: 0
	}
	
	#property{
		width:96%;
		margin:0 3%;
	}
	
	#property-name{
		width: 90%;
		margin: 8px 5%;
	}
	
	#location{
		width: 40%;
		margin: 20px 30%;
	}
	
	#location p{
		padding: 0;
		margin: 0;
		text-align: center;
		border: 2px solid #5f6569;
		width: 100%;
	}
	
	#location img.map{
		width: 100%;
		height: inherit;
	}
	
	#contactForm{
		width:90%;
		margin: 0 5% 30px 5%; 
	}
	
	#info label{
		margin-right:0;
		margin-left:0;
		text-align:center;
		width:100%;
	}
	
	#info input{
		width:80%;
		margin:0 10% 15px 10%;
	}
	
	#info textarea{
		width:80%;
		margin: 0 10%;
	}
	
	#content.contactbg{
		width: 96%;
		margin: 0 2%;
	}

}

@media (max-width: 780px) {
#content.contactbg {
		margin:0 auto;
		width:auto;
	}
	
	#info {
		width:auto;
		background:none;
		float:none;
	}
	
	#intouch {
		float:none;
		width:auto;
		text-align:center;
	}
	
	#intouch p {
		display:inline;
	}
	
	#intouch span {
		float:none;
	}
	
	#intouch strong {
		float:none;
	}
}

@media (min-width:642px) and (max-width: 930px) {
	.wrapper {
		width:auto;
		margin:0 10px 40px 10px;
	}
	
	#text-content {
		/*width:50%;*/
		width: 66%;
		padding: 0;
		margin: 0 2%;
	}
	
	#text-content p {
		width:auto;
		margin-left:20px;
	}
	
	#banner {
		width:30%;/*50%;*/
		padding:0;
		text-align:right;
	}
	
	#banner img {
		max-width:100%;
	}
	.leading{
		height:inherit;
	}
	
	.leading_text{
		float:right;
		width:66%;
		margin-right:3%;
	}
	.leading div.content{
		width:100%;
		height:inherit;
		float:none;
	}
	
	.leading_img{
		float:left;
		width:30%;
	}
	
	.leading img.project {
		margin-right:15px;
		float:none;
		width:100%;
		height:inherit;
	}
	
	
	.leading p {
		width:auto;
		float:none;
	}
	
	#menu {
		text-align:center;
	}
	
	#menu .wrapper {
		margin:0;
	}
	
	#menu li {
		display:inline-block;
		text-align:center;
		float:none;
	}
	
	#menu a {
		padding:6px 7px
	}
}

@media (max-width: 642px) {
	#logo{
		width:100%;
		background-size: contain;
		background-repeat: no-repeat;
		background-position-x: 50%;
		background-position-y: 50%;
	}
	
	#controls-wrapper{
		right:0;
	}
	
	.wrapper {
		width:auto;
		margin:0 10px 40px 10px;
	}
	
	
	#menu {
		text-align:center;
	}
	
	#menu .wrapper {
		margin:0;
	}
	
	#menu li {
		display:inline-block;
		text-align:center;
		float:none;
	}
	
	#menu a {
		padding:6px 7px;
		font-size:11px;
	}
	
	#text-content {
		width: 90%;/*100%;*/
		margin:0 5%;
		padding:0;
		float:none;
	}
	
	#text-content p {
		width:auto;
		margin-left:15px;
		margin-right:15px;
	}
	
	#banner {
		width:100%;
		padding:0;
		text-align:right;/*center;*/
		float:none
	}
	
	#banner img {
		max-width:100%;
	}
	
	.leading  {
		margin-left:0;
		margin-right:0;
		margin: 0 5% 15px 5%;
		text-align:center;
		/*max-height:160px;*/
		height:inherit;
	}
	
	.leading img.project {
		float:none;
		/*margin:0 0 15px;*/
		width:100%;
		height:auto;
	}
	
	.leading p {
		width:auto;
		float:none
	}
	
	
	
	.leading div.content{
		width:100%;
		margin:0 0 10px 0;
		padding:0;
		height:inherit;
		text-align:left;
	}
	
	.leading a.more-info{
		margin-left:0;
	}
	
	#details .separator{
		margin-top:30px;
	}
	
	#searchBox{
		margin: 45px 0 0 10%;
		width: 80%;
	}
	
	#searchButton{
		width:20px;
		height: 28px;
		background-color:#000!important;
	}
	#searchBox input{
		width:90%!important;
		height:25px;
	}
	
	#details h1{
		margin: 0 auto;
		padding: 20px 0 20px 0;
	}
	
	#location{
		width: 70%;
		margin: 20px 15%;
	}
	
	
}