:root {
  --topGalleryPadding: 40px;
  --gallhght:min(500px, calc(80vh - 80px));
}
/**
.element {
  height: calc(100vh - var(--topGalleryPadding));
  padding-top: var(--topGalleryPadding);
}
**/

#svprop{width:98%;background: white;
    margin: 0px 0 0px 0px;
    padding: 0px;overflow:hidden;text-align:center;}
.shrprop{width:25%;float:left;text-align:center;font:16px Quicksand,sans-serif;color:white;padding:5px 0px 5px 0px;}
.shrprop.fb{background:#3b5998;}
.shrprop.em{background:#333;}
.shrprop.fav{background:#00BFB2;}
.shrprop.twt{background:#1DA1F3;}
.shrprop.whats{background:#25d366;}

.shrprop a{text-decoration:none;color:white;}
.shrprop .fa{color:white;padding-right:10px;font-size:16px;}
.shrprop .favouritize .fa{padding-right:0px;}
.shrprop .favouritize{margin-top:0px;}
.shrprop .favouritize:hover i{font-size:16px;margin-top:0px;}
.inispan{font:16px Roboto, sans-serif;padding-left:10px;}


#listingdata #lhd{
	float: left;
  width: 60%;
  margin-top:40px;
}

#summaryholder{
	
	width:558px;
	float:left;
	border: 1px solid #ddd;
  	box-shadow: 0 2px 7px 0 rgba(0,0,0,.06);
  	border-radius: 5px;
  	
	font:16px Roboto, sans-serif;
	text-align:left;
	background:white;
	margin:0px 0px 0px 0px;
	color:black;
	padding:20px;
}

#lhd .descrdiv{border: 1px solid #ddd; box-shadow: 0 2px 7px 0 rgba(0,0,0,.06);  border-radius: 5px;
background:white;padding: 10px 20px;margin: 20px 0px;width: 558px;}
#lhd .descrdiv h3{font-family:Roboto, sans-serif;padding-bottom:10px;margin: 10px 0px 10px 0px;border-bottom: 1px solid #efefef;
text-transform: none;}
#lhd .descrdiv #textdesc{border-top:0px;margin-top:0px;font-family:Roboto;}

#feats ul.stdfeatlist{text-align:left;width: 100%;}
#feats #listingdata  .stdfeatlist li.emph{font-weight:500;}
#lhd .descrdiv .listdclr{margin-top:20px;}
#lhd .listtermsitem{font-family:Roboto,sans-serif;font-size:14px;font-weight:400;padding: 8px 0px 8px 0px;width:100%;padding-bottom: 12px;}
#lhd .listtermsitem .fa-check-circle{padding-right:10px;color: green;}
#lhd .listtermdetails{padding-top:0px;padding-bottom:5px;padding-right:0px;}
#lhd .defmoredet{background:none;color:#406A79;top: -1px;padding:0px 0px 0px 0px; border:0px;border-radius:0px;border-bottom: 1px solid #142845;}


#summaryinnerholder{max-width: 1024px;margin:0px auto;}
#summaryinfo{float:left;width:100%;background:white;}
#leftcol{float:left;width:100%;}
#centercol{float:left;width:40%;}
#coredets{float:left;width:100%;}
#summaryholder .listingDetailsHeader{
	padding:0px 0px;margin:0px 0px 0px 0px;font: 24px Roboto,sans-serif;color:black;
	text-shadow:none;white-space: nowrap;font-weight:400;line-height: 24px;
}
#summaryholder .listingDetailsHeader .topMainHead{font-weight:700;margin-bottom:5px;}
#bondHead a{padding-left:5px;}

#summaryholder .listingDetailsHeader#mainHead{width:260px;border:0px solid blue;float:left;}
#summaryholder .listingDetailsHeader #bondHead{font-size:14px;color:#555;}
#summaryholder .listingDetailsHeader #bondHead a{font-size:16px;font-weight:700;color:#406A79;text-decoration: underline;}

