.mobileMenuDiv .zMenuBarDiv {width:100% !important; border-top:1px solid #999;}
.mobileMenuButton, .mobileMenuDiv {display:none;}

@media only screen and (max-width: 1362px) {
.header-right-text{text-align:right; width:590px; }
}
.mobile-menu{display:none;}
@media only screen and (max-width: 992px) {
.header-right-text{text-align:center; width:100%; }
.mobile-menu{display:block;}
.mobileMenuDiv{width:100%; float:left;}
.mobileMenuDiv ul{list-style:none; padding:0px; margin:0px;  }
.mobileMenuDiv a:link, .mobileMenuDiv a:visited{ color:#FFF !important; outline: none;}
.mobileMenuDiv a { clear: both; display: block; float: left; margin: 0; padding: 0 5% 15px; text-decoration: none; width: 100%; font-size: 20px; }
.mobileMenuButton { border: 2px solid #fff; border-radius: 10px; clear: none; color: #fff; float: right; font-size: 26px; line-height: 26px; margin: 10px 6px; padding: 7px 10px; text-decoration: none;}
.mobileMenuButton:link, .mobileMenuButton:visited{color:#FFF;}
.mobileMenuDiv li{list-style:none;}
.mobileMenuDiv  li ul { display:none !important;}
.mobileMenuButton {display:block;}
.mobileMenuDiv, .main-menu {display:none;}
.mobileMenuDiv a:hover {text-decoration: underline;}

.mobile-menu {
    background-color: #181818;
    float: left;
    width: 100%;
}
.mobileMenuDiv a span {
  font-size: 16px;
}
}


@media screen and (max-width: 1500px) {
}
@media screen and (max-width: 1500px) {
	.main-menu li {
	  margin: 0px;
	}
	.main-menu a.header-btn{padding-left:10px; padding-right:10px;}
	.main-menu li {  margin-top:0px;
	}
.main-menu li a{font-size:20px !important; padding:9px 7px;}

}
@media screen and (max-width: 1200px) {
body {font-size:18px; line-height:24px;}

	.container, .header.float_l .container {
	  width: 960px;
	}
.main-menu a.header-btn{float:right;}
	.logo a{
		width: 100%;
	}
	.logo, .footer-logo {
	    margin: 25px 0;
	    width: 260px;
	}
	.header-right-text {
	    margin-left: 70px;
	}
	.main-menu {  padding-top:5px;
	}
	p{font-size:14px; line-height:18px;}
	.main-menu{padding-top:0px;}
	.main-menu li {  margin-top:0px;}
	.main-menu li a{font-size:21px; padding-top:5px;}
	.main-menu a.header-btn {
	    font-size: 18px;
	    padding: 5px 25px;
	    width:auto;
	    float:left;
	}

	.footer-links-nain.float_l {
	    padding: 35px 25px 55px;
	}
	.footer-logo, .hwelcome.float_l h1, .hwelcome2.float_l h1{
		margin: 0;
	}
	.slider-btns.float_l, .about-gold-coast.float_l .left-text, .about-more-icons.float_l, .comm-tab-area.float_l {
	  padding: 0;
	}
	.slider-btns.float_l a {
	    margin: 32px 10px;
	    width: 300px;
	}
	.hwelcome.float_l .right-img {
	  left: 45%;
	}
	.hwelcome.float_l .left-text, .hwelcome2.float_l .right-text {
	    padding: 25px 0;
	}
	.hwelcome.float_l {
	  height: auto;
	}
	.hwelcome2.float_l .left-img, .about-history .left-img {
	  left: -40%;
	}
	.hwelcome2.float_l {
	  height: 280px;
	}
	.hmodel-homes .map-img {
	  width: 445px;
	}
	.hmodel-homes .left-text {
	  width: 510px;
	}
	.about-custom-homes .left-text {
	  width: 62%;
	}
	.about-custom-homes .right-img {
	  left: 48%;
	}
	.about-custom-homes.float_l {
	  height: 390px;
	}
	.about-mission-text {
	  margin: 60px 0;
	  width: 100%;
	}
	.about-more-icon.float_l a {
	  font-size: 28px;
	}
	.comm-boxes.float_l {
	  padding: 20px 0 40px;
	}
	.comm-box a.thumb {
	    width: 30%;
	}
	.comm-box .comm-text {
	    width: 70%;
	}
	.homes-left-con .home-details {
	  font-size: 19px;
	  line-height: 30px;
	}
	.homes-left-con .text-area p {
	  margin: 15px 0;
	}
	.homes-left-con .text-area .inter-in-home a.more {
	  float: left;
	  margin: 10px 0 0;
	}
	.homes-left-con .text-area .inter-in-home {
	  padding: 15px 20px;
	}
	.comm-tabs {
	  float: left;
	  width: 100%;
	}
	div#tabs ul.menu {
	  background-color: #8b8b8b;
	  padding: 40px 0 40px 20px;
	  position: relative;
	  z-index: 99;
	}
	.comm-tab-area.homes .tab-con, .tab-con {
	  padding: 40px 35px;
	  position: relative;
	  width: 648px;
	}
	.tab-con::before {
	  background-color: #8b8b8b;
	  content: "";
	  height: 100%;
	  left: -20%;
	  position: absolute;
	  top: 0;
	  width: 20%;
	}
	.tab-features-img {
	  width: 38%;
	}
	.our-home-search-main .homes-search-fill {
	  width: 184px;
	}
	.dining-box {
	  margin: 15px 7px;
	}
	.header-333{width:700px;}
	.floorplans-main.float_l h2, .location-map.float_l h2 {
	    font-size:36px; line-height:42px;
	}
	.amenities.float_l h2{  font-size:36px; line-height:42px;}
	.comm-con-main.float_l h2{  font-size:36px; line-height:42px;}
	.tab-title{  font-size:36px; line-height:42px;}
	.comm-box{

    height:220px;}

    .sn-107{ width:960px; }

    .gallerylinks{width:200px; padding:15px;}

.sn-54{width:960px; margin:0 auto;}
.sn-56{width:662px; float:left;}
.sn-59{width:288px; float:left; margin-left:10px;}



}
@media screen and (max-width: 992px) {
.sn-118, .sn-118-2{padding:14px;}
	.shTopMenu{display:none !important;}
.sn-54{width:100%; margin:0 auto;}
.sn-56{width:100%; float:left;}
.sn-59{width:100%; float:left; margin-left:0px;}

.sn-53{min-width:100%; padding-bottom:65px;  }
.sn-54{width:100%; }
.sn-56{width:100%; }
.sn-57{padding:5%; width:90%;  }
.sn-58{ padding:5%; width:90%;}
.sn-59{width:100%;  margin-left:0px;}
.sn-60{padding:5%; width:90%;  }
.sn-61{ padding:5%; width:90%; }
.sn-62{padding:5%; width:90%; }
.sn-63{ padding:5%; width:90%; }

	.testimonialDiv{height:auto !important;}
	.comm-text .more{font-size:18px;}
	h1{ font-size:28px; line-height:34px;}
h2{ font-size:21px; line-height:26px;}
h3{ font-size:18px; line-height:22px;}
body {font-size:14px; line-height:18px;}
	/*.header-right-text{display:none;}*/
	.container, .header.float_l .container {
	  width: 740px;
	}
	.header.float_l {
	  background-color: #000;
	  background-image: none;
	  height: auto;
	  position: relative;
	}
	.header-333 {
		width: auto;
		display: inline-block;
		float: right;
	}
	.header-right-text {
	  float: right;
	  margin: 23px 0;
	  text-align: right;
	  width: auto;
	}
	.header-right-text .text {
		display: none;
	}
	.header-right-text .phone {
		float: none;
		display: inline-block;
	}
	.header-right-text .phone:before {
		display: none;
	}
	.header-right-text .link {
		float: none;
		display: inline-block;
	}
	.mobileMenuDiv a {
	    font-family: 'Myriad Condensed', sans-serif;
	}
	.slider-btns.float_l a {
	  margin: 32px 1%;
	  width: 31.3%;
	}
	h1, h2 {
	  font-size: 32px;
	}
	.plan-home-box a p.img-over, .our-home-box p.img-over {
	  font-size: 22px;
	}
	.slider-btns.float_l a, .about-more-icon.float_l a {
	  font-size: 22px;
	}
	.slider-btns-main.float_l, .hwelcome2.float_l, .about-custom-homes.float_l, .about-history.float_l, .page-header.float_l {
	  height: auto;
	}
	.hwelcome.float_l .left-text, .hwelcome2.float_l .right-text, .about-custom-homes.float_l .left-text, .about-history .right-text, .comm-box, .homes-right-share.float_l .text, div#tabs ul.menu, .comm-tab-area.homes .tab-con, .tab-con, .yelp-logo {
	  width: 100%;
	}
	.hwelcome.float_l .right-img, .hwelcome2.float_l .left-img, .about-custom-homes .right-img, .about-history .left-img {
	  left: 0;
	  position: relative;
	}
	.hmodel-homes .map-img, .hmodel-homes .left-text{
		width: 50%;
	}
	.home-name-box {
	  margin: 15px 0;
	}
	.home-name-box p {
	  width: 198px;
	}
	.footer-link {
	  width: 230px;
	}
	.footer.float_l, .comm-tab-area.float_l, .amenities-main.float_l {
	  padding: 35px 0;
	}
	.about-history .right-text {
	  padding: 35px 0;
	}
	div#tabs ul.menu, .comm-tab-area.homes .tab-con, .tab-con {
	  padding: 10px 0;
	}
	.homes-right-share.float_l .text {
	  padding: 0 0 6px;
	}
	div#tabs ul.menu li {
	  margin: 5px;
	  width: auto;
	}
	div#tabs ul.menu {
	  background-color: transparent;
	}
	div#tabs ul.menu li.active a:after, .tab-con:before {
	  display: none;
	}
	div#tabs ul.menu li a {
	  background-color: #8b8b8b;
	}
	.comm-tab-area.float_l {
	  background-color: #c8c8c8;
	  background-image: none;
	}
	.our-home-search-main .homes-search-fill {
	  width: 142px;
	}
	.page-header.ourhomes {
	  background-position: center bottom;
	}
	.page-header.float_l h1 {
	  font-size: 52px;
    line-height:60px;
	  margin-top: 100px;
	}
	.comm-box{
    height:auto;}

