/* CSS Document */

/* General */
* 				{margin: 0px;	padding: 0px; border: 0px; text-decoration:none; 
					list-style-type: none; border-radius:0px;}
html				{width:100%; height:100%; font-family: 'Open Sans', sans-serif;}
body				{width:100%; height:100%; position:relative;}
.mainBox		{max-width:780px; height:auto; background:rgba(255,255,255,0.95);
						position:relative; display:block; margin:40px auto 60px auto;}
.pageBkgd		{width:100%; height:100%; background:no-repeat center; display:block;
					-webkit-background-size:cover; background-size:cover; position:fixed;
					-moz-background-size:cover; -o-background-size:cover; z-index:-1;
					top:0px; left:0px;}
.mainTitleH1	{-ms-transform: rotate(-5deg);-webkit-transform:rotate(-5deg);color: #2F2F2F;
					transform: rotate(-5deg); display:inline-block; margin:10px 0 20px -30px;
					padding:8px 30px 8px 40px; font-size:26px; background:#FFCB34;}

/* margin */
.padding25px	{padding:25px;}

/* Header & Navigation */
header			{width:100%; height:70px; background-color:#555; border-bottom:5px #444 solid;}
nav				{width:800px; margin:auto; position:relative; height:100%;}

#logo			{width:120px; height:60px; overflow:hidden; border-radius:60px 60px 0 0; 
					display:inline-block; position:absolute; left:0px; bottom:-5px;
					border-bottom:5px #347bff solid; background:#FFF;}
#logo:hover		{border-bottom:5px #6598EF solid;}
#logo img		{width:80px; margin:auto; display:block; position:absolute; left:0px; 
					right:0px; bottom:0px;}
#navMobile       {display: none;}
nav ul			{right:0px; position:absolute; display:inline-block;}
nav li			{display:inline-block; margin:0px 10px; top:10px; line-height:60px; 
					height:60px; position:relative;}
nav ul a 			{width:auto; text-transform:uppercase; display:block; font-weight:600;
					padding:0 10px; font-size:16px;}
nav ul a:hover		{color:#ffcb34; border-bottom:#ffcb34 5px solid;}
.halfCercle 		{border-radius: 0 0 10px 10px; width:20px; height:20px; margin:auto;
					left:0px; right:0px; top:-20px; display:block;position:absolute;}
.displayHomepage    {display:none;}
.bkdYellow		{background:#ffcb34;}
.bkdGrey		{background:#555;}
.bkdBlue		{background:#5787DE;}
.colorYellow	{color:#ffcb34;}
.colorGrey		{color:#555;}
.colorBlack		{color:#000;}
.colorWhite		{color:#FFF;}
.bottomBorderYellow	{border-bottom:#ffcb34 5px solid;}
.margin-left10  {margin-left: 10px;}

/* Slider */
#slider				{width:100%; height:500px; position:relative;}
.slide				{width:100%; height:575px; background: no-repeat bottom; 
						-webkit-background-size:cover; position:fixed!important; top:0px;
						-moz-background-size:cover; -o-background-size: cover; 
						background-size:cover; z-index:-1;}
#slideButton		{width:260px; height:40px; display:block; margin:auto; position:absolute; 
						left:0px; right:0px; bottom:0px; top:100px;}
#slideButton a		{background:rgba(0,0,0,0.7); color:#FFF; font-weight:600;
						font-size:20px; display:block; text-align:center; cursor:pointer;
						border:2px solid #000; transition:all 250ms; line-height:40px;}
#slideButton a:hover	{background:#2D5399; transition:all 200ms;
						border:2px solid #222;}
.borderTriangle 		{width:100%; height:20px; display:block; position:absolute; bottom:0px;
						background-image:url('../site/border_triangle.png');}

/* Homepage */

.homepageH1			{text-align:center; font-size:40px; font-weight:700; color:#333; 
						padding-top:20px;}
.homepageH3			{text-align:center; font-size:22px; font-weight:500; color:#333; margin-bottom:40px;}
#containerCrundle    {width:100%; background:#b44c2e; height:220px; padding-top:20px;
                        box-shadow: -1px 5px 10px 3px rgba(0, 0, 0, 0.3) inset;}
#subContCrundle     {max-width:772px; width:90%; height:100%; margin:auto; text-align: center;}
#subContCrundle img {max-width:100%; max-height: 100%;}
/* Sample properties */
#sampleProperties   	{background:#edefed; min-height:400px; padding:50px 50px 150px 50px; text-align:center;}
.propertySample  	{width:280px; height:200px; display:inline-block; position:relative;
						-webkit-background-size:cover; background-size:cover;
						-moz-background-size:cover; -o-background-size: cover;}
#sampleProperties ul	{max-width:1000px; position:relative; text-align:center; margin:auto;}
#sampleProperties li	{display:inline-block; margin:5px 5px;}
.viewMoreProperties 	{background:#ffcb34; color:#222; width:200px; height:35px; 
						display:block; text-align:center; margin:40px auto 0px auto; font-weight:700;
						border:#666 1px solid; font-size:18px; line-height:35px;}
.viewMoreProperties:hover 	{background:#373737; color:#ffcb34;}
.samplePropPrice		{position:absolute; bottom:30px; left:0px; font-size:19px;
							padding:3px 12px 3px 8px; border:1px #333 solid;
							background:#ffcb34; color:#222; font-weight:500;}
.samplePropPrice b		{font-weight:800;}

.samplePropName			{text-align:center; position:absolute; top:30px; margin:auto; left:0px; 
							right:0px; font-weight:700; font-size:23px; color:#fff;}
.samplePropName b   		{background:rgba(0,0,0,0.4); font-weight:600; padding:2px 10px;
							font-size:20px;}

/* Properties */
#searchProperties   		{width:100%; background:#fff; border-bottom:1px solid #BBB; 
							-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;
							-ms-user-select: none;}
#searchProperties form	{width:calc(90% + 15px);width:-webkit-calc(90% + 15px); min-width:320px;
							margin:auto; display:block; position:relative; padding:20px 0px;}

#firstSearchLine	{width:100%; min-height:40px; line-height:40px; border-bottom:1px solid #CCC;
						position:relative;}
.searchField		{font-size:16px; font-weight:600; margin-right:15px; 
						vertical-align:top;}
.separation			{margin:0 15px; display:inline-block; background:#CCC; height:80%; 
						width:1px;}
#categorySelect		{width:90px; background:#EEE; vertical-align: super;}
#dateInput			{width:130px; vertical-align: super;}
.inputBoxes			{padding:2px 10px; border:1px solid #BBB; font-weight:400;}
.locationBox		{vertical-align:super; width:calc(100% - 580px); 
						width:-webkit-calc(100% - 580px);}
#secondSearchLine	{width:100%; height:70px;position:relative; line-height:40px;}
#priceSelect		{background:#EEE;}
#pricePerWeekOrMonth{width:130px; display:inline-block; vertical-align: top;
                        line-height:55px!important;}
#pricePerWeekOrMonth span {margin:0px!important;}
#pricePerWeekOrMonth select {padding:0px;}

#priceSlider		{width:calc(100% - 140px); width:-webkit-calc(100% - 140px); 
						display:inline-block; line-height:40px; position:relative; height:100%;}
						
#lowerBoundButton	{width:20px; height:20px; border-radius:5px; border:1px solid #bbb; z-index:20;
						position:absolute; background:#EEE; top:10px; left:40px; cursor:pointer;}
#upperBoundButton	{width:20px; height:20px; border-radius:5px; border:1px solid #bbb; z-index:20;
						position:absolute; background:#EEE; top:10px; right:0px; cursor:pointer;}
#rangerectangle		{height:4px; background-color:#ffcb34; left:40px; 
						position:absolute; z-index:10;}					

#priceLowerBound    	{position:absolute; left:0px; font-size:18px; 
                        font-weight:600; bottom:0px;}
#priceUpperBound    	{position:absolute; right:0px; font-size:18px; 
                        font-weight:600; bottom:0px;}
.priceInput 			{width:calc(100% - 40px); display:inline-block; font-size:18px; 
						font-weight:700;}
#price_slider 		{height:4px; margin: 20px 5px 0 5px; background: #DEDEDE; 
						border:none!important;}
.ui-state-default 	{border-radius:15px; margin-top: -5px; cursor:-webkit-grab!important;}
.ui-slider-horizontal .ui-slider-range{background:#ffcb34; }

#thirdSearchline	{width:100%; min-height:50px;position:relative; line-height:50px; border-top:1px solid #CCC;
                        margin-bottom:-20px;}
.propertyField		{width:110px; display:inline-block;}
#listOfAllTypes		{width:calc(100% - 130px); width:-webkit-calc(100% - 130px); 
						display:inline-block; position:relative; vertical-align:text-top;}
.propertyType		{margin:0 5px; background:#f7f7f7;
						display:inline-block; font-size:14px; font-weight:400; min-width:50px;
						line-height:20px; border:1px solid #DDD; position:relative; 
						padding:5px 25px 5px 22px; vertical-align:top;}
.propertyType input 	{height:19px; width:19px; margin:auto; position:absolute;
						top:5px; right:3px;}
.propertyType img   	{width:15px; position:absolute; left:3px; top:5px; margin: auto;}
.radioInput			    {display:inline-block; font-weight:400; font-size:14px; height:25px;
						line-height:25px; position:relative; border:1px solid #DDD;
						background:#f7f7f7; padding:0px 10px; min-width:50px;}
.radioInput input		{position:absolute; top:3px; right:3px; height:20px; width:20px;}

#map_list_properties	{width:40%; height:calc(100% - 75px); height:-webkit-calc(100% - 75px);
                      top:75px; position:fixed!important; right:0px; background-color:#FFC348;}
#searchListProperties{width:60%; height:calc(100% - 75px); height:-webkit-calc(100% - 75px); 
                      overflow:visible; overflow-x:hidden; position:fixed; top:75px; left:0px;
                      background:#f7f7f7;}
#listProperties     	{width:95%; margin:auto; position:relative;}
#listProperties p     	{margin-top:20px;}
.listProperty      	{display:inline-block; text-align:left; margin:10px 5px; 
                        position:relative; min-width:150px; vertical-align:top;}
.property_image     	{width:100%; height:250px; -webkit-background-size:cover; 
                    -o-background-size: cover; background-size:cover; 
                    -moz-background-size:cover; position:relative;
                    background: no-repeat centre;}
.property_image h3	{width:98%; padding:1%; background:rgba(0,0,0,0.5);
						position:absolute; top:0px; color:#fff; font-size:15px; font-weight:600;}
.property_image img	{vertical-align: sub;}
.property_image h4	{width:auto; padding:3px 10px; background:#ffcb34; position:absolute; 
						bottom:20%; left:0px; color:#222; font-size:22px; font-weight:800;
						border-radius: 4px 4px 4px 0px; margin-left:-6px;}
.noAgencyFees                   {position: absolute; right: 5px; top: 40px;}
.nice_property_triangle	{width:0px; height:0px; border-style:solid; border-width:0 15px 15px 0;
							position:absolute; left:0px; bottom:-6px; border-width:0 6px 6px 0;
							border-color:transparent #8D6900  transparent transparent;}
.list_property_price_currency	{font-size:12px; font-weight:700; top:5px; vertical-align: super;}
.list_property_price_period	{font-weight:700; line-height:10px; max-width:70px; vertical-align:middle;
                                font-size:13px; display:inline-block; height:25px; padding-left:3px;}
.list_prop_details	{width:calc(100% - 12px); width: -webkit-calc(100% - 12px); height:79px;
                    padding:3px 5px; position:relative; border:1px #CCC solid; 
                    border-top-color:transparent; background:#fff;}
.detailsOfProperty h5{ height:25px; display:inline-block; line-height:25px; vertical-align:top;
                       color:#333; font-size:14px; font-weight:500; margin-right:10px;
                       margin-left:-3px;}
.detailsOfProperty h5 img{height:22px;}
.detailsOfProperty b    {display: inline-block; vertical-align:top; height:100%; line-height:25px;}
.detailsOfProperty b img {padding-left:4px;}
.viewTheProperty a	{width:100%; max-width:100px; height:30px; display:block; background:#347bff;
                    color:#fff; line-height:30px; position:absolute; top:0px; bottom:0px;
                    left:0px; right:0px; margin:auto; text-align:center;}
.detailsOfProperty	{min-width:190px; padding:1%; display:inline-block;}




/* Property */
#leftSide               {width:52%; display: inline-block; vertical-align:top;}
#propertyGeneralInfo	{width:375px; display:inline-block; vertical-align:top;
							position:relative; padding:15px 15px 0 15px; background:#fff;}
#propertyGeneralInfo h1	{line-height:28px;}
#propertyPath p			{width:5px; padding:0px 5px; font-size:15px; font-weight:900; 
							color:#000; display:inline-block;}
#propertyPath a			{font-size:14px; font-weight:400; color:#555; display:inline-block;}
#propertyPath a:hover	{text-decoration:underline;}

#propertyMainBox h1		{font-size:34px; font-weight:600; line-height:34px;}
#propertyPrice			{width:calc(100% - 6px); width:-webkit-calc(100% - 6px); 
							border-bottom:1px solid #999; position:relative; margin-top:20px;}
#priceDetailed			{width:100px; height:30px; background-color:#FFF; position:absolute;
							right:0px; bottom:-15px; border:1px solid #999; line-height:20px; 
							color:#347bff; font-size:14px; font-weight:500; background:#fff;
							padding-left:3px; }
#priceDetailed select			{position:absolute; right:0px; bottom:0px; top:0px; font-size:19px;
								font-weight:700; background:#fff; color:#347bff;}
#priceForSale			{position:absolute; left:15px; top:5px; font-size:19px;
                            font-weight:700; background:#fff; color:#347bff;}
#propertyImportantInfo		{width:100%; margin-top:20px;}
#propertyImportantInfo h4	{display:inline-block; width:auto; height:22px; font-size:15px;
								font-weight:500; color:#555; line-height:22px; vertical-align:top;
								margin-right:5px;}
#propertyImportantInfo img 	{height:22px; margin-right:3px;}
#requestDetails			{display:block; background:#ffcb34; width:50%; margin:20px auto;
							text-align:center; padding:4px 0px; color:#000; 
							border:1px solid #CCC; font-weight:600;}
#propertyMoreDetails	{background:#333; position:relative; bottom:0px; width:calc(100% + 30px);
                            width: -webkit-calc(100% + 30px);
							height:30px; margin-left:-15px; line-height:30px;
							text-align:center; }
#propertyMoreDetails li	{display:inline-block; color:#fff; font-weight:500; 
							font-size:14px; vertical-align:top; margin:-3px 5px 0px 5px;
							padding:0px 25px; height:30px; cursor:pointer;
							border-top:3px solid transparent; border-radius:2px; 
							border-bottom:3px solid transparent;}
#propertyMoreDetails li:hover	{border-top:3px solid #222; border-bottom:solid 3px #222; 
                               background-color:#222;}
.activeSection				{border-top:3px solid #222; border-bottom:solid 3px #222; 
                               background-color:#222;}
							   
/* Prop Gallery*/
#propertyGallery{width:46%; display:inline-block; position:relative;overflow:hidden;
					margin:15px 0px 30px -5px;}
#mainThumb		{width:100%; height:250px; background:no-repeat center; position:relative;
					-webkit-background-size:cover; background-size:cover; display:block;
					-moz-background-size:cover; -o-background-size:cover; overflow: hidden;}

#nextImg		{position:absolute; height:100%; right:0px; top:0px;}
#nextImg img		{display:block; margin:auto; right:0px; top:0px; position:absolute;
                    cursor:pointer; bottom:0px;}
#prevImg		{position:absolute; height:100%; left:0px; top:0px;}
#prevImg img		{display:block; margin:auto; left:0px; top:0px; position:absolute;
                    cursor:pointer; bottom:0px;}
#enlargeImg		{width:33px; height:33px; position:absolute; right:5px; top:5px;
                    background:rgba(0,0,0,0.5); cursor:pointer;}
