/*default Css Start Here*/
/*:root{--light-green:#aeba9c36;--white:#fff;--dark-green:#87906A}*/
:root { --light-green:rgba(174, 186, 156, 0.21);; --White: #ffffff; --dark-green: #87906A;}

@font-face{font-family:Outfit-Light;src:url(../fonts/Outfit/Outfit-Light.ttf)}
@font-face{font-family:Outfit-Regular;src:url(../fonts/Outfit/Outfit-Regular.ttf)}
@font-face{font-family:Outfit-SemiBold;src:url(../fonts/Outfit/Outfit-SemiBold.ttf)}
@font-face{font-family:Inter_18pt-Regular;src:url(../fonts/Inter/Inter_18pt-Regular.ttf)}
@font-face{font-family:Inter_18pt-Medium;src:url(../fonts/Inter/Inter_18pt-Medium.ttf)}
.container-fluid{overflow:hidden}
.d-view{display:block;}
.m-view{display:none;}
html{scroll-behavior: smooth;}
body{font-family:"Inter_18pt-Regular",sans-serif;}
body,p,h1,h2,h3,h4,h5,h6,ul,li{margin:0;padding:0}
.container{max-width:85%}
button:focus{outline:1px dotted;outline:none}
.btn-custom{background-color:var(--dark-green);border-radius:0;color:#fff;margin-top:40px;padding:10px 30px;text-transform:uppercase;letter-spacing:1px;font-size:14px}
.form-control:focus{box-shadow:none}
.pedding-top-custom{padding-top:100px}
.pedding-bottom-custom{padding-bottom:100px}
.section-main-heading{text-align:center;font-size:40px;font-family:Outfit-Light}
.content-pra{font-size:22px;margin:0 auto}
.scroll-top-container {
    cursor: pointer;
}
.featured_carousel .owl-stage-outer {
    overflow: visible;
}

/*default Css End Here*/
.navbar-menu-section{display:flex;justify-content:center;padding-top:15px; padding-bottom:15px;  position: relative;top: 0px;z-index:9}
.navbar-menu-section .custom-row{display:flex;flex-wrap:wrap;width:97%;align-items:center;}
.navbar-menu-section .col-1-custom{width:50%}
.navbar-menu-section .col-2-custom{width:50%}
.navbar-menu-section ul{display:flex;align-items:center;flex-wrap:wrap;gap:0 50px;justify-content:end;list-style:none}
.navbar-menu-section a{text-decoration:none;color:#000}
.navbar-menu-section .menu-toggle-icon{width:auto;height:42px;cursor:pointer;}
.navbar-menu-section .developer-logo-img {width: auto;height: 30px;filter: brightness(0);}

.navbar-menu-section a{text-decoration:none;color:#000;letter-spacing:1px;font-size:17px}
img.img-fluid.project-logo-img{width:auto;height:150px}
.custom-col-slider{text-align:center}
.row{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between}
.custom-col-slider:nth-of-type(1){max-width:30%}
.custom-col-slider:nth-of-type(2){max-width:40%}
.custom-col-slider:nth-of-type(3){max-width:30%}

.project-active-logo{display: none;}
.fixed-header {background-color: #fff;position:fixed;width:100%;z-index:9}
.fixed-header .project-active-logo{display: block;}
.fixed-header .developer-logo-img {width: auto; height: 30px;}
/*div#header_menu {
    border-bottom: 1px solid #00000030;
}*/
.project-symbol-icon {width: auto;height: 145px;}
.padding-top {padding-top: 100px;}
img.img-fluid.strip-banner-img { width: 100%;}
.navbar-menu-section img.img-fluid.call-icon {  width: auto; height: 22px; margin-right: 12px; position: relative;top: -2px;}


.payment-plan-main-box{position:fixed;bottom:0;padding:40px;background-color:#eef0ea;width:31%;text-align:center;border: 1px solid rgba(0 0 0 / 10%);z-index:12;left:-100%;transition:left .5s ease}
.payment-plan-main-box.show{left:0}
.payment-plan-main-box .payment-plan-heading{text-transform:uppercase;color:#104735;display:grid;gap:20px 0;line-height: 28px;font-size: 17px; letter-spacing: 1px;}
.payment-plan-main-box .payment-plan-heading span{color:#000;text-transform:capitalize;font-size:15px;}
.payment-plan-main-box .close-img {position: absolute;top: 10px; right: 10px; width: auto;height: 23px;}

.custom-col-slider:nth-of-type(2) h4 {margin: 0px auto;margin-top: 50px;margin-bottom: 50px;width: 100%;line-height: 35px;text-transform: uppercase;letter-spacing: 2px;}
.custom-col-slider .payment_plan{font-size:14px; text-transform: uppercase; letter-spacing: 2px; margin: 0 auto 20px; max-width: 250px;}
.custom-col-slider .payment_plan span{font-size:24px; display: block; margin-top: 10px;} 
.container-fluid.slider-container-section .slider-img-2 {width: 420px;height: 80vh;object-fit: cover;}
.container-fluid.slider-container-section {margin-top: 25px;}
.container-fluid.slider-container-section .container {max-width: 97%;}
img.img-fluid.slider-img-2.slider-img-1 {width: 420px;height: 80vh;}
.sidebar-menu li.active { background-color: #fff; color: #000;}
.slider-container-section  .developer-logo-img {position: absolute;top: 12%;left: 50%;transform: translate(-50%, -50%);width: auto; height: 110px;filter: brightness(0);}
.project-logo-img {margin-top: 70px;}
.slider-container-section .btn-custom {margin-top: 15px;}

.about-us-container{background-color:var(--light-green)}
.about-us-container .row{align-items:center}
.about-us-container .content-box-section{width:60%;margin:0 auto}
.about-us-container .main-section-img{width:100%;height:600px;object-fit:cover;object-position:top}

.right-col{text-align:center}
.section-main-heading{margin:0 auto;margin-bottom:40px}

.counter-container{padding-top:80px;padding-bottom:80px;color:#104735}
.counter-container .content-pra{width:50%;display:grid}
.counter-container .content-pra span{font-size:30px}
.counter-container .counter-1 span {position: relative;}
.counter-container .counter-1 span::after {content: "+"; position: absolute;}
.counter-container .counter-3 span {position: relative;}
.counter-container .counter-3 span::after {content: "%"; position: absolute;}
.counter-container .row {align-items: baseline;}

div#owl-carousel-3 .owl-dots {display: block!important;}

.about-us-container  .col-6.col-sm-6.col-md-3.col-lg-3.text-center { margin-bottom: 30px;}


.why-praana-container{padding-top:60px}
.why-praana-container .container{max-width:96%;padding-top:30px}
.why-praana-container .col-sm-12.col-md-3.col-lg-3.text-center{padding:34px;padding-bottom:0}
.why-praana-container .icon-img{width:auto;height:55px;margin-bottom:30px;}
.why-praana-container .container .row{align-items:unset}
.why-praana-container .section-main-heading{margin-bottom:50px}

.amenities-container .section-main-heading{width:28%}
.amenities-container .owl-stage-outer{overflow:visible!important}
.amenities-container .amenity-img{height:350px;object-fit:cover;width:100%}
.amenities-container .owl-dots {display: none;}
.amenities-container div#owl-carousel-1 {max-width: 40%;margin: auto;}
.amenities-container .amenities-details .content-pra { max-width: 38%;text-align: center;}
.amenities-container div#owl-carousel-3 {margin-top: 30px;}
.amenities-container div#owl-carousel-3 .owl-nav{all:unset!important;width:100%!important;display:flex!important;justify-content:center!important;gap:0 600px!important;position:relative!important;top:-50px!important}
.amenities-container span{font-size:28px;}
.amenities-container button.owl-next.disabled{opacity:1!important}
.container-fluid.amenities-container.pedding-top-custom.pedding-bottom-custom { padding-bottom: 40px;}

.pricelist-container{background-color: var(--light-green);}
.pricelist-container .pricelist-box { display: flex; justify-content: center; gap: 0px 100px; color:#104735;margin-top: 50px;margin-bottom: 50px;text-transform: uppercase;    font-size: 18px;}
.pricelist-container .btn.btn-custom { background-color: transparent; color: #000; padding: 0px;font-size: 16px;}
.pricelist-container .btn.btn-custom {margin-top: 0px; font-size: 16px; letter-spacing: 1px;color:#104735}
.pricelist-container .pricelist-2-point {margin-top: 60px;font-weight: 600;letter-spacing: 1px;}
.pricelist-container .custom-border {border: 0.5px solid #00000024;display: block;}
.custom-border-1{margin-bottom: 20px;}
.custom-border-2{margin-top: 20px;}
button.close{position:absolute;top:-15px;right:-10px;width:50px;height:50px;background-color:var(--dark-green);border-radius:50%;opacity:1;color:#fff;font-weight:300}
.pricelist-container .pricelist-main-box { padding: 30px;}
.pricelist-container .pricelist-main-box{background-color:#fff;width:96%;margin:0 auto;padding-top:50px;padding-bottom:50px}
.pricelist-container .pricelist-box { border-top: 1px solid #000;  padding-top: 20px; padding-bottom: 20px; width: 75%; margin: 0px auto; margin-top: 50px; margin-bottom: 50px;    border-bottom: 1px solid #000;}
.pricelist-container .payment-plan-heading { font-size: 16px;  letter-spacing: 1px; width: 51%;margin: 0px auto;color: #104735;}

.highlights-container .section-main-heading{margin-bottom:60px;}
.highlights-container .highlights-box { text-align: center; background-color: var(--light-green);padding: 100px;}
.highlights-container #owl-carousel-2 .owl-dots {display: none!important;}
.highlights-container .section-main-heading {width: 25%;}
.highlights-container .owl-prev span,  .highlights-container .owl-next span{ font-size: 31px;}
.highlights-container .owl-nav {gap: 102px;display: flex;justify-content: center;}
.highlights-container .custom-counter.text-center.mt-3 {margin: unset;position: relative;top: -54px;}
.highlights-container.pedding-top-custom.pedding-bottom-custom { padding-bottom: 40px;}
.highlights-container .section-main-heading { border-bottom: bisque;}
.highlights-container .custom-bottom-border { border-bottom: 1px solid #0000003b;width: 100%; display: block;margin-bottom: 40px;}
.highlights-container .section-main-heading { margin-bottom: 24px;}
.highlights-container .highlights-box-content {width: 73%;margin: 0px auto; text-align: center;}
.highlights-container .row .col-sm-12.col-md-4.col-lg-4 {margin-bottom: 30px;margin-top: 30px;}


.floorplan-container{background-color:var(--light-green)}
.floorplan-card{width:100%}
.floorplan-card-row{display:flex;align-items:center;justify-content:space-between}
.floorplan-card-col-6{width:50%;max-width:50%}
.floorplan-card .master-plan-img{width:auto;height:523px}
.floorplan-container a.nav-link.active{background-color:var(--dark-green)!important;border-radius:0;color:#fff!important;padding:10px 30px;text-transform:uppercase;letter-spacing:1px;font-size:14px;border:none!important}
.floorplan-container ul.nav.nav-tabs{border:none!important;justify-content:center;gap:30px;margin-bottom: 50px}
.floorplan-container a.nav-link{border:1px solid #000!important;color:#000;border-radius:0!important;text-transform:uppercase;letter-spacing: 1px;font-size: 14px;}
.floorplan-container .custom-control{display:flex;justify-content:space-between;position:absolute;left:20px;max-width:130px}
.floorplan-container .custom-control{width:7%;top:20px;left:50%;transform:translate(-50%,-50%)}
.floorplan-container .custom-control .carousel-control-prev-icon{filter:brightness(0)}
.floorplan-container .custom-control span.carousel-control-next-icon{filter:brightness(0)}
.floorplan-container .custom-control .carousel-control-next{opacity:1}
.floorplan-container .custom-control .carousel-control-prev{opacity:1}
.floorplan-container .carousel-control-next, .floorplan-container .carousel-control-prev {width: 20%;}
.floorplan-container .tab-content th{font-weight:300;text-align:center;text-transform:uppercase;letter-spacing:1px}
.floorplan-container .masterplan-img-1 { width: 686px; margin: 0px auto; display: block; margin-top: 80px;}

div#owl-carousel-4  .masterplan-img-1.d-view {
    width: auto;
    height: 465px;
}
div#owl-carousel-4 .owl-nav {
    position: absolute;
    top: 1%;
    left: 50%;
    transform: translate(-50%, -50%);
}
div#owl-carousel-4 .owl-nav span {
    font-size: 28px;
}


.middle-banner-img{width:100%;height:550px;object-fit:cover}

.location-container .section-main-heading{width:35%}
.location-content-box{text-align:center;background-color:var(--light-green);height:250px;display:grid;align-items:center;padding:25px}
.location-container .container{max-width:92%}
.location-container .location-icon-img{width:auto;height:50px;margin:0 auto}
.location-content-box .content-pra{display:grid;gap:20px}

.gallery-container .custom_container{width:100%;display:flex;padding:0 20px}
.gallery-container .Customslide{position:relative;cursor:pointer;height:60vh;flex:1;margin:10px;background-size:cover;background-repeat:no-repeat;background-position:center center;transition:.5s;overflow: hidden;}
.gallery-container.Customslide > img{width:100%;height:100%}
.gallery-container .Customslide > h3{position:absolute;color:#fff;bottom:10px;left:10px;opacity:0;transition:.5s}
.gallery-container .Customslide.active{flex:10}
.gallery-container .Customslide.active > h3{opacity:1}
.gallery-container .Customslide:hover{flex-grow: 10;}
.gallery-container .Customslide_2{height: 100%; width: 100%; object-fit: cover;}
.gallery-container h4.section-main-heading{width:35%}
.gallery-container{background-color:var(--light-green);padding-top:60px;padding-bottom:60px}

.contact-us-container{padding-bottom:60px;max-width:92%}
.contact-us-container .section-main-heading{width:37%;margin-bottom:50px}
.contact-us-container .contact-fom .form-control{background-color:transparent;border:none;border-bottom:1px solid #000;border-radius:0;margin-bottom:40px}
.contact-us-container .contact-fom .iti{margin-bottom:40px}
.contact-us-container .contact-fom{width:70%;margin-left:50px}
.contact-us-container .contact-us-container .row{align-items:center}
.contact-us-container .contact-fom .btn-custom{margin-top:0}
.contact-us-container .contact-fom .form-control::placeholder{color:#000}
.contact-us-container .contact-fom .form-control{padding-left:0}
.contact-us-container .contact-side-img{width:85%;height:462px;object-fit:cover}
.container.contact-us-container .row {align-items: center;}

.footer-container p.dislaimer-p{font-size:12px;letter-spacing:1px}
.footer-container p.content-pra{margin-bottom:30px}
.footer-container .footer-logo-img{width:auto;height:200px;filter:brightness(0);margin-bottom:40px}
.footer-container button.btn-custom{border:none;outline:none}
.footer-container{padding-top:60px;padding-bottom:60px;position:relative;}
.footer-container::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ffffffe8;z-index:1}
.footer-container .container{position:relative;z-index:2}

.aboutdeveloper-section {background-color: var(--dark-green);padding-bottom: 50px;}


.scroll-top-container{background-color:var(--light-green)}
.scroll-top-container .top-icon{width:auto;height:15px;rotate:180deg;filter:brightness(0);}
.scroll-top-container p{gap:10px;display:flex;justify-content:center;text-transform:uppercase;color:#000;font-size:12px;letter-spacing:1px;position:relative;top:1px}
.scroll-top-container{padding-top:10px;padding-bottom:10px}

.sidebar-menu{position:fixed;top:0;right:0;height:100vh;padding:40px 50px;text-align:center;z-index:99;align-items: center ; background-color: #fffffffa; width: 100%;}
.sidebar-menu .container-fluid{height: 100%; display: grid; align-content: space-between; overflow: auto;}
.sidebar-menu a{list-style:none}
.sidebar-menu ul a:hover { text-decoration: none;  }
.sidebar-menu {transform: translate(100%, 0px);}
.sidebar-menu.active { transform: translate(0%, 0px);}
div#sidebar-menu.active {transform: translate(0px, 0px);}



.sidebar-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 15px;
}

.sidebar-logo {
    height: 60px;
    width: auto;
}

.sidebar-logo.vedic_logo { 
    height: 100px;
    filter: brightness(0);
}

.sidebar-logo.project_logo { 
    height: 70px;
}


.sidebar-content {
    padding: 20px 0;
}


.sidebar-content ul a:hover {
    color: #000;
    text-decoration: underline;
}

.sidebar-footer {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding-top: 20px;
    background-color: rgba(0, 0, 0, 0.05);
}

.sidebar-footer h5 {
    font-size: 18px;
    margin-bottom: 15px;
    font-weight: 600;
}

.sidebar-footer p {
    margin-bottom: 10px;
}

.sidebar-icon {
    width: 16px;
    height: 16px;
    margin-right: 10px;
    position: relative;
    top: -2px;
}


.sidebar-menu .logo_col .divider{
    margin:0 20px;  
}

div#myModal .developer-logo-img{width:auto;height:100px;margin:0 auto;display:block}
div#myModal .modal-typology-heading{text-align:center;font-size:20px;margin-top:10px}
div#myModal .form-group {margin-bottom: 8px;}
div#myModal button#SubmitQuerymodal{margin:0 auto;display:block;margin-top:25px;font-size:14px;text-transform:capitalize;letter-spacing:1px}
div#myModal .modal-body {background-color: var(--light-green);padding:0px;}
div#myModal .custom-modal-row{display:flex;flex-wrap:wrap;}
div#myModal .custom-modal-row .custom-modal-col-1{width:50%;padding:30px 50px;}
div#myModal .custom-modal-row .custom-modal-col-2{width:50%; background: #f9f9f9;}
div#myModal .modal-side-banner { width: 100%;}
div#myModal .form-control{border:none;border-radius:0;font-size:15px;letter-spacing:1px;height:36px;color:#000}
div#myModal .form_heading_2{text-align:center;font-size:20px;line-height:31px;margin-bottom:20px;font-family:'Outfit-Light'}
div#myModal .modal-dialog.modal-lg {max-width: 900px;}
div#myModal .form-disclaimer-heading{display:flex;align-items:baseline;gap:0 10px;font-size:11px;margin-top:20px}
div#myModal .btn-custom{margin-top: 10px;}


.dislaimer-p-02 { margin-top: 16px; font-size: 14px;}
.dislaimer-p-02 a {color: #000;text-decoration: none;}
.dislaimer-p-02 a:hover {text-decoration: none;}

.enquire_fixed_btn{position:fixed;right:-10px;top:35%;z-index:8;background:var(--dark-green);color:#fff!important;border-radius:5px 0 0 5px;font-size:8px;text-transform:uppercase;letter-spacing:1px;width:80px;opacity:1;transition:opacity .3s ease-in-out;display:none}
.enquire_fixed_btn.show{opacity:1;visibility:visible}
.enquire_fixed_btn .side-b{text-align:center}
.enquire_fixed_btn .side-b:not(:last-child){border-bottom:1px solid var(--white)25}
.enquire_fixed_btn a{color:var(--white);text-decoration:none}
.enquire_fixed_btn .side-b a{color:var(--white);font-size:10px;letter-spacing:0;line-height:initial;width:100%;padding:16px 0;display:block}
.enquire_fixed_btn .side-b .icon{width:20px;margin-bottom:6px;filter:invert(1)}
.enquire_fixed_btn .side-b p{margin-bottom:unset;color:var(--white);margin-top:4px;font-family:'Outfit-Light';}
.enquire_fixed_btn.showSidebar { display: block;}

.owl-theme .owl-nav [class*=owl-]:hover { background: #2995ab; }

.highlights-box-content .highlights-icon-img { width: auto; height: 52px; margin-bottom: 20px;}


.aboutdeveloper-section{padding-top: 30px;}
.aboutdeveloper-section p.content-pra {color: #fff;}
.aboutdeveloper-section p.dislaimer-p {color: #fff;}
.aboutdeveloper-section .copyright-p{margin-bottom: 30px;margin-top: 30px;}
.dislaimer-p-02 a { color: #fff;}
p.dislaimer-p-02 { color: #fff;}
img.img-fluid.footer-logo-img {width: auto;height: 200px;filter:brightness(0) invert(1)}
.contact-us-container { padding-bottom: 20px;}

a.whatsapp-fixed-icon {position: fixed; bottom: 20px; right: 20px;}
a.whatsapp-fixed-icon img.img-fluid {width: auto; height: 50px;}

.floorplan-container table {text-align: center;}
.custom-row-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background-color: #fff;
        max-width: 91%;
    margin: 0px auto;
}

.custom-row-container .custom-row-container-col {
    width: 50%;
}

.about-us-container .main-section-img {
    width: 100%;
    height: 489px;
    object-fit: cover;
    object-position: top;
}

.about-us-container .content-box-section {
    text-align: center;
}
.btn-custom {
    text-transform: capitalize;

}
.pricelist-container .btn.btn-custom {
    margin-top: 0px;
    font-size: 15px;
    letter-spacing: 1px;
    padding: 9px 28px;
    background-color: #104735;
    color: #fff;
}
.pricelist-container .pricelist-box{align-items:center;}


.sidebar-menu ul {
    text-align: left;
}
.close-btn-img {
    cursor: pointer;
    width: 30px;
    height: 30px;
}
.sidebar-menu ul a {
    color: rgb(0 0 0 / 75%);
    font-size: 26px;
}

.sidebar-menu .slider-img-2 {
    width: 50%;
    height: 97vh;
    object-fit: cover;
}



div#about-us h4.section-main-heading {
    margin-bottom: 55px;
}
.highlights-box-content p.content-pra {
    color: #104735;
}

.why-praana-container p.content-pra {
    color: #104735;
}

.location-content-box .content-pra {
    color: #104735;
}


.price-list-2 {
    display: flex;
    justify-content: center;
    gap: 0px 50px;
}

p.pricelist-2-point {
    margin: 0px;
    margin-top: 0px!important;
    border: 1px solid #10473587;
    padding: 35px;
    color: #104735;
}


p.pricelist-2-point {
    font-size: 24px;
}

.offer_btn{
    position: fixed;
    bottom: 120px;
    left: 14px;
    border: 1px solid rgba(0 0 0 / 10%);
    border-radius: 0;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.7px;
    padding: 6px 15px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform-origin: left;
    z-index: 9;
    box-shadow: none!important;
}


.owl-carousel .owl-next,
.owl-carousel .owl-prev{
    border-radius: 100%!important;
}

.owl-carousel .owl-next:hover,
.owl-carousel .owl-prev:hover{
    background-color: rgb(0 0 0 / 16%) !important;
}

.owl-carousel .owl-nav span{font-size:28px; width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;}

/* start responsive */

label.invalid-data.existingCheck {
    font-size: 12px!important;
}



img.img-fluid.footer-logo-img {
    width: auto;
    height: 150px;
    filter: brightness(0) invert(1);
    margin-bottom: 40px;
}
.offer_btn1 {
    position: fixed;
    top: 50%;
    right: -45px;
    transform: translate(-50%, -50%);
    border: 1px solid rgba(0 0 0 / 10%);
    border-radius: 0;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.7px;
    padding: 6px 15px;
    transform: rotate(90deg);
    /* -webkit-transform: rotate(90deg); */
    /* transform-origin: left; */
    z-index: 9;
    box-shadow: none !important;
}

@media(max-width:1440px){

    .container {max-width: 100%;}
    .section-main-heading{font-size:32px;}
    .content-pra {font-size: 14px; letter-spacing: 1px;}
    .pedding-top-custom{padding-top:80px;}
    .pedding-bottom-custom{padding-bottom:80px;}

    .highlights-container .highlights-box{text-align:center;background-color:var(--light-green);padding:60px;height:244px;display:flex;align-items:center}
    .navbar-menu-section a {
        text-decoration: none;
        color: #000;
        letter-spacing: 1px;
        font-size: 15px;
    }

    .project-symbol-icon{
        height: 100px;
    }

    .custom-col-slider:nth-of-type(2) h4{
        font-size: 20px;
        margin-bottom: 25px;
    }

    .custom-col-slider .payment_plan{
        font-size: 12px;
        margin: 20px auto;
        max-width: 200px;
    }


}

@media(max-width:1366px){

    .contact-us-container .contact-side-img { width: 71%; height: 420px; object-fit: cover;}
    .custom-col-slider:nth-of-type(2) h4 {  width: 100%;}
        .content-pra { font-size: 14px;letter-spacing: 1px;}
        img.img-fluid.project-symbol-icon {margin-top: 60px!important;}
.custom-col-slider:nth-of-type(2) h4 { margin: 0px auto; margin-top: 40px; margin-bottom: 40px!important;}


}

@media(max-width:1280px){

.about-us-container .content-box-section{width:72%;margin:0 auto}
.highlights-container .section-main-heading{width:33%}
.highlights-container .highlights-box{padding:89px}
.project-logo-img{width:auto;height:160px}
img.img-fluid.project-logo-img {width: auto; height: 118px;}
.custom-col-slider:nth-of-type(2) h4 {font-size: 18px;}
.section-main-heading {font-size: 26px;}
.amenities-container div#owl-carousel-3 .owl-nav {
    top: -68px !important;
}

}



p.pricelist-2-point {
    font-size: 20px;
}


    .row.m-view {
    display: none!important;
}


.floorplan-card-col-6.text-center  .master-plan-img {
    object-fit: cover;
    width: auto;
    margin-left: auto;
    margin-right: 50px;
}


@media(max-width:768px){

.row.m-view {
    display: block!important;
}

    .d-view{display:none;}
    .m-view{display:block;}
    .slider-container-section .developer-logo-img {display: none;}
    .mobile-hero-img { width: 100%; height: 380px; object-fit: cover;margin-bottom:30px;}
    .hero-content {text-align: center;}
    .hero-content h4 {  margin: 0px auto;margin-top: 30px;margin-bottom: 30px;line-height: 35px;width: 80%;}
    .hero-content .payment_plan{margin: 0 auto 20px; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; max-width: 170px;}
    .hero-content .payment_plan span{font-size: 18px; display: block; margin-top: 10px;}
    img.img-fluid.developer-logo-img.m-view {width: auto;height: 60px;}
    .fixed-header  img.img-fluid.developer-logo-img.m-view {display: none;}
    .navbar-menu-section ul {gap: 0 18px;}
    .container-fluid.slider-container-section {margin-top: 0;}
    .hero-content .project-symbol-icon {width: auto; height: 115px;}
    .amenities-container .amenities-details .content-pra {max-width: 100%;text-align: center;}
    .pricelist-container .pricelist-box {display: grid;gap: 25px 0px;}
    .amenities-container .section-main-heading {width: 100%;}
    .section-main-heading {font-size: 24px;}
    .why-praana-container .container {max-width: 100%; padding-top: 30px; padding-left: 0px; padding-right: 0px;} 
    .content-pra {font-size: 14px; letter-spacing: 1px;} 
    .pedding-bottom-custom {padding-bottom: 50px;} 
    .pedding-top-custom {padding-top: 50px;} 
    .about-us-container .content-box-section { width: 100%;}
    .about-us-container .main-section-img {height: auto;margin-bottom:30px;}
    .about-us-container .col-6.col-sm-6.col-md-3.col-lg-3.text-center {margin-bottom: 0;}
    .why-praana-container .container .row {gap: 30px 0;}
    .highlights-container .section-main-heading {width: 100%;}
    .highlights-container .section-main-heading { margin-bottom: 40px;}
    .highlights-container .highlights-box {  padding: 25px; }
    .highlights-container.pedding-top-custom.pedding-bottom-custom { padding-bottom: 20px;}
    .counter-container .content-pra {width: 100%; display: grid; padding:10px 0; font-size: 12px;}
    p.content-pra.counter-3 {padding: 60px; padding-top: 32px; padding-bottom: 0px;}
    .navbar-menu-section li.menu-link {display: none;}
    .navbar-menu-section .developer-logo-img { width: auto; height: 22px;}
    .floorplan-card-row { display: block;}
    .floorplan-card-col-6{width: 100%;max-width: 100%;}
    .floorplan-card .master-plan-img {width: auto;height: 100%;margin: 0px auto;display: block;margin-bottom:30px;}
    .floorplan-container .carousel-control-next, .floorplan-container .carousel-control-prev {width: 30%;}
    .floorplan-container .custom-control { width: 36%; top: 20px;left: 50%; transform: translate(-50%, -50%);}
    .location-container .section-main-heading {width: 100%;}
    .location-container .col-sm-12.col-md-6.col-lg-3.text-center { margin-bottom: 20px;}
    .location-content-box { height: auto;}
    .gallery-container h4.section-main-heading {width: 100%;}
    .contact-us-container .section-main-heading { width: 100%; margin-bottom: 50px;}
    .contact-us-container .section-main-heading { width: 100%;margin-bottom: 30px;}
    .contact-us-container .contact-side-img {width: 100%; height: 320px; margin-bottom: 30px;}
    .contact-us-container .contact-fom {width: 100%; margin-left: 0;}
    .sidebar-menu {width: 100%;}
.sidebar-menu ul { max-width: 96%;}
.close-btn-img {
    width: 20px;
    height: 20px;
}
.sidebar-menu ul a {
    color: #000;
    font-size: 17px;
}
p.pricelist-2-point {
    padding: 16px;
}
.price-list-2 {
    display: grid
;
    justify-content: center;
    gap: 16px 50px;
}

    .sidebar-menu li { border-bottom: 1px solid #ffffff61; padding-bottom: 10px;}
    .gallery-container .custom_container { width: 100%;display: flex;padding: 0 20px;flex-wrap: wrap;}

    .gallery-container .Customslide {position: relative; cursor: pointer; height: auto; flex: unset; margin: 10px;}
    .gallery-container .Customslide {width: 300px;height: 300px;}
    .payment-plan-main-box {position: fixed; bottom: 0;  padding: 25px;width: 79%;left: -100%;}
    .payment-plan-main-box .payment-plan-heading { font-size: 15px;}
    .payment-plan-main-box .payment-plan-heading span { font-size: 14px; line-height: 24px;}
    .pricelist-container .pricelist-main-box{background-color:#fff;width:100%;margin:0 auto;padding:10px;padding-top:30px;padding-bottom:31px}
    .pricelist-container .payment-plan-heading { font-size: 15px; width: 100%;}
    .amenities-container div#owl-carousel-1 { max-width: unset;margin: unset;}
    div#owl-carousel-4 .owl-nav {top: -1%;}
    .middle-banner-img {width: 100%; height: 250px; object-fit: cover;}
    .gallery-container .Customslide a{display:flex; height:100%;width: 100%;}
    .gallery-container .Customslide.active { flex: unset;}
    .gallery-container .Customslide{width:48%;height:138px!important}
.gallery-container .custom_container{width:100%;display:flex;flex-wrap:wrap;gap:9px}
.gallery-container .Customslide{position:relative;cursor:pointer;margin:0px!important}
.aboutdeveloper-section p.dislaimer-p {font-size: 14px;}

div#myModal .custom-modal-row{display:block;flex-wrap:wrap;align-items:center}
div#myModal .custom-modal-row .custom-modal-col-2{width:100%}
div#myModal .custom-modal-row .custom-modal-col-1{width:100%;padding:30px}
div#myModal .modal-side-banner{width:100%;}

.custom-row-container {display: block;max-width: 100%;}
.custom-row-container .custom-row-container-col {  width: 100%;}
.about-us-container .content-box-section {
    padding: 40px;
}
.about-us-container .main-section-img {
        height: auto;
        margin-bottom: 0;
    }
    .container-fluid.slider-container-section {
        padding: 0px;
    }

p.pricelist-2-point {
    font-size: 18px;
}

.offer_btn{
    font-size: 10px;
    letter-spacing: 1px;
    bottom: 100px;
}

div#owl-carousel-4 .masterplan-img-1.d-view{
    height: 265px;
    object-fit: cover;
}



}

/* end of 768 */