#summaryholder .listingDetailsHeader#subStreetHead{width:270px;border:0px solid blue;float:right;text-align:right;}
#summaryholder .listingDetailsHeader .lastLine{font: 18px Roboto,sans-serif;font-weight:500;margin-top:5px; }
#mobileSubDisp{display:none;}
#summaryholder .listingDetailsHeader#subStreetHead .topMainHead{white-space: nowrap;text-overflow: ellipsis;overflow:hidden;}
#loanCalcDisclaimer{float:left;width:calc(100% - 20px);padding:5px 10px 20px 10px;font: 12px Roboto,sans-serif;color:#555;}
#loanCalcDisclaimer a{color:#555;}

#summaryholder h2{padding:0px;margin:0px 0px 0px 0px;font: 1.1em Roboto,sans-serif;color:black;
				text-shadow:none;white-space: nowrap;text-overflow: ellipsis;overflow:hidden;}
#summaryholder .listingDetailsHeader a{text-decoration:none;display:inline-block;color:black;text-decoration: underline;}

#feats .descrdiv{border: 1px solid #ddd;box-shadow: 0 2px 7px 0 rgba(0,0,0,.06);border-radius: 5px;}


#adsDiv.descrdiv{float:left;padding:0px;border:0px;width:600px;box-shadow: none;background: none;border-radius:0px; margin:10px 0px;} 
#adsDiv.descrdiv div{float:left;width:100%;padding:0px;border:0px;text-align:center;overflow:hidden;}
#adsDiv.descrdiv div a{float:left;width:100%;padding:0px;border:0px;text-align: center;}
#adsDiv.descrdiv div img{display:block;padding:0px;border:0px;margin: 0px auto;max-height: 120px;}
#adsDiv.descrdiv #pcAd img{width:100%;} 
#adsDiv.descrdiv #mobAd{display:none;} 



#rhd .rhdbox{padding-bottom:30px;text-align: center;}
#detailsholder {background:#F9F9F9;}
#detailsholder .fotorama__caption__wrap{font:14px Quicksand, sans-serif;opacity:0.8;color:white;background:black;border-radius:3px 3px 0px 0px;font-weight:400;}
#detailsholder .fotorama__caption{text-align:center;}
.fotorama__arr.fotorama__arr--next{right:2px;font-size:3em;background-image:none;opacity: 1 ; display: block;}
.fotorama__arr.fotorama__arr--prev{left:11px;font-size:3em;background-image:none;}


.fotorama__arr.fotorama__arr--next:before {
    content: "\f105";  /* this is your text. You can also use UTF-8 character codes as I do here */
    font-family: FontAwesome;
    position:absolute;
    top:0em;
    color:white;
    text-shadow: 2px 0px 2px #000;
 }
.fotorama__arr.fotorama__arr--prev:before {
    content: "\f104";  /* this is your text. You can also use UTF-8 character codes as I do here */
    font-family: FontAwesome;
	top:0em;
    position:absolute;
    color:white;
    text-shadow: 2px 0px 2px #000;
 }
 
#financehelp{text-align: center;float: left;width: calc(100% - 42px);padding: 20px;margin: 20px 0px;border: 1px solid #6ABD46;border-radius: 5px;
  background: white;}
#financehelp .fa-calculator{color: #6ABD46;font-size: 25px;position: relative;top: -5px;}
#financehelp .fincell{display:inline-block;margin-top:3px;vertical-align: top;}
#financehelp .selwrap{border:1px solid #6ABD46;}
#financehelp .selwrap i{color:#6ABD46;}
#financehelp .fincell.fincalc{margin-left:10px;margin-right:20px;}
#financehelp #oobacalc, #financehelp #oobacalc option{font:14px Quicksand,sans-serif;font-weight:400;}
#financehelp #prequal{border-radius:3px;text-decoration:none;display:inline-block;font:16px Quicksand, sans-serif;padding:4px 10px 4px 10px;background:#6ABD46;color:white;}

#underOfferPos{position:absolute;}
#underOfferInner{z-index:900;background:#FE6F61;border:0px solid blue;display:inline-block;
position:relative;top:0px;color:white;padding:10px 30px 10px 30px;font:18px 'Quicksand', sans-serif;font-weight:500;}



#detailsholder #displayholder{display:block;}
#detailsholder #displayholder .fotorama{height:0px;width:0px;overflow:hidden;}
#detailsholder #displayholder.hideFoto{height:0px;width:0px;overflow:hidden;}
#detailsholder #listingdata{background:none;}