#enlargeImg img	{position:absolute; margin:auto; right:0px; left:0px; top:0px; bottom:0px}
#thumbnail		{width:100%;height:50px; bottom:-50px; overflow:hidden;
                    background:#222; position:absolute; -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    transition: all 500ms ease;}
.thumb			{width:68px; height:100%; display:inline-block; overflow:hidden;
                    cursor:pointer; vertical-align:top; margin-top:5px;}
.thumb img		{min-width:100%; max-width: 100%;}

/* Prop Info */
#propInfoContainer	{width:calc(100% - 50px); width:-webkit-calc(100% - 50px); min-height:300px; padding:25px;
						display:inline-block; vertical-align:top;position:relative;}
#propInfoContainer h2  {display:none;}
#propDescription    {overflow:hidden;}
#propFacilities		{display:none; position: relative;}
#propFacilities li	{display: inline-block; width:48%;}
#propFacilities img {display: inline-block;}
#propFacilities p   {display: inline-block;}
#propFacilities li b{font-weight: 400; font-size: 15px;}
#propDocuments		{display:none;}

#map-canvas			{display:inline-block; vertical-align:top; width:300px; height:300px;
						margin:0px 30px; border:1px solid #A6A6A6;}

#bkdLargePicture	{position:fixed; width:100%; height:100%; z-index:400; top:0px;
						background-color:rgba(0, 0, 0, 0.85);}
