@media all and (min-width: 1366px) {
	/* form .casa_contact_box .alignBox ul li p.vInput .veriFcode{
		height: 37px;
	} */
	/* form .casa_contact_box .alignBox ul li input.code {
		margin: 0.1em 0.1em 0 2%;
	} */
	.callSection a.clickCall {
		width: 39%;
	}
	form .casa_contact_box .alignBox ul li select{
		padding: 7px 5px;
	}
	form .casa_contact_box .alignBox ul li input{
		padding: 10px 5px;
	}
}
@media all and (min-width: 769px) and (max-width: 1027px){
	form .casa_contact_box .alignBox ul li label{width: 30%;}
	form .casa_contact_box .alignBox ul li input{width: 100%;}
	form .casa_contact_box .alignBox ul li select{width: 98%;}
	.casa_submit_btn{width: 69%;}
	form .casa_contact_box .alignBox ul li input.code{width: 100%;}
	.llinputs {width: 70%;}
	.callSection ul li a{font-size: 1.4em;}
	.callSection a.clickCall{background-position: 22% 50%;width: 100%;text-align: center;}
	form .casa_contact_box .alignBox ul li input.ext_country_prefix,
	form .casa_contact_box .alignBox ul li input.ext_std_res_phone,
	form .casa_contact_box .alignBox ul li input.res_no{width: 2.5em !important}

	.headerTop .logo{width: 15%;}
	ul.nav li a{padding: 20px 5px;}
}

@media all and (max-width: 767px) {
	.verticalSlider .container .col-31,
	.verticalSlider .container .col-32 {
		float: none;
		width: 100%;
	}
	.toggleMenu a.contactUs-mobile {
		display: block;
	}
	form .casa_contact_box .alignBox ul li input.code {
		margin: 0.1em 0.1em 0 0;
		width: 99%;
	}

	.verticalSlider .container .push_left::after {
		content: " ";
		width: 31px;
		height: 14px;		
		top: auto;
		bottom: 0;
		left: 50%;
		margin-left: -15px;
		background: url(../images/arrow_sprite.png) no-repeat 0 -378px;
	}
	.verticalSlider .container:nth-child(2n) .push_right::after {
		content: " ";
		width: 31px;
		height: 14px;		
		top: auto;
		bottom: 0;
		left: 50%;
		margin-left: -15px;
		background: url(../images/arrow_sprite.png) no-repeat 0 -378px;
	}
	.verticalSlider .relContent {
		padding: 20px;
		height: auto !important;
		width: auto !important;
	}
	.verticalSlider .container h2 {
		font-size: 2em;
		line-height: 24px;
		margin-bottom: 5px;
		padding-bottom: 10px;
		background: url(../images/bg_title.png) no-repeat 63px bottom;
	}
	.resContent h3 {
font-size: 2em;
margin-bottom: 10px;
padding-bottom: 15px;
line-height: 35px;
font-family: 'futura_bk_btbook';
color: #deab52;
font-weight: 500;
background: url(../images/bg_title.png) no-repeat 63px bottom;
text-align: center;
}
	.verticalSlider .container p {
		font-size: 1.6em;
		line-height: 22px;
	}

	/*-----------------------------------------------
		Inner Page Start - Residences
	-----------------------------------------------*/
	.residences .residencesList {
		float: none;
		width: 100%;
	}
	.residences .residencesList li {
		float: left;	
		padding: 0;
		width: auto;
		height: auto;
		margin: 0;
		text-align: center;
	}
	.residences .residencesList li a {
		width: 100%;
		margin: 0 auto;
	}
	.residences .residencesList li img {
		max-width: 100%;
		width: 100%;
	}
	.residences .residencesList li a:hover span.overlay-icon {
		display: none;
	}	
	.residences .resContent {
		float: none;
		width: 100%;
		padding:20px 15px; 		
	}
	.plansToggle {
		display: block;
	}
	.plansDesktop {
		display: none;
	}
	a.videoLink {
	    bottom: 42px;
	    right: 73px;
	}
	.price .addOn {
	    margin: 30px 0;
	    font-size: 1.8em;
	    color: #424242;
	    font-weight: bold;
	    text-align: center;
	    line-height: 25px;
	}
	.heroBrief ul li.padding {
    	padding: 35px 10px;
	}
	.heroBrief ul li:first-child{
		padding: 13px 10px;
	}
	.heroBrief ul li:last-child{
		padding: 27px 0;
	}
	a.flipbook {
	    right: 50px;
	    bottom: 54px;
	}
	form .casa_contact_box .alignBox ul li p.vInput .veriFcode {
    padding: 7px 14px 3px 14px;
	}
	.callSection {display:none;}
}