#galleryWrap{ overflow:hidden;border-radius:5px;margin: 130px 20px 0px 20px;border: 1px solid #ddd; 
box-shadow:0 2px 7px 0 rgba(0,0,0,.06);}

#gallery{

	width: 100%;
  float: left;
  overflow-x: hidden;
  overflow-y: hidden;
  white-space: nowrap;
  scrollbar-color: #7f7f7f white;
  scrollbar-width: thin;
  text-align: center;
  width: calc(100%);
  border: 0px;
	
}



/* Add styles for the buttons */
.gallery-button {
  position: absolute;
  border-radius: 50%;
  border: 0px solid black;
  font-size: 24px;
  text-align: center;

  cursor: pointer;
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: center;
  color:#142845;
    top: calc(50% - 24px); /* Place the button halfway down the gallery */
  transform: translateY(-50%); /* Adjust to center exactly */
  width: 40px;
    height: 200px;

    background-color: transparent;
    border-radius: 0px;
    text-shadow: 2px 0px 2px #000;
    color: white;
}

.gallery-button.left {
  left: 0px; /* 30px margin from the left */
  padding-right:50px;
  padding-left: 20px;
}

.gallery-button.right {
  right: 0px; /* 30px margin from the right */
  padding-left:50px;
  padding-right: 20px;
}

/* Vertically center the buttons inside the gallery */
#galleryWrap {
  position: relative; /* Makes galleryWrap the reference point for absolute positioning */
}



/* Use Font Awesome for chevrons */
.gallery-button::before {
  font-family: FontAwesome;
}

.gallery-button.left::before {
  content: "\f053"; /* FontAwesome left chevron */
    left: -2px;
  position: relative;
  top: 1px;
}

.gallery-button.right::before {
  content: "\f054"; /* FontAwesome right chevron */
  left: 2px;
  position: relative;
  top: 1px;
}



#smallPics{height:var(--gallhght);}

#gallery .vertPic{height:calc(var(--gallhght));}
#gallery .vertPic img{height:calc(var(--gallhght));}
#smallPics{display:inline-block;}

#gallery #bigPicContainer{
	height:var(--gallhght);
	width: calc((15/10) * var(--gallhght));
	display:inline-flex; 
	align-items: center;
  	overflow: hidden;
  	cursor: pointer;
  	justify-content: center;
	max-width:calc(90%);
	min-height:200px;
}
#bigPic{
width:100%;
background: url(/images_static/Ripple.svg);
background-size: 50px 50px;
background-color:white;
background-repeat: no-repeat;
background-position: center center;
}


#gallery #smallPics{
	
	white-space: nowrap;
	vertical-align: top;
	text-align: left;
}
#gallery .picsContainer{
	width:calc((var(--gallhght)/2) * 15/10);
	height:var(--gallhght);
	display:inline-block;
	white-space: normal;
	vertical-align: top;
	margin:0px;
}
#gallery .horPic{
	border:0px solid green;
	width:100%;
	cursor:pointer;
	height:calc((var(--gallhght)/2) - 0px);
	/**margin:3px 0px;**/
	overflow:hidden;
	display: inline-flex;
  	align-items: center;
 	 overflow: hidden;
  	cursor: pointer;
  	justify-content: center;
}
#gallery .picsContainer .horPic:first-child{margin-top:0px;}
#gallery .picsContainer .horPic:last-child{margin-bottom:0px;}
#gallery .horPic img{
	width:100%;
	display:inline-block;
	width: calc(100% - 5px);
}
#gallery .vertPic{
	border:0px solid green;
	display:inline-block;
	width:99%;
	width:calc(100% - 6px);
	vertical-align: middle;
	overflow:hidden;
	cursor:pointer;
	margin:0px 3px;
	background: url(/images_static/Ripple.svg);
	background-size: 50px 50px;
	background-color:white;
	background-repeat: no-repeat;
	background-position: center center;
}

#gallery .vertPic img{
	width:100%;
	display:inline-block;
	
}







#ctafloat {position: fixed; bottom: -1px;text-align:center;width:100%;height:56px;
padding: 0px 0px 0px 0px;background:none;z-index:800;background:#142845;opacity:1.0;display:none;}