#largePicture		{position:fixed; width:80%; height:90%; top:0px; bottom:0px;
						right:0px; left:0px; display:block; margin:auto; z-index:410;}
#largePicture img	{max-height:100%; max-width:100%; display:block; margin:auto; bottom:0px; top:0px;
                        position: absolute; left:0px; right:0px;}
#nextLargeImg		{position:fixed; height:100%; width:150px; right:0px; top:0px;
						cursor:pointer; color:#fff; }
#nextLargeImg span	{position:absolute; bottom:0px; top:0px; font-size:4.8em; 
						width:65px; height:100px; margin:auto; background:url(../site/large_arrow_right.png) no-repeat; right:10px;}
#prevLargeImg		{position:fixed; height:100%; width:150px; left:0px; top:0px;
						cursor:pointer; color:#fff; }
#prevLargeImg span	{position:absolute; bottom:0px; top:0px; font-size: 4.8em; 
						width:65px; height:100px; margin:auto; background:url(../site/large_arrow_left.png) no-repeat; left:10px;}
#closeLargePicture	{position:fixed; z-index:420; font-size:2.5em; right:30px; top:10px;
						color:#fff; font-weight:600; cursor:pointer; }
.propDocLink        {width:60px; height:60px; background: url(../site/adobe-pdf-logo.png) no-repeat center;
                        display: block; -webkit-background-size:cover; -moz-background-size:cover;
                        -o-background-size:cover; background-size:cover;}
