/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 600px) and (max-width: 1003px) {

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (min-width: 300px) and (max-width: 599px) {

	/*  main class */
	.main { width: 320px; }

		/*  header wrapper  */
		#headerWrapper { padding: 15px 0; height: auto; z-index: 9999; }
		#headerWrapper #header { width: 300px; margin: 0 auto; }
		#headerWrapper #header h1 img { margin: 0 0 0 20px; width: 75px; height: auto; }

			/*  menu area  */
			.menuArea { display: none; }

			/* mobile menu area */
			.mobilemenuArea { display: block; float: right; position: relative; }
			.mobilemenuArea a.navBtn { margin: 45px 20px 0 0; float: right; width: 34px; height: 32px; display: block; text-indent: -9999px; background: url('../images/mob-nav.png') no-repeat; }
	
			.mobilemenuArea .mobileheaderMenu { padding: 20px; display: none; position: absolute; top: 127px; right: -10px; z-index: 9999; width: 280px; float: left; background: rgba(30,30,25,0.97); }
	
			.mobilemenuArea .mobileheaderMenu .widget { width: 100%; float: left; }
			.mobilemenuArea .mobileheaderMenu h3 {padding: 0 0 5px 0;font-family: 'Raleway', sans-serif; font-weight: 500; font-size: 16px;color: #fff;text-transform: uppercase;border-bottom: 1px solid #000;}
			.mobilemenuArea .mobileheaderMenu ul { padding: 0 0 15px 0; list-style: none; }
			.mobilemenuArea .mobileheaderMenu li { padding: 6px 0; }
			.mobilemenuArea .mobileheaderMenu li a { display: block; font-size: 16px; color: #7f7f7f; text-decoration: none; }
			.mobilemenuArea .mobileheaderMenu li a:hover { color: #b60408; }

			/* banner area */
			.bannerArea .bx-wrapper { width: 320px!important; z-index:99;}
			.bannerArea .bx-window { width: 320px!important; height: 477px!important; }
			.bannerArea li .overlay { padding: 15px 25px 20px 25px; width: 270px; position: absolute; top: 271px; left: 0; }
			.bannerArea  a.bx-prev { top: 180px; }
			.bannerArea  a.bx-next { top: 180px; }

			/* header details */
			.headerDetails h2 { margin: 0 10px; }
			.headerDetails a.view { display: none; }

	/*  content wrapper  */
	#contentWrapper .main { width: 300px; }

		/* content top */
		.contentTop { padding: 0 0 40px 0; font-size: 18px; line-height: 26px; }

		/* left column */
		#leftColumn { float: left; width: 300px; }

			/* quality text */
			.qualityText { width: 100%; }

		/* right column */
		#rightColumn { padding: 30px 0 0 0; float: right; width: 300px; }

			/* about us */
			.aboutUsText { width: 300px; }
			.aboutUsText h3 { padding: 0 0 15px 0; }

			/* home members */
			.homeMembers { margin: 25px 0 0 0; width: 262px; }

			/* property listing */
			.propertyListing #listingimage { padding: 0 15px 0 0; width: 127px; float: left; }
			.propertyListing .listingDesc { width: 157px; }

			/* recent news */
			.recentNews li { padding: 10px 0 0 0; width: 300px; }

		/* left wrapper */
		#leftWrapper { width: 100%; }

			/* content area */
			.contentArea .topImage { display: none; }

			/* posts detail */
			.postsDetail .gallery img { margin: 0; width: 65px; height: auto; }

			/* contact area */
			.contactArea iframe { width: 100%!important; }

			/* listing page */
			.listingPage #listingimage { width: 127px; float: left; }
			.listingPage .listingDesc { width: 158px; }
			.listingPage #fsrep-main-image { width: 300px; height: 193px; }
			.listingPage #fsrep-main-image span { width: 300px; height: 193px; background-size: 100% 100%; }
			.listingPage #fsrep-main-image img { width: 100%; height: 193px; }
			.listingPage #fsrep-aimages { padding: 15px 0 0 0; width: 300px; float: left; }
			.listingPage #fsrep-aimages a { margin: 0 3px 0 0; width: 97px; }
			.listingPage #fsrep-aimages a span { width: 97px; background-size: 100% 100%; }
			.listingPage #fsrep-aimages img { width: 97px; }
			.listingPage .additionalDesc p { padding: 10px; font-size: 12px; }
			.listingPage .additionalDesc p strong { width: 145px; }
			.listingPage .additionalDesc p span { width: 105px; }
			.listingPage .contactMoreInfo a.btn { padding: 13px 10px; width: 280px; text-align: center; }
			.listingPage .contactMoreInfo .slidingDiv table td { font-size: 12px; }
			.listingPage .contactMoreInfo .slidingDiv table td input { width: 130px; }
			.listingPage .contactMoreInfo .slidingDiv table td select { width: 150px; }
			.listingPage .contactMoreInfo .slidingDiv table td textarea { width: 130px; }

		/* right wrapper */
		#rightWrapper { width: 100%; }

	/* gray wrapper */
	#grayWrapper .main { width: 300px; }

		/* aboutHmg */
		.aboutHmg .garyLeft { padding: 0 0 10px 0; width: 100%; text-align: left; }
		.aboutHmg h2 { margin: 0; background: none; }
		.aboutHmg .grayRight { display: none; }

		/*  footer area  */
		.footerArea { width: 100%; text-align: center; }
		.footerArea .footerLeft { padding: 15px 0; width: 100%; }
		.footerArea .footerRight { width: 100%; }
		.footerArea .bottomMenu { padding: 15px 0 0 0; width: 100%; }
		.footerArea .bottomMenu li a { padding: 0 10px 0 9px; font-size: 11px; }
		.footerArea .social { margin: 0 0 0 66px; float: left; }


}