/* Tablet */
@media only screen and (min-width: 768px) and (max-width: 979px) {
	
	.googlemap {width: 100%; float: none; margin: 0}

#main, #content.newhome {width: 760px; padding: 0;}
.homepodb {width: 375px;}
.homepodb .homepodcontent {left: 120px;}
.homepodb.commercial {background: url("/_images/backgrounds/com-tablet.jpg") no-repeat;}
.homepodb.management {background: url("/_images/backgrounds/man-tablet.jpg") no-repeat;}
#top {background: url("/_images/backgrounds/banner-tablet.jpg") no-repeat; width: 760px;}
.logo {  left: 516px; position: absolute; top: 24px;}
.socialbuttons img {width: 357px; height: auto;}
.internal {width: 480px;}

#properties .description {background: none; padding-left: 0; border: none;}
#properties img {width:250px; height: auto;}

.propertyimage {float: none; width: 100%; padding: 0; margin: 0;}
#properties img.flaglisting {left: 167px;}
.flagdetails {z-index: 9999; position: absolute; right:20px;}
.flagtext {width: 250px;}

.flagtextdetails  {left: 0; width: 100%;}

.commercialblob, .propertyblob {width: 374px;}
.commercialblob .address, .propertyblob .address  {display: none;}

.gallery li img {width: 100%}

.contactleft {float: none; width: auto;}

}

/* Mobile */
@media only screen and (max-width: 767px) {
	
	.googlemap {width: 100%; float: none; margin: 0}	

.flagtext {width: 95%;}
.flagtextdetails  {left: 0; width: 100%;}

#main {width: 471px;}
.socialbuttons img {width: 231px; height: auto;}
#top {height:auto; background: url("/_images/backgrounds/banner-mob-l.jpg") no-repeat bottom; width: 471px;}
.logo {position:relative; top:auto; left:auto; margin:20px 0 20px 20px;}

#top .toggle {z-index:10000; display:block; position:absolute; top:25px; right:20px; display:block; width:30px; height:30px; text-indent:-9999px; border-radius:3px; background:url("/_images/bg-mobile-nav-toggle.png") 0 0 no-repeat #f26d14;}
#nav {position:relative; top:auto; left:auto; padding:0 10px;}
#nav li {float:none; display:block; font-size:16px; border-top:1px solid #5e5586;}
#nav li.first {border-top:none;}
#nav li a {display:block; padding:10px; text-decoration:none; color:#FFF;}
#nav li a:hover, #nav li a:active, #nav li a:focus {color:#f26d14;}
.homepodb {float: none;}
.homepodb.management {margin-top:10px; }
#content.newhome {width: 471px; padding: 0;}
#seocontent, #seocontent1 {display: none;}
#footer {padding-bottom: 20px; overflow: hidden;}

.leftphoto {display: none;}
.internal {width: auto; margin-left: 0;}
#subnav {width: 471px; background: #211d58; border-radius: 10px;padding-bottom: 15px; text-align: center;padding-top: 15px;}
#subnav ul {width:100%; margin: 0 auto;}
#subnav img,#subnav li {float: left;}
#subnav img {padding-top: 15px; }
#subnav a {border: none;}
.hideonmobile {display: none;}
.showonmobile {display: inline;}
#subnav .image {display: none;}

#mobileNavWrap {display:block; padding:0 10px 10px 10px; background:#211d58;}
#mobileNav {margin:0 auto;}
#mobileNav span {display:block; width:100%; height:auto; padding:0; border:1px solid #FFF; background:url('/_images/bg-mobile-nav-select.png') top right no-repeat rgba(0,0,0,0); box-sizing:border-box;}
#mobileNav span select {display:block; width:100%; height:30px; margin:0; padding:3px 10px 3px 10px; border:none; border-radius:0; font-size:16px; color:#FFF; background:none; -webkit-appearance:none; appearance:none; -moz-appearance:window; outline:none; cursor:pointer; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

#properties .description {background: none; padding-left: 0; border: none; width: auto;}
#properties img {width:95%; height: auto;}

.propertyimage {float: none; width: 100%; padding: 0; margin: 0;}

#subnavitems {display:none;}
#top {margin-top: 0;}
#properties img.flaglisting {right:5px; left: inherit; width: auto;}

.flagdetails {z-index: 9999; position: absolute; right:20px; }

.commercialblob, .propertyblob {margin-bottom: 10px; width: 100%;}
.commercialblob .address, .propertyblob .address {display: none;}
.commercialblob h1 span, .propertyblob h1 span {display: none;}

.gallery li img {width: 100%;}

#subnav .mobbuttons a {background: #fff; display: block; color: #f26d14; border-radius: 5px; text-align: left; line-height: 19px;padding: 5px 0; font-size: 14px; border-bottom: 3px solid #cacaca;border-left: 3px solid #f2f2f2;border-right: 3px solid #f2f2f2}
#subnav .mobbuttons li {width: 47%; box-sizing: border-box;  }
#subnav .mobbuttons li {margin-left: 2%; }
#subnav .mobbuttons li.alert a {background: no-repeat url('/_images/envelope.gif') #fff 4px 12px; padding-left: 47px}
#subnav .mobbuttons li.recent a {background: no-repeat url('/_images/recent.gif') #fff 4px 12px; padding-left: 47px}
}


@media only screen and (max-width: 320px) {
	#subnav .mobbuttons li {float: none; width: 100%; margin: 10px auto 10px auto; width: 90%}
}

/* Mobile Portrait */
@media only screen and (max-width: 479px) {

#main {width: 100%;}
#top {width: 100%; /* background-position: center center; */}
.homepodb {width: 100%; height: auto; padding-bottom: 10px;}
.homepodb.commercial {background: #1c0e59;}
.homepodb.management {background: #f36d14;}
.homepodb .homepodcontent {position:static;  width: 100%;}
.homepodb .homepodcontent h2 {margin-top: 0; padding-top: 15px;}
.homepodb .homepodcontent h2, .homepodb .homepodcontent h3, .homepodb .homepodcontent p {padding-left: 15px;}
.socialbuttons img {width: 280px; height: auto; padding-bottom: 10px;}
.socialbuttons {text-align: center;}
#content.newhome {width: 100%; padding: 0;}
.credit {display: none;}
#footer {text-align: center;}
.copyright {float: none;}
#subnav {border-radius: 0;width: 100%; text-align: center;}



}

