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

}


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

}


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

}

@media screen and (max-width: 1023px){
    .wc-container{padding: 0 var(--px-36)}
    .wc-section figure {padding: 0 var(--px-36);}
    .contact-form-section .img-box img{height: auto;}
}


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



@media screen and (max-width: 700px){
    .heading01 {font-size: var(--px-72);}
    .banner-section {padding-top: var(--px-96);}
    .nl-section .nl-container{grid-template-columns: 50% auto;}
    .wc-container{grid-template-columns: repeat(2, 1fr);}
    .wc-section figure{padding: var(--px-24)}
    .wc-section figure:nth-child(3){border-left: none;border-top: solid 1px var(--gray);}
    .wc-section figure:last-child{border-top: solid 1px var(--gray);}
    .footer .ft-top{padding-right: var(--px-20);}
    .show-menu{position: absolute;right: 0;width: var(--px-24);display: block;}
    .show-menu .c-menu{display: none;}
    .show-menu.active .s-menu{display: none;}
    .show-menu.active .c-menu{display: block;}
    .nav-bar{position: fixed;top: 0;bottom: 0;background-color: var(--golden);width: 80%;right: 0;padding: var(--px-44) var(--px-36);transform: translateX(100%);transition: transform .5s ease;}
    .nav-bar.active{transform: translateX(0);}
    .nav-bar ul{display: block;}
    .nav-bar ul li{padding: var(--px-24) 0;display: block;}
    .nav-bar ul li a{font-size: var(--px-20);}
    .show-sub-menu a{column-gap: var(--px-20);}
    .show-sub-menu i {width: var(--px-12);}
    .nav-bar ul li .sub-menu{position: static;transform: none;margin-top: 12px;display: none;visibility: visible;opacity: 1;}
    .nav-bar ul li .sub-menu.active{display: block;transform: none;}
    .nav-bar ul li .sub-menu li{padding: var(--px-12) 0;}
    .nav-bar ul li .sub-menu li a{padding: 0 var(--px-24);}
    .logo{width: 40%;}
    .header {padding: var(--px-12) 0;}
    .contact-form-section .img-box h1{top: calc(var(--px-84) * -1);}
    .location-row{grid-template-columns: auto 64%;column-gap: var(--px-48);}
    .pro-dlt-left{width: 100%;float: none;padding-right: 0;}
    .pro-dlt-wrap{display: block;}
    
    .pro-dlt-right{width: 100%;max-width: 360px;float: none;margin-top: var(--px-48); position: fixed; top: 50%; transform: translateY(-50%) !important; left: 0; right: 0; margin: 0 auto; width: 90%;z-index: 999;display: none;padding: var(--px-32) var(--px-24);}
    .pro-dlt-right .enq-form{width: 100%;}
    .pro-dlt-right .enq-logo{width: 26%;margin-bottom: var(--px-24);margin: 0 auto;display: block;}
    .identity-section .mid-container{display: block;}
    .identity-section .mid-container .img-box{display: none;}
    .cv-row{display: block;}
    .cv-row .cv-img{display: none;}
    .cv-row .cv-content{width: 60%;float: right;margin-top: 0;}
    #scrollPath{margin: 0;left: 3%;}
    .milestone-point{width: var(--px-80);height: var(--px-80);border: none;}
    .milestone-point.active .milestone-point-inner:before {width: var(--px-104);height: var(--px-104);}
    .milestone-point.active .milestone-point-inner:after {width: var(--px-140);height: var(--px-140);opacity: .3;}
    .milestone-point.active{background-color: transparent;}
    .milestone-point img{display: block;border-radius: 100%;}
    .milestones-container, .milestone{height: 250px;padding: 0;}
    .milestone-point.active:after, .milestone-point.active:before{content: none;}
    .first-milestone .milestone-point{left: 6%}
    .scnd-milestone .milestone-point{left: 14%}
    .trd-milestone .milestone-point{left: 7%}
    .frth-milestone .milestone-point{left: 5%}
    .fifth-milestone .milestone-point{left: 13%}
     .video-section{ background-image: none;padding: 0;}
    .video-section .container, .video-section .video-box{width: 100%;}
    .close-form{display: block;position: absolute;top: var(--px-16);right: var(--px-12);width: var(--px-24);}
	.newsletter-form input[type="submit"]{padding: 14px 22px !important;}
	.newsletter-form input[type="email"]{font-size: 9px !important;padding: 15px 8px !important;}
	.subscribe-section .sub-box .newsletter-form{grid-template-columns: auto var(--px-120);}


}


