@charset "utf-8";
/* CSS Document */

@media only screen and (max-width : 1920px) {
	
}

@media only screen and (max-width : 1680px) {
	/*start Banner Css*/
	/*.carousel-caption {top: 20%;left: 9.2%;}
	.carousel-caption h5 {font-size: 52px;line-height: 50px;}
	.carousel-caption p {font-size: 22px;}*/
	.carousel-inner .carousel-item .carousel-caption h5 {font-size: 50px;line-height: 60px;}
	.carousel-inner .carousel-item .carousel-caption p {font-size: 30px;line-height: 36px;}
	
	/*End Banner Css*/
	
	
	
}

@media only screen and (max-width : 1572px) {
    
}

@media only screen and (max-width : 1536px) {
.owl-1 .owl-nav .owl-prev {left: -25px;}	
.carousel-indicators {bottom: 0;}
}

@media only screen and (max-width : 1440px) {
	/* Header css start */
	.header-top-padding {padding: 10px 50px;}
	/* Header css end */

	.nav-pd {padding: 0px 100px;}
	
	.navbar .dropdown ul {width:263px !important;}
	.navbar .dropdown ul a{font-size:17px !important;}

	.inner-banner .bg-grey-img{display: block;}
	
}

@media only screen and (max-width : 1399px) {

	.heade-border-bottom{gap: 20px;}
	.contact-link {padding: 8px 30px !important;}


	.contact-bt{margin-left:20px;}
	.logo{width: 100%;}
	.navbar a, .navbar a:focus{padding-left:10px !important;padding-right:10px !important;font-size: 17px !important;}
	.navbar .dropdown ul {padding: 10px 10px 10px !important;}

	.accordion-slider .item h3{font-size: 25px;}
	.accordion-slider .item p{font-size: 17px;}


}

@media only screen and (max-width : 1366px) {
/* Header css start */
.header-top-padding {padding: 10px 50px;}
/* Header css end */
.owl-1 .owl-nav .owl-prev {left: -25px;}
.owl-1 .owl-nav .owl-next {right: -25px;}
.owl-2 .owl-nav .owl-prev {right: 100px;}
.owl-2 .owl-nav .owl-next {right: 50px;}
.owl2-slider-width {margin-left: calc((108% - 1320px)/ 2);}
.abou-img-mt {margin-top: 0rem;}
.about-min p {line-height: 28px;}
.about-min .ab-box-text p {font-size: 18px;line-height: 28px;}

	

	
}

@media only screen and (max-width : 1360px) {

}

@media only screen and (max-width : 1300px) {
	
}

@media only screen and (max-width : 1232px) {

}

@media only screen and (max-width : 1280px) {
	.section-space-top-100{padding-top:80px;} 
	.section-space-bottom-100{padding-bottom:80px;}
}

@media only screen and (max-width : 1220px) {


}


@media only screen and (max-width : 1200px){
.number-stack {justify-content: center;}
.p-2-detail {font-size: 36px; line-height: 36px;}
.tab-width {text-align: center;}
.about-title {font-size: 40px; margin: 0;}
.about-title span {font-size: 50px;}


}

