/*

Author		:	BestPixels
Template	:	Home | Single Property HTML Template
Version		:	1.0

1. RESET CSS
2. Common CSS 
3. top-bar
4. header-section
5. about-section
6. floors-section
7. video-section
8. room-features-section
9. gallery-section
10. places-section
11. testimonials-section
12. cta-section
13. footer-section
14. Magnific Popup Animation
15. Coustom Media Query CSS

*/
/*.*//*.*//*.*//*.*//*.*//*.*//*.*//*.*//*.*//*.*//*.*/

/* ##################### RESET CSS  ##################### */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}

.gredienttext{

background: #e1ac45;
background: linear-gradient(to right, #e1ac45 0%, #edcd4b 50%, #e1ac45 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.grdient-bg{ 
	background: #e1ac45;
	background: linear-gradient(to right, #e1ac45 0%, #edcd4b 50%, #e1ac45 100%);
color: #fff; border-radius: 3px; width: fit-content; padding: 10px 20px !important;
margin-bottom: 10px;
}

.second-about-conetnt{
	padding: 0px 0px;
}

.second-about .room-features-texts {
	padding-left: 0px;
}

.myfelx-2{
	display: flex;
}
.second-about.alt-bg{
	background-color: #fff;
	background-image: url(../images/bg/05-2.png);
	background-repeat: repeat;
}

.second-about .second-about-conetnt h2{
	padding-bottom: 15px;
}
.second-about-img{width: 100%;
 }
img{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	background: transparent;
}
body {
	line-height: 1;
}
.whatsappbutton{
	position: fixed;
	height: 60px;
	width: 60px;
	background-color: #008069;
	display: flex;
	align-items: center;
	justify-content: center;
	bottom: 40px;
	right: 40px;
	border-radius: 100%;
	color: #fff;
	font-size: 25px;
	border: 2px solid #fff;
	z-index: 5;
	box-shadow: 0px 0px 20px #00000025, 0px 0px 0px #05977c11;
}
.whatsappbutton:hover, .whatsappbutton:focus{
	background-color: #05977c;
	box-shadow: 0px 0px 0px 30px #05977c13, 0px 0px 0px 15px #05977c11;
	color: #fff;
	border: 2px solid #05977c;
}

.myfelx{
	display: flex;
	align-items: center;
}
#header .myfelx{align-items:unset;}
.self-center{ align-self: center;}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
:focus {
	outline: 0;
}
a:focus {
	outline: 0;
	text-decoration: none;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {
	text-decoration:none;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	transition:all .5s ease;
}
a:hover {
	text-decoration:none;
}

::-webkit-input-placeholder {
   opacity:1;
}

:-moz-placeholder { /* Firefox 18- */
   opacity:1;
}

::-moz-placeholder {  /* Firefox 19+ */
   opacity:1;
}

:-ms-input-placeholder {  
   opacity:1;
}

img{
	max-width:100%;
}
h1,h2,h3,h6{
	color:#393d97;
}
h4,h5,p,ul,blockquote{
	color:#444444;
}



.mgtp{
	margin-top: 15px; 
	padding-top: 30px;
	border-top: 1px solid #00000011;
	margin-bottom: 10px;
}
.mgtp a{color: #333333;}
.mgtp a:hover{
	color: #b7974f;
}

/* Common CSS */

body{
	padding-top:90px;
}
.no-padding{
	padding:0;
}
.no-margin{
	margin:0;
}

.relative{
	position:relative;
}
.button{
	display:inline-block;
	font-size:14px;
	line-height:50px;
	font-weight:900;
	color:#fff;
	background: #b7974f;


	text-transform:uppercase;
	padding:0 30px;
	border:none;
	border-radius:25px;
	text-align:center;
	letter-spacing:0.1em;
	transition:all .3s ease;
}



.button.sm{
	font-size:13px;
	line-height:40px;
	padding:0 30px;
	border-radius:20px;
}
.button:focus,
.button:hover{
border: 0px !important;
color:#fff;
background: #393d97;


}

.alt-bg{
	background:#f7f7f7;
}
.white-bg{
	background:#fff;
}
.overlay{
	background:rgba(0,0,0,.2);
}
.section-head{
	padding:100px 0 30px;
}
.section-head h4{
	padding-top:15px;
}
.section-head h2 span{
	color:#b7974f;
}

.second-about h2 span{color:#b7974f;}

.second-about h3{padding-top: 10px;}

.side-head h4{
	padding:11px 0 20px;
	line-height: 1.2;
	font-size: 20px;
}
.side-head h2 span{
	color:#b7974f;
}
.testimonials-section a{ margin-top: 30px;}

.play-button{
	display:inline-block;
	position:relative;
}
.play-button .pb-border-1{
	padding:5px;
	display:block;
	border-radius:50%;
	background: rgba(202, 90, 25, 0.267);
}
.play-button .pb-border-2{
	padding:5px;
	display:block;
	border-radius:50%;
	background: #ba9e63
}
.play-button .icofont{
	height:50px;
	width:50px;
	line-height:50px;
	text-align:center;
	font-size:18px;
	border-radius:50%;
	background:#b7974f;
	color:#fff;
	display:block;
}

/* project-layout */
.project-layout{position: relative;}
.project-layout img{
	width: 100%;
	height: auto;
}

.project-layout .dwnloadbutton{
background-color: #393d97;
padding: 40px 0px;
width: 100%;
}

.project-layout .dwnloadbutton h3{color: #FFF; line-height: 1.5;}
.project-layout .dwnloadbutton h3 a{vertical-align: middle; padding: 0px;
    width: 80px;
    height: 80px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    margin-left: 10px;}


/*.top-bar*/
.navbar-collapse.collapse{
	padding-top: 18px;
}
.top-bar{
	padding:6px 0;
	position:fixed;
	width:100%;
	top:0;
	left:0;
	background:#fff;
	z-index:999;
	border-bottom:1px solid #f7f7f7;
}
.nav-list{
	padding-right:28px;
}
.navbar-default {
	background-color: transparent;
}
.navbar {
	position: relative;
	min-height: 40px;
	margin-bottom: 0;
	border: none;
	border-radius:0;
}
.navbar-brand {
	padding: 0 15px;
	height: auto;
}
.navbar-brand img{width: auto; height: 78.53px; padding:10px 0px;}
.navbar-default .navbar-toggle .icon-bar {
	background: #393d97;
}
.navbar-default .navbar-toggle:hover .icon-bar {
	background: #fff;
}
.navbar-default .navbar-toggle {
	border-color: #fff;
	transition:all .5s ease;
}
.navbar-default .navbar-toggle:hover, 
.navbar-default .navbar-toggle:focus {
	background-color: #b7974f;
	border-color: #b7974f;
}
.nav > li > a {
	padding: 10px 15px;
}
.navbar-default .navbar-nav > li > a {
	color: #393d97;
	font-weight:600;

	font-size:14px;
}
.navbar-default .navbar-nav > li.current > a, 
.navbar-default .navbar-nav > li > a:hover {
	color: #b7974f;
	background-color: transparent;
}


.gallerys{display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
.galleryth{margin: 0.5px; overflow: hidden;}
.galleryth img{transform: scale(1.0); transition: all 300ms ease-in-out;}
.galleryth img:hover{transform: scale(1.1);}

/*.header-section*/

.header-section{
	background:url(../images/bg/05.png), url(../images/entrance.png) fixed;
    background-size:3px 3px, cover !important;
	background-position: bottom center !important;
}

.header-section .lg{
max-width:400px ;
width: 100%;
}
.mlg{
	margin-bottom: 15px;
}

.header-section .overlay{
	padding:100px 0 100px;
}
.header-texts{
	padding:46px 0 64px;
}

.header-section .header-texts{padding:20px 0 0px;}

.header-texts p{
	font-weight: 600 !important;
	color: #b7974f;
	background-color: #fff;
	padding: 0px 10px;
	width:fit-content;
	margin-bottom: 5px;
}
.header-texts h3{
	color:#fff;
}
.header-texts h1{
	color:#fff;
	padding:0px 0 0px;
}
.header-texts h5{
	color:#fff;
	font-weight: 700;
	padding-bottom:0px;
}
.header-texts h4{
	color:#fff;
	font-weight: 600;
	margin-bottom: 10px;
}

.specialBox{
	background: transparent;
	border: 1px solid #ffffff3a;
padding:20px 20px;
border-radius: 5px;
display: flex; align-items: center;
flex-direction: column;

backdrop-filter: blur(3px);
text-align: center;
height: 100%;
}

.robdbg{background-color:#b7974f; color: #fff; border-radius: 100%;
	 padding: 10px 20px !important; border-radius: 30px; display: inline-block; width: fit-content; margin: 10px 0px;}
	 .swing{font-size: 24px; max-width: 470px;}
h2.robdbg{font-size:24px;}
h5.robdbg{ font-size:20px;}

.mygrid{
	display: grid;
	grid-template-columns:1fr 1fr;
	gap:30px;

}

.single-header-feature{
	position:relative;
	padding:40px 15px 38px;
	border:1px dotted rgba(255,255,255,.5);
	backdrop-filter: blur(0px);
}
.shf-extra{
	position:absolute;
	content:"";
	height:15px;
	width:15px;
	transition:all .5s ease;
}
/* .single-header-feature:hover .shf-extra{
	width:60%;
	height:60%;
} */
.top-left{
	top:-1px;
	left:-1px;
	border-top:1px solid #fff;
	border-left:1px solid #fff;
}
.top-right{
	top:-1px;
	right:-1px;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
}
.bottom-right{
	bottom:-1px;
	right:-1px;
	border-bottom:1px solid #fff;
	border-right:1px solid #fff;
}
.bottom-left{
	bottom:-1px;
	left:-1px;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
}
.single-header-feature .icofont{
	color:#fff;
	font-size:36px;
}
.single-header-feature h6{
	padding-top:30px;
	color:#fff;
}

.reranumber{
	padding: 20px 0px;
	background-color:#b7974f;
	color:#ffffff;
	text-align: center;
}
.reranumber p{color: #fff;}
.reranumber a{color: #fff;}
/* single-header-feature -color */

.color-feature .single-header-feature h6{
	color:#444444;
}

.color-feature .single-header-feature .icofont{
	color:#b7974f;
}

.color-feature .top-left, .color-feature .top-right, .color-feature .bottom-right, .color-feature .bottom-left{
border-color: #b7974f;
}
.color-feature .single-header-feature{border: 1px dotted rgba(68, 68, 68, 0.397);}


/*.about-section*/

.about-section{
	padding:100px 0 100px;
}

.about-text{
	padding:48px 0 50px;
}
.about-text h2{
	margin-bottom: 10px;
}
.about-text h2 span, .about-text h4 span, .redh4 h4{
	color:#b7974f;
}
.about-text h4 span, .redh4 h4 span{	font-weight: 700;}
.about-text h4 {
	padding:14px 0 6px;
}
.redh4{margin-bottom: 10px;}
.about-text ul{
	padding-top:0px;
}
.about-text ul li{
	font-size:18px;
	line-height:48px;
	
	
	color:#777;
	font-weight:300;
}
.about-text ul li .icofont{
	color:#b7974f;
	padding-right:9px;
}

.listings{padding-left: 20px; padding-top: 10px;}
.listings li{display: flex; margin: 10px 0px; align-items: center; line-height: 1.4;}
.listings li i{color: #b7974f; font-size: 25px; margin-right: 5px; padding-right: 5px; border-right: 1px solid #00000021;}

.appointment-form{
	background:#ffffff73;
	border:1px solid #ffffff3a;
	backdrop-filter: blur(2px);
	padding:45px 40px 20px;
	border-radius: 5px;
	
}
.appointment-form h6{
	color:#393d97;
	padding-bottom:25px;
}

.input-box{
	margin-bottom:15px;
}
.input-box input[type="text"], .input-box input[type="email"], .input-box input[type="number"],
.input-box textarea, .input-box select {
	width:100%;

	border:1px solid #393d978f;
	background:#ffffff9f;
	font-size:14px;
	color:#393d97;
	padding-top: 15px; 
	padding-bottom: 15px;
	padding-left:20px;
	font-weight:400;
	letter-spacing:0.05em;
}

.input-box select *{
	background-color: rgba(0, 0, 0, 0);}


::placeholder {
	color: #393d97;
	opacity: 1; /* Firefox */
  }

.input-box textarea{
	height:140px;
	resize:none;
}
.input-box input:focus, .input-box textarea:focus{ border:1px solid #b7974f; background-color: #fff;}

.appointment-form .success,
.appointment-form .error {
	display: none;
	line-height: 22px;
	font-weight: 300;
	font-size: 14px;
	position: relative;
	top: -15px;
}
.appointment-form .success {
	color: #34fd66;
	margin: -5px 0 20px;
}
.appointment-form .error {
	color: #ff0000;
	margin: -15px 0 20px;
	
}

/*.floors-section*/

.floors-section{
	padding:110px 0 125px;
	background-color:  #f1f1f1;
}
.single-floor h2 span{
	color:#b7974f;
}
.floors-section .container{
background-color: #fff;
padding: 35px;

padding-bottom: 45px;
}
.single-floor h4{
	padding:14px 0 46px;
}
.floor-image{
	padding:40px 0 0;
}
.floor-image img{
	
	width:100%;
}
.single-floor-feature{
	background:#f7f7f7;
	margin-bottom:30px;
	padding:40px 0 38px;
}
.single-floor-feature .icofont{
	color:#b7974f;
	font-size:36px;
}
.single-floor-feature h6{
	padding-top:30px;
}

/*.video-section*/

.video-section{
	background:url(../images/bg/video.jpg) center center fixed;
	background-size:cover;
}
.video-section .overlay{
	padding:137px 0 150px;
}
.video-section h2{
	color:#fff;
	padding-bottom:60px;
}
.video-border{
	text-align:center;
	padding:134px 0 99px;
	border:1px solid rgba(255,255,255,.5);
}
.video-border h6{
	font-weight:300;
	text-transform:none;
	padding-top:15px;
	color:#fff;
}

.special{
	padding:110px 0px;
}

.grid-container {
	margin-top: 50px;
	display: grid;
	grid-template-columns: repeat(5, 1fr); /* 5 columns */
	gap: 15px; /* Gap between items */
}
.grid-item:nth-last-child(3){
	grid-column: 2;
 }
 .grid-item:nth-last-child(1){grid-column: 2 span; }

.grid-item {
	background-color: #ffffff00;
	border: 1px dotted #ffffff73;
	border-radius: 0px;
	color: #fff;
	padding: 30px 20px;
	text-align: center;
	font-weight: 600;
	backdrop-filter:blur(4px);
}
.grid-item i {
	font-size: 40px;
	display: block;
	margin-bottom: 10px;
}

/*.room-features-section*/

.room-features-section{
	padding:140px 0;
}
.room-image img{
	width:100%;

}
.room-features-texts{
	padding-top:0px;
	padding-left:0px;
}
.room-features-texts h2 span{
	color:#b7974f;
}
.room-features-texts h4{
	padding:12px 0 0px;
	line-height: 1.2;
}
.room-features-texts ul li{
	font-size:16px;
	margin: 10px 0px;
	line-height: 1.4;
display:flex;
	color:#777;
	font-weight:500;
}
.room-features-texts ul li:before{
	font-family: 'IcoFont' !important;
	content: "\efab";
	color:#b7974f;
	margin-right:10px;
}
.room-features-texts ul li strong{color: #b7974f;}

/*.gallery-section*/

.gallery-section{
	padding-bottom:0px;
}
.single-gallery{
	margin-bottom:30px;
}
.single-gallery img{
	width:100%;
}
.single-gallery a{
	display:block;
}

/*.places-section*/

.places-section{
	padding:100px 0px;
}
.single-place{
	padding:40px 30px 33px;
	background:#f7f7f7;
	border-radius: 5px;
	
}
.single-place .icofont{
	color:#b7974f;
	font-size:36px;
}
.single-place h6{
	padding:25px 0 12px;
}


	 .locatgrid {
		margin-top: 30px;
		display: grid;
		grid-template-columns: 1fr 1fr; /* Three equal columns */
		grid-template-rows: auto auto; /* Three rows */
		gap: 15px;
	}

	/* Place items in the grid */
	.single-place:nth-child(1) {
		grid-column: 1;
	}
	.single-place:nth-child(2) {
		grid-column: 2;
	}
	.single-place:nth-child(3) {
		grid-column: 1;
		grid-row: 2 / span 2;
	}

	.single-place:nth-child(4) {
		grid-column: 2 / 3;
		grid-row: 2;
	}
	
	.single-place:nth-child(5) {
		grid-column: 2 / 3;
		grid-row: 3;
	}
	


	.single-place ul{
		
		list-style:square; padding-left: 15px; ;
	}
	.single-place ul li{line-height: 1.3; padding:8px 0px; border-bottom: 1px solid #00000010;}
	.single-place ul li span{color: #b7974f; font-weight: 700; }
	.single-place ul li:nth-child(1){padding-top: 0px;}
	.single-place ul li:nth-last-child(1){  border-bottom: 0px solid #00000010; padding-bottom: 0px;}
	.single-place ul li::marker{font-family: 'IcoFont' !important;
		content: "\ed52"; color: #b7974f; font-size: 14px;  }

		.rera{position: fixed;

writing-mode: vertical-lr;
			text-align:center	;
			z-index: 1000;
		height: 100%;
			top: 0;
			right: 15px;
		}
		.rera span{
background-color: #b7974f;
padding: 10px 2px;
border-radius: 15px;

color: #fff;
		}


/*.testimonials-section*/

#testimonials .slick-initialized .slick-slide{text-align: center;}

.testimonials-section{
	padding:100px 0;
}
.client-image{
	padding-right:12px;
}
.testimonial-text{
	margin-left:-12px;
	padding-top:38px;
}
.testimonial-text h5{
	padding-top:17px;
}
.testimonial-text h5 small{
	font-weight:900;
	color:#b7974f;
	display:block;
	font-size:12px;
	padding-bottom:11px;
	text-transform:uppercase;
}

.buttonslide .slick-dots{
	text-align:center;
	margin-top:25px;
	position: absolute;
	width: 100%;
}
.buttonslide .slick-dots li {
	display:inline-block;
	margin:0 7px;
}

.buttonslide .slick-dots li button::before{ font-size: 18px !important; font-weight: 700;}
.buttonslide .slick-dots li:nth-child(1) button::before{content: 'Amenities / Gardens';}
.buttonslide .slick-dots li:nth-child(2) button::before{content: 'Modern Clubhouse';}
.buttonslide .slick-dots li button {
	border: none;
	padding: 15px 20px;
	border-radius:30px;
	font-size: 0px;
	background:#fff;
	box-shadow: 0px 0px 0px 3px #f1f1f1;
	color:#000000a6;

	transition:all .5s ease;
}
.buttonslide .slick-dots li.slick-active button {

	opacity:1;
	background: #b7974f;
	
	color:#ffffff;
}


.other-slide .slick-dots{
	text-align:center;
	margin-top:20px;
}
.other-slide .slick-dots li {
	display:inline-block;
	margin:0 4px;
}
.other-slide .slick-dots li button {
	height: 5px;
	width: 16px;
	font-size: 1px;
	border: none;
	background: #393d97;
	border-radius: 5px;
	color:#393d97;
	opacity:.2;
	transition:all .5s ease;
}
.other-slide .slick-dots li.slick-active button {
	width: 26px;
	opacity:1;
	background: #b7974f;
	color:#b7974f;
}

.other-slide .slick-slide img{display: unset; max-width: 1080px; width: 100%;}


/*.cta-section*/

.cta-section{
	background:url(../images/bg/cta.jpg) center center fixed;
	background-size:cover;
}
.cta-section.special{
	background:url(../images/bg/05.png), url(../images/Special-Attractions.jpg) center bottom fixed;
	background-size:3px 3px, cover;
}
.cta-section .overlay{
	padding:188px 0 200px;
}
.cta-section h2{
	color:#fff;
}
.cta-section h4{
	color:#fff;
	padding:14px 0 25px;
}


/*.footer-section*/


.footer-section{

	padding:80px 0;
	padding-bottom: 30px;
	background-color: #f9f9f9;

}


.contactdtls{
	display: grid;
	grid-template-columns:2fr 1fr 1fr;
	gap: 15px;
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #0000001a;
}
.contactdtls .citeams{
	padding: 20px; border-radius: 3px; background-color: #ffffff00;
	border: 1px solid #0000001a;
}
.contactdtls h4{font-weight: 700; color: #b7974f;}
.contactdtls .citeams p, .contactdtls .citeams a{padding-left: 15px; color: #777;}
.contactdtls a{display: block; margin-bottom: 5px;}
.contactdtls a:hover{color: #b7974f;}


.copyright-text{
	color:#777;
	line-height:50px;
	padding:15px 0;
	display:block;
}
.copyright-text a{
	color:#b7974f;
}
.copyright-text a:hover{
	color:#393d97;
}
.footer-logo{
	padding:15px 0;
	display:block;
}
.footer-logo img{
	max-width:400px;
	width: 100%;
}
.footer-links{
	padding:15px 0;
}
.footer-links li{
	display:inline-block;
	margin-left:30px;
}
.footer-links li a{
	display:inline-block;
	color:#777;
	line-height:50px;
}
.footer-links li a:hover{
	display:inline-block;
	color:#b7974f;
}


/*Magnific Popup Animation*/

.mfp-3d-unfold .mfp-content {
  perspective: 2000px;
}
.mfp-3d-unfold .mfp-with-anim {
  opacity: 0;
  transition: all 0.3s ease-in-out;
  transform-style: preserve-3d;
  transform: rotateY(-60deg);
}
.mfp-3d-unfold.mfp-bg {
  opacity: 0;
  transition: all 0.5s;
}
.mfp-3d-unfold.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: rotateY(0deg);
}
.mfp-3d-unfold.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-3d-unfold.mfp-removing .mfp-with-anim {
  transform: rotateY(60deg);
  opacity: 0;
}
.mfp-3d-unfold.mfp-removing.mfp-bg {
  opacity: 0;
}


/* gallerygrid */
.gallerygrid{
	display: grid;
	grid-template-columns: 24.42% 24.50% 51.08%;
}

.gallerygrid .galleryss:nth-child(3){
grid-column: 2 ;
grid-row: 2;
}
.gallerygrid .galleryss:nth-child(4){
	grid-column: 2 ;
	grid-row: 3;
	}
.gallerygrid .galleryss:nth-child(1){

	grid-row: 1 / 3 span;
	}

	.gallerygrid .galleryss:nth-child(5){
		grid-column: 3 ;
grid-row: 1 / 3 span;
	}

	.galleryss{
			padding:0.5px;
	}

 .galleryss img{
      width: 100%;
      height:100%;
	  object-fit: cover;
}

/*Coustom Media Query CSS*/
@media (max-width: 1025px){
	.room-features-texts{
		padding-top:20px;
	}
	.gallerys{display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		}

	.myfelx{
		display:block;
	}
	
	.self-center{ align-self: center;}

	.header-section .overlay {
		padding: 20px 0 80px;
	}
	.contactdtls{
		grid-template-columns:1fr 1fr ;
		gap: 10px;
	}

	.contactdtls .citeams:nth-last-child(1){
		grid-row: 2;
		grid-column: 1 / 3;
	}

	.room-features-section {
		padding: 80px 0;
	}
	.special {
		padding: 80px 0px;
	}
	.section-head {
		padding:80px 0 30px;
	}
	.gallery-section {
		padding-bottom: 0px;
	}
	.grid-container {
		margin-top: 40px;

		grid-template-columns: repeat(3, 1fr); /* 5 columns */
		gap: 10px; /* Gap between items */
	}

	.locatgrid {
		display: grid;
		grid-template-columns: 1fr 1fr; /* Three equal columns */
		grid-template-rows: auto auto auto auto; /* Three rows */
		gap: 15px;
	}

	.grid-item:nth-last-child(3){
		grid-column:unset;
	 }
	 .grid-item:nth-last-child(2){	grid-column: unset;}
	 .grid-item:nth-last-child(1){	grid-column: 2 span; }

	/* Place items in the grid */
	.single-place:nth-child(1) {
		grid-column: 1;
	}
	.single-place:nth-child(2) {
		grid-column: 2;
	}
	.single-place:nth-child(3) {
		grid-column: 1;
		grid-row: 2 / span 2;
	}

	.single-place:nth-child(4) {
		grid-column: 2 / 3;
		grid-row: 2;
	}
	
	.single-place:nth-child(5) {
		grid-column: 2 / 3;
		grid-row: 3;
	}


	body {
		padding-top: 69px;
	}
	.top-bar {
		padding: 0px 0;	
	}
	.navbar-brand img {
		width: auto;
		height: 68.13px;
		
	}
	.navbar-right{ padding-top: 0px !important;}
	.navbar-default .navbar-toggle{margin-top:18px;}


}


@media only screen and (min-width: 768px) and (max-width: 991px) {



	.parallax {
		background-attachment: scroll !important;
		background-position: center top !important;
		background-size: 3px 3px, cover !important;
        height: auto;
        margin: 0 auto;
        width: 100%;
        background-repeat: repeat, no-repeat;
	}
	.tab-center{
		text-align:center;
	}
	.tab-left{
		text-align:left;
	}
	.pt-30{
		padding-top:30px;
	}
	.nav > li {
		display: inline-block;
	}
	.testimonial-text{
		padding-top:20px;
	}
	.footer-links li {
		display: inline-block;
		margin-left: 20px;
	}
}

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

	.hidemobile{display: none;}
	.myfelx-2{flex-wrap: wrap;}

	.gallerygrid{
		grid-template-columns: 50% 50%;
	}
	
	    .gallerygrid .galleryss:nth-child(5) {
			grid-column: 1 / 3;
			grid-row: 4 / 2 span;
		}
    .grid-item:nth-last-child(1) {
        grid-column: 2;
    }

	.grid-container {
		margin-top: 40px;

		grid-template-columns: repeat(2, 1fr); /* 5 columns */
		gap: 10px; /* Gap between items */
	}

	.header-section.parallax {
		background-attachment: scroll !important;
		background-position: center top !important;
		background-size: 3px 3px, cover !important;
        height: auto;
        margin: 0 auto;
        width: 100%;
        background-repeat: repeat, no-repeat;

	}
	
	h1, .h1-like {
		font-size: 45px;
	}
	h2, .h2-like {
		font-size: 30px;
	}
	h3, .h3-like {
		font-size: 28px;
	}
	h4, .h4-like {
		font-size: 19px;
	}
	h5, .h5-like {
		font-size: 16px;
	}
	.mobile-left{
		text-align:left;
	}
	.mobile-center{
		text-align:center;
	}
	.pt-30{
		padding-top:30px;
	}
	.header-section .overlay{
		padding:50px 0;
	}
	.about-section {
		padding: 70px 0 130px;
	}

	.testimonials-section {
		padding: 80px 0 80px;
	}
	.testimonial-text {
		margin-left: 0;
	}
	.about-text ul li,
	.room-features-texts ul li	{
		width: 100%;

	}
	.footer-links li {
		margin: 0 10px;
	}

}

@media only screen and (max-width: 576px) {


	.gallerys{display: grid;
		grid-template-columns: 1fr 1fr;
		}
	.whatsappbutton{
	
		height: 40px;
		width: 40px;
		bottom: 20px;
		right: 20px;
		color: #fff;
		font-size: 18px;
		border: 1px solid #fff;
		box-shadow: 0px 0px 10px #0000001a;
	}

.rera span {
    font-size: 11px;
}
.rera {
    right: 5px;
}

	.contactdtls{
		grid-template-columns:auto;
		gap: 10px;
	}
	.contactdtls .citeams:nth-last-child(3){
		grid-row: 1;
		grid-column: 1 / 3;
	}
	.contactdtls .citeams:nth-last-child(2){
		grid-row: 2;
		grid-column: 1 / 3;
	}
	.contactdtls .citeams:nth-last-child(1){
		grid-row: 3;
		grid-column: 1 / 3;
	}
	.citeams{padding: 20px;}
	.project-layout .dwnloadbutton h3 a{    padding: 0px;
		width: 55px;
		height: 55px;
	}
	.project-layout .dwnloadbutton h3 {
		font-size: 16px;
	}
	.project-layout .dwnloadbutton {
	
		padding: 10px 0px;
	}
	.project-layout .dwnloadbutton h3 a .icofont-2x{font-size: 1.5em;}
	

	.header-texts{padding-top: 00px; padding-bottom: 25px;}
	.grid-container {
		margin-top: 30px;
	grid-template-columns: 1fr 1fr; /* 5 columns */
		gap: 5px; /* Gap between items */
	}
	.grid-item:nth-last-child(1) {
        grid-column: 2;
    }
	.locatgrid {
		display: grid;
		grid-template-columns: 1fr; /* Three equal columns */
		grid-template-rows: auto auto auto auto auto auto auto; /* Three rows */
		gap: 15px;
	}

	/* Place items in the grid */
	.single-place:nth-child(1) {
		grid-column: 1;
	}
	.single-place:nth-child(2) {
		grid-column: 1;
		grid-row: 2;
	}
	.single-place:nth-child(3) {
		grid-column: 1;
		grid-row: 3;
	}

	.single-place:nth-child(4) {
		grid-column:1;
		grid-row: 4;
	}
	
	.single-place:nth-child(5) {
		grid-column: 1 ; 
		grid-row: 5;
	}
	.single-place:nth-child(6){	grid-column: 1 ; 
		grid-row: 6;}

	.single-place:nth-child(7) {
		grid-column: 1; 
		grid-row:7;
	}


.locatgrid { display: grid; grid-template-columns: 1fr; }

	.mygrid{
		display: grid;
		grid-template-columns:auto;
		gap: 15px;
	
	}
	.buttonslide .slick-dots li button {
		padding: 8px 12px;
	
	}
	.floors-section {
		padding: 0px 0 70px;
		background-color: #f7f7f7;
	}
	.buttonslide .slick-dots li {
		margin: 0 2px;
	}
	.buttonslide .slick-dots li button::before {
		font-size: 13px !important;
		font-weight: 600;
	}
	.floors-section .container{
		padding: 15px;
		margin:0px 10px;
		padding-bottom: 25px;
	}
	.buttonslide .slick-dots {
        width: calc(100% + 30px);
		margin-left: -15px;
		margin-top: 10px;
	}
	.buttonslide .slick-dots li button{    box-shadow: 0px 0px 0px 3px #f7f7f7;}
	.about-section {
        padding:0px 0px 60px;
    }

	.other-slide .slick-dots li button {
		height: 5px;
		width: 16px;
		font-size: 1px;
		border: none;
		background: #393d97;
		border-radius: 5px;
		color:#393d97;
		opacity:.2;
		transition:all .5s ease;
	}

	
}

.thanks {
  display: none; /* hidden by default */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  background: rgba(0,0,0,0.5);
  z-index: 9999;
}

.thanks.active {
  display: flex; /* show when active */
}
.loader {
  display:none;
}
.loader.active {
  display:flex;
}