#ctafloat .popcontbox.lightup{
	position:relative;
}

#ctafloat .contactactions{display:inline-block;width:230px;}
#ctafloat .popcontbox .contactactions{text-align:center;width:100%;}

#ctafloat .byermesshd{padding:10px 0px;width: 100%;}
#ctafloat .popcontbox{    width:360px; border:0px solid #00BFB2;}

.contactactions .shad{display:inline-block;border:0px;border-radius:8px;background:#FE6F61;color:white;
text-decoration:none;margin:2px 6px;line-height:14px;color:white;font:16px Roboto, sans-serif;min-width:64px;text-align:center;padding:6px 10px 6px 10px;cursor:pointer;font-weight:400;
overflow: hidden;
}
.contactactions .shad .fa{padding-right:5px;}
.contactactions .shad.whsApp{background:#00E676;}
.contactactions .shad:hover{border:1px solid white;}

#ctafloat .callpreamble{display:block;}
#ctafloat .innhead{display:none;}
.contactactions .actretract{display:none;float:right;cursor:pointer;}
.contactactions .actretract .fa{ font-size:30px; color:white;}


#viewOptionControls{
	width:100%;
	display:inline-block;
	padding: 14px 0px 13px 0px;
	text-align:center;
	background:#333;
	color:white;
}
#viewOptionControls .viewOptionControlGroup{display:inline-block;}

#shareOptions{margin:0px 100px;}
#viewOptionControls .viewOption{display:inline-block;margin:0px 15px;color:#F1F1F1;font:14px Roboto,sans-serif;cursor:pointer;font-weight:400;padding-bottom: 3px;padding-top: 2px;}
#viewOptionControls .viewOption.galleryOption{display:inline-block;}
#viewOptionControls .viewOption.fotoramaOption{display:none;}

#viewOptionControls .viewOption.activeOption{border-bottom:2px solid white;}

#viewOptionControls .favouritize.viewOption{height:18px;max-height:18px;overflow:visible;margin-right:0px;}
#viewOptionControls .viewOption.iconOnly{margin:0px 7px;}
#viewOptionControls .viewOption.iconOnly .fa{font-size:16px;}
#viewOptionControls .viewOption.optionName{font-size:14px;margin-right:7px;}
#viewOptionControls .viewOption .fa {font-size:16px;padding-right:7px;}

#viewOptionControls .inispan{font:14px Roboto,sans-serif;}

#viewOptionControls .sharingControl{display:none;} 

#viewOptions{display:inline;margin:0px auto;}
#shareOptions{float:left;margin:0px 0px 0px 20px;}
#shareMobile{float:left;margin:-3px 0px 0px 20px;}
#shareButton{background:none;color:white;font:14px Roboto,sans-serif;font-weight:400;border:0px;padding-left: 0px;cursor:pointer;}
#shareButton img{height:20px;;padding-right:5px;color:white;}
#shareButton span{top: -3px;position: relative;}

#saveOptions{float:right;margin:0px 20px 0px 10px;text-align: right}


#mainpicholer{display:none;top:0px;left:0px;width:100%;min-height:100px;

	background: url(/images_static/Ripple.svg);
	background-size: 70px 70px;
	background-color:white;
	background-repeat: no-repeat;
	background-position: center center;
	height:var(--gallhght);}

#mainpic{position:absolute;top: 0;left:0;bottom: 0;right: 0;overflow:hidden;z-index:-1;}
			/**#mainpic img{position:relative;width:100%;z-index:-1;top:50%;transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}**/
#mainpic img{position:relative;width:100%;z-index:-1;}
#mainpicholer .fotorama{min-width:0px;}

#galleryWrap .viewOptionDisplay{height:var(--gallhght);display:none;float:left;border-radius: 5px 5px 0px 0px;}
#galleryWrap #mapView #map{height:var(--gallhght);}

#galleryWrap #gallery.viewOptionDisplay{height:var(--gallhght);user-select: none;display:block;}

#videoView{text-align:center;background:black;width:100%;}
#vidIFrame{height:var(--gallhght);width:100%;}
#videoView #matterport{width:100%;padding:0px;display:inline-block;}