#propDocuments li   {width:100%; position: relative; height:80px;}
#propDocuments h4   {display:inline-block; vertical-align: middle;}
#propDocuments a   {position:absolute; right:20px; vertical-align: middle; top:0px;}
#certifications     {width:100%; margin-top: 40px;}
#certifications li  {width:100%; font-size: 16px; height:25px; line-height:25px;}
#certifications a   {color:#444; font-size: 15px;}
#certifications img {width:20px; display: inline-block; vertical-align: sub;}

/* Share bar */
#shareBar           {width:280px; height:40px; background:#FFF; display:block; margin: 20px auto;
                        border: 1px solid #AAA; border-radius:5px; line-height: 40px; padding:0 10px;}
#shareBar p         {color:#000; font-size:16px; font-weight: 700; display:inline-block;}
#shareBar a         {display:inline-block; width:30px; height:30px; background-size:contain;
                        vertical-align: middle; margin:-4px 0 0 10px; background:no-repeat;
                        background-position:0px top;}
#shareBar a:hover         {background-position: 0px bottom;}
/* Services */
#services				{position:relative; overflow:hidden;}
#services h3				{color:#444; font-weight:400; font-size:18px; margin-bottom:10px;}
#services h3	b			{font-weight:700;}
.service_section		{width:100%; position:relative; margin-bottom:30px;}
.service_subsec_text	{width:calc(100% - 260px); width:-webkit-calc(100% - 260px); 
							position:relative; display:inline-block; vertical-align:top;}
