@media (max-width:2200px){
 
}

@media (max-width:1920px){
    .introducing-left p{max-width: 534px;}
  .masterplan h2{font-size: 40px;line-height: 50px;}
     .masterplan h2 span{font-size: 40px;line-height: 50px;}
   .banner-content img{width: 600px;}
    .banner-content a{font-size: 18px;line-height: 28px;}
    .creators-left p{max-width: 586px;}
    .elegance-left p{max-width: 659px;}
    .spire-left p{max-width: 558px;}
    .location-right p{max-width: 618px;}
   .acres ul li h2 {font-size: 75px;line-height: 80px;margin: 0;}
    .header-center a img{width: 220px;}
    .banner-content img{width: 600px;}
    .introducing-left h2, .introducing-left h2 span, .location-right h2, .location-right h2 span, .elegance-left h2, .elegance-left h2 span, .amenities h2, .amenities h2 span, .gallery h2, .convenience-meets h2, .creators-left h2 span, .request h2, .request h3, .spire-left h2, .spire-left h2 span {font-size: 65px;line-height: 67px;padding: 0px 0 5px;margin: 0;}
    .request img{width: 70px; 
    margin-top: 25px;}
}


@media (max-width:1800px){
     .masterplan h2{font-size: 40px;line-height: 50px;}
     .masterplan h2 span{font-size: 40px;line-height: 50px;}
    .container{padding: 0 10px;}
    .section-in{max-width: 85%;}
    .introducing-right img{max-width: 300px;}
    .introducing-left span, .location-right span{padding: 0 0 30px;}
    .acres ul li h2{
    font-size: 70px;
    line-height: 72px;
}
    .masterplan h3{font-size: 50px;line-height: 55px;}
    
    .banner-content img{width: 800px;}

    .spire-left p{}
    .acres{}
    .nav a{font-size: 35px;}
        .slick-prev:before{font-size: 45px;width: 60px !important;height: 60px !important;line-height: 60px;}
    .slick-next:before{font-size: 45px;width: 60px !important;height: 60px !important;line-height: 60px;}
       .masterplan .slick-prev:before{font-size: 45px;width: 60px !important;height: 60px !important;line-height: 60px;}
     .masterplan .slick-next:before{font-size: 45px;width: 60px !important;height: 60px !important;line-height: 60px;}
    .amenities-main ul li img, .gallery-main ul li img, .convenience-meets-main ul li img{height: 300px;}
    .convenience-meets h4{padding: 5px 0;margin: 0 0 10px;}
    .convenience-meets span{font-size: 40px;line-height: 50px;}
    .creators-left p{}
    .education ul li h3{font-size: 35px;line-height: 85px;}
    .education ul li p{font-size: 20px;line-height: 40px;}
    .amenities h2{}
}