#listingStatusDisplay{position: absolute;
  height: 0px;
  margin-left: 0px;
  text-align: left;
  top: 0px;
  left: 0px;
}
#listingStatusDisplay .SDInner{
	z-index:900;
	background:white;
	position:relative;
	top:30px;
	color:black;
	height:auto;
	padding:15px 25px 15px 25px;
	font:18px 'Roboto', sans-serif;font-weight:500;
		border-radius:25px;
	line-height:14px;
	border-radius:25px;
	margin-left:20px;
	display: inline-block;
	font-weight:400;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
}
#listingdata #rhd{margin-top:40px;}
#listingdata #rhd #offerdiv{padding-top:0px;}

#offermaker{margin-top:0px;width: 340px;}
#offermaker .infobox, #rhd .popcontbox .infobox{width: calc(100% - 42px);
  float: left;
  border: 1px solid #ddd;
  box-shadow: 0 2px 7px 0 rgba(0,0,0,.06);
  border-radius: 5px;
  font: 16px Roboto, sans-serif;
  text-align: left;
  background: white;
  margin: 0px 0px 0px 0px;
  color: black;
  padding: 20px;
}
#offermaker .infobox .infoboxct, #rhd #contactdiv .infobox .infoboxct{width:100%;padding:0px;}
#offermaker .infobox .infoboxhdr, #rhd .infobox .infoboxhdr{background:white;}
#rhd #contactdiv .popcontbox .byermesshd{padding:0px;}
#rhd .infobox .infoboxhdr h2, #rhd #contactdiv .popcontbox .byermesshd h2{font: 24px Roboto,sans-serif;font-weight:500;padding: 0px;margin-top:0px;color:black;text-align:left;}
#offermaker.detcontbox .intextwrap, #contactdiv .popcontbox .intextwrap{
background: white;
  width: 98%;
  margin: 0px;
  padding: 10px;
  border-radius: 5px;
  width: calc(100% - 27px);
  border-color:#999;
  box-shadow: 0 2px 7px 0 rgba(0,0,0,.06);
  }
 #offermaker.detcontbox  .infobox .intextwrap .inptxtbx,  #contactdiv .infobox .intextwrap .inptxtbx{width:100%;padding:0px;letter-spacing: 0;
  font: 16px "Roboto", "sans-serif", Arial;}
#contnthld #offermaker .infoboxpreamble{font:14px Roboto,sans-serif;background:white;color:#555;border:0px;
	margin: 0px 0px 20px 0px;padding: 10px 0px 15px 0px;
  border-bottom: 1px solid #efefef;text-align:left;}
#makeofferform{width:100%;display:inline-block;margin: 20px 0px 0px 0px;}
#offermaker .subbutwrap{border-radius:5px;border-radius: 3px;
  margin: 10px 0px 40px 0px;}


#offermaker .infoboxhdr.subsec{display:inline-block;background:white;padding:20px 0px 5px 0px;border-top:1px solid #fe6f61;}
#offermaker .infoboxhdr.subsec h2{font-weight:500;color:#142845;background:white;font-size:20px;background:white;}
#offermaker .infoboxhdr.subsec i{margin:0px 0px 3px 5px;}
#offermaker .infoboxpreamble.subsec{color:#66D9D1;background:white;padding-top:0px;}

#offersignup{font-size:16px;font-weight:400;display:inline-block;width:100%;text-align:center;padding:0px 0px 10px 0px;color:#555;}
#offersignup i{border:1px solid white;width:280px;padding:5px 0px 5px 0px;border-radius:5px;}
#offersignup .favouritize{display:inline-block;margin:0px 0px 0px 0px;cursor:pointer;text-align: left;}
#offersignup .favouritize i{background:white;color:#142845;font-size:18px;text-shadow:none;}
#offersignup .favouritize:hover i{margin-top:0px;}