.service_subsec_link	{width:250px; display:inline-block; position:relative;
							vertical-align:top;}
.service_section h2		{width:calc(100% - 50px); width:-webkit-calc(100% - 50px); height:50px; 
							line-height:50px; background:no-repeat 5px;
							padding-left:50px; font-weight:600; font-size:26px;}
.service_section p		{width:calc(100% - 50px); width:-webkit-calc(100% - 50px);
							padding-left:25px; font-weight:500;}
.service_section img		{width:100%; margin-top:20px;}
.service_link			{display:block; margin:10px 20px; padding:5px 15px; text-align:center;
							font-weight:600;}
.service_link:hover		{background:#333; color:#fff;}

/* About us */
#about					{position:relative; overflow:hidden;}
#about h2				{width:calc(100% - 50px); width:-webkit-calc(100% - 50px); height:50px; 
							line-height:50px; background:no-repeat 5px;
							padding-left:50px; font-weight:600; font-size:26px;}
#profile				{position:relative; width:65%; vertical-align:top; display:inline-block;}
#profile img				{display:inline-block; width:130px; margin:20px;}
.profileDescription		{width:calc(100% - 180px); width:-webkit-calc(100% - 180px);
							display:inline-block; vertical-align:top; margin-top:10px;}
#aboutQueries			{width:30%; display:inline-block; vertical-align:top; padding-top:100px;}
#aboutQueries img		{display:block; margin-left:20px;}
#aboutQueries a			{margin-top:3px; background:#444; color:#fff; font-weight:700;
							font-size:18px; margin-left:70px; display:table; padding:4px 20px; text-align:center; }