@media only screen and (max-width : 1199px){
	.heade-border-bottom {gap: 10px;}

.inner-banner .bg-grey-img {background: linear-gradient(90deg, #00000090, transparent); width: 60%;}

	.carousel-inner .carousel-item .carousel-caption h5 {font-size: 30px;line-height: 36px;}
	.carousel-inner .carousel-item .carousel-caption hr {border-top: 3px solid;}
	.carousel-inner .carousel-item .carousel-caption p {font-size: 20px;line-height: 27px; }

/*****sticky scroll start*****/
#navbar-sticky-pro .container { overflow-x: auto; overflow-y: hidden; scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; touch-action: pan-x; }
#navbar-sticky-pro .container::-webkit-scrollbar { display: none; }
#navbar-sticky-pro .nav { flex-wrap: nowrap; white-space: nowrap; width: max-content; }
#navbar-sticky-pro .nav-link { white-space: nowrap; }

/*****sticky scroll end*****/

.grid6 {grid-template-columns: repeat(4, 1fr);}



/***tab-wrapper hide start***/
.splendora-III-villa .tab-wrapper.tab-wrapper-setting .prev-btn,
.splendora-III-villa .tab-wrapper.tab-wrapper-setting .next-btn{display:block;}

.splendora-III-villa  .tab-wrapper.tab-wrapper-setting .amenities-tab {width: calc(100% - 120px);}
/***tab-wrapper hide end***/


}


@media only screen and (max-width: 1173px) {
  
}

@media only screen and (max-width: 1153px) {
.accordion-slider li { transition: all 500ms ease; flex: 1; height: 500px; position: relative; cursor: pointer; overflow: hidden; }
.accordion-slider li img { display: block; transition: all 500ms ease; object-fit: cover; height: 100%; width: auto; }
.accordion-slider .content h3, .accordion-slider .content p { opacity: 0; }
.accordion-slider .project-vertical-name { opacity: 1; }

}

@media (max-width: 1080px) {

}

@media only screen and (max-width : 1024px) {
.p-2-detail {font-size: 28px; line-height: 28px;}

}

@media (max-width: 993px) {
	
	/*.slider {margin-top: 20px !important;}*/
	.carousel-inner .carousel-item .carousel-caption h5 {font-size: 26px;line-height: 32px;}
	.carousel-inner .carousel-item .carousel-caption p {font-size: 20px;line-height: 26px;}
	.owl-1 .owl-nav .owl-next {right: 0px;}
	.owl-1 .owl-nav .owl-prev {left: 0px;}
	.owl-1 .owl-nav .owl-next span, .owl-1 .owl-nav .owl-prev span {color: #fff;background-color: #0089ce;border-radius: 100%;text-align: center;width: 35px;height: 35px;line-height: 35px;font-size: 18px;padding-left: 3px;}
	.owl-1 .owl-dots {display: none;}

	/***tab-wrapper hide start***/
	.splendora-kings-villa .tab-wrapper.tab-wrapper-setting .prev-btn,
	.splendora-kings-villa .tab-wrapper.tab-wrapper-setting .next-btn{ display:block;}

	.splendora-kings-villa .tab-wrapper.tab-wrapper-setting .amenities-tab {width: calc(100% - 120px);}

	/***tab-wrapper hide end***/

	.inner-banner .bg-grey-img {background: linear-gradient(90deg, #000000bb, transparent); width: 60%;}
}

@media only screen and (max-width : 991px){
	.navbar .site-logo a {padding-left: 0px !important;}
	
	/* .carousel-control-next, .carousel-control-prev {width: 0% !important;}
	.carousel-control-next {right: 30px;}
	.carousel-control-prev {left: 30px;} */

	.about-title span{margin-bottom:15px;}

	.nav-btn{width:46px; height:46px;}

	.number-stack{flex-wrap:nowrap !important;}

	.slide-content{width:280px; padding:1.2rem;}
	.slide-content h2{font-size:26px;}
	.slide-content p{font-size:17px; max-width:100%;}

	.filter-menu button { border-radius: 0px; padding: 8px 15px; font-size: 18px; font-weight: 500; border: 0px solid #222; background: transparent; color: #222; transition: 0.3s; }
	
	.grid6 { grid-template-columns: repeat(3, 1fr); }
	
	.f-add .address br { display: contents; }

}

@media only screen and (max-width : 768px){
.accordion-slider li img { width: inherit; height: 100%; }
.accordion-slider .content h3, .accordion-slider .content p { opacity: 1; }
.accordion-slider .item h3 { font-size: 20px; padding: 0; }
.accordion-slider .project-vertical-name { opacity: 1; display: none; }
.accordion-slider:hover .item h3, .accordion-slider:hover .item p { opacity: 1; transition: opacity 0.3s ease; }
.accordion-slider .item p { font-size: 15px; }


	
}

@media only screen and (max-width:767px) {

	.padding-top { padding-top: 60px; }
	.padding-bottom { padding-bottom: 60px; }


	.section-space-top-100{padding-top:60px;} 
	.section-space-bottom-100{padding-bottom:60px;}

	

	#navbar-sticky-pro {padding: 10px 0px;}

	

	.owl-2 .owl-nav .owl-next { right: 5% !important; }
	.owl-2 .owl-nav .owl-prev { right: 15% !important; }
	.owl-2 .owl-nav { top: -10% !important; }
	
	/* .banner .w-100 { height: 200px; object-fit: cover; object-position: bottom; } */

	.about-title{font-size: 30px; margin: 0;}
	.about-title[aria-label="Get in touch"] {text-align: left;}
	.about-title span{font-size: 40px;}
	.about-35{font-size: 25px;}
	
	.number-stack:nth-child(2 of .vr) { display: none; }
	.numbers-section .vr { display: none; }
	.tab-width { text-align: center; width: 50%; padding: 30px !important; }
	.number-stack { justify-content: center; border: 1px solid; position: relative; gap: 0px !important; flex-wrap: wrap !important;}
	.number-stack:after { content: ""; width: 100%; position: absolute; height: 1px; background: #000000; top: 50%; }
	.number-stack:before { content: ""; width: 1px; position: absolute; height: 100%; background: #000000; top: 0; }
	.number-stack span br { display: contents; }
	.p-2-detail { font-size: 36px; line-height: 36px; }
	.p-2-detail span {font-size: 18px;}
	
	/* .slide-content { padding: 1rem; } */
	.slider-btn-container{gap:10px;}
	.slide-content{padding:.5rem .7rem; width: max-content;}
	.slide-content h2{font-size:18px;}
	.slide-content p{font-size:15px; display:none;}

	.careers-cards .selects{display: flex; gap: 15px; flex-wrap: wrap; row-gap: 0;}

	.footer-links{column-gap: 25px; row-gap:15px;}

	.sitemap .footer-links { margin-top: 0; padding: 0px; }

	.bt-msm { border-top: 1px solid #ccc; margin-top: 20px; padding-top: 20px; }
	.li-50 .f-link { width: 100%; }
	.li-50 { margin-bottom: 0px; }

}


@media only screen and (max-width : 680px){
.p-2-detail { font-size: 30px; line-height: 30px; }
.p-2-detail br{display: contents;}

.copyright-main{display:block !important;}
.copyright{margin:0 auto 20px;}
.social-icons{margin:0 auto;}


.footer-links{padding: 0 20px;}

}

@media only screen and (max-width : 590px){

}

@media only screen and (max-width : 575px){
.read-more{margin: 0px;}
.tab-width{text-align: center; width:100%; padding:30px !important;}

.numbers-section .vr{display:block; height:100%; border-bottom:1px solid; width:70%; background:none;}
.numbers-section .vr:before{top:100%; left:50%;}
.number-stack:before, .number-stack:after{display:none;}

.f-add .address br{display:block;}

}

@media only screen and (max-width : 535px){

.grid6 {grid-template-columns: repeat(2, 1fr);}
.filter-menu{gap: 5px;}
.filter-menu button {padding: 6px 10px; font-size: 16px;}
}

@media only screen and (max-width : 480px){
.section-space-top-100 { padding-top: 40px; }

.anchor { display: block; position: relative; top: -40px; visibility: hidden; }

	
}

@media only screen and (max-width : 425px){

}

@media only screen and (max-width : 410px){

}

@media only screen and (max-width : 390px){
.about-title {font-size: 28px; margin: 0;}
}

@media only screen and (max-width : 375px){
.about-title {font-size: 26px; margin: 0;}
}

@media only screen and (max-width : 320px){

}