#rhd .popcontbox{width:340px;}
#rhd .phbox .phholder p{margin-bottom:10px;padding-bottom:15px;}
#contactdiv .popcontbox .intextwrap{width:275px;padding:7px 7px;margin-top:10px;}
#contactdiv .infobox .intextwrap input.inptxtbx{font-size:14px;color:black}
#rhd .phbox .phholder.agent_dets .agent_dets_p .agentDetsPageLink{text-decoration:none;}
#rhd .phbox .phholder.agent_dets a{}
#rhd .profpic.rounddiv {width: 60px;height: 60px;display: inline-block;overflow: hidden;margin-right: 10px;}
#rhd .phbox .phholder.agent_dets a {font-weight: 400;font-size: 16px;line-height: 24px;}
#rhd #pichoder{padding-top:0px;}
#rhd .listingcontact .msslerr{top: -6px;left: 0px;font: 12px Roboto,sans-serif;}
#rhd .popcontbox textarea{padding: 0px;font: 14px 'Roboto', sans-serif;width: 100%;}
#rhd .popcontbox .subbutwrap{margin:10px 0px 15px 0px;}
#rhd .popcontbox .subbutwrap input{width:100px;padding: 5px 10px 5px 10px;}
#rhd .popcontbox .subbutwrap.wap input{background:#00E676;border: 2px solid #00E676;}
#rhd .popcontbox .subbutwrap input:hover{color:white;}
#rhd .submbttnsection span{font:14px Roboto,sans-serif;padding: 0px 10px;}
#rhd .popcontbox .intextwrap.txtar{height:80px;}
#contactdiv .submbttnsection {margin-top: 20px;}

#rhd .onshow{color:white;background:#00BFB2;}

#contnthld #apptmaker .subsec.detslist{margin-top:20px;}


@media only screen and (max-aspect-ratio: 9/9) {
  :root {
    --gallhght: calc(100vw * 10/15);
  }
  
  #gallery #bigPicContainer{
  	width:100%;
  	max-width: 100%;
  }
  
  #galleryWrap #mainpicholer{display:block;}
  #galleryWrap #gallery{display:none;}
  #viewOptionControls .viewOption.galleryOption{display:none;}
#viewOptionControls .viewOption.fotoramaOption{display:inline-block;}


  #gallery .horPic{
  	height: var(--gallhght);
  }
  #gallery .picsContainer{
  	width: 100vw;
  }
  #galleryWrap {
  	overflow: hidden;
  	border-radius: 0px;
  	margin: 30px 0px 30px 0px;
  }
  #galleryWrap #gallery.viewOptionDisplay{
  	border-radius: 0px;
  	display:none;
  }
  
  .freshnd .header__inner{
  padding: 10px 0;
  
  }
  
  
  
  
  #galleryWrap #gallery .picsContainer.doubleHor{
  
	width: 200vw;
  	height: var(--gallhght);
  	overflow:hidden;
  }
  
    #galleryWrap #gallery .horPic {
    	width: 100vw;
    
    }
    #galleryWrap #gallery .horPic img{
    	width: 100vw;
    }
    
  
  
  #galleryWrap #gallery .vertPic {

  height: var(--gallhght);
   display: inline-flex;
  align-items: center;
  cursor: pointer;
  justify-content: center;
  min-height: 200px;
  width:100vw;
}
  #galleryWrap #gallery .vertPic img {
  height: auto;
   width:100vw;
}
  
  
}



@media only screen and (max-width: 1100px) {

#svprop .shrprop{font:16px Quicksand,sans-serif;}
#svprop .shrprop .fa{color:white;font-size:16px;}
#svprop .shrprop .favouritize:hover i{font-size:16px;margin-top:0px;}
#svprop .inispan{font:16px Quicksand, sans-serif;}

}

@media only screen and (max-width: 1023px) {

#listingStatusDisplay .SDInner {
  z-index: 900;
  background: white;
  position: relative;
  top: 15px;
  color: black;
  height: auto;
  padding: 10px 15px;
  font: 16px 'Roboto', sans-serif;
  font-weight: 500;
  border-radius: 25px;
  border-radius: 5px;
  margin-left: 15px;
  display: inline-block;
  font-weight: 500;
}
#lhd #adsDiv.descrdiv{
	width:100%;
	max-width:600px;
	margin: 0px auto;
	display: block;
	float: none;
}
.opt{display:none;}

#lhd .descrdiv,  #summaryholder{width: calc(100% - 42px);}

#contnthld #listingdata #rhd{width:100%;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;display:inline-block;float:none;text-align: center;}
#contnthld #listingdata #lhd{width:100%;padding:0px 0px 0px 0px;margin:10px 0px 0px 0px;display:inline-block;float:none;}
#offermaker{margin-top:0px;}