@media (max-width:1680px){
    .amenities p{max-width:468px;}
    .spire-left img{width:360px;}
    .introducing-left p{max-width: 348px;}
    .masterplan h2{font-size: 40px;line-height: 50px;}
     .masterplan h2 span{font-size: 40px;line-height: 50px;}
   .banner-content img{width: 600px;}
    .banner-content a{font-size: 18px;line-height: 28px;}
    .creators-left p{max-width: 379px;}
    .elegance-left p{max-width: 364px;}
    .spire-left p{max-width: 360px;}
    .location-right p{max-width: 402px;}
   .acres ul li h2 {font-size: 75px;line-height: 80px;margin: 0;}
    .header-center a img{width: 220px;}
    .banner-content img{width: 600px;}
    .introducing-left h2, .introducing-left h2 span, .location-right h2, .location-right h2 span, .elegance-left h2, .elegance-left h2 span, .amenities h2, .amenities h2 span, .gallery h2, .convenience-meets h2, .creators-left h2 span, .request h2, .request h3, .spire-left h2, .spire-left h2 span {font-size: 65px;line-height: 67px;padding: 0px 0 5px;margin: 0;}
    .header-rt ul li:first-child a{width: 180px;height: 40px;line-height: 40px;}
        .header-lt ul li:first-child a img, .header-rt img{width: 40px;}
    .introducing-left span, .location-right span {font-size: 13px;line-height: 17px;padding: 0 0 40px;}
    .introducing-left p, .location-right p, .spire-left p, .elegance-left p, .creators-left p {font-size: 13px;line-height: 23px;}
    .introducing-right img{max-width: 250px;}
    .acres ul li span{font-size: 20px;padding: 5px 0 0 0;line-height: 18px;}
    .masterplan h3, .creators-left h2{font-size: 40px;}
    .amenities p{font-size: 15px;line-height: 25px;padding: 0 0 40px;}
    .slick-prev:before{font-size: 45px;width: 60px !important;height: 60px !important;line-height: 60px;}
    .slick-next:before{font-size: 45px;width: 60px !important;height: 60px !important;line-height: 60px;}
    .convenience-meets span{font-size: 30px;line-height: 40px;}
    .convenience-meets h4, .collaboration h2{font-size: 25px;}
    .convenience-meets p, footer p{font-size: 13px;line-height: 25px;}
    .addres_boxs p{
        font-size:13px ;
    }
    .request form a{width:90px;}
    .footer-middle a{font-size: 40px;line-height: 20px;margin: -30px !important;}
    .gallery p{font-size: 20px;}
    .spire-left{padding: 0 0 0 60px;}
    .acres ul li h2 {
    font-size: 75px;
    line-height: 87px;
}
    .acres{
    padding: 60px 80px;
}
    .elegance-left p{padding: 0;}
    .footer-top{padding: 5px 0 0px 0px!important;}
    .masterplan h3{padding:0 0 30px;}
      .request h3{font-size:50px;}
      .amenities ul li p{font-size:15px;}
}
@media (max-width: 1400px){ 
    .introducing-left p{max-width:350px;}
       .spire-left img{width: 363px;}
    .creators-left p{max-width: 379px;}
    .elegance-left p{max-width: 364px;}
    .spire-left p{max-width: 363px;}
    .location-right p{max-width: 402px;}
   .acres ul li h2 {font-size: 75px;line-height: 80px;margin: 0;}
    .header-center a img{width: 220px;}
    .banner-content img{width: 600px;}
    .introducing-left h2, .introducing-left h2 span, .location-right h2, .location-right h2 span, .elegance-left h2, .elegance-left h2 span, .amenities h2, .amenities h2 span, .gallery h2, .convenience-meets h2, .creators-left h2 span, .request h2, .request h3, .spire-left h2, .spire-left h2 span {font-size: 65px;line-height: 67px;padding: 0px 0 5px;margin: 0;}
    .header-rt ul li:first-child a{width: 180px;height: 40px;line-height: 40px;}
        .header-lt ul li:first-child a img, .header-rt img{width: 40px;}
    .introducing-left span, .location-right span {font-size: 13px;line-height: 17px;padding: 0 0 40px;}
    .introducing-left p, .location-right p, .spire-left p, .elegance-left p, .creators-left p {font-size: 13px;line-height: 23px;}
    .introducing-right img{max-width: 250px;}
  
  
    .masterplan .slick-prev{left: -70px;}
    .slick-prev{
    left: -45px;
}
        .amenities p {
        font-size: 15px;
        line-height: 21px;
        padding: 0 0 30px;
    }

.footer-middle a {
    font-size: 40px;
}

    .slick-next{
    right: -45px;
}
    .amenities-main ul li img, .gallery-main ul li img, .convenience-meets-main ul li img{height: 250px;object-fit: cover;}
    .convenience-meets h4, .collaboration h2{font-size: 21px;}
    .slick-prev:before{font-size: 35px;width: 40px !important;height: 40px !important;line-height: 40px;}
    .masterplan .slick-prev:before{font-size: 35px;width: 40px !important;height: 40px !important;line-height: 40px;}
    .masterplan .slick-next:before{font-size: 35px;width: 40px !important;height: 40px !important;line-height: 40px;}
    .slick-next:before{font-size: 35px;width: 40px !important;height: 40px !important;line-height: 40px;}
    .masterplan h3, .creators-left h2 {font-size: 45px;line-height: 55px;padding: 0px 0 0px;}
    .request img{width: 50px;}
    .footer-top-center img{width: 250px;}
    .footer-btm-center a i{font-size: 18px;}
    .creators:after {top: -165px; width: 194px;height: 382px;background-size: 100%;}
    .footer-in p{padding: 10px 0;}
    .masterplan h2{font-size: 30px;line-height: 40px;}
    .masterplan h2 span{font-size: 30px;line-height: 40px;}
    .acres ul li span{}
    .spire-right {padding: 0 0px 0 40px;}
    .request h2, .request h2 span{padding:0;margin: 0;}
     .masterplan h3{padding: 0 0 20px;}
     .request h3{font-size:50px;}
     
}
@media (max-width:1350px){
    .education ul li h3{font-size: 25px;line-height: 75px;}
    .amenities-main ul li {padding: 0 0px 0 20px;}
    .spire-left img{width:300px;}
}
@media (max-width:1250px){
 .introducing-left h2, .introducing-left h2 span, .location-right h2, .location-right h2 span, .elegance-left h2, .elegance-left h2 span, .amenities h2, .amenities h2 span, .gallery h2, .convenience-meets h2, .creators-left h2 span, .request h2, .request h3, .spire-left h2, .spire-left h2 span{font-size: 57px;
    line-height: 67px;}
    .introducing-left img{width:420px;}
}
@media (max-width:1200px){
   
    .masterplan h3, .creators-left h2{font-size:30px;line-height:32px;}
    .elegance-left img{width:193px;}
    .location-right img{width:256px;}
    .introducing-left img{width:404px;}
    .amenities-left img{width:188px;}
    .gallery-head img{width:170px;}
    .creators-left img{width:265px;}
    .introducing-left h2, .introducing-left h2 span, .location-right h2, .location-right h2 span, .elegance-left h2, .elegance-left h2 span, .amenities h2, .amenities h2 span, .gallery h2, .convenience-meets h2, .creators-left h2 span, .request h2, .request h3, .spire-left h2, .spire-left h2 span {font-size: 55px;line-height: 57px;padding: 0 0 10px;}
    
   .footer-btm-center ul li{padding: 0 5px;}
    header{padding: 20px 30px;}
    .introducing{padding: 150px 30px;}
    .spire{padding: 100px 30px;}
    .elegance{padding: 100px 30px;}
    .elegance-left{padding: 0;}
    .amenities{padding: 100px 30px 100px;}
    .gallery{padding: 100px 30px;}
    .creators{padding: 100px 30px;}
    .collaboration{padding: 100px 30px;}
    footer{padding: 100px 30px;}
    .masterplan{padding: 100px 30px;}
}
@media (max-width:1199px){
    
}
@media (max-width:1024px){
   
   
    
}
@media (max-width:991px){
    .gallery-head img{width:110px;}
    .introducing-left img {width: 220px;}
    .location-right img{width:140px;}
    .elegance-left img{width:106px;}
    .amenities-left img{width:101px;}
    .request-head img{width:205px !important;}
    .header-rt{padding: 0;}
    .header-lt ul li:nth-child(2) img{width: 145px;}
.introducing-left h2, .introducing-left h2 span, .location-right h2, .location-right h2 span, .elegance-left h2, .elegance-left h2 span, .amenities h2, .amenities h2 span, .gallery h2, .convenience-meets h2, .creators-left h2 span, .request h2, .request h3, .spire-left h2, .spire-left h2 span {font-size: 30px;line-height: 40px;padding: 0 0 5px;}
   .header-rt ul li:first-child a { width: 128px;height: 40px;line-height: 40px;font-size: 13px;}
    .introducing-right img {max-width: 170px;}
    .location-right{padding: 20px 0 0;  }
    .education ul li p{font-size: 16px;line-height: 26px;}
    .spire-left img{width: 320px;}
    .spire-left p{padding: 20px 0;}
    .amenities ul li p{padding: 0 0 20px 5px;}
    .education ul li h3{font-size: 20px;}
    .acres ul li h2{font-size: 35px;line-height: 45px;}
    .education ul li{padding: 0 0 0 10px;}
    .amenities ul li:nth-child(1) p:before, .amenities ul li:nth-child(2) p:before, .amenities ul li:nth-child(3) p:before, .amenities ul li:nth-child(4) p:before, .amenities ul li:nth-child(5) p:before, .amenities ul li:nth-child(1) p:before, .amenities ul li:nth-child(1) p:before, .amenities ul li:nth-child(6) p:before, .amenities ul li:nth-child(7) p:before, .amenities ul li:nth-child(8) p:before, .amenities ul li:nth-child(9) p:before,.amenities ul li:nth-child(10) p:before, .amenities ul li:nth-child(11) p:before, .amenities ul li:nth-child(12) p:before, .amenities ul li:nth-child(13) p:before, .amenities ul li:nth-child(14) p:before{width: 23px;height: 25px;background-size: 100%;top: 0;left: -25px;}
    .acres ul li span{font-size: 12px;}
    .slick-dots{bottom: -40px;}
    .elegance-left{padding: 0;}
    .popup{width: 90%;padding: 75px 20px;}
    .pop-up h2{font-size: 35px;letter-spacing: 0;}
    .pop-up .form-in .form-control{font-size: 14px;line-height: 24px;}
    .form-in ul li{padding: 0;}
    .request-main h3{
        font-size: 40px;
        margin-top: 14px;
        margin-bottom: 80px;
    }
}