/* Contact */
#contact				{overflow:hidden;}
#contact h2				{width:calc(100% - 50px); width:-webkit-calc(100% - 50px); height:50px; 
							line-height:50px; background:no-repeat 5px; font-size:26px;
							padding-left:50px; font-weight:600;}
#contactMessage			{width:55%; display:inline-block; position:relative; margin-right:20px;}
#contactMessage form		{width:100%; position:relative; margin-top:20px;}
#contactMessage textarea	{padding:8px 10px; display:inline-block; font-size:16px; line-height:18px;
							border:1px solid #DBDBDB; border-radius:3px; width:calc(100% - 27px); max-width:calc(100% - 27px); width:-webkit-calc(100% - 27px);
							max-width:-webkit-calc(100% - 27px); min-height:250px;
							font-family: 'Open Sans', sans-serif;}
#contactMessage input		{padding:8px 10px; display:inline-block; font-size:16px;
							margin:0px 1px 10px 0px; border:1px solid #DBDBDB; border-radius:3px;}
#contactInName			{width:calc(50% - 27px); width:-webkit-calc(50% - 27px);}
#contactInEmail			{width:calc(50% - 27px); width:-webkit-calc(50% - 27px);}
#contactInSbj			{width:calc(100% - 27px); width:-webkit-calc(100% - 27px);}
.g-recaptcha			{display:inline-block;}
.errorForm				{border:1px solid #F20F0F!important;}
#contactDetails			{width:calc(45% - 25px); vertical-align:top; display:inline-block;}
#contactDetails p 		{margin-left:50px; margin-top:-5px;}
.phone_number           {margin:0;}
.phone_number li        {height:25px; line-height:25px;}
#contactSubmit			{background:#5787DE; color:#fff; font-weight:600;
							padding:7px 30px!important;
							vertical-align:top; margin-top:25px!important; }

