/* CSS Document - Responsive Design */


/* iPads ----------- */
@media only screen  
and (max-width : 1120px) {
	
	img,
	table,
	iframe {
		max-width: 100%!important;	
	}

	.footer-bottom-inner,
	#footer-inner,
	#header-top,
	#menu,
	#header-inner {
		width: 100%;
		max-width: 100%;
	}

	#menu li a {padding-right: 15px!important; padding-left: 15px!important;}

	.footer-one,
	.footer-two,
	.footer-three,
	.footer-four {width: 31%;}

	body {
		padding-left: 2%;
		padding-right: 2%;
	}

	#container,
	.wrapper {
		margin: 1%!important;
		max-width: 98%!important;
	}

	#content {
		max-width: 100%!important;
	}

	#inner-content {
		width: 70%;
		padding: 1%!important;
		margin: 1%!important;
		margin-left: -150px!important;
	}
	
	#right-content {
		width: 20%;
		overflow: hidden;
		padding: 1%!important;
		margin: 1%!important;
	}

	#inner-content {
		margin-left: 0px!important;
		width: 66%;
		padding-top: 0px!important;
	}

	#content {margin-top:0;}

	/*.listings.extended {width: 35%;}*/
}


/* iPads ----------- */
@media only screen  
and (max-width : 900px) {	

	#slider {max-height: 250px;}
	#slider-header {max-height: 250px!important; clear: both;}

	#google-search {display: none;}

	#login-box {right: 200px; position: absolute;}

	#top-links,
	#head-phone {display: none;}
	
	#header,
	#header-inner {height: auto!important;}

	#content {
		clear: both;
	}	
	
	#right-content {
		width: 27%;
	}
	
	#footer,
	#menu {
		width: 98%;
	}

	#footer {
		padding: 1%;
	}
	
	.responsive-menu-icon {
		cursor: pointer; 
		font-size: 120%; 
		z-index: 99999999!important;
color: #fff!important;
	}
	
	#menu {
		padding: 1%;
		max-width: 100%;
	}
	
	#menu ul.responsive-menu {
		display: none;
	}
	
	#menu ul.responsive-menu li {
		display: block!important;
		float: none;
top: 0px;
	}
	
	#menu ul.responsive-menu li li {
		display: none!important;
	}
	
	td {
		padding: 2%;
	}

	table {
		width: 100%!important;
	}

	.slide-desc {display: none;}

	#header {
		position: relative;
	}

	#menu {
		position: absolute;
		top: 0px;
		right: 0px;
		background: none;
		width: 50px;
		background-color: #67903d;
		z-index: 999999;
	}

	#menu ul {display: none;}
	
	#menu ul li a{background-color: #fff!important; font-size: 90%; color: #333!important; border-bottom: 1px dotted #333;}

	#menu ul li:hover ul { 
		border-bottom: 0px solid #fff!important;
	}
	
	#menu .responsive-menu-icon {
		width: 50px;
		color: #000;
		font-size: 300%;
	}

	#menu ul {
		position: absolute;
		right: 0px;
		width: 200px;
	}
	#content {margin-top: 0px;}

	.listing-page-map,
	.listing-page-gallery,
	.contact-details,
	.full_description,
	#pikame {display: block; min-width: 90%; max-width: 90%!important; margin: 10px; float: none;}

	/*.listings {width: 45%;}

	.listings.extended {width: 90%;}*/

	.multi-list {
		-webkit-columns: 2;
		-moz-columns: 2;
		columns: 2;
	}

	.masonary {
	  column-count: 2;
	}
}


/* Larger Smartphones */
@media only screen
and (max-width: 720px) {
.right-half.boxed,
	.left-half.boxed {width: 95%!important;}
	#google-search {right: 100px;}

	.multi-list {
		-webkit-columns: 2;
		-moz-columns: 2;
		columns: 2;
		padding-left: 0px;
		margin-left: 15px;
	}

	.multi-list ul{
		padding-left:15px!important;
	}

	#google-search {top: 100px; z-index: 100; left: 10px;} 

	#inner-content {
		width: 94%;
		max-width: 94%;
		display: block;
		clear: both;
		float: none;
	}

	#right-content {
		display: none;
	}

	.region_intro {width: 94%;}

	.multi-list {
		-webkit-columns: 1;
		-moz-columns: 1;
		columns: 1;
	}

	#tabs li.ui-state-default {font-size: 80%;}

	.one-half {margin-right: 0; width: 90%;}
	.one-third {width: 95%; margin-right: 0;}
}

/* small tablet ----------- */
@media only screen 
and (max-width : 600px) {

	/*#slider-header ul {display: none;}

	#slider-header {display: none;}*/
	
	.ajax-search {left: 0%!important; top: 0%!important;}

	#header-top {border-bottom: 1px solid #efefef;}
	
	#footer {
		padding: 1%!important;
		width: 98%;
	}
	
	.listing-left,
	.listing-right {width: 90%;}

	#login-box {right: 50px;}

	.multi-list {
		clear: left;
	}

	.region-list {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}

	h1 {font-size: 28px;}

	#inner-header-image {height: 100px; background-position: bottom left;}
	.contact-details .details {display: block; width: 90%; text-align: center;}
	.listing-page-logo {display: block; margin: auto;}
	
	.masonary-three { column-count: 1;}
}


@media only screen 
and (-webkit-min-device-pixel-ratio: 3.0) and (max-width: 1080px), screen and (max-width: 480px) {
	
	
}

/* Smartphones ----------- */
@media only screen 
and (max-width : 468px) {
    
    .two-thirds {width: 100%;}

	.grey.section img {max-width: 90%!important;}

	.cities-list h4 {text-align: center;} 
	.cities-list img {display: block; margin-left: auto; float: none;}
	#tabs li.ui-state-default {font-size: 70%;}

	#login-box {display: none;}

	.home-feature {width: 85%;}

	#footer {
		margin-bottom: 50px;
	}

	.google-page-ads {
		max-width: 98%!important;
		position: fixed;
		bottom: -22px;
		left: 0px;
	}

	.google-page-ads-lg {
		display: none;
	}

.home-side {display: none;}
	
	.listing-free,
	.listing-paid {width: 100%;}
	.listing-left {height: auto;}
	
	.radio-listing,
	.radio-listing-free {width: 100%;}
	
	.radio-listing h2 {font-size: 90%;}

	.radio-listing-content {margin-left: 20px;}

	.radio-one,
	.radio-two {width: 100%; height: auto!important;}

	.footer-one,
	.footer-one .right,
	.footer-one .left,
	.footer-two,
	.footer-three,
	.footer-four {display: block; width: 90%; clear: left;}

	.footer-two,
	.footer-three,
	.footer-four {margin-left: 10px;}

	#slideshow.pics {display: block; float: none;}
	/*.listings {width: 95%;}*/

	.right-img img {width: 100%; height: auto;}
	.right-img {clear: both; width: 100%;}

	.masonary {
	  column-count: 1;
	}

.right-img-bordered,
.left-img-bordered{float: none; display: block;}
}

/* Smaller Smartphones ----------- */
@media only screen 
and (max-width: 321px) {

	#content {
		width: 92%;
		padding: 2%!important;
		margin: 2%!important;
	}


}

@media screen and (min-width: 950px) {
	.responsive-menu-icon {
		display: none;
	}
}