@media screen and (max-width: 1440px) {
.rightContent{padding-right:2%;}
.form_box{ padding:10px 30px 30px;}
.usp{ padding:10px 0;}
.usp li .box1{ margin-bottom:0;}
.links li a{ padding:6px 18px}
}
	
@media screen and (max-width: 1366px) {
.wrapper{width:90%;}
.wrapper1{width:90%;}
}

@media screen and (max-width: 1365px) {
.punchline h4{font-size:35px;}
.punchline h4 strong{font-size:62px;}
.links li a{ padding:10px 20px}
.links li a:last-child{ padding:10px 28px}

}

	
@media screen and (max-width: 1200px) {
.wrapper{ width:98%;}
.about_us{ height:auto; padding:30px 0;}
.punchline{ width:50%;}
.punchline h4{font-size:20px;}
.punchline h4 strong{font-size:36px;}

.form_box{ padding:15px 30px;}
.form_box .logo{  margin-bottom:10px;}
form{ margin-top:10px;}
.usp{ padding:8px 0;}
headerOuter{ padding-top:0!important;}

.rightContent{ padding-top:10px; width:54%; padding-right:1%;}
.links li a{ padding:10px 15px}
.links li a:last-child{ padding:10px 16px}
.tvsvideo .video1{width:100%;}

.sixBox .leftThreeBox, .sixBox .rightThreeBox{width:100%;}
.sixBox .leftThreeBox li .box2 .text2, .sixBox .rightThreeBox li .box2 .text2{font-size:20px;}

.wrapper1{width:98%;}
.links li a:last-child{ padding:10px 22px}
.links li:nth-child(7) a, .links li:last-child a{ background-position:98% center;}
}

@media screen and (max-width: 1023px) {
	.wel h6 {
    font-family: "Titillium-Regular";
    line-height: 16px;}
	ul.bannerSlider {
    padding-left: 0;
    margin-top: 79px;
}
	.choose {
		background: url(../images/choosebgm.png) center no-repeat;
    height: auto;
    padding: 43px 0;
}
.imgch h6 {
    float: none;
    text-align: center;
    line-height: 23px;
}
.imgchl h6 {
    float: none;
    text-align: center;
    line-height: 23px;
}
.imgch img {
    float: none; width:auto;}
	.imgchl img {
    float: none; width:auto;
}
.loca { height:auto;background: none;}
	.contact-form { width:100%; float:none; margin-right:0; padding: 12px;}
	.logo {
    text-align: center;
    margin:0;
}
#mainform h2 {
    margin-left: 0px;
    margin-top: 0px; }
	.navbar-brand img { margin-left:0px;}
