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

}

/* 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%;}

	
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.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%;}

	.hidden-md{
		display: none !important;
	}

	.hidden-des{
		display: block !important;
	}

	.menu-icon-mobile{display: block;width: 50px;padding: 14px 8px 4px 8px;background-color: #97A257;border-radius: 0px; margin:0;position: absolute;
		top:15px;right: 0;height: 40px;    border-radius: 5px;}
  .menu-icon-mobile>span{display: block;height: 4px;width: 100%; margin-bottom: 4px;background-color: #fff;}
  header .nav-links{ display: none;position: fixed;top: 94px;left: 0;background-color: #fff; width: 100%;height: 100%;z-index: 999;}
  header .nav-links a{display: block !important;text-align: center;line-height: 40px !important;color:#fff ;margin-top: 0px;margin-right: 0px;}
  header .lower .nav-links a:last-child{margin-right: 0px;}
  header .lower .nav-links a{margin-right: 0px;color:#000;}
  header .lower .nav-links a.active{
	color:#000;
	font-weight: 700;
	background-color: unset;
}

  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;}

  .enquire-form-wrapper{top: 0; left: 0; right: 0; width: 100%; bottom: 30px; z-index: 999; padding: 68px 15px 50px;position: fixed;}

/*------------------------------ Overview Section Starts ------------------------------*/
.slide-1{
	/*background-image: url(../images/overview-banner-mob.png) !important;*/
}
.slide-2{
	/*background-image: url(../images/overview-banner-2-mob.png) !important;*/
}
.slide-3{
	/*background-image: url(../images/overview-banner-3-mob.png) !important;*/
}
.loc-pagingInfolifestyle{
	display: none;
}
.overview-section  .slick-prev, .overview-section .slick-next {
	display: none !important;
}
.overview-description{
	font-size: 20px;
	line-height: 30px;
	margin-top: 10px;
}
.overview-content {
    top: 20%;
    transform: translateY(-20%);

}

/*------------------------------ Overview Section End ------------------------------*/

/*----------------------------- home section starts ---------------------------------------------------*/
.home-section{
	text-align: left;
}
.home-heading{
	font-size: 36px;
	line-height: 40px;
	width: 100%;
	margin: unset;
}
.home-description{
	font-size: 16px;
	line-height: 26px;
	width: 100%;
	margin: unset;
	padding: 30px 0px;
}
/*----------------------------- home section ends ---------------------------------------------------*/

/*----------------------------- amenities section ends ------------------------------------------------*/
.amenities-section  .slick-prev, .amenities-section .slick-next {
	position: absolute;
	top: unset;
	bottom: -35px;

}
.amenities-section .slick-next {
    left: unset;
    transform: translateX(-50%);
    right: 35%;
}
.amenities-section .slick-prev {
    left: 40%;
    transform: translateX(-50%);
    right: unset;
}
.slider-content{
	width: 100%;
	height: unset;
	position: unset;
	top: unset;
	right: unset;
	padding: 20px;
}
.slider-inner img{
	width: 100%;
}

.amenities-slide {
    height: unset !important;
}
#Amenities .pagingInfo{
	bottom: -35px;
}

#Amenities .slider-next {
    bottom: -36px;
    right: 30%;
}

#Amenities .slider-prev{
    bottom: -36px;
    left: 30%;
}

/*----------------------------- amenties section ends ---------------------------------------------------*/

/*----------------------------- specification section ends --------------------------------*/
.arrow-box {
	top: unset;
    bottom: -35px;
    left: 50%;
    transform: translateX(-50%);
    right: auto;
}
.specifications-section .slick-prev {
    left: 46%;
    transform: translateX(-50%);
}
.specifications-section .slick-next {
    right: 43%;
    transform: translateX(-50%);
}
.specifications-section .slick-prev, .specifications-section .slick-next {
    bottom: -38px;
    top: unset;
}
/*----------------------------- specification section ends --------------------------------*/

/*----------------------------- gallery section ends --------------------------------*/
.gallery-section .slick-next svg, .gallery-section .slick-prev svg{
	width: 20px;
}
.gallery-section .slick-next svg path, .gallery-section .slick-prev svg path{
	fill: #97A257;
}
.gallery-section  .slick-prev, .gallery-section .slick-next {
	position: absolute;
	top: unset;
	bottom: -35px;

}
.gallery-section .slick-next {
    left: unset;
    transform: translateX(-50%);
    right: 35%;
}
.gallery-section .slick-prev {
    left: 40%;
    transform: translateX(-50%);
    right: unset;
}
.gallery-section .slick-next {
    border: unset;
    width: 20px;
    height: 20px;
    border-radius: 100%;
}
.gallery-section .slick-next:hover {
    background-color: unset !important;
    border: unset;
}

/*----------------------------- gallery section ends --------------------------------*/

}


/* 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;}
	#hid-on-mob{
		display: none !important;
	}
	.visible-xs{display: block !important;}

	.hidden-des-ipad{
		display: block !important;
	}
	

	.menu-icon-mobile {
	    height: 40px;
	    padding: 10px 8px 4px 8px;
	    top: 5px;
	    right: 5px;
	    border-radius: 5px;
	}
	header{padding:5px 0;}
  header .nav-links{padding:10px 0}
  header .brand-logo img{width: 90px;}

  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;}

  /*---------------------------- Overview Section Starts ---------------------------------*/

  .overview-heading{
  	font-size: 40px;
  	line-height: 50px;
  }