.gallerylinks{width:100%; padding:3%; background-image:none; background-color:#FFF; }
.gallerylinks{ clear:both;}
	.gallerylinks{padding-bottom:0px;}
.sn-105{height:auto; margin-bottom:30px;}



.sn-107{width:100%;}
.sn-108{width:100%;}
.sn-108{margin-left:0px;}
.sn-197{   padding-bottom:65px;   }
.sn-198{  padding-top:130px;  }
.sn-199{  padding-top:0px; padding-bottom:30px;  }
.sn-200{ width:100%;  }
.sn-201{  width:90%; padding:5%;  }
.sn-202{  width:80%; padding-left:10%;  }
.sn-203{ width:258px;  }
.sn-205{  padding-bottom:10px;  }
.sn-207{width:500px; margin-left:30px; }
.sn-213-2{padding-left:5%; width:90%;}
.sn-208{   padding-bottom:65px;   }
.sn-209{  padding-top:130px;  }
.sn-210{  padding-top:0px; padding-bottom:30px;  }
.sn-211{ width:100%;  }
.sn-212{  width:90%; padding:5%;  }
.sn-213{  width:80%; padding-left:10%; }
.sn-214{ width:258px;   }
.sn-216{  padding-bottom:10px;  }
.sh-2001{width:100%; height:auto; margin-bottom:40px;}
.sh-2002{width:100%; height:auto; float:left;}
.logo { text-align:center; width:100%; margin-bottom:10px;}
.logo a{width:100%; text-align:center; display:block; float:left;}
.logo img{width:250px; float:none !important; margin:0 auto;}


}
@media screen and (max-width: 768px) {
	.page-header.float_l h1 {
	  font-size: 36px;
    line-height:42px;
	  margin-top: 70px;
	}
	.container, .header.float_l .container {
	  min-width: 320px;
	  padding-left: 5%;
	  padding-right: 5%;
	  width: 100%;
	}
	.header-right-text, .slider-btns.float_l a, .hmodel-homes .left-text, .about-gold-coast.float_l .left-text, .about-gold-coast .right-img, .tab-features-text, .tab-features-img, .comm-con-main .left-text, .comm-con-main .comm-con-slider, .amenities.float_l .left-text, .amenities-img {
	  width: 100%;
	}
	.about-more-icon.float_l, .homes-right-slider, .homes-left-con {
	  width: 98%;
	}
	.about-more-icon.float_l {
	  max-width: 230px;
	}
	.footer-link {
	  width: 200px;
	}
	.plan-home-box, .our-home-box {
	 /* width: 46%;*/
	}
	.slider-btns.float_l a {
	  max-width: 320px;
	}
	.our-home-search-main .homes-search-fill {
	  width: 170px;
	}
	.plan-home-box, .our-home-box {
	  min-width: 220px;
	}
	.header-right-text, .about-gold-coast .right-img {
	  margin-top: 10px;
	}
	.slider-btns-main.float_l {
	  background-image: none;
	  position: relative;
	}
	.slider-btns.float_l {
	  padding: 20px 0;
	}
	.hwelcome2.float_l .cous-name.float_l {
	  padding: 0; padding-top:30px; font-size:18px;
	}
	.hwelcome2.float_l p {
	  padding: 10px 0;
	}
	.about-mission-text {
	  padding: 30px;
	}
	.copyright.float_l {
	  padding-left: 0;
	  text-align: center;
	}
	.slider-btns.float_l a {
	  margin: 10px;
	}
	.homes-left-con {
	  margin-top: 30px;
	}
	.homes-right-slider {
	  margin-bottom: 30px;
	}
	.comm-con-main .comm-con-slider, .amenities-img {
	  margin: 20px 0 0;
	}
	.plan-home-box {
	  margin: 10px 1.6%;
	}
	.hwelcome.float_l .right-img, .hwelcome2.float_l .left-img, .hmodel-homes .map-img, .about-custom-homes .right-img, .about-history .left-img {
	  display: none;
	}
	.about-more-icons-main.float_l, .amenities-main.float_l, .hmodel-homes.float_l {
	  background-size: cover;
	}

	.header-right-text .phone {
		display: block;
	}
	.header-right-text .link {
		display: block;
	}
	.header-right-text .link:before {
		display: none;
	}

	.header.float_l .container {
		padding-left: 0;
		padding-right: 0;
	}
.header-333{width:100%;}
.header-right-text{text-align:center; width:100%; font-size:21px; }

}


@media screen and (max-width: 1362px) {
}

@media screen and (max-width: 1200px) {
	.home-name-box a img {
		max-width: 145px;
	}
}

@media screen and (max-width: 767px) {
	.home-name-box a img {
		max-width: 80%;
	}
}

@media screen and (max-width: 479px) {
    .video-slider-container {
        margin: 0;
    }
    .video-slider .slider-previous-button {
        display: none;
    }
    .video-slider .slider-next-button {
        display: none;
    }

}