.book{ background:none; 
}
.book h3 {line-height: 39px;margin-top: 12px;
}
.book h4 {font-size: 31px !important;margin-top: 12px;}
.topdwn {
    top: 0px;
}	
.form_box{ position:static; width:100%; float:left;}
.punchline{bottom:0px; z-index:1; width:100%;position: relative;}
.punchline h4{ text-shadow:2px 2px #000; font-size:28px;}
.punchline h4 strong{ font-size:50px;}
#mainform{top:20px;}
.usp{ padding:0; background:rgba(0,0,0,0.8);}
	.usp ul {padding-top:4px;}
	.usp ul li{padding:8px 0; width:50% !important; border-bottom:1px dotted #fff; border-right:1px dotted #fff }
	.usp ul li .box1 .text {padding:0; float:none;}
	.usp li .box1{text-align: center;}
.lifestyleChoice .leftContentBox li .box2 .icon2, .lifestyleChoice .rightContentBox li .box2 .icon2{width:110px;}
.lifestyleChoice .leftContentBox li, .lifestyleChoice .rightContentBox li{ margin-bottom:20px; height:120px;}
.lifestyleChoice .leftContentBox{width:350px;}
.lifestyleChoice .rightContentBox{width:350px;}
.rightContent h4{font-size:35px;}
.rightContent h6{ font-size:20px;}
.rightContent p strong{font-size:17px;}
.lifestyleChoice .leftContentBox li .box2 .text2, .lifestyleChoice .rightContentBox li .box2 .text2{font-size:15px;}
.locationHighlightes{ padding:30px 0 150px 0;}
.centerImg img{width:250px;}
.locationMapButton{ bottom:-30px;}
.floorPlans{ padding:50px 0;}
.floor{width:100%}
.tvsvideo {width:100%; float:left;}
	.tvsvideo img {width:100%; }
.tvsvideo{ margin-top:30px; float:left; width:100%;}
.links li a{ padding:10px 8px}
.ins_bannerbox{ height:350px!important;}
video{height:500px!important;}
.submitclass:after{width:98%;}
.submitclass input{ background-position:62% center;}

.links li:first-child:before{display:none;}
.links li:first-child{ margin-left:0;}
.links ul{ margin-left:0;}
.links li a:last-child{ padding:10px 5px 10px 3px}
.links li:nth-child(7) a, .links li:last-child a{ background-image:none}
}

@media screen and (max-width: 767px) {
.logo1 {margin:0; padding-bottom:0px;}
	.logo1 a{float:left;  position:relative; margin:0;}
	.logo1 a img {width:108px ;}
	.slider {top: 50px;}
	.form_box{padding-top:20px;}
	.lifestyleChoice{padding-top:25px;}
	.call-menu-top{display:block; float:right; position:relative;}
	.links {padding:0; didplay:none;}
.call-menu-top {position: relative;
right: 16px;
top: 8px;
cursor: pointer;
z-index: 9999;
margin-bottom: 0px;
float: right;
padding: left:50px;
font-size: 21px;
font-family: 'robotoBold';
color: #fff;
/*background: url(../images/phone.png) left top no-repeat;*/
background: #5e9316;
padding: 2px 12px;
border-radius: 20px;}
	.call-menu-top img {margin-top:10px}
	.call-menu-top span {margin-left:25px;}
.usp{background:#5e9316;}
.usp li .box1 .text{font-size:14px;}
.pmobile {display:inherit;}
	.usp ul li.uspmobile {display:none;}	
.about_us{ background-image:none; background-color:#ededed; padding:30px 0 0 0}
.rightContent{width:100%; float:left; padding:0 20px; }
.rightContent h6{float:right; display:inline-block;}
.rightContent p{ float:left; font-size:15px;}
.abtImg{width:100%; float:left; display:block;}
.abtImg img{ display:block; width:100%;}
.headerOuter{ padding-top:0!important}
.centerImg{ position:static; width:100%;}
.locationMapButton{ bottom:-50px;}
.centerImg{display:none;}
.centerImg1{ position:static; width:100%; text-align:center; display:none;}
.centerImg1 img{width:350px}
.locationHighlightes{ padding:30px 0 40px 0;}
	.leftThreeBox {display:none;}
	.rightThreeBox .box2 .text2 ul li {font-size:13px !important;}
.centerContent1{ margin-bottom:50px;}
.tvsvideo .video1{width:70%; margin:0 15%;}
.about_us{display:none;}
.punchline .usp ul li .box1 .icon{display:none;}

.links{ float:left; width:100%; border:0; padding-top:0;}	
.links ul{display:none; position:absolute; left:0;  width:100%; top:100%; background:#000; padding-bottom:20px; padding-top:20px;}
.links li{width:100%; text-align:left; color:#fff; height:35px; line-height:35px; float:none; display:inline-block; border-bottom:1px dashed #fff;}
.links li a{color:#fff; padding:0 10px;}
.links li:last-child {display:none;}


#small-menu-outter ul {width:96%; position: absolute; right:0px; top:45px; background:#e5e5e5; padding:5% 2%; z-index:10000;  display:none;}
#small-menu-outter li{background:none; width:100%; line-height:25px; padding:0;}
.menu li.first{font-size:15px; text-align:center; font-weight:bold; border-bottom:0px solid #FEDC00}
#small-menu-outter li a{ border-bottom:1px solid; border-right:0; width:100%; line-height:25px; float:left; padding:0; font-size:12px;}	
.links li a{width:80%; float:left;}
	
#mainform {position: relative !important; right: 0; top: ;background: #fff;height: auto;}
.bottom_button{position:fixed; bottom:0; left:0; right:0; margin:0 auto; z-index:99; display:block; width:100%; background:#d70000;border-top:1px solid #fff;}
.iconButton a{width:auto;color:#fff; text-transform:uppercase;font-weight:bold;}
.formButton{ width:50%; float:left; padding:10px 30px; text-align:center; display:block;border-right:1px solid #fff; }
.formButton a{width:auto;color:#fff; text-transform:uppercase;font-weight:bold;font-size: 14px;}

.contactButtom{ width:50%; float:right; padding:10px 30px; text-align:center;  display:block;}
.contactButtom a{width:auto;color:#fff; text-transform:uppercase; font-weight:bold;font-size: 14px;}




footer{ margin-bottom:39px;}
.punchline{bottom:0px;}
.header{display:block;}
.header{float:left;}

.rightContent h5, .rightContent h4,.rightContent h6, .rightContent p strong{ text-align:left;}
.rightContent h6{ float:left;}
.rightContent p{ text-align:left;}
.rightContent{ padding:0 10px;}
.centerContent p{ margin-top:10px;}
.map iframe{height:250px;}
.clickhere{width:97%;}
.tvsvideo .video1{height:255px;}
.divwide{ width:100%; height:auto;}
.submitclass input{ background-position:80% center;}


.ins_bannerboxM2{display:block; height:400px!important;}
.ins_bannerbox2M2{display:block!important;}
.ins_bannerbox, .ins_bannerbox2{}



}
	
@media screen and (max-width: 700px) {
.lifestyleChoice .leftContentBox{width:100%; float:left;}
.lifestyleChoice .rightContentBox{width:100%;  float:left; height:auto;}
.centerContent1 p{ font-size:15px; line-height:1.6;}
.sixBox .leftThreeBox li .box2 .text2, .sixBox .rightThreeBox li .box2 .text2, .centerContent p{font-size:15px;}
.yellowBg{ padding-top:10px;}
.floorPlans{ padding:10px 0;}
.punchline{width:100%; bottom:0px;}
.punchline h4{font-size:22px;}
.punchline h4 strong{font-size:40px;}
.rightContentBox{display:none;}
.none1{display:block;}
.lifestyleChoice .leftContentBox li .box2 .text2 span br{display:none;}
.lifestyleChoice .leftContentBox li .box2 .text2{ vertical-align:middle;}
.lifestyleChoice .leftContentBox li, .lifestyleChoice .rightContentBox li{ height:auto;}
.centerContent{ margin-bottom:15px;}
	.navbar-brand img { width:70px;}

}
		
@media screen and (max-width: 600px) {
.punchline{bottom:0px;}
.punchline h4{font-size:17px;}
.punchline h4 strong{font-size:25px;}

.centerContent h4, .centerContent1 h4, .floor h4, .tvsvideo h4{ word-spacing:2px; letter-spacing:2px; font-size:20px; padding:10px;}
.sixBox .leftThreeBox, .sixBox .rightThreeBox{100%; }
.sixBox .leftThreeBox li, .sixBox .rightThreeBox li{height:auto;}
.locationMapButton{width:210px; padding:10px;}
.tvsvideo .video1{width:90%; margin:0 5%}
.clicktoTop{right:20px;}

.ins_bannerbox,.ins_bannerboxM2{ height:300px!important;}
video{height:400px!important;}

}
			
@media screen and (max-width: 500px) {
.iconButton{ width:25%; float:left; padding:5px 30px 0; text-align:center; display:block;border-right:1px solid #fff; }

.rightContent h6{font-size:18px;}	
.sixBox .leftThreeBox li .box2 .text2, .sixBox .rightThreeBox li .box2 .text2{ vertical-align:middle;}
.sixBox .leftThreeBox, .sixBox .rightThreeBox{width:100%; font-size:12px; padding-left:20px;}	
footer .copy{width:100%; float:left; text-align:center;}
footer .copy p{ text-align:center;}

footer .agl{width:100%; text-align:center; float:left;}
footer .agl p{ text-align:center;}
.centerImg1 img{width:250px;}
.sixBox .leftThreeBox li .box2 .icon2{ width:74px;}
.sixBox .leftThreeBox li .box2 .text2{ width:calc(100% - 20px)}
.sixBox .rightThreeBox li .box2 .icon2{width:74px;}
.sixBox .rightThreeBox li .box2 .text2{width:calc(100% - 20px)}
.header-cont {
	background-color: #200135;
	padding: 10px 4px;
	margin-bottom: 20px;
}
.header-cont h3{
	color: #fff;
}
}
				
@media screen and (max-width: 375px) {
	.iconButton{ width:26%; float:left; padding:11px 30px 0; text-align:center; display:block;border-right:1px solid #fff; }

	.rightContent h5{font-size:32px;}
	.rightContent h4{font-size:27px;}
	.rightContent h6{font-size:16px;}
	.rightContent p strong{ line-height:1.6; font-size:14px;}
	.centerContent h4, .centerContent1 h4, .floor h4, .tvsvideo h4{font-size:14px;}
	.centerContent1 p{ font-size:14px; line-height:1.5;}
	.sixBox .leftThreeBox li .box2 .text2, .sixBox .rightThreeBox li .box2 .text2, .centerContent p{font-size:13px;}
.usp li .box1{}
.floor li .floorImg img{ width:80%;}
.floor li{height:335px;}
.floor ul{height:337px;}
.punchline{top:25%; width:100%;}
.punchline h4{font-size:13px;}
.punchline h4 strong{ font-size:21px;}
.bottom_button{font-size:15px;}
	.footer-bg {font-size: 10px !important; line-height: 16px;}
	}

@media screen and (max-width: 360px) {
	.iconButton{ width:26%; float:left; padding: 9px 30px 10px; text-align:center; display:block;border-right:1px solid #fff; }

	.punchline{top:25.5%; width:100%;}
	.punchline h4 strong{font-size:20px;}
.lifestyleChoice .rightContentBox li .box2 .text2 span, .lifestyleChoice .leftContentBox li .box2 .text2 span, .centerContent1 p{font-size:13px;}
.clickhere a{font-size:11px;}

}