@media (max-width:767px){
    
    .instsection_topp{
            padding-top: 0px;
    background: #f7f2e8;
    }
    
    .introducing-main.row.align-items-center.justify-content-center {
    padding-top: 50px;
}
    .desktop-heading{display:none;}
    .mbl-heading{display:block;}
    .spire-left{padding:0 0 20px;}
    .header-rt{display: none;}
    .introducing-right img{max-width: 115px;}
    .education ul li:first-child h3:before{width: 60px;height: 40px;background-size: 100%;left:-10px;}
    .education ul li:nth-child(2) h3:before{width: 40px;height: 40px;background-size: 100%;left: 10px;}
    .introducing-left span, .location-right span{text-align: center;padding: 0 0 10px;}
    .introducing-left h2, .introducing-left h2 span, .location-right h2, .location-right h2 span, .elegance-left h2, .elegance-left h2 span, .amenities h2, .amenities h2 span, .gallery h2, .convenience-meets h2, .creators-left h2 span, .request h2, .request h3, .spire-left h2, .spire-left h2 span{padding: 0 0 0px;text-align: center;}
    .spire-left img {width: 190px;margin: 0 auto 30px;}
    .introducing-left p, .location-right p, .spire-left p, .elegance-left p, .creators-left p{text-align: center;padding: 0 0 10px 0;max-width: 90%;margin: 0 auto;}
    .acres ul li h2{font-size: 45px;line-height: 32px;padding: 0px 0;}
    .acres ul li{padding: 0 5px;}
    .acres{padding: 20px 0;}
    .amenities-main ul{}
    .amenities p{text-align: center;margin: 0 auto;}
    .masterplan h3, .creators-left h2{text-align: center;padding: 0 0 10px;}
    .collaboration ul li {width: 33%;padding: 0 10px 20px;}
    .cre{display: none;}
    .convenience-meets p, footer p{text-align: center;}
    .footer-btm-right ul{justify-content: center !important;}
    .footer-btm{padding: 5px 0 !important;}
    .masterplan h3, .creators-left h2{font-size: 17px;line-height: 40px;padding: 0;}
    .amenities ul li p {padding: 0 0 7px 20px;text-align: left;}
    .amenities ul li:nth-child(1) p:before, .amenities ul li:nth-child(2) p:before, .amenities ul li:nth-child(3) p:before, .amenities ul li:nth-child(4) p:before, .amenities ul li:nth-child(5) p:before, .amenities ul li:nth-child(1) p:before, .amenities ul li:nth-child(1) p:before, .amenities ul li:nth-child(6) p:before, .amenities ul li:nth-child(7) p:before, .amenities ul li:nth-child(8) p:before, .amenities ul li:nth-child(9) p:before, .amenities ul li:nth-child(10) p:before, .amenities ul li:nth-child(11) p:before, .amenities ul li:nth-child(12) p:before, .amenities ul li:nth-child(13) p:before, .amenities ul li:nth-child(14) p:before{left: -10px;}
    .nav ul{padding: 0;}
    .banner img {}
    .introducing {padding: 0px 15px 50px 15px;}
    .spire{padding: 90px 15px;}
    .elegance{padding: 50px 15px;}
    .elegance-left{padding: 0;}
    .amenities{padding: 50px 15px;}
    .creators{padding: 88px 15px;}
    .collaboration{padding: 50px 15px;}
    footer{padding: 50px 15px;}
    .header-center a img{width: 150px;}
    .acres ul li:nth-child(1), .acres ul li:nth-child(2), .acres ul li:nth-child(3), .acres ul li:nth-child(4), .acres ul li:nth-child(5){width: 50% !important;padding: 30px 0;}
    .hall-in h3{font-size: 25px;line-height: 20px;text-align: center;display: block;width: 100%;}
    .hall-in span{font-size: 25px;line-height: 30px;text-align: center;display: block;}
    .hall-in{left: 0;right: 0;margin: 0 auto;bottom: 10px;}
    .amenities-main ul li{padding: 0 0 0 35px;}
    .amenities-right {padding: 30px 0 0;}
    .masterplan{padding: 50px 15px;}
    .banner{height: auto;}
    .banner-blk{height: auto;}
    .banner-content img{height: auto;}
    .spire-right{padding: 0 20px;}
    .footer-top-left a{margin: 0 auto 20px;}
    .footer-top-right img{margin:0 auto;}
    .acres ul li small {font-size: 12px;padding: 0px 0 0;position: absolute;right: 26px;top: 38px;line-height: 13px;}
    .footer-btm-left, .footer-btm-center, .footer-btm-right{padding:10px 0;}
    .rera{padding:15px 0 !important;}
    .footer-top{padding:10px 0 !important;}
    .introducing-left img{margin:0 auto;}
    .location-right img{margin:0 auto;}
    .elegance-left img{margin:0 auto;}
    .amenities-left img{margin:0 auto;}
    .gallery-head img{margin:0 auto;padding: 0 0 30px;}
    .creators-left img{margin:0 auto;}
    .masterplan h3{        padding: 6px 0 12px !important;}
    .privacy-policy {padding: 20px 0px;}
    .lcl_hidden_txt:not(.lcl_fullscreen_mode).lcl_txt_over #lcl_txt, .lcl_hidden_txt:not(.lcl_fullscreen_mode).lcl_force_txt_over #lcl_txt {
    opacity: 100 !important;
    z-index: 500 !important;
    -webkit-transform: translateY(30px) scale(.95)  !important;
    -ms-transform: translateY(30px) scale(.95)  !important;
    transform: translateY(30px) scale(.95)  !important;
    bottom: 30px  !important;
}
.lcl_hidden_txt:not(.lcl_fullscreen_mode).lcl_txt_over #lcl_txt, .lcl_hidden_txt:not(.lcl_fullscreen_mode).lcl_force_txt_over #lcl_txt{opacity:100 !important;}
.banner-slider .slick-dots { bottom: -30px; z-index: 999;}
}

