/* ---------- Misc. displays ---------- */
@media screen and (max-width: 1490px) {
	
	#sidebar-header {
		margin-left: 0;
	}
	div#search-booking {
	    width: 340px;
	    margin-left: -28px;
	}
	#main #content {
	    padding-right: 2%;
	}
	
}

/* ---------- Widescreen displays ---------- */
@media screen and (max-width: 1200px) and (min-width: 1025px) {
	#branding {
		width: 252px;
	}
	div#search-booking {
	    max-width: 340px;
	    width: 28.3333%;
	}
	.sub-head-bar .entry-title,
	#main #content {
	    max-width: 71.6667%;
	}
}

@media screen and (max-width: 1150px) {
	
	.singular .property-header h1.entry-title {
	    font-size: 25px;
	    line-height: 1;
	    font-weight: bold;
	}
	.property-right p {
	    font-size: 14px;
	}
	
}

@media screen and (max-width: 1024px) {
	
	#logo-circle {
	    display: none !important;
	}
	#branding {
	    width: auto;
	    margin: 0;
	    padding: 8px 0;
	}
	#site-title a {
	    width: 160px;
	    height: 88px;
	}
	#menu-primary {
		margin-top: 32px;
	}
	#menu-primary ul a {
	    padding: 15px;
	    font-size: 14px;
	}
	#booking-contact {
	    margin-top: 10px;
	    margin-bottom: -30px;
	}
	#booking-contact p {
	    font-size: 16px;
	}
	#booking-contact h4 {
	    font-size: 40px;
	}
	.layout-2c-l #sidebar-primary, .layout-default #sidebar-primary, #sidebar-primary {
		margin-top: 0;
	}
	#main #content {
		padding-left: 0;
		padding-top: 20px;
	}
	div#sidebar-header {
	    width: 104%;
		max-width: 104%;
		margin-left: -2%;
		border-top: 1px solid #E0E0E0;
		border-bottom: 1px solid #E0E0E0;
	}
	div#search-booking {
	    width: 100%;
	    float: none;
	    margin: 0 auto;
	    border: 0;
	    position: static;
	    padding: 2%;
		padding-bottom: 0;
	}
	div#search-booking ul li input {
	    width: 100%;
	    max-width: 100%;
	}
	.sub-head-bar .entry-title {
	    width: 100%;
	    font-size: 32px;
	    padding-top: 0px;
	    padding-left: 0;
	}
	.sub-head-bar .wrap {
	    padding: 0 1.5em;
	}
	.sub-head-bar {
	    height: auto;
	}
	.property-social {
	    width: 100%;
	    max-width: 100%;
	    text-align: center;
	}
	.property-social ul {
	    max-width: 78px;
	}
	.property-amenities {
	    clear: both;
	    max-width: 350px;
	    width: 100%;
	    text-align: center;
	    margin: 0 auto;
	    float: none;
	}
	.property-amenities ul {
	    list-style: none;
	}
	.property-info-right {
	    float: none;
	    width: 100%;
	}
	.property-map {
	    max-width: 350px;
	    margin: 0 auto;
	}
	
}

@media screen and (max-width: 1024px) and (min-width: 601px) {
	
	#search-booking .form_body {
	    padding: 0;
	}
	div#search-booking ul .input-fields {
	    clear: both;
	    margin-top: 20px;
	    overflow: auto;
	}
	div#search-booking ul li.input {
	    width: 32%;
	    margin: 0;
	    margin-right: 2%;
	}
	div#search-booking ul li.input:last-of-type {
	    margin-right: 0;
	}
	div#search-booking ul .select-fields {
	    overflow: auto;
	    float: left;
	    width: 50%;
	    margin-bottom: 15px;
	}
	div#search-booking ul .date-fields {
	    overflow: auto;
	    float: left;
	    width: 50%;
	}
	div#search-booking ul li.date {
	    width: 47%;
	}
	div#search-booking ul li.date:first-of-type {
	    margin-right: 4%;
	}
	div#search-booking ul li.select {
	    width: 33.3333%;
	    text-align: center;
		margin: 0;
	}
	
}

@media screen and (max-width: 945px) {
	
	li.property-link h4 {
	    font-size: 18px;
	}
	li.property-link p {
	    font-size: 10px;
	}
	
}