#rhd .rhdbox{width:338px;margin: 20px 20px;padding: 0px;vertical-align: top;/*! height: 600px; */}
	
}



@media only screen and (max-width: 800px) {
	
	#summaryholder{font-size:14px;}

	#viewOptionControls .viewOption.optionName{display:none;}
	#viewOptionControls .viewOption{
		margin: 0px 8px;
	}
	
	#respwrap #ctafloat {display:block;}
}

@media only screen and (max-width: 640px) {
	#summaryholder{font-size:12px;padding:10px 12px;width: calc(100% - 26px);}
	#galleryWrap .viewOptionDisplay{border-radius:0px;}

	#financehelp .fincalc{display:none;}
	#financehelp .prequalme{margin-left:20px;}
	#underOfferInner{top:20px;padding:5px 10px 5px 10px;font:16px 'Quicksand', sans-serif;font-weight:500;}
	#listingStatusDisplay .SDInner {  padding: 5px 10px;}
	#listingdata{width:96%;padding:0px 10px 10px 10px;width:calc(100% - 20px);}
	#lhd .descrdiv {padding: 0px 10px; width: calc(100% - 22px);}
	#adsDiv.descrdiv{padding: 0px ; width: 100%;}
	#rhd .infobox .infoboxhdr h2, #rhd #contactdiv .popcontbox .byermesshd h2 { font: 20px Roboto,sans-serif;}
	#summaryholder .listingDetailsHeader#mainHead{width:100%;}
	#summaryholder .listingDetailsHeader#subStreetHead{width:100%;text-align:left;}
	#summaryholder .listingDetailsHeader#subStreetHead .topMainHead{display:none;}
	#mobileSubDisp { display: inline;}
	#summaryholder .listingDetailsHeader .topMainHead{margin-bottom:0px;}
	#summaryholder .listingDetailsHeader .lastLine { margin-top: 10px; overflow:hidden;}
	#summaryholder .listingDetailsHeader .lastLine #mobileSubDisp {
	white-space: nowrap;text-overflow: ellipsis;overflow:hidden;}
	#shareMobile{float:left;margin:-3px 0px 0px 15px;}
	#viewOptionControls #saveOptions .viewOption .fa{padding-right: 0px;}
	#viewOptionControls #saveOptions .viewOption .fa .inispan{    position: relative; top: -1px;}
	#shareButton img {position: relative;top: 2px;}

}

@media only screen and (max-width: 500px) {
	#shareOptions .viewOption.optionName{display:none;}
}

@media only screen and (max-width: 450px) {
#summaryholder .fa{display:none;}
#viewOptionControls .viewOption.iconOnly{margin: 0px 5px;}
  #galleryWrap .gallery-button {
  	width: 30px;
  	height: 80px;
  	font-size: 16px;
  	background-color: transparent;
  	border-radius: 0px;
  	text-shadow: 2px 0px 2px #000;
  	color: white;
  }
  #galleryWrap .gallery-button.right {
  	right: 0px;
  	padding: 0px 5px 0px 30px;
	}
  #galleryWrap .gallery-button.left {
	  left: 0px;
	  padding: 0px 30px 0px 5px;
	}
 #shareOptions{margin-left:15px;}
 #saveOptions{margin-right:15px;}
 #viewOptions .viewOption i{display:none;}
 
 #adsDiv.descrdiv #pcAd{display:none;}
 #adsDiv.descrdiv #mobAd{display:block;}
  #rhd .rhdbox {margin: 20px 0px;width:100%;}
  #offermaker{width:100%;}
  #rhd .popcontbox{width:100%;}
  .phbox .phholder {padding-left: 0px;width: 100%;}
  #contactdiv .popcontbox .intextwrap{width: calc(100% - 14px);margin-top: 0px;}
  #rhd .phbox .phholder p{margin-bottom:10px;}
   #rhd .phbox .phholder p.ext{display:none;}
  
 
 
}

@media only screen and (max-width: 400px) {
	#svprop .shrprop .fa{color:white;padding-right:5px;font-size:14px;}
	#svprop .shrprop .favouritize .fa{padding-right:0px;}
}