@media (max-width:599px){
    .introducing-main.row.align-items-center.justify-content-center {
    padding-top: 50px;
	.footer-middle a{font-size: 40px;line-height: 20px;margin: -30px !important;}
}
    .banner-content img{width: 400px;height: auto;}
    .header-lt ul li:nth-child(2) img{width: 120px;}
    .acres ul li {padding: 5px 5px;width: 25%;}
    .request form ul li input{font-size: 13px;height: 50px;}
    .request form p{font-size: 10px;}
   .request form p:before {top: 40px;left: 0px;width: 15px;height: 15px;background-size: 100%;}
    .footer-in p{font-size: 15px;}
    .nav a{font-size: 25px;}
    .social-media li a{width: 40px;height: 40px;padding: 0;line-height: 40px;}
    .social-media li a i{font-size: 20px;line-height: 40px;}
    .footer-top-center img{width:250px;}
    .banner-phara{font-size: 10px !important;}

    .gallery {
        padding: 35px 0px 65px 0px;
    }
    .instsection_topp {
        padding-top: 40px;
        background: #ffffff;
    }
.expansive_11ft_cls h2{
    font-size: 32px !important;
    margin: 25px 0px 20px 0px;
}
.expansive_11ft_cls p{
    padding-bottom: 20px;
}
.request {
    height: auto;
    padding: 102px 0px;
}
.introducing-left img {
    width: 100%;
    padding: 0 0 15px;
}
.location-left img {
    width: 100%;
}
#timeline{
        padding: 73px 15px 100px 15px;
}
}
   