@media screen and (max-width: 900px) {
	
	#main #content {
	    width: 100%;
	    padding: 50px 1.5em;
	}
	#sidebar-subsidiary .widget .textwidget > div {
	    width: 100%;
	    float: none;
	    margin: 0 auto;
	    clear: both;
	    display: block;
	    text-align: center;
	    overflow: auto;
	}
	ul#menu-footer-1 {
	    width: 444px;
	    margin: 0 auto;
	}
	#sidebar-subsidiary .widget div#social-menu {
	    margin: 10px 0;
	}
	ul#menu-social {
	    margin: 0 auto;
	    float: none;
	    display: block;
	    width: 217px;
	}
	
	.property-left {
	    width: 48.5%;
	}
	.property-header, .property-right {
	    width: 48.5%;
	    margin-left: 3%;
	}
	
	.layout-2c-l #sidebar-primary, .layout-default #sidebar-primary, #sidebar-primary {
	    width: 100%;
	    border-top: 1px solid #E0E0E0;
	}
	.sidebar #property-list {
	    padding: 0 1.5em;
	    text-align: center;
	}
	
}

@media screen and (max-width: 780px) {
	
	#menu-primary {
	  margin-top: 24px;
	}
	#booking-contact {
	    float: left;
	    margin-bottom: 0;
	    margin-right: 20px;
	}
	
	.booking-and-menu {
	    margin-top: 15px;
	    margin-right: 0;
	}
	
	.booking-and-menu {
	    width: 100%;
	    padding: 0;
	    margin: 0;
	    margin-top: -40px;
	    overflow: visible;
	}
	#booking-contact {
	    margin: 0;
	    float: right;
	    margin-right: 78px;
	    position: relative;
	    top: -25px;
	}
	#menu-primary {
	    max-height: initial;
	    width: 100%;
	    margin-top: -45px;
	}
	#menu-primary ul li {
	    clear: both;
	    width: 100%;
	    border-top: 1px solid #E0E0E0;
	}
	#menu-primary ul li:first-of-type {
	    border-top: none;
	}
	#menu-primary ul li a {
	    text-align: center;
	}
	
	#menu-primary .inforock-nav-toggle {
	    position: relative;
	    top: -21px;
	}
	ul#menu-primary-items.open {
	    clear: both;
	}
	
	#menu-primary ul a {
		font-family: 'open-sans', sans-serif;
		text-transform: uppercase;
		letter-spacing: 1px;
		font-size: 12px;
	}
	#menu-primary ul a:hover,
	#menu-primary ul .current-menu-item a {
		background: #ffc93a;
		color: #fff;
		border-bottom: 0;
		padding-bottom: 15px;
		background-color: #ffbc00;
		/* Safari 4, Chrome 1-9, iOS 3.2-4.3, Android 2.1-3.0 */
		background-image: -webkit-gradient(linear, from(#ffbc00), to(#ff8f00));
		/* Safari 5.1, iOS 5.0-6.1, Chrome 10-25, Android 4.0-4.3 */
		background-image: -webkit-linear-gradient( #ffbc00, #ff8f00 );
		/* Firefox 3.6 - 15 */
		background-image: -moz-linear-gradient( #ffbc00, #ff8f00 );
		/* Opera 11.1 - 12 */
		background-image: -o-linear-gradient( #ffbc00, #ff8f00 );
		/* Opera 15+, Chrome 25+, IE 10+, Firefox 16+, Safari 6.1+, iOS 7+, Android 4.4+ */
		background-image: linear-gradient( #ffbc00, #ff8f00 );
	}
	
}

@media screen and (max-width: 750px) {
	
	li.property-link,
	section#properties li.property-link {
	    width: 32.8333%;
	    margin-right: .75%;
	    padding-bottom: 20.6123%;
	}
	li.property-link:nth-of-type(4n) {
	    margin-right: .75%;
	}
	li.property-link:nth-of-type(3n),
	section#properties li.property-link:nth-of-type(3n) {
	    margin-right: 0;
	}
	
	#sidebar-subsidiary .widget {
		width: 100%;
	}
	ul#menu-footer-1 {
		width: 100%;
	}
	#footer-menu ul li {
	    border: 0;
	    border-top: 1px solid #5E5E5E;
	    width: 100%;
	    text-align: center;
	    margin: 0;
	    padding: 0;
	}
	#footer-menu ul li a {
	    padding: 10px 0;
	    display: block;
	}
	
}

