@media screen and (max-width: 1700px) {
   
}

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

}

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

}

@media screen and (max-width: 1023px){
    
}

@media screen and (max-width: 700px){
p{font-size: var(--px-24);}
.contact-info li{font-size: var(--px-24);}
.sub-title{font-size:var(--px-24);}
.footer-social img {width: var(--px-48);}
.contact-info img {width: var(--px-32);}
.facilities-section .facility-box {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: var(--px-12);
        width: 100%;
    }

.facilities-section .theme-btn {
    font-size: var(--px-24);
    padding: var(--px-22) var(--px-20);
    display: block;
    width: 100%;
}
    .facilities-section .theme-btn {
        width: 100%;
        text-align: center;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
     .experience-section{
        height:100vh;
    }

    .experience-section .heading02{
        top:15%;
        left:53%;
        right: auto;
        transform:translateX(-50%);
        width:100%;
        text-align:left;
        font-size:var(--px-56);
        line-height:1.1;
        padding:0 var(--px-20);
    }

/*     .experience-section img{
        object-fit:cover;
        transform:translateY(100%);
    } */
	.experience-section .desktop-img{display:none;}
	.experience-section .mobile-img{display:block;}
	.enquiry-form input, .enquiry-form select, .enquiry-form textarea {font-size: var(--px-20);}
	.checkbox {

		font-size: var(--px-20);}
	.checkbox input {margin-top:var(--px-24);}
	.banner-content .heading02 {
		font-size: var(--px-72);}
	.footer-bottom a {
    font-size: var(--px-24);
}
    
.privilege-item h3 {font-size: var(--px-32);}
.introduction-section .container {display: grid;grid-template-columns: 100%;background-color: #D8D7D6;}
.overview-grid{display:grid;grid-template-columns:repeat(2,1fr);}
.overview-grid .overview-card{text-align:center;}
.overview-grid .overview-card:last-child{grid-column:1 / -1;width:100%;text-align:center;padding-right: var(--px-10);}
.project-overview-section .overview-card {
    padding: var(--px-44) var(--px-56) var(--px-28) var(--px-28);}
    .banner-content {
    position: absolute;
    top: 33%;
    left: 42%;}
    .banner-content p {
    margin-left: var(--px-156);
    font-size: var(--px-24);}
.privileges-grid {
        display: grid;
        grid-template-columns: 48% 48%;
        gap: var(--px-40) var(--px-40);}
.privilege-item h3 {font-size: var(--px-32);}
.gallery-section .bottom-box {display: grid;grid-template-columns: 100%;margin-top: var(--px-132);}
.gallery-section .top-box {display: grid;grid-template-columns: 100%;}
.gallery-section .gallery-grid {display: grid;grid-template-columns: 100%;}
.plan-section {position: relative;padding: var(--px-56) 0 0 0;}
.solution-l-box {display: grid;gap: 1.4%;margin-top: var(--px-20);grid-template-columns: 100%;}
.developer-wrapper{display: grid;grid-template-columns: 100%;}
.footer-top{display:flex;flex-direction:column;align-items:flex-start;gap:var(--px-36);}
/*.privileges-section {*/
/*    padding: var(--px-100) 0 var(--px-76);*/
/*}*/
.footer-menu ul {
        display: grid;
        flex-wrap: wrap;
        column-gap: var(--px-80);
        justify-content: flex-start;
        grid-template-columns: auto auto auto;
        width: 100%;
        row-gap: var(--px-20);
    }
.footer-menu li {
    font-size: var(--px-24);}
.footer-contact{text-align:left;}
.contact-info{display:flex;flex-direction:column;align-items:flex-start;gap:var(--px-10);}
.contact-info li{margin-bottom:0;font-family: var(--inter);}
.footer-social{ width:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap: var(--px-18);margin-top:0;}
.footer-bottom {display: flex;align-items: flex-start;text-align: left;}
.footer-contact .site-address, p {margin-bottom: var(--px-32);}
.gallery-section .top-box .content-box {padding: var(--px-80) var(--px-48) var(--px-168) var(--px-108);}
.arrow-btn {top: 82%;right: 15%;}
.gallery-section .bottom-box .content-box {padding: var(--px-200) var(--px-80) var(--px-56) var(--px-160);}
.header .nav-menu a{
    display: block;
    width: 100%;
    font-size: var(--px-28);
    padding: var(--px-16) 0;
    border-bottom: 1px solid #ffffff5e;
}
.header .nav-menu{width: 100%;}
.experience-section img{
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: translateY(0);
}
.privileges-section .md-container{padding-bottom: var(--px-160);}
}







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

   
}