@media (max-width:480px){
    .introducing-main.row.align-items-center.justify-content-center {
    padding-top: 50px;
	.footer-middle a{font-size: 20px;line-height: 20px;margin: -30px !important;}	
}
    .banner-content img{width: 280px;height: auto;}
    .soul-cnt h2{font-size: 25px;}
    header{padding: 10px;}
    header .container{padding: 0;}
    .header-lt ul li{padding: 0 5px 0 0;}
    .header-lt ul li:nth-child(2) img{width: 100px;}
    .introducing-left p, .location-right p, .spire-left p, .elegance-left p, .creators-left p{font-size: 13px;line-height: 18px;}
    .introducing-right img {max-width: 138px; margin-top: 30px;   }
    .education ul li p{font-size: 13px;line-height: 18px;}
    .education ul li h3{font-size: 13px;}
    .footer-top-center img{width: 200px;}
    .footer-top-center{}
    .footer-top-right p{font-size: 15px;}
	.footer-middle a{font-size: 20px;line-height: 20px;margin: -30px !important;}
    .collaboration ul{margin: 0 -10px;justify-content: center;}
    .section-in{top: 50%;}
    .header-lt{padding:10px 0 0;}
    .acres ul li h2{font-size:40px;}

        select#flat {
        font-size: 14px !important;
    }
   .popup {
    width: 95%;
}
.popup {
    width: 90%;
    padding: 65px 5px;
}
.introducing-left span, .location-right span {
    padding: 14px 0 10px;
}

}