@media screen and (max-width: 720px) {
	
	#about .wrap > div,
	#about .wrap > div:first-child,
	#about .wrap > div:last-child {
	    width: 100%;
	    padding: 0;
	    padding: 1.5em;
	    margin: 0;
	    border: none;
	    text-align: center;
	}
	#about .wrap > div:first-child {
		border-bottom: 1px dashed #aaa;
	}
	.amenities-content div {
	    float: none;
	}
	.amenities-content ul {
	    list-style: none;
	}
	ul#amenities-icons {
	    float: none;
	    margin: 0 auto;
	    clear: both;
	}
	#about .wrap div .button {
	    float: none;
	    margin: 0 auto;
	    clear: both;
	    display: block;
	    max-width: 300px;
	}
	
	section#about .wrap {
	  padding: 0 0 20px 0;
	}
	
	.state-bar {
	    padding: 15px 2%;
	    font-size: 20px;
	    line-height: 1.4;
	}
	
}

@media screen and (max-width: 700px) {
	
	#main #content {
	    padding-top: 20px;
	}	
	.property-header {
	    width: 100%;
	    margin-bottom: 10px;
	}
	.property-left {
	    width: 100%;
	    margin-bottom: 30px;
	}
	.property-right {
	    width: 100%;
	    margin: 0;
	}
	
}

@media screen and (max-width: 780px) and (min-width: 600px) {
	
	#menu-primary {
		width: 104%;
		margin-right: -2%;
	}
	#menu-primary .inforock-nav-toggle {
	    margin-right: 2%;
	}
		
}

@media screen and (max-width: 600px) {
	
	#header .wrap {
		padding: 0;
	}
	#branding {
	    padding-left: 1.5em;
	}
	
	#sidebar-header {
	    width: 100%;
	    margin: 0;
	    max-width: 100%;
	}
	#search-booking .form_body {
		padding: 0;
	}
	
	div#search-booking {
		padding: 20px 1.5em;
		padding-bottom: 0;
	}
	div#search-booking ul li.date {
	    width: 48%;
	    margin: 0;
	    margin-right: 4%;
	}
	div#search-booking ul li.input {
		width: 32%;
		margin-right: 2%;
	}
	div#search-booking ul li.date:last-of-type {
	    margin-right: 0;
	}
	
}

@media screen and (max-width: 550px) {
	
	li.property-link,
	section#properties li.property-link {
	    width: 49.625%;
	    padding-bottom: 31.154%;
	}
	li.property-link:nth-of-type(3n),
	section#properties li.property-link:nth-of-type(3n) {
	    margin-right: .75%;
	}
	li.property-link:nth-of-type(2n),
	section#properties li.property-link:nth-of-type(2n) {
	    margin-right: 0;
	}
	section#properties a.button {
	    width: 100%;
	}
	
	#booking-contact {
	    margin-top: 5px;
	}
	#booking-contact p {
	    font-size: 12px;
	}
	#booking-contact h4 {
	    font-size: 25px;
	}
	#menu-primary {
	    margin-top: -25px;
	}
	#menu-primary .inforock-nav-toggle {
	    margin-right: 1.5em;
	    top: -34px;
	}
	
}

@media screen and (max-width: 515px) {
	
	.state-bar {
	    font-size: 14px;
	    padding: 10px 2%;
	}
	
}

@media screen and (max-width: 440px) {
	
	.booking-and-menu {
	    margin-top: 0;
	}
	
	#booking-contact {
	    display: none;
	}
	
}

@media screen and (max-width: 420px) {
	
	#search-booking ul li label,
	div#search-booking ul li input {
	    font-size: 12px;
	}
	div#search-booking ul li.select {
	    margin: 2% 5.6667%;
	}
	div#search-booking ul li.submit {
	    margin: 0;
	    margin-top: 2%;
	}
	
}

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

	li.property-link {
	    width: 100%;
	    margin-right: 0;
	    padding-bottom: 62.779%;
	    margin-bottom: 6px;
	}
	section#properties li.property-link {
		margin-bottom: .75%;
	}
	
}

@media screen and (max-width: 360px) {
	
	ul#amenities-icons {
	    width: 100%;
	    height: auto;
	}
	
}

@media screen and (max-width: 340px) {
	
	div#search-booking ul li.input {
		width: 100%;
		margin: 0;
		margin-bottom: 2%;
	}
	div#search-booking ul li.input:nth-of-type(3) {
		margin-bottom: 0;
	}
	
}