.specifications-section .slick-prev {
    left: 43%;
    transform: translateX(-50%);
}
.specifications-section .slick-next {
    right: 35%;
    transform: translateX(-50%);
}
.gallery-section .slick-next {
    right: 37%;
}
.gallery-section .slick-prev {
    left: 43%;
}
  /*---------------------------- Overview Section End ------------------------------------*/
/*----------------------------- rel-section starts ---------------------------------------------------*/
.rel-section{
	background-image: url(../images/rel-img-mob.png) !important;
}
.rel-heading{
	font-size: 36px;
	line-height: 40px;
}
.rel-description{
	width: 100%;
}
/*----------------------------- rel-section ends ---------------------------------------------------*/

/*----------------------------- amenties section starts -----------------------------------------*/
.amenities-heading{
	font-size: 36px;
	line-height: 40px;
}
.border-padding{
    height: 180px;
    width: 85%;
    margin: auto;
}
.amenities-section  .slick-prev, .amenities-section .slick-next {
	position: absolute;
	top: unset;
	bottom: -35px;

}
.amenities-section .slick-next {
    left: unset;
    transform: translateX(-50%);
    right: 35%;
}
.amenities-section .slick-prev {
    left: 40%;
    transform: translateX(-50%);
    right: unset;
}
/*----------------------------- amenties section end --------------------------------------------*/

/*----------------------------- gallery section start --------------------------------------------*/
.gallery-heading{
	font-size: 36px;
	line-height: 40px;
}
.gallery-section .slick-next svg, .gallery-section .slick-prev svg{
	width: 20px;
}
.gallery-section .slick-next svg path, .gallery-section .slick-prev svg path{
	fill: #97A257;
}
.gallery-section  .slick-prev, .gallery-section .slick-next {
	position: absolute;
	top: unset;
	bottom: -35px;

}
.gallery-section .slick-next {
    left: unset;
    transform: translateX(-50%);
    right: 35%;
}
.gallery-section .slick-prev {
    left: 40%;
    transform: translateX(-50%);
    right: unset;
}
.gallery-section .slick-next {
    border: unset;
    width: 20px;
    height: 20px;
    border-radius: 100%;
}
.gallery-section .slick-next:hover {
    background-color: unset !important;
    border: unset;
}
.gallery-slider .slick-slide .slick-current .slick-center{
	width: 400px;
}
/*----------------------------- gallery section end --------------------------------------------*/

/*----------------------------- Specification section starts    ------------------*/
.specification-heading {
    font-size: 36px;
    line-height: 40px;
}
.int-ext-tabs{
    font-size: 17px;
    padding: 5px 5px;
    display: block;
    margin: 10px;
}
/*----------------------------- Specification section end    ------------------*/

/*----------------------------- Maps section start    ------------------*/
.maps-heading{
	font-size: 36px;
	line-height: 40px;
}
/*----------------------------- Maps section end    ------------------*/

/*----------------------------- Svg section end    ------------------*/

.dis-bk-in{
	display: block;
	margin: 40px;
	text-align: center;
}
.maps-section{
	padding: 30px 0px;
}


.svg-section{
	padding: 0px 0px 70px;
}
.svg-section-mob{
	display: block;
}
.maps-svg{
	display: none;
}
.desirable-img {
    margin: auto;
}
.desirables-description {
    color: #fff;
    font-size: 18px;
    line-height: 22px;
    padding-top: 10px;
}
.border-padding-svg{
	border: 1px solid #fff;
    padding: 20px;
    height: 330px;
    border-radius: 10px;
    background-color: #fff;
    color: #000;
    margin: 10px 10px;
    position: relative;
    text-align: left;
}
.svg-head{
	font-size: 20px;
	font-weight: 700;
	margin: 10px 0px;
	color: #97A257;
	text-transform: uppercase;
}
.connectivity{
	text-align: left;
	font-size: 26px;
	color: #97A257;
	font-weight: 700;
	margin-bottom: 15px;
}
.slider-inner-svg{
	position: absolute;
	top: 20px;
	left: 10px;
}
.svg-section .slick-next svg, .svg-section .slick-prev svg{
	width: 20px;
}
.svg-section .slick-next svg path, .svg-section .slick-prev svg path{
	fill: #97A257;
}
.svg-section .slick-prev, .svg-section .slick-next {
	position: absolute;
	top: unset;
	bottom: -35px;

}
.svg-section .slick-next {
    left: unset;
    transform: translateX(-50%);
    right: 35%;
}
.svg-section .slick-prev {
    left: 40%;
    transform: translateX(-50%);
    right: unset;
}
/*----------------------------- Svg section end    ------------------*/

/*----------------------------- aboutUs section ends    ----------------------------*/
.about-us-section{
	background-image: url(../images/about-us-mob.png) !important;
}
.about-heading{
	font-size: 36px;
	line-height: 40px;
}
.about-description{
	font-size: 16px;
	line-height: 26px;
	padding: 30px 0px 0px;
	width: 100%;
}
/*----------------------------- aboutUs section ends    ----------------------------*/

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

  .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: 40px;}
  .mob-footer a.mob-enq-btn{background-color: #97A257;color: #fff;text-transform: uppercase;font-weight: 600;font-size: 16px;}
  .mob-footer a.mob-call-btn{background-color: #86904E;color: #fff;text-transform: uppercase;font-weight: 600;font-size: 16px;}

  
}

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

}

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

	.rel-section{
	padding: 20px 0px;
}

}