@charset "UTF-8";
/* CSS Document */

/* ==== FOR IPADS & TABLETS ==== */

@media all and (min-width: 700px) and (max-width: 1000px) {
	
	.not-in-responsive { display: none; }
	
	.wrapper { width: 720px; }
	
	#logo { float: none; width: 100%; text-align: center; margin-bottom: 32px; }
	#logo a { display: inline; margin: 0 auto; }
	
	#main-menu { float: none; margin: 0 auto; }
	#menu { float: none; text-align: center; }
	#menu li { float: none; display: inline-block; }
	#menu ul li { text-align: left; }
	
	#property-search { background: #2a2a2a; background: rgba(42, 42, 42, .95); }
	#slider #property-search .wrapper { height: auto; padding-top: 10px; }
	#property-search form { position: relative; left: auto; top: auto; width: 100%; display: none; }
	#property-search form > div { background: none; }
	#property-search form > div.form-header { background: transparent; width: 327px; }
	.responsive-form-left { float: left; width: 48%; }
	.responsive-form-right { float: right; width: 48%; }
	#property-search .form-header .select-replace > span { font-size: 11px; line-height: 28px; background-position: 306px 12px; }
	#property-search .select-replace > span { background-position: 306px 12px; }
	#filter .select-replace > span { background-position: 226px 12px; }
	#property-search .one-half .select-replace > span { background-position: 137px 12px !important; }
	#filter .one-half .select-replace > span { background-position: 98px 12px !important; }
	.responsive-form-left .property-divider { margin: 14px 0 !important; }
	#responsive-search-properties { display: block; }
	
	input.property-search-submit { margin: 10px 20px 30px; width: 680px; text-align: center; background-image: none; }
	
	
	#slider-content, #slider-content li { height: 350px !important; overflow: hidden; }
	#slider-content li { background-size: auto 100% !important; }
	#slider-content li img { width:: 60%; height: auto; }
	
	#slider-map { height: 600px !important; }
	.page #slider-map { height: 600px !important; }
	#slider-map-zoom-in, #slider-map-zoom-out { display: none; }
	#slider-content { position: relative; top: auto; left: auto; }
	
	#property-controls .properties-sort { margin-left: 30px; }
	#property-controls .grid-view ul li.list a,
	#property-controls .grid-view ul li.grid a { text-indent: -900px; padding-left: 30px; }
	#property-controls .grid-view ul li.map a { text-indent: -900px; padding-left: 27px; }
	.properties-sort span.left { display: none; }
	
	#filter-header { padding: 0; }
	#filter-header .wrapper { width: 100%; }
	#filter { display: none; }
	
	#property-gallery, #property-gallery a, #property-gallery a img { width: 100% !important; }
	#property-gallery a { height: 476px !important; }
	#property-gallery-resp { display: block; }
	
	#main-content { float: left; width: 100%; margin: 40px 0 40px; }
	#main-content.sidebar-right, #main-content.sidebar-left { width: 100%; margin-right: 0; }
	#main-content.sidebar-left { float: right; margin-right: 0; }
	#main-content.sidebar-both { width: 100%; margin: 0; }
	
	#sidebar-left, #sidebar-right { width: 100%; float: left; margin: 0 0 40px 0; }
	#sidebar-right { float: right; }
	.sidebar-item { float: left; width: 48%; margin: 0 4% 0 0; }
	.sidebar-item:nth-child(2n+2) { margin-right: 0; } 
	.property-enquiry { width: 100%; margin-right: 0; margin-top: -50px; border-top: 5px solid #e5e5e5; margin-bottom: 50px; }
	.property-enquiry input, .property-enquiry textarea { width: 96.7%; }
	.property-enquiry input.button { width: auto; }
	#property-map { height: 200px; }
	
	.agent .one-fifth.last { width: 58.4%; margin-left: 20.8% !important; }
	.agent .three-fifths { width: 74%; }
	
	input, textarea {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}
	
}

/* ==== FOR MOBILE ==== */

@media all and (max-width: 700px) {
	
	.not-in-responsive { display: none; }
	
	.wrapper { width: 90%; }
	
	#logo { float: none; width: 100%; text-align: center; margin-bottom: 32px; }
	#logo a { display: inline; margin: 0 auto; }
	
	#top-bar span { margin: 8px 0 0 5px; }
	#top-bar .left, #top-bar .right { width: 100%; text-align: center; }
	#top-bar .left ul, #top-bar .right ul { text-align: center; width: 100%; }
	#top-bar .left ul li, #top-bar .left ul li { display: inline-block; float: none; }
	
	#top-sign-up .pop-up { right: -8px; }
	#top-sign-up .pop-up { text-align: left; }
	
	#main-menu { display: none; }
	#main-content .one-half, #main-content .one-third, #main-content .two-thirds, #main-content .one-fourth, #main-content .three-fourths { width: 100%; }
	#mobile-menu { display: block; }
	
	.featured-package .form-column { width: 100%; margin-right: 0; margin-bottom: 10px; }
	.package .features li, .package .features li:nth-child(3n+3) { width: 48%; margin-right: 4%; }
	.package .features li:nth-child(2n+2) { margin-right: 0; }
	
	#property-search { background: #2a2a2a; background: rgba(42, 42, 42, .95); }
	#slider #property-search .wrapper { height: auto; padding-top: 10px; }
	#property-search form { position: relative; left: auto; top: auto; width: 100%; display: none; }
	#property-search form > div { background: none; padding: 15px 0; }
	#property-search form > div.form-header { background: transparent; padding: 0; margin: 5px 0 15px 0; border-bottom: 1px solid #484544; padding-bottom: 12px; margin-bottom: 0; }
	#property-search .form-header .select-replace > span { font-size: 11px; line-height: 28px; background-position: 95% 12px; }
	#property-search .select-replace > span, #filter .select-replace > span { background-position: 95% 12px; }
	#property-search .one-half .select-replace > span, #filter .one-half .select-replace > span { background-position: 89% 12px !important; }
	.responsive-form-left .property-divider { margin: 14px 0 !important; }
	#property-search form > div .one-half p { margin-bottom: 11px; }
	#responsive-search-properties { display: block; background-position-x: 92% !important; padding-left: 17px !important; }
	
	input.property-search-submit { margin: 10px 20px 30px; width: 87%; text-align: center; background-image: none; }
	
	
	#slider { background: none; }
	#slider-content, #slider-map, #slider-map-featured { display: none; }
	#slider-map-zoom-in, #slider-map-zoom-out { display: none; }
	
	#home-post-95 .one-half:first-child, #home-post-95 .one-half p:first-child, #home-post-95 .one-half p:last-child { display: none; }
	#home-post-95 { background-position: 70% 0 !important; margin-bottom: -50px; }
	#home-post-95 .big-heading { margin-top: -50px; }
	#content .home-post .one-half { width: 100%; margin-right: 0; }
	.home-post > p { display: none; }
	
	#property-controls .results { width: 100%; text-align: left; }
	#property-controls .properties-sort { margin: 0 -5.5%; width: 110.95%; }
	#property-controls .properties-sort .select-replace { margin: 0; width: 100%; }
	#property-controls .properties-sort .select-replace > span { background-position: 93% center; }
	#property-controls .grid-view { display: none; }
	.properties-sort span.left { display: none; }
	
	#filter-header { padding: 0; }
	#filter-header .wrapper { width: 100%; }
	#filter { display: none; }
	#filter .one-third { width: 100%; border-top: 1px solid #484544; padding-top: 10px; }
	#filter form > .one-third:first-child { border-top: none; padding-top: 0; }
	#filter .property-divider { margin: 0 0 10px 0; }
	
	#title-header { padding: 20px 0; }
	#property-gallery, #property-gallery a, #property-gallery a img { width: 100% !important; }
	#property-gallery a { height: 192px !important; }
	#property-gallery-resp { display: block; float: left; width: 100%; margin: -20px 0 15px; }
	#property-gallery-resp li { width: 16.9%; height: 45px; margin: 0 10px 10px 0; }
    #property-gallery-resp li:nth-child(7n+7) { margin-right: 10px; }
    #property-gallery-resp li:nth-child(5n+5) { margin-right: 0; }
	
	
		
		#properties.grid, #properties.list { list-style: none; margin: 10px 0 0; padding: 0; float: left; width: 100%; }
		#properties.grid li, #properties.list li { float: left; width: 100%; margin: 0 0; padding-bottom: 30px; }
		#main-content.sidebar-none #properties.grid li, #main-content.sidebar-none #properties.list li { width: 100%; }
		
		#properties.grid li .property-image-info, #properties.list li .property-image-info { float: left; width: 100%; }
		#properties.grid li .property-image-info a, #properties.grid li .property-image-info img, #properties.list li .property-image-info a, #properties.list li .property-image-info img { display: block; width: 100%; }
		#properties.grid li .property-info { background: #e5e5e5; float: left; width: 100%; padding: 12px 0; font-size: 14px; text-transform: uppercase; }
		#properties.grid li .property-info .left { margin: 0 0 0 15px; }
		#properties.grid li .property-info .right { margin: 0 15px 0 0; font-weight: bold; }
		#properties.grid li .property-info .beds { background: url(images/icons/slider-map-featured-beds.png) no-repeat left center; padding: 0 0 0 18px; margin-right: 15px; }
		#properties.grid li .property-info .baths { background: url(images/icons/slider-map-featured-baths.png) no-repeat left center; padding: 0 0 0 18px; margin-right: 15px; }
		#properties.grid li .property-info .cars { background: url(images/icons/slider-map-featured-cars.png) no-repeat left center; padding: 0 0 0 22px; }
		
		#properties.grid li .property-content, #properties.list li .property-content { clear: both; padding: 7px 0 0; margin-left: 0; }
		#properties.grid li .property-content .property-slogan, #properties.list li .property-content .property-slogan { font-size: 11px; text-transform: uppercase; color: #898989; letter-spacing: 1px; display: block; font-weight: bold; text-align: center; }
		#properties.grid li .property-content h3, #properties.list li .property-content h3 { font-size: 22px; line-height: 25px; margin: 4px 0 15px; text-align: center; }
		#properties.grid li .property-content h3 a, #properties.list li .property-content h3 a { color: #484544; text-decoration: none; }
		#properties.grid li .property-content p, #properties.list li .property-content p { display: none; }
		#properties.list li .property-content h3 a:hover { color: #282524; text-decoration: none; }
		#properties.list li .property-content .button, #properties.list li .property-content .button { margin-top: 10px; }
	
	#main-content { float: left; width: 100%; margin: 30px 0 30px; }
	#main-content.sidebar-right, #main-content.sidebar-left { width: 100%; margin-right: 0; }
	#main-content.sidebar-left { float: right; margin-right: 0; }
	#main-content.sidebar-both { width: 100%; margin: 0; }
	
	#sidebar-left, #sidebar-right { width: 100%; float: left; margin: 10px 0; }
	#sidebar-right { float: right; }
	.sidebar-item { float: left; width: 100; margin: 0 0 20px; }
	.property-enquiry { width: 100%; margin-right: 0; margin-top: -50px; border-top: 5px solid #e5e5e5; margin-bottom: 20px; }
	.property-enquiry input, .property-enquiry textarea { width: 91.7%; }
	.property-enquiry input.button { width: auto; }
	#property-map { height: 200px; }
	
	#property-agents .list-agents li { padding-bottom: 15px; }
	#property-agents .list-agents li div { width: 100%; }
	#property-agents .list-agents li h5 { margin-bottom: 5px; }
	
	#pagination { margin: 35px 0 0; }
	
	#footer .wrapper > div { width: 100%; margin: 0 0 10px; }
	
	.form-column { width: 100%; margin: 0px; }
	
	.agent > div { width: 100%; }
	
	.one-fourth > .ddpricing-col, .one-third > .ddpricing-col, .one-half > .ddpricing-col, .one-fifth > .ddpricing-col { width: 100% !important; }
	
	input, textarea {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}
	
}


@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) {
	
	
	#slider-map-featured .property-info .beds { background: url(images/icons/slider-map-featured-beds@2x.png) no-repeat left center; background-size: 12px 11px; }
	#slider-map-featured .property-info .baths { background: url(images/icons/slider-map-featured-baths.png) no-repeat left center; padding: 0 0 0 18px; }
	#slider-map-featured .property-info .cars { background: url(images/icons/slider-map-featured-cars.png) no-repeat left center; padding: 0 0 0 20px; }
	
	
	
}