.fontSize18				{font-size:18px!important; font-weight:500!important;}
.fontSize16				{font-size:16px!important; font-weight:600!important;}
.fontSize14				{font-size:14px!important; font-weight:600!important;}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/*** SLIDER ***/
ul.bjqs             {position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;
                        height:100%!important;width: 100%!important;}
li.bjqs-slide       {position:absolute; display:none;}
#banner-fade        {width:100%!important; height:100%!important; max-height:100%!important;
                        max-width:100%!important;}
.bjqs-markers       {display:none;}

@media screen and (min-width: 1100px) and (max-width: 9000px) {
    .listProperty		{width:48%;}
    .detailsOfProperty	{width:68%;}
    .viewTheProperty	{width:28%; display:inline-block; height:100%; position:relative;
        vertical-align:top;}
    .propertyType       {width:20%;}
}

@media screen and (min-width: 950px) and (max-width: 1100px){
    .listProperty	    {width:47%;}
    .detailsOfProperty	{width:100%;}
    .viewTheProperty	{width:50px; display:inline-block; height:100%; position:absolute;
        bottom:0px; right:2%;}
    .propertyType       {width:auto; padding: 5px 25px 10px 22px;}
}

@media screen and (min-width: 800px) and (max-width: 950px) {
    .listProperty	    {width:100%;}
    .detailsOfProperty	{width:68%;}
    .viewTheProperty		{width:28%; display:inline-block; height:100%; position:relative;
        vertical-align:top;}
    .propertyType       {margin: 5px -1px; width: 40px;}
    .radioInput         {width: auto;}
}

