/*=================================Large Desktop=================================*/
@media (max-width:1400px){
	.dcb-hero h1{
		font-size:64px;
	}
}
/*=================================Desktop=================================*/
@media (max-width:1200px){
	.section-title{
		font-size:46px;
	}
	.featured-content{
		padding:45px;
	}
}
/*=================================Tablet=================================*/
@media (max-width:992px){
	.dcb-topbar{
        display:none;
    }
    .dcb-header{
        top:0;
        background:#fff;
    }
    .navbar-brand img{
        height:55px;
    }
    .navbar-nav{
        margin-top:20px;
    }
    .navbar-nav a{
        color:var(--dark);
        display:block;
    }
    .btn-book{
        margin:20px 0 0;
        display:inline-block;
    }
    .navbar-toggler{
        border:none;
        font-size:32px;
    }
	.dcb-hero{
        text-align:center;
    }
    .dcb-hero h1{
        font-size:52px;
    }
	.dcb-statistics{
        margin-top:40px;
    }
	.section-title{
        font-size:40px;
    }
	.road-line{
        display:none;
    }
    .road-card{
        margin-bottom:20px;
    }
	.featured-content{
        padding:40px 30px;
    }
    .project-features{
        grid-template-columns:1fr;
    }
    .featured-image img{
        min-height:320px;
    }
	.booking-process{
		grid-template-columns:repeat(2,1fr);
	}
	.booking-process::before{
		display:none;
	}
	.hero-buttons{
		justify-content:center;
	}
	.condo-content{
        text-align:center;
    }
    .condo-highlights{
        margin-top:30px;
    }	
}
@media(max-width:576px){
	.booking-process{
		grid-template-columns:1fr;
	}
	.gallery-grid{
		grid-template-columns:repeat(2,1fr);
	}
	.contact-info{
        margin-bottom:30px;
    }
	.cta-box{
        padding:45px 35px;
        text-align:center;
    }
	.hero-buttons{
		display:flex;
		flex-direction:column;
	}
	.hero-buttons a{
		width:100%;
	}
}
/*=================================Mobile Landscape=================================*/
@media (max-width:768px){
	.purpose-card{
        padding:35px;
    }
    .purpose-card h3{
        font-size:30px;
    }
	.why-card{
        padding:28px 20px;
    }
    .why-icon{
        width:70px;
        height:70px;
    }
    .why-icon i{
        font-size:30px;
    }
	.plan-feature{
		padding:24px 15px;
	}

	.plan-feature i{
		font-size:30px;
	}
	.investment-item{
		gap:15px;
	}
	.investment-item i{
		width:50px;
		height:50px;
		font-size:22px;
	}
	.payment-process{
		flex-direction:column;
		align-items:center;
	}
	.process-step{
		max-width:100%;
	}
	.gallery-grid{
		grid-template-columns:1fr;
		grid-auto-rows:250px;
	}
	.gallery-item.large{
		grid-row:span 1;
	}
	 .contact-info,.contact-form{
        padding:25px;
    }
    .contact-item{
        gap:15px;
        margin-bottom:20px;
    }
    .contact-item i{
        width:48px;
        height:48px;
        font-size:20px;
    }
    .contact-map iframe{
        height:320px;
    }
	.dcb-cta{
        padding:60px 0;
    }
    .cta-box{
        padding:35px 25px;
    }
    .cta-title{
        font-size:30px;
    }
    .cta-text{
        margin-bottom:25px;
    }
    .btn-light-custom,.btn-outline-light-custom{
        width:100%;
        justify-content:center;
        margin:8px 0;
    }
	.condo-content h3{
        font-size:34px;
    }
    .condo-highlights{
        grid-template-columns:1fr;
    }
    .condo-cta{
        padding:40px 25px;
    }
    .condo-cta h3{
        font-size:32px;
    }
    .condo-cta p{
        font-size:18px;
    }
}
/*=================================Mobile=================================*/
@media (max-width:576px){
	.preloader-title{
        font-size:32px;
    }
    .preloader-logo{
        width:70px;
    }
    .preloader-content{
        width:280px;
    }
	.dcb-hero h1{
        font-size:40px;
    }
    .dcb-hero p{
        font-size:16px;
    }
    .btn-primary-custom,.btn-outline-custom{
        display:block;
        margin:15px 0;
    }
	.stat-card{
        padding:30px 20px;
    }
    .stat-number{
        font-size:34px;
    }
	.section-padding{
        padding:80px 0;
    }
    .section-title{
        font-size:34px;
    }
	.featured-content h3{
        font-size:34px;
    }
    .featured-content{
        padding:30px 20px;
    }
}
/* ========================================================= BOARD OF DIRECTORS - RESPONSIVE ========================================================= */
@media (max-width: 1199px) {
    .director-image {
        height: 350px;
    }
    .director-content {
        padding: 26px 24px 30px;
    }
    .director-content h3 {
        font-size: 1.85rem;
    }
}
@media (max-width: 991px) {
    .dcb-board {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .director-image {
        height: 360px;
    }
    .director-content h3 {
        font-size: 1.8rem;
    }
    .director-content p {
        font-size: 0.86rem;
    }
}
@media (max-width: 767px) {
    .dcb-board {
        padding-top: 65px;
        padding-bottom: 65px;
    }
    .dcb-board::before {
        width: 280px;
        height: 280px;

        top: -130px;
        left: -130px;
    }
    .dcb-board::after {
        width: 250px;
        height: 250px;

        bottom: -130px;
        right: -100px;
    }
    .director-card {
        max-width: 430px;
        margin-left: auto;
        margin-right: auto;

        border-radius: 16px;
    }
    .director-image {
        height: 380px;
    }
    .director-content {
        padding: 25px 22px 28px;
    }
    .director-content h3 {
        font-size: 1.75rem;
    }
    .director-content p {
        font-size: 0.85rem;
        line-height: 1.75;
    }
    .director-overlay {
        opacity: 1;
        transform: none;
        padding: 18px;
    }
    .director-socials a {
        width: 36px;
        height: 36px;
    }
}
@media (max-width: 575px) {
    .dcb-board {
        padding-top: 55px;
        padding-bottom: 55px;
    }
    .director-card {
        max-width: 100%;
    }
    .director-image {
        height: 340px;
    }
    .director-content {
        padding: 23px 18px 26px;
    }
    .director-position {
        font-size: 0.66rem;
        letter-spacing: 1.7px;
    }
    .director-content h3 {
        font-size: 1.65rem;
    }
    .director-content p {
        font-size: 0.82rem;
        line-height: 1.7;
    }
    .director-line {
        margin-top: 18px;
    }
}
@media (max-width: 375px) {
    .director-image {
        height: 300px;
    }
    .director-content h3 {
        font-size: 1.5rem;
    }
    .director-content {
        padding-left: 15px;
        padding-right: 15px;
    }
}