/*Responsive CSS*/

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

}

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

.propertyBox{display: block; width: 33.33%; float: left;}
.propertyInfo{ padding:10px 0px;}
.propertyBox .propertyInfo{margin-bottom:10px;}
}

@media only screen and (min-width: 900px) and (max-width: 979px){
.header_top .col-md-2.col-sm-2{padding-right: 0px;}
.header_top .col-md-10.col-sm-10{padding-left: 0px;}	
.navbar ul.nav.navbar-nav li a{font-size: 16px; padding-right: 2px;}

.propertyBox{display: block; width: 33.33%; float: left;}
.propertyInfo{ padding:10px 0px;}
.propertyBox .propertyInfo{margin-bottom:10px;}

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

.header_top .col-md-2.col-sm-2{padding-right: 0px;}
.header_top .col-md-10.col-sm-10{padding: 0px;}
.navbar-toggle{top: -50px; right: -15px; position: absolute; display: block;}
.navbar-fixed-top .navbar-collapse{max-height: none;}
.navbar ul.nav.navbar-nav{display: block;}
.navbar ul.nav.navbar-nav li{display: inline-block;}	
.navbar ul.nav.navbar-nav li a{font-size: 13px; padding-right: 2px;}

.tollFree{text-align: left;}
.bannerHeading h1{ font-size: 50px; }

.propertyBox{display: block; width: 33.33%; float: left;}
.propertyInfo{ padding:10px 0px;}
.propertyBox .propertyInfo{margin-bottom:10px;}
.ameniWidthSet{width:20%;}


.toTest span{font-size: 14px;}

/****** slider *******/
#keyfeature.whiteBox{padding:10px 0px;}
.floorPlanSlider{width:100%;}
.floorPlanSlider .slick-next{right:-20px;}
.floorPlanSlider .slick-prev{left:-20px;}
}
@media only screen and (min-width: 768px) and (max-width: 799px){
.header_top .col-md-2.col-sm-2{padding-right: 0px;}
.header_top .col-md-10.col-sm-10{padding: 0px;}
.navbar-toggle{top: -50px; right: -15px; position: absolute; display: block;}
.navbar-fixed-top .navbar-collapse{max-height: none;}
.navbar ul.nav.navbar-nav{display: block;}
.navbar ul.nav.navbar-nav li{display: inline-block;}	
.navbar ul.nav.navbar-nav li a{font-size: 13px; padding-right: 2px;}

.tollFree{text-align: left;}
.bannerHeading h1{ font-size: 50px; }

.propertyBox{display: block; width: 50%; float: left;}
.propertyInfo{ padding:10px 0px;}
.propertyBox .propertyInfo{margin-bottom:10px;}
.ameniWidthSet{width: 20%;}

.toTest span{font-size: 14px;}


/****** slider *******/
#keyfeature.whiteBox{padding:10px 0px;}
.floorPlanSlider{width:100%;}
.floorPlanSlider .slick-next{right:-20px;}
.floorPlanSlider .slick-prev{left:-20px;}
}
@media only screen and (min-width: 640px) and (max-width: 767px){
.navbar-toggle{top: -50px; right: -15px; position: absolute;}
.navbar-fixed-top .navbar-collapse{max-height: none;}
.navbar ul.nav.navbar-nav{display: block; padding: 0px 0px;}
.navbar ul.nav.navbar-nav li{display: inline-block;}	
.tollFree{text-align: left;}

.setmargin{padding-left: 15px; padding-right: 15px ! important; margin-bottom: 20px;}
.uPhone{margin-bottom: 15px;}
.propertyBox{display: block; width: 50%; float: left;}
.propertyInfo{ padding:10px 0px;}
.propertyBox .propertyInfo{margin-bottom:10px;}
.ameniWidthSet{width:33.33%;}

.bannerHeading{padding-top:0px;}
.bannerHeading h1{ font-size: 34px; }
.bannerHeading h5{ font-size: 18px; }
.enquireForm{max-width: none; float: none;}
.enquireForm p{ font-size: 18px; }

.toTest span {font-size: 11px;}

/****** slider *******/
#keyfeature.whiteBox{padding:10px 0px;}
.floorPlanSlider{width:100%;}
.floorPlanSlider .slick-next{right:-20px;}
.floorPlanSlider .slick-prev{left:-20px;}

.selectCity{margin-bottom: 15px;}
.ftrBtmLnks{margin-bottom: 10px;}

.footer{padding-bottom:10px;}	
}
@media only screen and (min-width: 600px) and (max-width: 639px){
.navbar-toggle{top: -50px; right: -15px; position: absolute;}
.navbar-fixed-top .navbar-collapse{max-height: none;}
.navbar ul.nav.navbar-nav{display: block; padding: 0px 20px;}
.navbar ul.nav.navbar-nav li{display: inline-block;}	
.tollFree{text-align: left;}

.setmargin{padding-left: 15px; padding-right: 15px ! important; margin-bottom: 20px;}
.uPhone{margin-bottom: 15px;}
.propertyBox{display: block; width: 50%; float: left;}
.propertyInfo{ padding:10px 0px;}
.propertyBox .propertyInfo{margin-bottom:10px;}
.ameniWidthSet{width:33.33%;}
.navbar ul.nav.navbar-nav{ max-height: 250px; overflow: auto; }

.bannerHeading{padding-top:0px;}
.bannerHeading h1{ font-size: 34px; }
.bannerHeading h5{ font-size: 18px; }
.enquireForm{max-width: none; float: none;}
.enquireForm p{ font-size: 18px; }

/****** slider *******/
#keyfeature.whiteBox{padding:10px 0px;}
.floorPlanSlider{width:100%;}
.floorPlanSlider .slick-next{right:-20px;}
.floorPlanSlider .slick-prev{left:-20px;}

.selectCity{margin-bottom: 15px;}
.ftrBtmLnks{margin-bottom: 10px;}

.footer{padding-bottom:10px;}

}
@media only screen and (min-width: 480px) and (max-width: 599px){
.navbar-toggle{top: -50px; right: -15px; position: absolute;}
.navbar-fixed-top .navbar-collapse{max-height: none;}
.navbar ul.nav.navbar-nav{display: block; padding: 0px 0px;overflow: auto;}
.navbar ul.nav.navbar-nav li{display: inline-block;}	
.tollFree{text-align: left;}

.setmargin{padding-left: 15px; padding-right: 15px ! important; margin-bottom: 20px;}
.uPhone{margin-bottom: 15px;}
.propertyBox{display: block; width: 100%; float: left;}
.propertyInfo{ padding:10px 0px;}
.propertyBox .propertyInfo{margin-bottom:10px;}
.ameniWidthSet{width:33.33%;}

.bannerHeading{padding-top:0px;}
.bannerHeading h1{ font-size: 34px; }
.bannerHeading h5{ font-size: 18px; }
.enquireForm{max-width: none; float: none;}
.enquireForm p{ font-size: 18px; }

/****** slider *******/
#keyfeature.whiteBox{padding:10px 0px;}
.floorPlanSlider{width:100%;}
.floorPlanSlider .slick-next{right:-10px;}
.floorPlanSlider .slick-prev{left:-10px;}

.payment_box{text-align: center;}
.toTest{background-color: #ffc600;color:#333; border-color:#333; margin-top:10px; position: static; line-height: 22px;transform: none;}
.selectCity{margin-bottom: 15px;}
.ftrBtmLnks{margin-bottom: 10px;}
.ftrWidth1 p{margin-bottom: 20px;}

.footer{padding-bottom:10px;}
.footBox2 p{padding: 0px 10px;}
}
@media only screen and (min-width: 360px) and (max-width: 479px){
.navbar-toggle{top: -50px; right: -15px; position: absolute;}
.navbar-fixed-top .navbar-collapse{max-height: none;}
.navbar ul.nav.navbar-nav{display: block; padding: 0px 20px;}	
.tollFree{text-align: left;}

.setmargin{padding-left: 15px; padding-right: 15px ! important; margin-bottom: 20px;}
.uPhone{margin-bottom: 15px;}
.propertyBox{display: block; width: 100%; float: left;}
.propertyInfo{ padding:10px 0px;}
.propertyBox .propertyInfo{margin-bottom:10px;}
.ameniWidthSet{width: 50%;}
.navbar ul.nav.navbar-nav{ max-height: 250px; overflow: auto; }

.bannerHeading{padding-top:0px;}
.bannerHeading h1{ font-size: 34px; }
.bannerHeading h5{ font-size: 18px; }
.enquireForm p{ font-size: 18px; }

/****** slider *******/
#keyfeature.whiteBox{padding:10px 0px;}
.floorPlanSlider{width:100%;}
.floorPlanSlider .slick-next{right:-20px;}
.floorPlanSlider .slick-prev{left:-20px;}

.toTest{background-color: #ffc600;color:#333; border-color:#333; margin-top:10px; position: static; line-height: 22px;transform: none;}
.selectCity{margin-bottom: 15px;}
.ftrBtmLnks{margin-bottom: 10px;}

.footer{padding-bottom:10px;}
.footBox2 p{padding: 0px 10px;}
}
@media only screen and (min-width: 320px) and (max-width: 359px){
.navbar-toggle{top: -50px; right: -15px; position: absolute;}
.navbar-fixed-top .navbar-collapse{max-height: none;}
.navbar ul.nav.navbar-nav{display: block; padding: 0px 20px;}	
.tollFree{text-align: left;}

.setmargin{padding-left: 15px; padding-right: 15px ! important; margin-bottom: 20px;}
.uPhone{margin-bottom: 15px;}
.propertyBox{display: block; width: 100%; float: left;}
.propertyInfo{ padding:10px 0px;}
.propertyBox .propertyInfo{margin-bottom:10px;}
.ameniWidthSet{width: 50%;}
.navbar ul.nav.navbar-nav{ max-height: 250px; overflow: auto; }

.bannerHeading{padding-top:0px;}
.bannerHeading h1{ font-size: 34px; }
.bannerHeading h5{ font-size: 18px; }
.enquireForm p{ font-size: 18px; }

/****** slider *******/
#keyfeature.whiteBox{padding:10px 0px;}
.floorPlanSlider{width:100%;}
.floorPlanSlider .slick-next{right:-10px;}
.floorPlanSlider .slick-prev{left:-10px;}

.toTest{background-color: #ffc600;color:#333; border-color:#333; margin-top:10px; position: static; line-height: 22px;transform: none;}
.selectCity{margin-bottom: 15px;}
.ftrBtmLnks{margin-bottom: 10px;}

.footer{padding-bottom:10px;}
.footBox2 p{padding: 0px 10px;}
}