/*
Theme Name: On The Beach Noosa
Theme URI: 
Author:
Author URI: 
Version: 
Description: 
License: 
License URI: 
*/

.wpb_revslider_element,.wpb_content_element{ margin:0px !important;}

.page-id-17427 .hidemobile { display: none;  }
.page-id-17427 .horizontal_booking_form{ width: 50%; }
.page-id-17427 .showmobile{ width: 50%; display: block !important; }
.page-id-17427 .see_rooms{ width: 50%; }
.special_area {
	 padding:20px;
	margin-bottom:20px;	
	display:block;

	background-color: #616161;
	background-image: url(http://www.onthebeachnoosa.com.au/site/wp-content/uploads/2015/02/pattern4.jpg);
	background-position: center center;
	background-attachment: scroll;
	background-repeat: repeat;

}
.wpb_revslider_element{ margin-bottom: 0px !important; }
.special_area table td { padding:6px; text-align:left; }
.se_apartments_feed { display:block; }

.nodebg { float:left; margin-right:10px; width:100%px; }

.nodecontents { float:left; width:100%; }
.nodecontents td { color:#333 !important }

.nodecontents table { background:#efefef; }

.special_area h3 { color:#fff !important; padding-bottom:15px; font-size:20px; }

.special_area p, .special_area td { color:#fff; }

.qtybg { color:#fff !important; background:#adaa9c; }

.swiper-slide .mk-text-block { padding:20px; }
ul.specialsblock{ display: flex; flex-wrap: wrap; justify-content: space-between;}
ul.specialsblock li{ list-style: none; flex: 0 0 45%; margin-bottom: 20px;  float:left;  border: 3px solid #CCC;  text-align: center; padding: 30px 0px; }


.single-specials h1{ font-size: 30px !important; line-height: 35px; }


.specialsname{ line-height: 30px; font-weight: 700; color: #2db8c7; }
.specialsimage img{ height: 200px !important; width: auto !important; }

.wpcf7{ 
max-width: 500px;
	padding: 30px; 
    margin: 0px auto;
    border: 3px solid #c3c4af;
    background-color: #dbeef9;

}
.wpcf7 table td{ padding: 3px; }
@media only screen and (max-width: 900px) {
.wpcf7{  width: auto; }
table td{ padding: 3px; }
input[type="text"], input[type="email"], select, textarea{ width: 100%;  min-width: inherit; }

.specialsimage img{ height: auto !important; width: 100% !important; }

}

@media only screen and (max-width: 500px) {
ul.specialsblock li{ list-style: none; flex: 0 0 100%; }

}