@media all and (min-width: 768px) and (max-width: 1023px) {
	.verticalSlider .relContent {
		padding: 0 30px;
	}
	.verticalSlider .container h2 {
		font-size: 1.7em;
		line-height: 20px;
	}
	.verticalSlider .container p {
		font-size: 1.6em;
		line-height: 20px;
	}

	/*-----------------------------------------------
		Inner Page Start - Residences
	-----------------------------------------------*/
	.residences .residencesList {
		width: 60%;
	}
	.residences .residencesList li {
		float: left;	
		padding: 0;
		width: auto;
		height: auto;
		margin: 0 0 2px 2px;
	}
	.residences .residencesList li:first-child,
	.residences .residencesList li:nth-child(2n+1) {	
		margin-left:0;
	}
	.residences .resContent {
		width: 33%;
		padding:20px 15px; 		
	}
	a.flipbook {
	    right: 49px;
	    bottom: 55px;
	}
	.mainContainer {
    margin-top: 48px !important;
}
}
@media all and (min-width: 1024px) and (max-width: 1279px) {	
	/*-----------------------------------------------
		Inner Page Start - Residences
	-----------------------------------------------*/
	.residences .residencesList {
		width: 67%;
	}
	.residences .residencesList li {
		float: left;	
		padding: 0;
		width: auto;
		height: auto;
		margin: 0 0 2px 2px;
	}
	.residences .residencesList li:first-child,
	.residences .residencesList li:nth-child(3n+1) {	
		margin-left:0;
	}
	.residences .resContent {
		width: 30%;
		padding:20px 15px; 		
	}
	.mandFields{padding-left: 31%;}
}
@media all and (min-width: 769px){
	.partners.partDesk #bx-pager{display: block !important;}
}
@media all and (max-width: 768px){
	.heroImg{width: 100%}
	.formWrapper{
		clear: both;
		xfloat: none;
		float: left;
	    margin: 0 auto 20px;
	    width: 43%;
		xmargin-top: 162px;
		margin-top: 12px;
	}
	.topMenu.active {
		display: block;
		/*float: none;*/
	}
	.topMenu.active ul.nav{
		float: none;
		margin-right: 0px;
		margin-bottom: 20px;
	}
	.topMenu.active ul.nav li{
		display: block;
	}
	.topMenu.active ul.nav li a{
		padding: 10px 25px;
		border-bottom: solid 1px #a88829;
		text-align: center;
	}
	.topMenu.active ul.nav li.contactUs{
		display: none;
	}
	.headerTop .headerWrapper {
    box-sizing: border-box;
	background: 000!important;
}

	.toggleMenu {display:block;background: #000;	}
	.topMenu {display:none;width: 100%;background: #000;z-index: 9999;}
	.headerTop .logo{
		xfloat: none;
		float: left;
		xwidth: 100%;
		width: 100%; 
		margin:0px;
	}
	.headerTop .logo img {
    max-width: 98%;
    display: block;
    /* width: 155px; */
    margin-left: auto;
    margin-right: auto;
}
	.residences .locImg {
		float: none;
		width: 100%;
	}
	.plans #bx-pager a{
		display: block;
		width: 100%;
		padding: 12px;
		font-size: 14px;
		height: auto;
		border-bottom: solid 1px #fff;
	}
	.plans #bx-pager a.active {
		background: #000;
	}
	.plans #bx-pager a.noIcon {
		padding: 12px;
	}
	.plans #bx-pager a:before{
		display: none;
	}
	.nri .toggleMenu a.taptoCall{
		display: none;
	}
	#firstOverlayWrapper .imageBox{
		left: 39%;
		top: 40%;
		width: 90%;
	}
	.callSection a.clickCall{
		display: none;
	}
	.locImg:after {
	  content: " ";
	  width: 31px;
	  height: 14px;
	  top: auto;
	  bottom: 0;
	  left: 50%;
	  margin-left: -15px;
	  background: url(../images/arrow_sprite.png) no-repeat 0 -378px;
	}

	.partners .selectOption{display: block;}
	.partners #bx-pager{
		text-align: center;
    	top: 45px;
    	width: 100%;
    	left: 0;
    	display: none;
	}
	.partners #bx-pager a{
		margin-bottom: 0;
		border-bottom: 1px solid #fff;
		color: #666;
		background: #dedede;
	}
	.partners #bx-pager a:hover, 
	.partners #bx-pager a.active{
		color: #000;
		background: #d0cece;
	}

	.partners .selectOption a {
	  background-color: #a88829;
	  color: #fff;
	  display: inline-block;
	  font-size: 1.5em;
	  margin-left: 0;
	  padding: 15px 0;
	  text-align: left;
	  text-decoration: none;
	  text-transform: uppercase;
	  width: 100%;
	}
	.partners .selectOption a span{
		background: url(../images/arrow_select_white.png) no-repeat scroll 95% center;
		display: block;
		padding-left: 3.84%;
	}
	form .casa_contact_box .alignBox ul li p.vInput .veriFcode {
		/* height: 33px; */
	}
	#VerificationBlock{
		top: 16px;
		xtop: 15.4px;
	}
	.lifestyle_Con li {
		width: 32.6%;
		min-height: 210px;
	}
	a.videoLink {
    	bottom: 39px;
		right: 71px;
		width: 39px;
		height: 39px;
	}
	.videoLinkMob img {
		display: none;
	}
	.heroBrief ul li.notes {
		padding: 27px 10px;
	}
	.heroBrief ul li:first-child {
		padding: 19px 10px;
	}
	.heroBrief ul li:last-child {
    	padding: 27px 0px;
	}
	.price .push_left .priceContainer li {
    float: none;
    margin: 0 0 22px 0;
    padding: 0;
    width: 100%;
    text-align: center;
    overflow: hidden;
    border-radius: 4px;
    border-bottom: 0px solid #deab52;
    background: #none;
    box-sizing: border-box; 
    background: url(../images/sp-2.png) no-repeat 50% bottom !important;
}

}

