header {position:static; width:100%; z-index:99;}



.top-main-navigation ul {	margin-top: -46px;}



.default { height:50px; display:block;}

.fixed {position: fixed;top: 0px; z-index:999;}

.project_navigation{ background:#2c2c2c; width:100%; margin:0 auto;}

.pro-nav{ width:1667px; margin:0 auto;}

.small-logo{ padding: 0; margin:0 0 0 35px; float:left; width:570px;}

.small-logo img{ float:left;} 

.small-logo  h3{font-size:18px; text-transform:uppercase; color:#967d54;  float:left;    padding: 40px 0 0 15px;}

.small-logo  h3 span{font-size:14px; vertical-align:baseline; text-transform:uppercase; color:#999; }

.small-logo  h4{ padding:10px; float:left;}

.small-logo  h4 a{font-size:14px; text-transform:uppercase; color:#967d54;  float:left; margin-top:20px;    padding: 15px 0 0 15px; border-left:1px solid #967d54}

.small-logo  h4 a:hover{color:#999;}

.project_navigation ul{ display:block; text-align:center; list-style:none; margin:0px;  padding:20px 0; /*background-color:#000000;*/  *overflow-x: visible !important;   }

.project_navigation ul li{ margin:0px; padding:0px 10px; }



.project_navigation ul li{ display:inline-block; list-style:none; /*background-color:#999999;*/ position:relative; /* width:150px; height: 50px; padding:10px;*/ zoom:1;  }

.project_navigation ul li{ -webkit-transition: .2s all linear; -moz-transition: .2s all linear; -o-transition: .2s all linear;   font-size:14px; text-transform:uppercase; color:#999;  font-family:'dinregularwebfont', Geneva, sans-serif ; /*background:url(../images/divider.gif) no-repeat right;*/}

/*.default ul li:nth-child(1){margin-left:1%; }

.default ul li:nth-child(5){margin-right:8%;}

.default ul li:nth-child(6){margin-right:7%;}

.fixed ul li:nth-child(5){padding:0;}

.fixed ul li:nth-child(6){padding:0;}*/

.project_navigation ul li:last-child{ background:none;}

.project_navigation ul li a{color:#967d54; text-decoration:none; text-align:left; font-size:12px; }

.project_navigation ul li a:hover{color:#999; }

.project_navigation ul li:hover{ color:#999!important; }

.project_navigation ul li a.active{color:#999!important;}

.fixed  ul{padding:10px 0;}

.fixed  ul li{padding:35px 10px 0 10px; }

.fixed  ul li a{font-size:14px;}



.overview-left{width:685px; height:725px;  float:left; background:url(../..//images/projects/bg.png) right no-repeat; position:relative; left:0; z-index:9;}

.overview-left .pro-logo{ padding:5px 0; margin-top:60px; }

.overview-contain{ display:block; padding:0 210px 0 45px;}

.overview-right{ float:right; width:1115px; position:absolute; right:0;  top:0px; }

.h3project{ text-transform:uppercase; color: #967d54; font-size:26px; line-height:36px; text-align:left; font-weight: 100; margin-bottom:5px; margin-left:0px;}

.overview-left p{padding: 5px 0 5px 0; color:#999; font-size: 14px; text-align: left;line-height: 20px; }

.breadcram{font-size:16px; text-transform:uppercase; color: #967d54;  margin-top:60px;}

.breadcram span{ color:#999; font-size:14px; vertical-align:baseline;}

.breadcram1{font-size:16px; text-transform:uppercase; color:#967d54;   margin:0% 0% 0% 3%;}

.breadcram1 span{ color:#999;font-size:14px; vertical-align:baseline;}

.list {list-style: disc;padding-left: 20px;color:#999; text-align:justify;}

.list li {color: #999;padding: 5px 0 5px 0;font-size: 15px; text-align: left;line-height: 24px;}



.scroll {

   width: 200px;

   height: 40px;

    background: red;

   overflow: scroll;

}

.scroll::-webkit-scrollbar {

    width: 12px;

}



.scroll::-webkit-scrollbar-track {

    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 

    border-radius: 10px;

}



.scroll::-webkit-scrollbar-thumb {

    border-radius: 10px;

    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 

}



.features{ width:100%; float:right; margin: 50px 0 0px 0;}

#features-left{ width: 27%; float: left; padding: 5% 2% 2% 4%; }

#features-left h3{text-transform:uppercase; color: #967d54; font-size:26px; line-height:40px; text-align:left; margin-top:30px; margin-bottom:5px; margin-left:0px;}

#features-left h4{text-transform:uppercase; color:#73654f; font-size:18px; line-height:24px; text-align:left; margin:15px 0 0px 0;}

#features-right{ width: 60%;float: right;padding:7% 2.5%;}



.amenities{ width:100%; float:right; margin: 50px 0 0px 0;}

#amenities-left{ width: 27%; float: left; padding: 5% 2% 2% 4%; }

#amenities-left h3{text-transform:uppercase; color: #967d54; font-size:26px; line-height:40px; text-align:left; margin-top:30px; margin-bottom:5px; margin-left:0px;}

#amenities-left h4{text-transform:uppercase; color:#73654f; font-size:18px; line-height:24px; text-align:left; margin:15px 0 5px 0;}

#amenities-right{ width: 60%;float: right;padding:7% 2.5%;}



.specifications{ width:100%; float:right; margin: 50px 0 0px 0;}

#specifications-left{ width: 27%; float: left; padding: 5% 2% 2% 4%; }

#specifications-left h3{text-transform:uppercase; color: #967d54; font-size:26px; line-height:40px; text-align:left; margin-top:30px; margin-bottom:5px; margin-left:0px;}

#specifications-left h4{text-transform:uppercase; color:#73654f; font-size:18px; line-height:24px; text-align:left; margin:15px 0 5px 0;}

#specifications-right{ width: 60%;float: right;padding:7% 2.5%;}



.location{ width:100%; float:right; margin: 50px 0 85px 0; }

#location-left{ width: 27%;float: left;padding: 3%;}

#location-left h3{color: #967d54; text-transform:uppercase; font-size:26px; line-height:40px; text-align:left; margin-top:30px; margin-bottom:5px; margin-left:0px; }

#location-left h4{text-transform:uppercase; color:#73654f; font-size:18px; line-height:24px; text-align:left; margin:15px 0 5px 0;}

#location-left p{font-size: 14px; padding:20px 0; line-height: 22px; text-align:justify;}

#location-right{width: 57%;  float: right;   padding: 3% 4%;}



.plan{ width:74%; float:right; margin:0 auto; padding:7% 13% 14% 13%; }

.plan-orchid{ width:100%; display:block; float:right; margin:0 auto; padding:3% 0 3% 0; }



.btn-location {color:#ccc;font-size:16px;font-family: 'dinregularwebfont', Arial, sans-serif;background-color:#000;padding:10px 20px; margin:20px 0 0 0; float:left;text-align:center;text-decoration:none;-webkit-transition: all 1s ease-in;-moz-transition: all 1s ease-in;-ms-transition: all 1s ease-in;-o-transition: all 1s ease-in;transition: all 1s ease-in; position: absolute;  z-index: 99;    bottom: 0;    left: 0;}

.btn-location:hover{color: #ccc;    background-color: #7e663b;}



.scroll-panel{height:365px; }





.mob-floor-plan{ display:none;}







/*// scroll*/ 



.flexcroll{ 

           padding-left: 10%;

            width:100%;

            height:400px;

            overflow:scroll;

           }





/* Let's get this party started */

.flexcroll::-webkit-scrollbar {

    width: 12px;

}

 

/* Track */

.flexcroll::-webkit-scrollbar-track {

    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.3); 

    -webkit-border-radius: 10px;

    border-radius: 10px;

}

 

/* Handle */

.flexcroll::-webkit-scrollbar-thumb {

    -webkit-border-radius: 10px;

    border-radius: 10px;

    background: #73654f; 

    -webkit-box-shadow: inset 0 0 6px #73654f; 

}



/*/// scroll ends here*/





@media only screen and (min-width:0px) and (max-width: 320px){

.list li{font-size: 14px;line-height: 20px;}

.breadcram{ margin-top:10px;}

.project_navigation{ display:none !important;}

.overview-left{width:100%;  position:static; height:auto; }

.overview-left h3{ font-size:20px; margin-top:10px; line-height:normal;}

.overview-contain{padding:20px;}

.overview-left .pro-logo{ padding:5px 0; margin-top:10px; }

.overview-right{width:100%; position:static;margin: 45px 0 0 0;  }

#designer ul li{ width:96%;}

#designer ul li div{ width:60%; padding:0 5%; float:left; text-align:left;  }

#features-left{ width: 90%; float: left; padding: 5%; }

#features-left h3{font-size:20px; margin-top:10px; line-height:normal;}

#features-right{ width: 100%;float: right;padding:5% 0;}

#amenities-left{ width: 90%; float: left; padding: 5%; }

#amenities-left h3{font-size:20px; margin-top:10px; line-height:normal;}

#amenities-right{ width: 100%;float: right;padding:5% 0;}

#amenities-left h4{margin: 15px 0px 0px;}

#specifications-left{ width: 90%; float: left; padding: 5%; }

#specifications-left h3{font-size:20px; margin-top:30px;}

#specifications-right{ width: 100%;float: right;padding:5% 0;}

.location{margin: 50px 0 0px 0; }

#location-left{ width: 90%;float: left;padding: 5%;}

#location-left h3{font-size:20px; margin-top:10px; line-height:normal;}

#location-right{ width: 100%;float:right; padding:0;}

.amenities{ margin:0 0 0 0;}

.features{ margin:0 0 0 0;}

.scroll-panel{height:100%; }

.plan { padding: 20px;width: 88%;}

}



@media only screen and (min-width: 321px) and (max-width: 360px){

.list li{font-size: 14px;line-height: 20px;}

.breadcram{ margin-top:10px;}

.project_navigation{ display:none !important;}

.overview-left{width:100%;  position:static; height:auto; }

.overview-left h3{ font-size:20px; margin-top:10px; line-height:normal;}

.overview-contain{padding:20px;}

.overview-left .pro-logo{ padding:5px 0; margin-top:10px; }

.overview-right{width:100%; position:static; margin: 0px 0 0 0; }

#designer ul li{ width:96%;}

#designer ul li div{ width:60%; padding:0 5%; float:left; text-align:left;  }

#features-left{ width: 90%; float: left; padding: 5%; }

#features-left h3{font-size:20px; margin-top:10px; line-height:normal;}

#features-right{ width: 100%;float: right;padding:5% 0;}

#amenities-left{ width: 90%; float: left; padding: 5%; }

#amenities-left h3{font-size:20px; margin-top:10px; line-height:normal;}

#amenities-right{ width: 100%;float: right;padding:5% 0;}

#amenities-left h4{margin: 15px 0px 0px;}

#specifications-left{ width: 90%; float: left; padding: 5%; }

#specifications-left h3{font-size:20px; margin-top:30px;}

#specifications-right{ width: 100%;float: right;padding:5% 0;}

.location{margin: 50px 0 0px 0; }

#location-left{ width: 90%;float: left;padding: 5%;}

#location-left h3{font-size:20px; margin-top:10px; line-height:normal;}

#location-right{ width: 100%;float:right; padding:0;}

.scroll-panel{ height:100%;}

.amenities{ margin:0 0 0 0;}

.features{ margin:0 0 0 0;}

.plan { padding: 20px;width: 89%;}





}



@media only screen and (min-width: 361px) and (max-width: 480px){

.list li{font-size: 14px;line-height: 20px;}

.breadcram{ margin-top:10px;}

.project_navigation{ display:none !important;}

.overview-left{width:85%; position:static; height:auto; margin-left: 15px;}

.overview-left h3{ font-size:20px; margin-top:10px; line-height:normal;}

.overview-contain{padding:20px;}

.overview-left .pro-logo{ padding:5px 0; margin-top:10px; }

.overview-right{width:100%; position:static;  margin: 45px 0 0 0;}

#designer ul li{ width:96%;}

#designer ul li div{ width:60%; padding:0 5%; float:left; text-align:left;  }

#features-left{ width: 90%; float: left; padding: 5%; }

#features-left h3{font-size:20px; margin-top:10px; line-height:normal;}

#features-right{ width: 100%;float: right;padding:5% 0;}

#amenities-left{ width: 90%; float: left; padding: 5%; }

#amenities-left h3{font-size:20px; margin-top:10px; line-height:normal;}

#amenities-right{ width: 100%;float: right;padding:5% 0;}

#amenities-left h4{margin: 15px 0px 0px;}

#specifications-left{ width: 90%; float: left; padding: 5%; }

#specifications-left h3{font-size:20px; margin-top:30px;}

#specifications-right{ width: 100%;float: right;padding:5% 0;}

.location{margin: 50px 0 0px 0; }

#location-left{ width: 90%;float: left;padding: 5%;}

#location-left h3{font-size:20px; margin-top:10px; line-height:normal;}

#location-right{ width: 100%;float:right; padding:0;}

.scroll-panel{ height:100%;}

.amenities{ margin:0 0 0 0;}

.features{ margin:0 0 0 0;}

.plan { padding: 20px;width: 95%;}

}



@media only screen and (min-width: 481px) and (max-width: 640px){

.project_navigation{ display:none !important;}

.breadcram{ margin-top:10px;}

.overview-left{width:100%;  position:static; height:auto; }

.overview-left h3{ font-size:20px; margin-top:10px;line-height:normal;}

.overview-contain{padding:20px;}

.overview-left .pro-logo{ padding:5px 0; margin-top:10px; }

.overview-right{width:100%; position:static; margin: 45px 0 0 0; }

#designer ul li{ width:96%;}

#designer ul li div{ width:60%; padding:0 5%; float:left; text-align:left;  }

#features-left{ width: 90%; float: left; padding: 5%; }

#features-left h3{font-size:20px; margin-top:10px;line-height:normal;}

#features-right{ width: 100%;float: right;padding:5% 0;}

#amenities-left{ width: 90%; float: left; padding: 5%; }

#amenities-left h3{font-size:20px; margin-top:10px; line-height:normal;}

#amenities-right{ width: 100%;float: right;padding:5% 0;}

#specifications-left{ width: 90%; float: left; padding: 5%; }

#specifications-left h3{font-size:20px; margin-top:30px;}

#specifications-right{ width: 100%;float: right;padding:5% 0;}

.location{margin: 50px 0 0px 0; }

#location-left{ width: 90%;float: left;padding: 5%;}

#location-left h3{font-size:20px; margin-top:10px; line-height:normal; }

#location-right{ width: 100%;float:right; padding:0;}

.scroll-panel{height:100%; }

.amenities{ margin:0 0 0 0;}

.features{ margin:0 0 0 0;}

.plan { padding: 20px;width: 95%;}

}



@media only screen and (min-width: 641px) and (max-width: 800px){

.project_navigation{ display:none !important;}

.breadcram{ margin-top:10px;}

.overview-left{width:100%;  position:static; height:auto; }

.overview-left h3{ font-size:20px; margin-top:10px;line-height:normal;}

.overview-contain{padding:20px;}

.overview-left .pro-logo{ padding:5px 0; margin-top:10px; }

.overview-right{width:100%; position:static;  margin: 45px 0 0 0;}

#designer ul li{ width:96%;}

#designer ul li div{ width:60%; padding:0 5%; float:left; text-align:left;  }

#features-left{ width: 90%; float: left; padding: 20px; }

#features-left h3{font-size:20px; margin-top:10px;line-height:normal;}

#features-right{ width: 100%;float: right;padding:5% 0;}

#amenities-left{ width: 90%; float: left; padding: 20px; }

#amenities-left h3{font-size:20px; margin-top:10px;line-height:normal;}

#amenities-right{ width: 100%;float: right;padding:5% 0;}

#specifications-left{ width: 90%; float: left; padding: 20px; }

#specifications-left h3{font-size:20px; margin-top:30px;line-height:normal;}

#specifications-right{ width: 100%;float: right;padding:5% 0;}

.location{margin: 50px 0 0px 0; }

#location-left{ width: 90%;float: left;padding: 20px;}

#location-left h3{font-size:20px; margin-top:10px;line-height:normal; }

#location-right{ width: 100%;float:right; padding:0;}

.scroll-panel{height:100%; }

.amenities{ margin:0 0 0 0;}

.features{ margin:0 0 0 0;}

.plan { padding: 20px;width: 95%;}

}



@media only screen and (min-width: 801px) and (max-width: 990px){

.project_navigation{ display:none !important;}

.breadcram{ margin-top:10px;}

.overview-left{width:100%;  position:static; height:auto; }

.overview-left h3{ font-size:20px; margin-top:10px; line-height:normal;}

.overview-contain{padding:20px;}

.overview-left .pro-logo{ padding:5px 0; margin-top:10px; }

.overview-right{width:100%; position:static; margin: 45px 0 0 0; }

#designer ul li{ width:96%;}

#designer ul li div{ width:60%; padding:0 5%; float:left; text-align:left;  }

#features-left{ width: 90%; float: left; padding: 20px; }

#features-left h3{font-size:20px; margin-top:10px; line-height:normal;}

#features-right{ width: 100%;float: right;padding:0% 0;}

#amenities-left{ width: 90%; float: left; padding: 20px; }

#amenities-left h3{font-size:20px; margin-top:10px; line-height:normal;}

#amenities-right{ width: 100%;float: right;padding:5% 0;}

#specifications-left{ width: 90%; float: left; padding: 20px; }

#specifications-left h3{font-size:20px; margin-top:30px;}

#specifications-right{ width: 100%;float: right;padding:5% 0;}

.location{margin: 50px 0 0px 0; }

#location-left{ width: 90%;float: left;padding: 20px;}

#location-left h3{font-size:20px; margin-top:10px; line-height:normal; }

#location-right{ width: 100%;float:right; padding:0;}

.scroll-panel{height:100%; }

.amenities{ margin:0 0 0 0;}

.features{ margin:0 0 0 0;}

.plan { padding: 20px;width: 96%;}

	}



@media only screen and (min-width: 990px) and (max-width: 1200px){

.pro-nav {width: 960px;}

.fixed ul li a { font-size: 12px;}

.fixed ul li {   padding: 16px 3px 5px 3px;}

.small-logo h3 {   font-size: 15px;}

.small-logo h3 span {font-size: 12px;}

.small-logo h4{ display:none}

.small-logo{ margin:0 0 0 0;    width: 315px; }

.breadcram{margin-top:20px;}

.overview-left{width:616px; height:370px;}

.overview-left h3{ font-size:20px; line-height:24px; margin-top:30px;}

.overview-contain{padding:0 140px 0 35px;}

.overview-left .pro-logo{ padding:5px 0; margin-top:0px; }

.overview-right{width:550px; }

.list li {font-size: 14px; line-height: 16px;}

#features-left{ width: 30%; float: left; padding: 5% 2% 2% 4%; }

#features-left h3{font-size:20px; margin-top:30px; line-height:normal;}

#features-right{ width: 60%;float: right;padding:7% 0.5%;}

#amenities-left{ width: 30%; float: left; padding: 5% 2% 2% 4%; }

#amenities-left h3{font-size:20px; margin-top:30px; line-height:normal;}

#amenities-right{ width: 60%;float: right;padding:7% 0.5%;}

#specifications-left{ width: 30%; float: left; padding: 5% 2% 2% 4%; }

#specifications-left h3{font-size:20px; margin-top:40px;}

#specifications-right{ width: 60%;float: right;padding:7% 0.5%;}

#location-left{ width: 30%;float: left;padding: 3%;}

#location-left h3{font-size:20px; margin-top:30px; line-height:normal; }

#location-right{ width: 42%;float:right;padding:7% 6%;}

.list li{    font-size: 14px;    line-height: 20px;}

.flexcroll{ height: 230px; }

/*.pro-logo{margin-left: auto; margin-right: auto;padding-left: 43%;}*/

.project-text-centre{text-align: left;}

.bottommargin{    margin-bottom: 20px !important;}

}



@media only screen and (min-width: 1200px) and (max-width: 1300px){

.main-wrapper { max-width: 1200px;  margin: 0 auto;  position: relative;}

.footer, .pro-nav{ width:1200px; }

.fixed  ul li{padding:35px 5px 10px 5px; }

.breadcram{margin-top:20px;}

.small-logo{ padding: 0; margin:0 0 0 0px; float:left; width:550px;}

.overview-left{width:590px; height:631px;}

.overview-left h3{ font-size:20px; line-height:normal; margin-top:30px;}

.overview-contain{padding:35px 140px 0 65px;}

.overview-left .pro-logo{ padding:5px 0; margin-top:0px; }

.overview-right{width:750px; }

.list li {font-size: 14px; line-height: 16px;}

#features-left{ width: 30%; float: left; padding: 5% 2% 2% 4%; }

#features-left h3{font-size:20px;line-height:normal; margin-top:30px;}

#features-right{ width: 60%;float: right;padding:7% 0.5%;}

#amenities-left{ width: 30%; float: left; padding: 5% 2% 2% 4%; }

#amenities-left h3{font-size:20px; line-height:normal; margin-top:30px;}

#amenities-right{ width: 60%;float: right;padding:7% 0.5%;}

#specifications-left{ width: 30%; float: left; padding: 5% 2% 2% 4%; }

#specifications-left h3{font-size:20px;line-height:normal; margin-top:30px;}

#specifications-right{ width: 60%;float: right;padding:7% 0.5%;}

#location-left{ width: 30%;float: left;padding: 3%;}

#location-left h3{font-size:20px;line-height:normal; margin-top:30px; }

#location-right{ width: 42%;float:right;padding:7% 6%;}

.list li{    font-size: 14px;    line-height: 20px;}

.fixed ul li a {   font-size: 13px;}

.scroll-panel{height:280px; }



}

@media only screen and (min-width: 1300px) and (max-width: 1400px){

.main-wrapper { max-width: 1270px;  margin: 0 auto;  position: relative;}

.footer, .pro-nav{ width:1270px; }

.fixed  ul li{padding:35px 5px 10px 5px; }

.overview-left{        width: 50%;    height: 624px;}

.overview-left h3{ font-size:20px; margin-top:30px;line-height:normal;}

.overview-contain{}

.overview-left .pro-logo{ padding:5px 0; margin-top:0px; }

.overview-right{width:840px;}

#features-left{ width: 30%; float: left; padding: 5% 2% 2% 7%; }

#features-left h3{font-size:20px; margin-top:30px;line-height:normal;}

#features-right{ width: 60%;float: right;padding:7% 0.5%;}

#amenities-left{ width: 30%; float: left; padding: 5% 2% 2% 7%; }

#amenities-left h3{font-size:20px;margin-top:30px;line-height:normal;}

#amenities-right{ width: 60%;float: right;padding:7% 0.5%;}

#specifications-left{ width: 30%; float: left; padding: 5% 2% 2% 7%; }

#specifications-left h3{font-size:20px;margin-top:30px;line-height:normal;}

#specifications-right{ width: 60%;float: right;padding:7% 0.5%;}

#location-left{ width: 30%;float: left;padding: 3%;}

#location-left h3{font-size:20px; margin-top:30px;line-height:normal; }

#location-right{ width: 42%;float:right;padding:7% 6%;}

.list li{    font-size: 14px;    line-height: 20px;}

.scroll-panel{height:300px; }



}

@media only screen and (min-width: 1400px) and (max-width: 1500px){

.main-wrapper { max-width: 1400px;  margin: 0 auto;  position: relative;}

.footer, .pro-nav{ width:1400px; }

.overview-left{width: 650px;   height: 585px;}

.overview-contain{padding:0 180px 0 60px;}

.overview-left .pro-logo{ padding:5px 0; margin-top:50px; }

.overview-right{width:900px; }

#features-left{ width: 30%; float: left; padding: 3% 2% 2% 4%; }

#features-left h3{font-size:20px; margin-top:30px;line-height:normal;}

#features-right{ width: 60%;float: right;padding:3% 0.5%;}

#amenities-left{ width: 30%; float: left; padding: 3% 2% 2% 4%; }

#amenities-left h3{font-size:20px;margin-top:30px;line-height:normal;}

#amenities-right{ width: 60%;float: right;padding:3% 0.5%;}

#specifications-left{ width: 30%; float: left; padding: 3% 2% 2% 4%; }

#specifications-left h3{font-size:20px;margin-top:30px;line-height:normal;}

#specifications-right{ width: 60%;float: right;padding:3% 0.5%;}

#location-left{ width: 30%;float: left;padding: 3%;}

#location-left h3{font-size:20px; margin-top:30px;line-height:normal; }

#location-right{ width: 42%;float:right;padding:3% 6%;}

.list li{    font-size: 14px;    line-height: 20px;}

.scroll-panel{height:300px; }



}



@media only screen and (min-width: 1500px) and (max-width: 1680px){

.main-wrapper { max-width: 1500px;  margin: 0 auto;  position: relative;}

.footer, .pro-nav{ width:1500px; }

.overview-left{width: 750px;  height: 585px;}

.overview-contain{padding:0 180px 0 60px;}

.overview-left .pro-logo{    

    margin-top: 50px;

    max-width: 100%;

    margin-left: auto;

    margin-right: auto;}

.overview-right{width:900px;}

#features-left{ width: 30%; float: left; padding: 3% 2% 2% 4%; }

#features-left h3{font-size:20px; margin-top:30px;line-height:normal;}

#features-right{ width: 60%;float: right;padding:3% 0.5%;}

#amenities-left{ width: 30%; float: left; padding: 3% 2% 2% 4%; }

#amenities-left h3{font-size:20px;margin-top:30px;line-height:normal;}

#amenities-right{ width: 60%;float: right;padding:3% 0.5%;}

#specifications-left{ width: 30%; float: left; padding: 3% 2% 2% 4%; }

#specifications-left h3{font-size:20px;margin-top:30px;line-height:normal;}

#specifications-right{ width: 60%;float: right;padding:3% 0.5%;}

#location-left{ width: 30%;float: left;padding: 3%;}

#location-left h3{font-size:20px; margin-top:30px;line-height:normal; }

#location-right{ width: 42%;float:right;padding:3% 6%;}

.list li{    font-size: 14px;    line-height: 20px;}

}





@media only screen and (min-width: 0px) and (max-width: 990px){

.mob-floor-plan{ display: block; width: 100%; padding: 10px 0px; background-color: #333; color: #fff;  text-align: center; text-transform: uppercase;}

.mob-floor-plan a{  padding: 10px 0px; color: #fff;}

.mob-floor-plan a:hover{  padding: 10px 0px; color:#7e663b;}

.plan-orchid{display:none;}

.plan { display:none !important;}

	

}