@media screen and (max-width: 800px) {
    /* General Pages */
    .mainBox            {margin:0px; background:#f7f7f7;}
    .pageBkgd           {display:none;}
    .padding25px        {padding:15px 8px;}

    /* Services */
    .service_subsec_text    {width:100%;}
    .service_section p   {width:100%; padding:0px;}
    .service_subsec_link {width:100%;}
    .service_section img {display:none;}
    .service_link       {width:200px; margin:auto; margin-top:20px;}

    /* Contact */
    #contactMessage     {width: 100%; margin:0px;}
    #contact h2         {width:auto; font-size: 24px;}
    #contactInName      {width:-webkit-calc(100% - 27px); width:calc(100% - 27px);}
    #contactInEmail     {width:-webkit-calc(100% - 27px); width:calc(100% - 27px);}
    #contactMessage textarea    {min-height: 200px;}
    #contactSubmit      {width:100%; margin-top:10px; -webkit-appearance:none; height:40px;}
    #contactDetails     {width:100%; vertical-align: initial;}
    #map_canvas_contact {display:none;}

    /* Property */
    #leftSide           {width:100%;}
    #propertyGeneralInfo {width:96%; margin:0px; padding:2%; height:auto; background:#f7f7f7;}
    #propertyGallery        {width:100%; margin:0px;}
    #propertyMoreDetails    {display:none;}
    #requestDetails     {margin: 20px auto; position: fixed; z-index: 150; left:0px;
                            width:250px; bottom:5px; right:0px; padding:5px;}
    #propInfoContainer  {width:calc(100% - 20px); width:-webkit-calc(100% - 20px); padding:10px;}
    #propInfoContainer h2 {display:inline-block; font-size: 18px; font-weight:600; color:#444; background:#ffcb34;
                            padding:2px 10px; margin:10px 0px 10px -10px;}
    #map-canvas         {width:100%!important; margin:0px; padding:0px;}
    #propFacilities     {display:block; margin-bottom:10px;}
    #propDocuments      {display:block; margin-bottom:10px;}

    /* About us */
    #profile            {width:100%;}
    #profile img        {display:block; margin:10px auto 0px auto;}
    .profileDescription {width:100%; text-align: center; margin-bottom:20px;}
    .profileDescription h3 {display:inline-block; margin:10px auto; padding:2px 0px; width:80%; background:#444;
                            color:#fff; font-size: 18px; font-weight: 600;}
    #aboutQueries       {width:100%; margin:40px auto 30px auto; padding:0px;}
    #aboutQueries a     {margin-top: -4px;}
    /* Properties */
    .listProperty	    {width:100%;}
    .detailsOfProperty	{width:70%;}
    .detailsOfProperty h5 {font-size:12px; margin-right:5px;}
    .detailsOfProperty b {font-size:12px;}
    .viewTheProperty	{width:25%; display:inline-block; height:100%; position:relative;
                            vertical-align:top;}
    #map_list_properties {display: none!important;}
    #searchListProperties   {width:100%; height:auto; position:relative; background: #f7f7f7; top:0px;
                            overflow-x:initial;}
    #searchProperties form {width: 92%; min-width:initial; }
    .searchField        {display:inline-block; text-align:left; margin:auto; font-size:14px; width:60px;}
    .propertyField      {width:60px; display:inline-block; line-height:17px; vertical-align:text-top;
                            text-align:center;}
    #firstSearchLine    {text-align:left;}
    #secondSearchLine   {height:inherit; line-height:inherit;}
    .radioInput         {width:calc(50% - 70px); width:-webkit-calc(50% - 70px); margin:0px 5px; text-align:left;}
    #pricePerWeekOrMonth {width:100%; display:block; line-height:30px!important;}
    #priceSlider        {width:100%; height:60px;}
    #priceSelect        {margin:0px 5px;}
    #listOfAllTypes     {width: calc(100% - 65px); width: -webkit-calc(100% - 65px); line-height: 40px;}
    .propertyType       {width:auto; margin:0px; padding: 5px 25px 5px 23px; min-width:initial; font-size:13px;}
    .listProperty       {margin:10px 1px;}

    /* Navigation */
    #navMobile          {display:block; width:100%; height:100%; text-align:center; position: relative;}
    #navMobile img      {display:inline-block; position: absolute; right:0px; padding:10px; height:40px;}
    header              {height:60px; background:#333333; border-bottom:1px #474747 solid;}
    nav                 {width:100%; position:fixed; background:rgba(51, 51, 51, 0.95); top:61px; left:0px; display:none;
        height: calc(100% - 60px); height: -webkit-calc(100% - 60px); z-index: 1000;}
    nav ul              {width:100%; height:100%;}
    nav ul a:hover      {color: #ffcb34; border-bottom: #ffcb34 2px solid;}
    nav ul a:active     {color: #A9A9A9; border-bottom: #A9A9A9 2px solid;}
    nav li              {display:block; padding:5px 10px; height:30px; line-height:30px;}
    #logo               {display: none;}
    #logoMobileNav      {width:120px; height:50px; margin:5px 0px; left:0px; position:absolute;}
    #logoMobileNav img  {height:100%; padding:0px; position:absolute; left:0px;}
    .halfCercle         {display:none;}
    .bottomBorderYellow {border-bottom: #ffcb34 2px solid;}
    .displayHomepage    {display:block;}

    /* Homepage */
    #sampleProperties   {padding: 10px 10px 40px 10px;}
    .homepageH1        {font-size: 25px;}
    .homepageH3        {font-size: 18px; margin: 0px 15px 15px 15px;}
    #subContCrundle     {width:100%;}
    #containerCrundle   {height:initial; box-shadow:none;}
}