@media all and (max-width: 640px){
	.formWrapper{width: 50%;}
	.lifestyle_Con li {
		width: 49%;
	}
	a.videoLink {
    	bottom: 33px;
		right: 60px;
		width: 28px;
		height: 30px;
	}
	.heroBrief {
		position: inherit;
	}
	.heroBrief ul li:first-child {
	    margin-left: 0.4%;
	    height: 108px;
	}
	.heroBrief ul li {
	    width: 49.5%;
	    margin-bottom: 0.5%;
	    display: inherit;
	    float: left;
	    background: #2A343B;
	}
	.heroBrief ul li:last-child {
    	padding: 21px 0px 27.5px;
	}
}

@media all and (max-width: 520px){
	.formWrapper{ width: 100%;}
	a.videoLink {
    	bottom: 22px;
    	right: 41px;
	}
	.heroBrief {
    	position: inherit;
	}
	.heroBrief ul li {
	    background: #2a343b none repeat scroll 0% 0%;
	    width: 49.5%;
	    margin-bottom: 0.5%;
		height:108px;
	}
}
@media all and (max-width: 480px){
	a.flipbook {
	    right: 24px;
	    bottom: 31px;
	}
	.heroBrief ul li:first-child {
    	padding: 15px 10px;
	}
	.heroBrief ul li:last-child {
    	padding: 19px 0px 27.5px;
	}
}
@media all and (max-width: 360px){
	/*.heroBrief { left: 23%; width: 53%;}*/
	a.btn1{background-position: 90% 50%; padding: 5px 29px 5px 11px; font-size: 1.3em; }
	.heroBrief p {margin-bottom: 0;}
	.lifestyle_Con li {
		width: 80%;
		float: none;
		margin: 0 auto;
	}
	a.videoLink {
    	bottom: 15px;
		right: 31px;
		width: 17px;
		height: 22px;
	}
	.heroBrief ul li h2 {
		font-size: 1.5em;
	}
	.heroBrief {
    	position: inherit;
	}
	.heroBrief ul li {
	    background: #2a343b none repeat scroll 0% 0%;
	    width: 49.5%;
	    margin-bottom: 0.5%;
	}
	.heroBrief ul li.padding {
    	padding: 30px 10px;
	}
	.heroBrief ul li:first-child {
    	padding: 10px 10px;
	}
	.heroBrief ul li:last-child {
    	padding: 28px 0px;
	}
	a.flipbook {
    	right: 14px;
    	bottom: 19px;
	}
}
@media all and (max-width: 320px){
	.toggleMenu a.contactUs-mobile,
	.toggleMenu a.taptoCall {padding: 11px 14px 10px 11px;}
	a.videoLink {
    	bottom: 16px;
		right: 27px;
		height: 17px;
	}
	.heroBrief ul li p {
		font-size: 1.3em;
	}
	
}

@media all and (min-width: 1024px) {
	.verticalSlider .relContent {
		min-height: 460px;
		padding: 0px 40px 0px 20px;
		xbackground: url(../images/body_bg.png);
	}
	.verticalSlider .container h2 {
		font-size: 2em;
		line-height: 25px;
	}
	.lifeStyle .mainContainer .verticalSlider p {
		font-size: 1.6em;
		line-height: 27px;
		margin-bottom: 5px;
	}
	.lifeStyle .mainContainer .verticalSlider ul.subList li {
		font-size: 1.2em;
		line-height: 15px;
		margin-bottom: 5px;
	}
}

@media all and (min-width: 1280px) {
	/*.verticalSlider .relContent {
		margin-top: 15%;
	}*/
	.verticalSlider .container h2 {		
		xfont-size: 3.01em;
		font-size: 2.4em;		
		margin-bottom: 10px;
		padding-bottom: 15px;		
		xline-height: 35px;
		line-height: 30px;
		text-align: center;
	}
	.verticalSlider p,
	.lifeStyle .mainContainer .verticalSlider p {
		font-size: 1.6em;
		line-height: 27px;
		margin-bottom: 8px;
	}
	.lifeStyle .mainContainer .verticalSlider p {
		color: #fff;
	}
	
	.lifeStyle .mainContainer .verticalSlider ul.subList li {
		font-size: 1.4em;
		line-height: 18px;
		margin-bottom: 8px;
	}
	.verticalSlider .container {
		line-height: 0;
	}
	.residences .resContent {
		width: 30%;
		float: left;
		margin-left: 30px;
		padding: 10px 0 0 0;
	}
	.highlife .resContent {
		padding: 50px 0 0 0;
	}
}

h6{
	font-size: 17px !important;
    padding: 17px 0px;
    /* text-align: left; */
    color: #deab52 !important;
    font-weight: bold !important;
}