/* Large Devices, Wide Screens */

@media screen and (min-width: 1920px){
	.cara-bg{
		bottom: 338px;
	}
}
@media only screen and (min-width : 1400px) {
	.home-page-slider .slick-track{
		height: 530px;
		overflow: hidden;
	}
	.location-circle{
		width: 160.16666666666666em;
	}
}
@media only screen and (min-width : 1660px) {
	.home-page-slider .slick-track{
		height: 640px;
		overflow: hidden;
	}
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
  
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 1024px) {
	.col-md-1{width: 8.333333333333333%;}
	.col-md-2{width: 16.66666666666667%;}
	.col-md-3{width: 25%;}
	.col-md-4{width: 33.33333333333333%;}
	.col-md-5{width: 41.66666666666667%;}
	.col-md-6{width: 50%;}
	.col-md-7{width: 58.33333333333333%;}
	.col-md-8{width: 66.66666666666667%;}
	.col-md-9{width: 75%;}
	.col-md-10{width: 83.33333333333333%;}
	.col-md-11{width: 91.66666666666667%;}
	.col-md-12{width: 100%;}
	.col-md-12-5{width: 20%;}
	.common-blue-box{
		width: 100%;
	}
	.spec-slider-content {
    	height: 280px;
    }
    
}
@media only screen and (min-width : 1000px) and (max-width : 1025px){
	#home .building_ht, #home .banner_ht{
    	max-height: 570px;
    }
    .cara-bg{
    	top: 11em;
    }
    .spec-slider .slick-arrow{
    	left: 100px;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 1200px) {
	.col-sm-1{width: 8.333333333333333%;}
	.col-sm-2{width: 16.66666666666667%;}
	.col-sm-3{width: 25%;}
	.col-sm-4{width: 33.33333333333333%;}
	.col-sm-5{width: 41.66666666666667%;}
	.col-sm-6{width: 50%;}
	.col-sm-7{width: 58.33333333333333%;}
	.col-sm-8{width: 66.66666666666667%;}
	.col-sm-9{width: 75%;}
	.col-sm-10{width: 83.33333333333333%;}
	.col-sm-11{width: 91.66666666666667%;}
	.col-sm-12{width: 100%;}
	.col-sm-12-5{width: 20%;}
	#hid-on-mob{display: none !important;}
	.menu-icon-mobile{display: block;width: 50px;padding: 14px 8px 4px 8px;background-color: #fff;border-radius: 100%; margin:0;position: absolute;
		top:15px;right: 15px;height: 40px;}
 	.menu-icon-mobile>span {display: block;height: 2px;width: 100%;margin-bottom: 4px;background-color: #082d58;}
 .menu-icon-mobile.active>span:nth-child(1){transform: rotate(45deg);}
  .menu-icon-mobile.active>span:nth-child(2){transform: rotate(135deg);position: relative;top: -5px;}
  .menu-icon-mobile.active>span:nth-child(3){display: none;}


  header .upper .enq-btn-wrapper{margin-right: 50px;margin-top: 15px;}
  header .upper .ctc-wrapper{margin-right: 5px;}
  header .upper .number-wrapper{margin-right: 15px;margin-top: 25px;}
  .hidden-sm{display: none !important;}
  .visible-sm{display: block !important;}
  section.padding{padding: 35px 0px;}
  .enquire-btn-wrapper{margin-top: 30px;}
  .enquire-btn{font-size: 12px;padding: 10px 18px;}
  .enquire-form-wrapper{top: 0; left: 0; right: 0; width: 100%; bottom: 30px; z-index: 999; padding: 68px 15px 50px;position: fixed;}
/*------------------------- Banner Section Starts -------------------------------*/
.banner-building{
    border-top-right-radius: 0;
    border-bottom-left-radius: 50vw;
    border-bottom-right-radius: 39vw;
    width: 100%;
}
.banner-subheading{
	font-size: 16px;
	line-height: 22px;
}
.banner-content {
    left: 50%;
    transform: translateX(-50%);
}
/*------------------------- Banner Section Ends ---------------------------------*/
/*------------------------- Common CSS Starts ---------------------------------*/
.section-heading{
	font-size: 24px;
	line-height: 33px;
}
.section-subtitle{
	font-size: 18px;
}
/*------------------------- Common CSS Ends ---------------------------------*/

/*------------------------- Tryst CSS Starts ---------------------------------*/
.tryst-section{
	padding: 35px 0px;
}
.tryst-points-wrapper{
	flex-direction: column;
}
.border-lt-rt{
	border-left: unset;
	border-right: unset;
	border-top: 1px solid rgba(207, 213, 221, 0.4);
	padding: 20px 0px;
	margin: 20px 0px;
	border-bottom: 1px solid rgba(207, 213, 221, 0.4);
}
/*------------------------- Tryst CSS Ends ---------------------------------*/

/*------------------------- Overview Starts ---------------------------------*/
.overview-content .section-heading{
    font-size: 24px;
    line-height: 33px;
}
.overview-points{
	font-size: 14px;
}
.overview-content{
	padding: 15px;
}
.overview-points li:last-child{
	border-bottom: unset;
}
/*------------------------- Overview Ends ---------------------------------*/

/*------------------------- Highlights Starts -------------------------------*/
.home-page-slider .slider-des{
	width: 80%;
	margin-top: 10px;
}
.slider-highlights-arrows .slick-arrow, .location-slider-arrows .slick-arrow, .common-slider-arrows .slick-arrow{
    left: calc(50% - 80px);
}
.spec-slider .slick-arrow {
    position: absolute;
    left: calc(50% - 80px);
    transform: translateX(-50%);
    bottom: 10px;
    width: 30px;
    height: 30px;
}
.spec-slider .slick-arrow svg {
    width: 30px;
    height: 30px;
}
/*.cara-bg{
	top: 10em;
}*/
.home-page-slider .slick-slide img {
    width: 100%;
    height: auto;
    margin: auto;
}
.highlights-section-content .brochure-btn-wrapper{
	margin-top: 40px;
}
/*------------------------- Highlights Ends ---------------------------------*/
/*------------------------- Location Starts ---------------------------------*/
.location-section{
	padding-top: 0px;
}
.loc-svg{
    width: 100%;
    height: auto;
}
.mg-top-loc{
	text-align: center;
}
.location-section .section-description{
	width: 100%;
	margin-top: 20px;
}
.blue-box{
	height: 391px;
	padding: 20px;
}
.mob-text-center{
	text-align: center;
}
.amenities-logo{
	width: 100%;
}
.gmaps{
	margin-top: 40px;
	height: 220px;
}
.location-slider-arrows .slick-next{
	margin-left: 160px;
}
.animate-svg, .light-svg{
	display: none;
}
.location-slider-arrows {
    right: 0px;
}
/*------------------------- Location Ends ---------------------------------*/

/*------------------------- Specification Starts ---------------------------------*/
.specification-section{
	padding-top: 35px;
}
.spec-slider .slick-slide{
	margin-right: 0px;
}
.spec-slider{
	max-width: 1200px;
	padding: 0px 15px;
}
.specification-section .brochure-btn-wrapper{
	margin-top: 30px;
}
.spec-pagingInfogallery{
	left: 0px;
	right: 0px;
}
.common-slider .slick-slide{
	margin: 0px 20px;
}
.common-blue-box{
	margin: 10px 0px;
	height: 210px;
	width: 100%;
}
.club-content .section-description{
	font-size: 16px;
}
.disc-points{
	font-size: 14px;
}
.dotted-line{
    top: -21px;
    left: 0;
    transform: unset;
}
/*------------------------- Specification Ends ---------------------------------*/
.club-img-wrapper{
	margin-top: 40px;
}
}

@media screen and (min-device-width: 767px) and (max-device-width: 869px) { 
	.banner-content{
		width: fit-content;
	}
    .tryst-semicircle{
    	width: 500vw;
    	height: 500vw;
    }
    .home-page-slider{
    	height: 400px;
    }
    .slider-highlights .slick-track{
    	height: 550px;
    }
    .location-section .section-description{
    	width: 90%;
    	margin: 20px auto;
    }
    .location-section{
    	padding-bottom: 165px;
    }
    .location-circle {
    	width: 90em;
    }
    .cara-bg{
    	top: 10em;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 640px) {
	body{-webkit-text-size-adjust: none;}
	.col-xs-1{width: 8.333333333333333%;}
	.col-xs-2{width: 16.66666666666667%;}
	.col-xs-3{width: 25%;}
	.col-xs-4{width: 33.33333333333333%;}
	.col-xs-5{width: 41.66666666666667%;}
	.col-xs-6{width: 50%;}
	.col-xs-7{width: 58.33333333333333%;}
	.col-xs-8{width: 66.66666666666667%;}
	.col-xs-9{width: 75%;}
	.col-xs-10{width: 83.33333333333333%;}
	.col-xs-11{width: 91.66666666666667%;}
	.col-xs-12{width: 100%;}
	.col-xs-12-5{width: 20%;}

	.hidden-xs{display: none !important;}
	.visible-xs{display: block !important;}

	.menu-icon-mobile {
		height: 50px;
	    padding: 18px 10px;
	    top: -2px;
	    right: 8px;
	}
	header{padding:5px 0;}

  	header .brand-logo img{    width: 250px;
    position: relative;
    left: -20px;}

  	header .form-container{position: fixed !important;left: 0 !important;right: 0 !important;top: 100% !important; bottom: -100% !important; 
  	width: 100% !important; padding: 30px 0 !important; -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0);
  	 z-index: 300; background-color: rgba(255, 254, 254, 0.97) !important;}
  header .form-container.show{top: 0 !important;bottom: 0 !important;display: block !important;}
  header .form-container .frmclose{display: inline-block;position: absolute;top:10px;right: 10px;color:#000;font-size: 20px;}
.banner-content{
	width: calc(100% - 60px);
}
.home-page-slider{
	height: 300px;
}
.walkthrough img{
	width: 68px;
	height: 68px;
}
#overview img{
	height: 260px;
}
.location-circle{
	width: 65em;
}
.cara-bg svg{
    width: 700px;
    margin-left: -175px;
}
.location-section{
	padding-bottom: 75px;
}
.spec-slider img{
	height: 230px;
}
.spec-slider-content{
	height: 381px;
}
.club-img-wrapper img{
	height: 245px;
}

  footer{padding-bottom: 30px;}
  footer .lower{font-size: 10px;}
  footer .lower div{text-align: center !important;}

  .mob-footer{position: fixed;bottom: 0;left: 0;width: 100%;text-align: center;background-color: #fff;font-size: 14px;font-weight: 600;z-index: 999999;}
  .mob-footer a{display: block;line-height: 30px;}
  .mob-footer a.mob-enq-btn{background-color: #082d58;color: #fff;text-transform: uppercase;font-weight: 600;font-size: 14px;}
  .mob-footer a.mob-call-btn{background-color: #fff;color: #082d58;text-transform: uppercase;font-weight: 600;font-size: 14px;}
  .slider-slide.inactive-slide {
    width: 18.05em;
    margin-top: 0em;
    margin-right: 0.775em;
    margin-left: 0.775em;
}
  .slider-slide{
  	width: 16.4em;
    margin-top: 3em;
    margin-right: 1.5em;
    margin-left: 1.5em;
  }
  .cara-bg {
    position: absolute;
    left: auto;
    top: unset;
    right: auto;
    bottom: 250px;
    width: 100%;
    height: 200px;
}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 320px) {
	.banner-content {
	    width: calc(100% - 30px);
	}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1000px) {
	.banner-content {
    transform: translate(-50%, 45%);
}
.tryst-points-wrapper {
    margin: 40px;
}
.amenities-logo {
    width: 30%;
}
.spec-slider .slick-arrow{
	padding: 0;
}
.spec-slider .art-imp{
  bottom: unset;
  top: 5px;
}
}