@media screen and (min-width: 1536px) and (max-width: 1920px) {

}
@media screen and (min-width: 1336px) and (max-width: 1535px) {
    .sec-5 .rooms-gallery-slider {
	    min-height: 365px !important;
	}

}

@media screen and (min-width: 768px) and (max-width: 1335px) {
    .sec-5 .rooms-gallery-slider {
	    min-height: 365px !important;
	}


}


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

    /* Logo stays at top */
    .hero-header .logo{
        position: absolute;
        top: 20px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 10;
    }

    /* Enquire button */
    .hero-header .enq-btn{
        position: absolute;
        left: 20px;
        bottom: -594px; /* adjust according to banner height */
        z-index: 9999;
    }

    /* Book now button */
    .hero-header .book_now-btn{
        position: absolute;
        right: 20px;
        bottom: -594px; /* adjust according to banner height */
        z-index: 9999;
    }

	.custom-btn {
        padding: 12px 36px !important;
        font-size: 14px !important;
    }

    .hero-content {
	    height: calc(100vh - 120px);
	    padding: 0 6px 30px !important;
	    position: relative;
	    z-index: 0 !important; 
	}

    .sec-2 {
        padding: 60px 0 20px 0 !important;
    }

    .sec-3 {
        padding: 40px 0 0 0 !important;
    }

    .sec-4{
        padding:30px 0 0 0 !important;
    }

    .sec-5{
        padding:30px 0 0 0 !important;
    }

    .sec-6{
        padding:20px 0 0 0 !important;
    }

    .sec-7{
        padding:30px 0 0 0 !important;
    }

    .sec-8{
        padding:30px 0 50px 0 !important;
    }

	.sec-4 .estate-image {
		height: 84% !important;
	}

	.sec-5 .spaces-slider{
        min-height: 269px !important;
    }

    .sec-5 .rooms-gallery-slider{
        min-height: 269px !important;
    }

    .sec-5 .rooms-gallery-dots{
    	bottom: 44px !important;
    }

    .sec-5 .spaces-dots{
    	bottom: 44px !important;
    }

	.sec-7 .experience-tabs .nav-link{
        font-size: 12px !important;
        font-weight: 800 !important;
    }

    .sec-7 .experience-image img{
        display: none;
    }
	
    .sec-7 .experience-list{
        gap: 4px 40px !important;
        padding: 30px 0 30px 0 !important;
    }

    .sec-7 .experience-list li::before{
        width: 15px !important;
        height: 15px !important;
        top: 6px !important;
    }

    .sec-7 .experience-list li{
        font-size: 18px !important;
        line-height: 26px !important;
    }

    .sec-7 .rev-gap-list{
        margin-top: -120px;
    }


}

@media screen and (min-width: 425px) and (max-width: 767px) {
	.hero-section {
	    position: relative;
	    height: 76vh !important;
	    overflow: hidden;
	    color: #fff;
	}

	.sec-3 .section-title{
		font-size: 30px !important;
		line-height: 39px !important;
	}

	.sec-4 .section-title{
		font-size: 30px !important;
		line-height: 39px !important;
	}

	.sec-5 .section-title{
		font-size: 30px !important;
		line-height: 39px !important;
	}

	.sec-6 .section-title{
		font-size: 30px !important;
		line-height: 39px !important;
	}

	.sec-7 .section-title{
		font-size: 30px !important;
		line-height: 39px !important;
	}

    .contact h2 {
        font-size: 30px !important;
        padding-top: 20px;
    }
}

@media screen and (min-width: 391px) and (max-width: 500px) {
    .sec-7 .experience-card {
        min-height: 418px !important;
    }
}

@media screen and (min-width: 375px) and (max-width: 390px) {
	.hero-section {
	    position: relative;
	    height: 84vh !important;
	    overflow: hidden;
	    color: #fff;
	}

    .sec-7 .experience-card {
        min-height: 465px !important;
    }

}

@media screen and (min-width: 320px) and (max-width: 374px) {
	.hero-section {
	    position: relative;
	    height: 80vh;
	    overflow: hidden;
	    color: #fff;
	}

	/* Enquire button */
    .hero-header .enq-btn{
        position: absolute;
        left: 8px !important;
        bottom: -521px; /* adjust according to banner height */
        z-index: 9999;
    }

    /* Book now button */
    .hero-header .book_now-btn{
        position: absolute;
        right: 8px !important;
        bottom: -521px; /* adjust according to banner height */
        z-index: 9999;
    }

    .cuisine-card img {
        height: 175px !important;
    }

    .sec-3 .section-title {
        font-size: 28px !important;
        line-height: 36px !important;
    }

    .sec-4 .section-title {
        font-size: 28px !important;
        line-height: 36px !important;
    }

    .sec-5 .section-title {
        font-size: 28px !important;
        line-height: 36px !important;
    }

    .sec-6 .section-title {
        font-size: 28px !important;
        line-height: 36px !important;
    }

    .sec-7 .section-title {
        font-size: 28px !important;
        line-height: 36px !important;
    }

    .sec-7 .experience-card {
        min-height: 465px !important;
    }

    .contact h2 {
        font-size: 28px !important;
        padding-top: 20px;
    }


}