@media screen and (max-width: 479px){
    .project-detail-section .project-name{font-size: var(--px-44);}
    .heading01 {font-size: var(--px-36);line-height: 1.5;}
    .heading02{font-size: var(--px-36);margin-bottom: var(--px-12);}
    .banner-section, .contact-form-section{padding-top: var(--px-52);}
    .desk-banner{display: none;}
    .mob-banner{display: block;}
    .nl-section .nl-container {grid-template-columns: 1fr;row-gap: var(--px-24);}
    .pp-section .slick-list {margin: 0 calc(var(--px-12) * -1);}
    .pp-section figure {padding: 0 var(--px-12);}
    .wc-container{padding: 0;}
    .wc-section .mid-container{padding-bottom: var(--px-24);}
    .wc-section figure{padding: var(--px-12);text-align: center;}
    .wc-section figure .icon-box img{height: var(--px-48);}
    .sub-container{width: 90%;}
    .subscribe-section .sub-box{grid-template-columns: auto auto;}
    .subscribe-section .sm-container{padding: var(--px-60) 0;}
    .footer .ft-top{display: grid;grid-template-columns: 1fr;row-gap: var(--px-28);text-align: center;}
    .ft-logo-box a{margin: 0 auto;}
    .ft-contact-box .phone-span, .ft-contact-box .mail-span{display: inline-grid;}
    .ft-link-box ul {display: inline-grid;grid-template-columns: auto auto;}
    .footer p, .footer a {font-size: var(--px-16);}
    .cr-box{display: block;text-align: center;}
    .cr-box a{display: block;}
    .ft-social{width: 12px;}
    .contact-form-section .mid-container{grid-template-columns: 1fr;row-gap: var(--px-24);}
    .contact-form-section .img-box h1 {top: calc(var(--px-48) * -1);}
    .location-row{grid-template-columns: 1fr;padding: var(--px-32) var(--px-24);row-gap: var(--px-24);}
    .contact-banner img{height: 200px;object-fit: cover;}
    .project-list-container {width: 100%;}   
    .project-listing{padding-top: 0;} 
    .past-project-list-container{grid-template-columns: 1fr;}
    .tab-header button.active{padding: var(--px-20) var(--px-28);}
    .project-detail-section .tab-header button{padding: var(--px-12) var(--px-16);margin-right: 0;}
    .overview-row{padding: var(--px-32) var(--px-24);}
    .overview-container{grid-template-columns: repeat(2, 1fr);column-gap: var(--px-20);}
    .overview-container .usp-box{padding: var(--px-40) var(--px-20) var(--px-20) var(--px-20);}
    .dlt-head{padding: 0;}
    .dlt-location-row .golden-btn span{display: none;}
    .pro-hl-row{padding: var(--px-32) var(--px-24);grid-template-columns: 1fr;row-gap: var(--px-24);}
    .amenity-container {grid-template-columns: 1fr 1fr;gap: var(--px-16);}
    .amenity-container figure:nth-child(3n-1) {top: 0;}
    /* .amenity-container figure:nth-child(2n-1) {top: var(--px-24);} */
    
    .pro-dlt-right .enq-logo {width: 44%;}
    .amenity-container figure{font-size: var(--px-20);}
    .idnt-row{grid-template-columns: var(--px-52) auto;margin-top: var(--px-20);}
    .idnt-row i {font-size: var(--px-48);}
    .vision-section .msm-container {grid-template-columns: 1fr;row-gap: var(--px-80);}
    .vision-section figure{padding: var(--px-52) var(--px-24) var(--px-24) var(--px-24);}
    .vision-section figure .img-box{width: var(--px-88);}
    .mt-section .tm-row{display: block;margin-bottom: var(--px-36);}
     .mt-section .tm-row:last-child{margin-bottom: 0;}
    .mt-section .tm-row .img-box{width: 50%;margin: 0 auto var(--px-16);}
    .mt-section .tm-row .content-box{text-align: center;}
    .milestones-container, .milestone {height: 200px;}
    .milestone-point {width: var(--px-48);height: var(--px-48);}
    .milestone-point.active .milestone-point-inner:before {width: var(--px-64);height: var(--px-64);}  
    .milestone-point.active .milestone-point-inner:after {width: var(--px-84);height: var(--px-84);}
    #scrollPath{width: 30%;}
    
    .sticky-section .query-box img{width: var(--px-44);display: block;}
    .sticky-section .call-box img{margin-top: 5px; display: block; width: var(--px-44);}
    .tab-header{overflow: auto;}
    .tab-header .tab-inner-row{width: max-content;}
 

}