@import url('https://fonts.googleapis.com/css2?family=Montserrat&family=Open+Sans&family=Poppins:wght@500&family=Prompt:wght@300&family=Raleway:wght@300;400;700&display=swap');

.dummy {
    font-family: 'Montserrat', sans-serif;
    font-family: 'Poppins', sans-serif;
    font-family: 'Prompt', sans-serif;
    font-family: 'Raleway', sans-serif;
    font-family: 'Open Sans', sans-serif;
}

:root {
    --bs-primary: var(--color-primary, #2C5B8A);
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Raleway', sans-serif;
    /* background: linear-gradient(90deg, #DAEEEF 0%, #E9EFED 100%); */
}

.modal-header {
    border: transparent;
}

.contactus {
    background: url(../images/thumb/14.webp);

    background-repeat: no-repeat;
    width: 100%;
    height: 330px;
    margin-bottom: 20px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-size: cover;

    position: relative;
    z-index: 0;

}

.contactus .container {
    height: inherit;
}


.contactus .container::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.46);
    z-index: -1;
}

.modal-header .btn-close {
    position: absolute;
    right: 5%;
    top: 8%;
    color: white;
    font-size: 25px;
    background: url(../images/icon/Close_round.svg);
}

section {
    padding: 60px 0;
    position: relative;
    overflow: hidden;
}

section#shadow-host-companion {
    display: none;
}


.bg-primary {
    background-color: #2C5B8A !important;
}

.text-primary {
    color: #2C5B8A !important;
}

/* btn */
.btn-primary {
    background: #2c5b8a;
    border-radius: 50px;
    border: #2c5b8a;
}

.btn-primary:hover {
    color: #fff;
    background-color: #2c5b8a;
    border-color: #2c5b8a;
}

.btn-outline-secondary:hover {
    color: #fff !important;
    background-color: #2c5b8a;
    border-color: #2c5b8a;
}

.btn-check:active+.btn-primary:focus,
.btn-check:checked+.btn-primary:focus,
.btn-primary.active:focus,
.btn-primary:active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: none;
    color: #fff;
    background-color: #2c5b8a;
    border-color: #2c5b8a;
}

.btn-check:focus+.btn-primary,
.btn-primary:focus {
    color: #fff;
    background-color: #2c5b8a;
    border-color: #2c5b8a;
    box-shadow: none;
}

.btn-light {
    background-color: #fff;
    color: #2C5B8A;
    border-radius: 50px;
    font-weight: 700;
}

a,
a:hover {
    text-decoration: none;
    color: white;
}

.btn-outline-primary {
    color: #2C5B8A;
    border-color: #2C5B8A;
    border-radius: 50px;
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #2C5B8A;
    border-color: #2C5B8A;
}

.primary,
.btn-check:checked+.btn-outline-primary,
.btn-outline-primary.active,
.btn-outline-primary.dropdown-toggle.show,
.btn-outline-primary:active {
    color: #fff;
    background-color: #2C5B8A;
    border-color: #2C5B8A;
}

.btn-check:active+.btn-outline-primary:focus,
.btn-check:checked+.btn-outline-primary:focus,
.btn-outline-primary.active:focus,
.btn-outline-primary.dropdown-toggle.show:focus,
.btn-outline-primary:active:focus {
    box-shadow: none;
}

/* navbar */
.sticky-top {
    margin: 10px 0;
}

.search-icon {
    display: none;
}

/* .navbar-light .navbar-toggler-icon {
    background-image: url(../images/menu.png);

} */

.navbar-light .navbar-toggler {
    color: transparent;
    border-color: transparent
}

.navbar-brand {
    margin-right: 4rem;
}

#navbarbtn {
    color: #fff;
    background-color: #2C5B8A;
    border-color: #2C5B8A;
    border-radius: 50px;
    padding: 14px 32px;
    color: #FFF;
    font-family: 'Raleway', sans-serif;
    font-size: 16.005px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.16px;
}

.navbar-nav>li {
    float: left;
    position: relative;
    margin: 10px 0 0px 31px;
    font-weight:600;
}

a.nav-link {
    font-weight: 600;
}

.navbar-light .navbar-nav .nav-item .nav-link.active::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0px;
    left: 0px;
    background-color: #2C5B8A;
    transition: all 0.3s ease-in-out 0s;
}

li.nav-item.active {
    padding-left: inherit;
}

.phone-number {
    font-family: 'Open Sans', sans-serif;
}


/* hero section */

.hero-section {
    position: relative;
    width: 100%;
    background: url(/images/hero-img.png);
    background-size: 100% 100%;
    background-position: center;
    width: 100%;
}

.bg {
    background-color: #2C5B8A;

    position: relative;
}

.bg .container {
    padding: 76px 24px;
}


.hero-section .img-fluid {
    padding: 0 80px;
}

.hero-section .heading {
    font-family: 'Raleway', sans-serif;
    font-size: 60px;
    font-style: normal;
    font-weight: 550;
    text-transform: uppercase;
    color: #fff;
}

.hero-section .img-1 {
    width: fit-content;
}

.hero-section .subheading {
    color: rgba(0, 0, 0, 0.60);
    font-family: 'Raleway', sans-serif;
    font-size: 14.5px;
    font-style: normal;
    font-weight: 400;
    color: #fff;
}

.box {
    padding: 60px;
}

#blackbox {
    background: rgba(0, 0, 0, 0.50);
    padding: 40px;
}

.bg h6 {
    padding: 0 30px;
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.bg {
    padding: 40px;
    text-align: center;
}

.count {
    color: #FFF;
    font-family: 'Montserrat', sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}


/* residential-complex */

.residential-complex .sub-heading {
    color: #161616;
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    text-underline-offset: 0.5em;
    text-decoration: underline;

}

.residential-complex .heading {
    color: #161616;
    font-family: 'Raleway', sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;

}

.residential-complex .sub-text {
    color: #161616;
    font-family: 'Raleway', sans-serif;
    font-size: 16.005px;
    font-style: normal;
    font-weight: 300;
    line-height: 28.009px;

    letter-spacing: 0.68px;
}

.residential-complex #readmore {
    padding: 12px 22px;
}

iframe {
    width: 600px;
    height: 500px;
}



/* plan */
#towers {
    top: 5%;
    margin-left: 30%;
}

#flats {
    top: 23%;
    margin-left: 30%;
}

#podium {
    top: 44%;
    margin-left: 30%;
}

#floor {
    top: 63%;
    margin-left: 30%;
}

#location {
    top: 83%;
    margin-left: 30%;
}

.plan .heading {
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 26.008px;
    /* 108.369% */
    letter-spacing: 0.24px;
}

.plan .sub-heading {
    color: rgba(255, 255, 255, 0.80);
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    /* 150% */
    letter-spacing: 0.16px;
}

/* plan ends */




/* layout */
.layout {
    background-color: #2C5B8A;
    color: #fff;
}

.layout .subheading {
    text-underline-offset: 0.5em;
    text-decoration: underline;
    color: #FFF;
    font-family: 'Raleway', sans-serif;
    font-size: 12.882px;
    font-style: normal;
    font-weight: 400;
}

.layout .heading {
    color: #FFF;
    font-size: 33px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;

}

.nav-pills .nav-link {
    background: 0 0;
    border: 0;
    border-radius: 50px;
    border: 1px solid #fff;
    color: #fff;
    color: #FFF;

    font-size: 16px;

    font-weight: 700;

}

.nav-pills .nav-item {
    padding: 22px;
    font-weight: 700;
    text-transform: uppercase;
}

.nav-pills .nav-item .btn {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px;
    /* 156.25% */
    letter-spacing: 0.16px;
    text-transform: uppercase;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #070707;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px;
    /* 156.25% */
    letter-spacing: 0.16px;
    background-color: #fff;
}

.layout .tab-content .heading {
    color: #FFF;
    font-family: 'Raleway', sans-serif;
    font-size: 20.127px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.201px;
    margin-bottom: 20px;
}

.layout .tab-content .sub-heading {
    color: #FFF;
    font-family: 'Raleway', sans-serif;
    font-size: 11.674px;
    font-style: normal;
    font-weight: 300;
    line-height: 18.517px;
    letter-spacing: 0.117px;
}

span.numbers {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 25px;
    letter-spacing: 0.14px;
}

.layout .tab-content h6 {
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 25px;
    letter-spacing: 0.14px;
}

.list {
    color: #FFF;

    font-size: 12.882px;
    font-style: normal;
    font-weight: 400;
    line-height: 20.932px;
    /* 162.5% */
    letter-spacing: 0.129px;
    padding: 20px;
}



/* layout ends */


/* amenities */
.amenities .subheading {
    text-underline-offset: 0.5em;
    text-decoration: underline;
    color: #2C5B8A;
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
}

.amenities .heading {
    color: #2c5b8a;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;

}

.amenities .nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #fff;
    font-family: Raleway;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    background-color: #2C5B8A;
    border: 1px solid #2C5B8A;
}

.amenities .nav-pills .nav-link {
    background: 0 0;
    border: 0;
    border-radius: 50px;
    border: 1px solid #fff;

    color: #363636;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;

}

.amenities .grid {
    color: #363636;
    position: relative;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    vertical-align: middle;
    padding: 30px 50px;
    display: flex;
    align-items: center;
}

.amenities .grid img {
    position: absolute;
    left: 0;
}

/* amenities ends */


/* specification */
.specification .subheading {
    text-underline-offset: 0.5em;
    text-decoration: underline;
    color: #2C5B8A;
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
}

.specification .heading {
    color: #2c5b8a;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;

}



.specification .nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    background-color: #2C5B8A;
    border: 1px solid #2C5B8A;
}

.specification .nav-pills .nav-link {
    background: 0 0;
    border: 0;
    border-radius: 50px;
    border: 1px solid #fff;

    color: #8F8F8F;

    font-size: 18px;
    font-style: normal;
    font-weight: 600;

}

.specification .grid .specification-name {
    color: #363636;
    font-family: 'Raleway', sans-serif;
    position: relative;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    vertical-align: middle;
    padding: 30px 70px;
    /* display: flex; */
    align-items: center;
}

.specification .grid img {
    position: absolute;
    left: 0;
}

div#myDIV .col-sm-6 ul {
    padding: 0 0 0 65px;
}

.specification li {
    padding: 10px !important;
}

.specification ul {
    padding: 10px 0 0 80px;
}

.specification .title {
    font-size: 18px;
}

.specification .sub-heading {
    font-size: 18px;
    color: #363636;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0;
    padding: 5px 0;
}

span.number {

    font-family: 'Open Sans', sans-serif !important;
}

.col-sm-1.col-1.w-auto {
    font-weight: 700;
    font-size: 20px;
}

/* specification ends */




/* virtual tour */

.virtual-tour {
    background: url(../images/virtual\ tour.png);
    height: 800px;
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: end;
}

.virtual-tour .btn {
    padding: 14px 38px;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;

}

.virtual-tour-text .sub-heading {
    color: #2C5B8A;
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    text-decoration: underline;
    text-underline-offset: 0.5em;
}

.virtual-tour-text .heading {
    color: #2C5B8A;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;

}

.titlediv {
    background: rgba(0, 0, 0, 0.50);
    font-weight: 700;
    color: white;
    position: absolute;
    bottom: 0;
    width: 100%;
    opacity: 0.7;
    padding: 5px;
}

.item img {
    width: 100%;
    opacity: 1;
    transition: .5s ease;
    backface-visibility: hidden;
}


.item:hover {
    background: #000000;
    transition: .5s ease;

}

.item:hover img {
    background: #000000;
    opacity: 0.5;
    transition: .5s ease;
}



.item {
    position: relative;
    margin: 10px 0;
}

.item:hover .titlediv {
    opacity: 0;
}


.item:hover .overlay {
    opacity: 1;
}

.overlay {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

}

.overlay span {
    color: white;
    font-size: 16px;
    font-weight: 700;
}

/* virtual tour ends*/



/* gallery */
.gallery .sub-heading {
    color: #161616;
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    text-decoration: underline;
    text-underline-offset: 0.5em;
}

.gallery .heading {
    color: #161616;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;

}

.photo-tour-swiper .swiper-button-next,
.photo-tour-swiper .swiper-button-prev {
    top: 89.2% !important;

}

.slick-list.draggable {
    width: 800px;
    height: 450px;
}

.post-slider a img {
    height: 450px;
    object-fit: cover;
    padding: 10px;
}

.post-slider {
    position: relative;
}

.post-slider .next {
    position: absolute;
    top: 88%;
    right: 0px;
    font-size: 2em;
    color: #fff;
    cursor: pointer;
    z-index: 1;
    background-color: rgba(118, 170, 222, 0.80);
    padding: 20px 30px;
}

.post-slider .prev {
    position: absolute;
    top: 88%;
    left: 88%;
    font-size: 2em;
    color: #fff;
    cursor: pointer;
    z-index: 1;
    background-color: #2C5B8A;
    padding: 20px 30px;
}



.post-slider .post-wrapper {
    width: 100%;
    margin: 0px auto;
    overflow: hidden;
    height: 450px;
}

.post-slider .post-wrapper .post {

    /* margin: 0px 15px; */
    display: inline-block;

    border-radius: 5px;
    /* box-shadow: 1rem 1rem 1rem -1rem #a0a0a033; */
}

.post-slider .post-wrapper .post .post-info {
    /* height: 130px; */
    padding: 0px 5px;
}

.post-slider .post-wrapper .post .slider-image {
    width: 100%;
    /* height: 200px; */
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.post-slider h4 {
    padding: 5px;
    font-family: Arial, Helvetica, sans-serif;
    color: #fff
}

.post-slider a {
    text-decoration: none;
    color: inherit;
}

.page-wrapper a:hover {
    color: black;
}

/* FILTRE BOUTON */



/* .gallery_filter .nav-pills {
    display: flex;
    margin-bottom: 10px;
}

.gallery_filter ul li .btn {
    list-style: none;
    background: #eee;
    padding: 8px 20px;
    margin: 8px;
    letter-spacing: 1px;
    cursor: pointer;
    color: #2C5B8A;
    font-weight: 700 !important;
    font-size: 16px;
    text-transform: uppercase;
}

.gallery_filter .nav-pills li {
    padding: 0;
}

.gallery_filter .btn {
    font-weight: 700;
    text-transform: uppercase;

}

*/
i.slick-disabled {
    background-color: #C3E0E0 !important;

}




/* .gallery_filter ul li.active {
    background: #2C5B8A;
}

.gallery_filter ul li:hover {
    background: #2C5B8A;
} */





/* gallery ends */

/* virtual-tour-text */
.virtual-tour-text ul {
    display: flex;
    margin-bottom: 10px;
}

.virtual-tour-text ul li {
    list-style: none;
    /* background: #eee; */
    padding: 8px 20px;
    margin: 8px;
    letter-spacing: 1px;
    cursor: pointer;
    color: #2C5B8A;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
}

.virtual-tour-text ul li.active {
    background: #2C5B8A;
}

.virtual-tour-text ul li:hover {
    background: #2C5B8A;
}

/* contact us */
.contact-us {
    background: url(../images/original-img/07.webp);
    background-position: center;
    background-size: cover;
    z-index: 1;
    background-attachment: fixed;
}

.contact-us::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: -1;
}

.contact-us .sub-heading {
    color: #FFF;
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    text-decoration: underline;
    text-underline-offset: 0.5em;
}

.contact-us .heading {
    color: #FFF;
    font-family: 'Raleway', sans-serif;
    font-size: 48.016px;
    font-style: normal;
    font-weight: 700;
}

.contact-us .sub-text {
    color: #FFF;
    font-family: 'Raleway', sans-serif;
    font-size: 18.006px;
    font-style: normal;
    font-weight: 400;
}

label {
    color: #000;
}

i.fa.fa-asterisk {
    font-size: 8px;
    color: red;
    vertical-align: text-top;
}

.row.text-white {

    --bs-gutter-x: 9rem;
}

/* contact us ends */


/* brochure */

.brochure {
    background: url(../images/original-img/10.webp) center center no-repeat;
    background-size: cover;
    padding: 60px 0;
    position: relative;
    z-index: 0;
    background-attachment: fixed;
}

.brochure::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.50);
    z-index: -1;
}

.brochure .btn {
    padding: 10px 35px;
    border-radius: 50.016px;

    background: #2C5B8A;
}

.get-our {
    border-bottom: 0.5px solid #3A3A3A;
    ;
}

/* footer */
.footer h4 {
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    font-family: 'Raleway', sans-serif;
    letter-spacing: 0.25px;
    font-size: 25px;
}

.footer .sub-heading {
    color: #161616;
    font-family: 'Raleway', sans-serif;
    font-size: 14.505px;
    font-style: normal;
    font-weight: 400;
}

.footer .btn {
    color: #161616;
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    border-radius: 30.01px;
    border: 1px solid #161616;
    padding: 12px 22px;
}

#footer .arrow {
    position: absolute;
    top: 2px;
    right: 3px;
    bottom: -1px;
    border: 0;
    background: none;
    font-size: 16px;
    padding: 8px;
    background: #2C5B8A;
    color: #fff;
    transition: 0.3s;
    border-radius: 50px;
}

#footer input[type=email] {
    border: 0;
    padding: 4px;
    width: calc(100% - 110px);
    background: #fff;
    color: #000;
    float: left;
    top: 0;
    margin-top: -15px;
    outline: none;
}

#footer form {
    margin-top: 30px;
    background: #fff;
    padding: 20px;
    position: relative;
    border-radius: 50px;
    border: 1px solid #454035;
}

#and-footer {
    display: none;
}

/* footer ends */

/* copy right */
.copyright a {
    color: #FFF;
    font-family: 'Prompt', sans-serif;
    font-size: 14.505px;
    font-style: normal;
    font-weight: 300;
}

.andr-copyright {
    display: none;
}

/* copy right ends */


/* scrollbar */
/* width */
::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #2C5B8A;
    border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #2C5B8A;
}


/* scroll back to top */

/* back to top */
.scroll-top {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    right: 60px;
    bottom: 5%;
    z-index: 99999;
    width: 50px;
    height: 50px;
    flex-shrink: 0;
    background: #2C5B8A;
    border-radius: 50px;
    transition: all 0.4s;
    color: #fff;
}

.scroll-top:hover {
    background: #2C5B8A;
    color: #fff;
}

.scroll-top.active {
    visibility: visible;
    opacity: 1;
}


/* scroll back to top */




/* responisive screen media quires */

@media screen and (min-width:200px) and (max-width: 320px) {
    .nav-link {
        font-size: 6px;
    }

    .hero-section .heading {
        font-size: 10px !important;
    }

    iframe {
        width: 300px;
        height: 200px;
    }

    /* plan */

    .plan .heading {

        font-size: 10px !important;
        line-height: normal;
    }

    .plan .sub-heading {

        font-size: 8px !important;
        line-height: normal;

    }

    .imgdiv {
        text-align: center;
        padding-top: 20px;
    }

    .imgdiv img {
        width: 50% !important;
    }

    /* plan ends */


    .amenities .grid {
        font-size: 10px !important;
        padding: 15px 35px;
    }

    .overlay span {
        color: white;
        font-size: 10px;
        font-weight: 700;
    }

    .post-slider .next {
        padding: 8px 12px !important;
        font-size: .5em !important;
    }

    .post-slider .prev {
        padding: 8px 12px !important;
        font-size: .5em !important;
    }

    .post-slider .prev {
        left: 82% !important;
    }

    .gallery_filter ul li {
        padding: 4px !important;
        margin: 4px;
        font-size: 5px !important;
        line-height: normal;
    }

    #gallery ul li {
        padding: 4px !important;
        margin: 4px;
        font-size: 8px !important;
        line-height: normal;
        font-weight: 700;
    }

    #gallery .text-end {
        display: flex !important;
        justify-content: center !important;
    }

    .contact-us .sub-text {
        font-size: 9px !important;
    }

    #and-footer h6 {
        font-size: 6px !important;
    }

    #and-footer h4 {
        font-size: 10px !important;
    }

    #and-footer .btn {
        font-size: 12px !important;
        padding: 6px 10px !important;
    }


    .scroll-top {
        position: fixed;
        visibility: hidden;
        opacity: 0;
        right: 15px;
        bottom: 5%;
        z-index: 99999;
        width: 30px;
        height: 30px;
        flex-shrink: 0;
        background: #2C5B8A;
        border-radius: 50px;
        transition: all 0.4s;
        color: #fff;
    }

}


@media screen and (min-width:321px) and (max-width:361px) {
    .gallery_filter ul li {
        font-size: 7px !important;
        text-transform: uppercase;
    }

    iframe {
        width: 300px;
        height: 200px;
    }

    #gallery ul li {
        padding: 6px;
        margin: 4px;
        font-size: 7px;
        line-height: normal;
        font-weight: 700;
    }

    /* plan */

    .plan .heading {

        font-size: 12px !important;
        line-height: normal;
    }

    .plan .sub-heading {

        font-size: 8px !important;
        line-height: normal;

    }

    /* plan ends */



}

@media (min-width:415px) and (max-width:525px) {
    .hero-section .heading {
        font-size: 16px !important;
    }

    .hero-section .subheading {
        font-size: 5px !important;
    }

    iframe {
        width: 300px;
        height: 200px;
    }

    .post-slider .prev {
        left: 84%;
    }
}

@media (min-width:526px) and (max-width:575px) {
    .hero-section .heading {
        font-size: 19px !important;
    }

    .hero-section .subheading {
        font-size: 6px !important;
    }

    iframe {
        width: 300px;
        height: 200px;
    }

    /* plan */

    .plan .heading {

        font-size: 16px !important;
        line-height: normal;
    }

    .plan .sub-heading {

        font-size: 14px !important;
        line-height: normal;

    }

    /* plan ends */


    .post-slider .prev {
        left: 88% !important;
    }

}

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

    section {
        padding: 20px 0;
    }

    /* navbar */
    .nav-link {
        font-size: 10px;
    }

    .navbar-toggler-icon {
        width: 20px;
        height: 20px;
    }

    .navbar-brand {
        margin-right: 3rem;
    }

    .sticky-top {
        margin: 0px !important;
    }

    .navbar-nav>li {
        padding: 0px;
        margin-left: 10px;
    }

    .navbar-light .navbar-nav .active::before {
        width: 6%;
    }

    .navbar-brand img {
        width: 100px;
    }


    .phone-number {
        font-size: 6px;
        display: none;
    }

    #navbarbtn {
        padding: 6px 8px;
        font-size: 6px;
        display: none;
    }

    /* hero section */


    .hero-section .heading {
        font-size: 12.2px;
    }

    .hero-section .subheading {
        font-size: 4px;
        margin-bottom: 0.3rem;
    }

    .hero-section .img-1 {
        width: 25px;
    }

    .hero-section .img-fluid {
        padding: 0 10px;
    }

    .bg .container {
        padding: 10px 2px;
    }

    .bg {
        padding: 10px;
    }

    .box {
        padding: 10px;
    }

    #blackbox {
        background: rgba(0, 0, 0, 0.50);
        padding: 20px;
    }

    .bg h6 {
        padding: 0 7px;
        font-size: 10px;
        margin-bottom: 0;
    }

    .count {
        font-size: 12px;
    }


    /* residential complex */
    .residential-complex .sub-heading {
        font-size: 6px;
        padding-top: 15px;
    }

    .residential-complex .heading {
        font-size: 18px;
        padding-top: 0 !important;
    }

    .residential-complex .sub-text {
        font-size: 9px;
        letter-spacing: 0.38px;
        line-height: 15px;
        padding-bottom: 0 !important;
        padding-top: 0px !important;
        margin-bottom: 10px !important;
    }

    .residential-complex #readmore {
        padding: 5px 8px;
        font-size: 6px;
    }

    .residential-complex .swiper-button-prev {
        margin: -15px 0 0 -4px;
    }

    .residential-complex .swiper-button-next {
        padding: 29px 30px;
    }

    .residential-complex .swiper-button-next,
    .residential-complex .swiper-button-prev {
        top: 49% !important;
    }

    .residential-complex .swiper-button-next img,
    .residential-complex .swiper-button-prev img {
        width: 20px;
    }

    iframe {
        width: auto;
        height: 250px;
    }

    /* plan */

    .plan .heading {

        font-size: 14px;
        line-height: normal;
    }

    .plan .sub-heading {

        font-size: 10px;
        line-height: normal;

    }

    .imgdiv {
        text-align: center;
        padding-top: 20px;
    }

    .imgdiv img {
        width: 50% !important;
    }

    /* plan ends */




    /* layout */
    .layout .subheading {
        font-size: 6px;

    }

    .layout .tab-content .sub-heading {
        font-size: 8px;
        line-height: 14px;
        padding-top: 0 !important;
        margin-bottom: 10px !important;
    }

    .layout .heading {
        font-size: 12px;
    }

    .layout .nav-link {
        padding: 5px 6px;
    }

    .layout .nav-pills .nav-link,
    .layout .nav-link.active {
        font-size: 8px;
        line-height: normal;
        margin: 0px 5px;

    }

    .layout ul#pills-tab {
        padding-top: 0 !important;
        padding-bottom: 1.5rem !important;
    }

    .layout .nav-pills .nav-item {
        padding: 4px;
    }

    .layout .tab-content .heading {
        font-size: 10px;
        padding-top: 20px;
    }

    .layout .btn {
        font-size: 8px;
        font-weight: 700;
        color: #2C5B8A;
    }

    .layout ul {
        padding-left: 1rem !important;
    }

    .layout .btn img {
        width: 10px;
    }

    .list {
        padding: 0px;
        font-size: 8px;
    }

    .list span {
        font-size: 8px;
    }


    span.numbers {
        font-size: 8px;
        line-height: normal;
    }

    .layout .tab-content h6 {
        font-size: 10px;
    }


    /* amenities */
    .amenities .subheading {
        font-size: 6px;
    }

    .amenities .heading {
        font-size: 12px;

    }



    .amenities .nav-link {
        padding: 5px 6px;
    }

    .amenities .nav-pills .nav-link.active,
    .nav-pills .show>.nav-link {
        font-size: 9px;
    }

    .amenities .nav-pills .nav-item {
        padding: 6px 4px 0 4px;
        margin: 0px 5px;
    }

    .amenities .nav-pills .nav-link {
        font-size: 9px;
        line-height: normal;
    }

    .amenities .tab-content>.tab-pane .row {
        margin: 0;
    }

    .amenities ul#pills-tab1 {
        padding-top: 0 !important;
        /* padding-bottom: 0 !important; */
    }

    .amenities .grid img {
        width: 35px;
    }

    .amenities .grid {
        font-size: 12px;
        padding: 15px 35px;
    }

    /* amenities ends */




    /* specification */

    .specification .subheading {
        font-size: 6px;
    }

    .specification .heading {
        font-size: 12px;

    }

    .specification .nav-link {
        padding: 5px 8px;
    }

    .specification .nav-pills .nav-link.active,
    .nav-pills .show>.nav-link {
        font-size: 6px;
        line-height: normal;
    }

    .specification .nav-pills .nav-link {
        font-size: 6px;
    }

    .specification ul#pills-tab2 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .specification .tab-content>.tab-pane .row {
        margin: 0;
    }

    .specification .nav-pills .nav-item {
        padding: 8px 0 0 0;
    }

    .specification .grid img {
        width: 30px;
    }

    .specification .grid .specification-name {
        font-size: 18px;
        padding: 20px 40px;
    }

    .specification ul {
        padding: 10px 0 0 20px;
    }

    span.text-end.position-relative.d-flex.align-items-center.ms-lg-5.ms-sm-3.ms-md-3.ms-3 img {
        width: 15px;
    }

    .specification .title {
        font-size: 14px;
    }

    .specification .sub-heading {
        font-size: 12px;
        margin: 5px auto;
    }

    .col-sm-1.col-1.w-auto {
        font-size: 14px;
        display: none;
    }

    /* specification ends */




    /* virtual tour */
    .virtual-tour-text .sub-heading {
        font-size: 8px;
    }

    .virtual-tour-text .heading {
        font-size: 12px;
    }

    .virtual-tour-text a {
        font-size: 5px;
        /* padding: 5px 8px; */
    }

    .virtual-tour {
        height: 200px;
    }

    .virtual-tour .btn {
        padding: 5px 10px;
        font-size: 6px;
    }

    .virtual-tour-text ul {
        display: flex;
        margin-bottom: 10px;
        padding-left: 0;
        flex-wrap: wrap;
        justify-content: center;
    }

    #gallery ul li {
        padding: 6px 3px 0 3px;
        margin: 0px;
        font-size: 7px;
        line-height: normal;
        font-weight: 700;
    }

    #gallery .text-end {
        display: flex !important;
        justify-content: center !important;
    }

    #post-wrapper .slick-track,
    #post-wrapper1 .slick-track,
    #post-wrapper2 .slick-track,
    #post-wrapper3 .slick-track,
    #post-wrapper4 .slick-track,
    #post-wrapper5 .slick-track {
        width: max-content !important;

    }

    .slick-slide {
        width: max-content !important;
    }

    .post-slider a img {
        height: 450px;
        object-fit: cover;
        padding: 8px;
    }

    .amenities .slick-slide {
        width: auto !important;
    }

    /* virtual tour ends*/


    /* photo gallery */
    .gallery .sub-heading {
        font-size: 8px;
    }

    .gallery .heading {
        font-size: 12px;
    }

    .gallery a {
        font-size: 6px;
        margin-bottom: 10px;
    }

    .gallery_filter .filters1 {
        display: flex !important;
        justify-content: center !important;
    }

    .photo-tour-swiper .swiper-button-next img,
    .photo-tour-swiper .swiper-button-prev img {
        width: 20px;
    }

    .photo-tour-swiper .swiper-button-next,
    .photo-tour-swiper .swiper-button-prev {
        top: 84% !important;
    }

    .photo-tour-swiper .swiper-button-next {
        padding: 0;
        margin: 0 -24px;
    }

    .photo-tour-swiper .swiper-button-prev {
        margin: 0 -44px;
    }

    /* .gallery_filter .nav-pills .nav-link,
    .nav-link.active {
        padding: 6px;
        margin: 4px;
        font-size: 8px !important;
        line-height: normal;
        font-weight: 700;
    } */

    .layout .nav-link.active {
        font-size: 8px;
        line-height: normal;
    }

    .gallery_filter .nav-pills .btn {
        font-size: 8px;
        line-height: normal;
        padding: 4px 8px;

    }

    .gallery_filter .nav-pills {
        display: flex;
        margin-bottom: 10px;
        padding-left: 0 !important;
        flex-wrap: wrap;
        justify-content: center;
    }

    .post-slider .next {
        padding: 6px 12px;
        font-size: .8em;
    }

    .post-slider .prev {
        padding: 6px 14px;
        font-size: .8em;
    }

    .post-slider a img {
        height: 200px;
        object-fit: cover;
    }

    .post-slider .post-wrapper {
        height: 200px;
    }

    .slick-list.draggable {
        width: 100%;
        height: 200px;
    }

    .post-slider .prev {
        left: 84%;
    }

    ul.slick-dots {
        display: none !important;
    }

    .overlay span {
        color: white;
        font-size: 10px;
        font-weight: 700;
    }

    /* .gallery a img {
        width: 50px;
    } */
    /* photo gallery ends */




    /* contact us */
    .contact-us .sub-heading {
        font-size: 7px;
        margin-bottom: 10px;
    }

    .contact-us .heading {
        font-size: 12px;
        margin-bottom: 3px;
    }

    .contact-us .sub-text {
        font-size: 12px;
        /* margin-bottom: 0 !important; */
    }

    .contact-us .pt-2.pb-5 {
        padding-bottom: 0rem !important;
    }

    .contact-us label {
        font-size: 10px;
        padding: 8px 6px;
    }

    .contact-us span {
        font-size: 10px;
        vertical-align: middle;
    }

    .contact-us .btn-outline-light {
        font-size: 6px;
        padding: 5px 8px;
    }

    .contact-us .form-control {

        height: 18px;
        font-size: 8px;
    }

    .contact-us .pb-3 {
        padding-bottom: 0rem !important;
    }

    .contact-us input#terms {
        width: 15px;
    }

    textarea.form-control {
        height: 80px;
    }

    form.pt-5 {
        padding-top: 0rem !important;
    }

    /* get our */
    .get-our h1 {
        font-size: 12px;
    }

    .get-our p {
        font-size: 10px;
    }

    .get-our .brochure .btn {
        padding: 8px 18px;
        font-size: 12px;
    }

    .brochure .pt-5.pb-3 {
        padding-top: .3rem !important;
        padding-bottom: 0 !important;
    }

    /* get our  ends*/





    /* footer */
    #and-footer h4 {
        font-size: 12px;
    }

    #and-footer h6 {
        font-size: 10px;
    }

    #and-footer .btn {
        font-size: 14px;
        padding: 8px 14px;
    }

    #and-footer .sub-heading {
        font-size: 12px;
    }

    #and-footer input[type=email] {
        width: -webkit-fill-available;
        font-size: 10px;
        margin-top: -12px;
        border: none;
        outline: none;
    }

    #and-footer form {
        padding: 3px;
        margin-top: 10px;
        background: #fff;
        position: relative;
        border-radius: 50px;
        border: 1px solid #454035;
    }

    #and-footer .arrow {
        width: 25px;
    }

    #and-footer .pt-5 {
        padding-top: 1rem !important;
    }

    #and-footer .arrow {
        position: absolute;
        top: 2px;
        right: 3px;
        bottom: -1px;
        border: 0;
        background: none;
        font-size: 16px;
        padding: 8px;
        background: #2C5B8A;
        color: #fff;
        transition: 0.3s;
        border-radius: 50px;
    }


    #footer {
        display: none;
    }

    #and-footer {
        display: block;
    }

    /* copyright */
    .copyright {
        display: none;
    }

    .andr-copyright a {
        font-size: 12px;
    }

    .andr-copyright {
        display: block;
    }

    /* scroll back to top */
    .scroll-top {
        position: fixed;
        visibility: hidden;
        opacity: 0;
        right: 15px;
        bottom: 5%;
        z-index: 99999;
        width: 30px;
        height: 30px;
        flex-shrink: 0;
        background: #2C5B8A;
        border-radius: 50px;
        transition: all 0.4s;
        color: #fff;
    }

}

@media screen and (min-width:576px) and (max-width:767.98px) {

    section {
        padding: 30px 0;
    }

    /* navbar */
    .search-icon {
        display: inline-block;
    }

    .navbar-brand {
        margin-right: 3rem;
    }

    .sticky-top {
        margin: 0px !important;
    }

    .navbar-nav>li {
        padding: 0px;
    }

    .navbar-light .navbar-nav .active::before {
        width: 5%;
    }

    .navbar-brand img {
        width: 140px;
    }

    .nav-link {
        font-size: 12px;
    }

    .phone-number {
        font-size: 12px;
    }

    #navbarbtn {
        padding: 10px 18px;
        font-size: 10px;
    }

    /* hero section */


    .hero-section .heading {
        font-size: 27px;
    }

    .hero-section .subheading {
        font-size: 6px;
    }

    .hero-section .img-1 {
        width: 30px;
    }

    .hero-section .img-fluid {
        padding: 0 20px;
    }

    .bg .container {
        padding: 20px 12px;
    }

    .bg h6 {
        padding: 0 10px;
        font-size: 5px;
        margin-bottom: 0;
    }

    .bg {
        padding: 10px;
    }

    .box {
        padding: 10px;
    }

    #blackbox {
        background: rgba(0, 0, 0, 0.50);
        padding: 20px;
    }

    .count {
        font-size: 6px;
    }


    /* residential complex */
    .residential-complex .sub-heading {
        font-size: 8px;
    }

    .residential-complex .heading {
        font-size: 16px;
        padding-top: 0 !important;
    }

    .residential-complex .sub-text {
        font-size: 7px;
        letter-spacing: 0.38px;
        line-height: 12px;
        padding-bottom: 0 !important;
        padding-top: 0px !important;
    }

    .residential-complex #readmore {
        padding: 5px 8px;
        font-size: 8px;
    }

    .residential-complex .swiper-button-prev {
        margin: -23px 0 0 -13px;
    }

    .residential-complex .swiper-button-next {
        padding: 0 30px;
    }

    .residential-complex .swiper-button-next,
    .residential-complex .swiper-button-prev {
        top: 84.5% !important;
    }

    .residential-complex .swiper-button-next img,
    .residential-complex .swiper-button-prev img {
        width: 30px;
    }

    iframe {
        width: 250px;
        height: 200px;
    }

    /* plan */

    .plan .heading {

        font-size: 10px;
        line-height: normal;
    }

    .plan .sub-heading {

        font-size: 6px;
        line-height: normal;

    }

    /* plan ends */


    /* layout */
    .layout .subheading {
        font-size: 8px;

    }

    .layout .tab-content .sub-heading {
        font-size: 5px;
        line-height: 9px;
        padding-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .layout .heading {
        font-size: 16px;
    }

    .layout .nav-pills .nav-link,
    .nav-link.active {
        font-size: 10px;
        line-height: normal;

    }

    .layout ul#pills-tab {
        padding-top: 0 !important;
        padding-bottom: 1.5rem !important;
    }

    .layout .nav-pills .nav-item {
        padding: 6px;
    }

    .layout .tab-content .heading {
        font-size: 12px;
        margin-bottom: 10px;
    }

    .layout .btn {
        font-size: 8px;
    }

    .layout .btn img {
        width: 8px;
    }

    .list {
        padding: 0px;
        font-size: 6px;
    }

    .list span {
        font-size: 6px;
    }

    span.numbers {
        font-size: 10px;
        line-height: normal;
    }

    .layout .tab-content h6 {
        font-size: 8px;
        line-height: normal;
        margin-bottom: 4px;
    }

    .layout .tab-content span.numbers {
        font-size: 8px;
    }



    /* amenities */
    .amenities .subheading {
        font-size: 10px;
    }

    .amenities .heading {
        font-size: 22px;

    }

    .amenities .nav-pills .nav-link.active,
    .nav-pills .show>.nav-link {
        font-size: 10px;
    }

    .amenities .nav-pills .nav-item {
        padding: 8px 5px 0 5px;
    }

    .amenities .nav-pills .nav-link {
        font-size: 10px;
        line-height: normal;
    }

    .amenities ul#pills-tab1 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .amenities .grid img {
        width: 25px;
    }

    .amenities .grid {
        font-size: 10px;
        padding: 20px 40px;
    }

    /* amenities ends */




    /* specification */

    .specification .subheading {
        font-size: 10px;
    }

    .specification .heading {
        font-size: 16px;

    }

    .specification .nav-pills .nav-link.active,
    .nav-pills .show>.nav-link {
        font-size: 10px;
        line-height: normal;
    }

    .specification .nav-pills .nav-link {
        font-size: 10px;
    }

    .specification ul#pills-tab2 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .specification .nav-pills .nav-item {
        padding: 12px 0 0 0;
    }

    .specification .grid img {
        width: 25px;
    }

    .specification .grid .specification-name {
        font-size: 10px;
        padding: 20px 40px;
    }

    .specification ul {
        padding: 10px 0 0 20px;
    }

    .specification li {
        padding: 0px !important;
    }

    span.text-end.position-relative.d-flex.align-items-center.ms-lg-5.ms-sm-3.ms-md-3.ms-3 img {
        width: 15px;
    }

    .specification .title {
        font-size: 9px;
    }

    .specification .sub-heading {
        font-size: 9px;

    }

    .col-sm-1.col-1.w-auto {
        font-size: 14px;
    }

    /* specification ends */




    /* virtual tour */
    .virtual-tour-text .sub-heading {
        font-size: 10px;
    }

    .virtual-tour-text .heading {
        font-size: 16px;
    }

    .virtual-tour-text a {
        font-size: 10px
    }

    .virtual-tour {
        height: 300px;
    }

    .virtual-tour .btn {
        padding: 10px 20px;
        font-size: 10px;
    }

    /* #gallery ul li {
        padding: 6px 10px;
        margin: 4px;
        font-size: 8px;
        line-height: normal;
    } */
    .gallery_filter .nav-pills .btn.active,
    .nav-pills .show>.btn {
        font-size: 10px;
    }

    .gallery_filter .nav-pills .nav-item {
        padding: 8px 4px 0 5px;
    }

    .gallery_filter .nav-pills .btn {
        font-size: 10px;
        line-height: normal;
    }

    #gallery .text-end {
        display: flex !important;
        justify-content: center !important;
    }

    /* virtual tour ends*/


    /* photo gallery */
    .gallery .sub-heading {
        font-size: 10px;
    }

    .gallery .heading {
        font-size: 16px;
    }

    .gallery a {
        font-size: 8px;
        margin-bottom: 10px;
    }

    .gallery_filter .filters1 {
        display: flex !important;
        justify-content: center !important;
    }

    .photo-tour-swiper .swiper-button-next img,
    .photo-tour-swiper .swiper-button-prev img {
        width: 30px;
    }

    .photo-tour-swiper .swiper-button-next,
    .photo-tour-swiper .swiper-button-prev {
        top: 54% !important;
    }

    .photo-tour-swiper .swiper-button-next {
        padding: 0;
        margin: 0 -20px;
    }

    .photo-tour-swiper .swiper-button-prev {
        margin: 0 -50px;
    }

    .gallery_filter ul li {
        padding: 6px 10px;
        margin: 4px;
        font-size: 8px;
        line-height: normal;
    }

    .post-slider .next {
        padding: 6px 12px;
        font-size: 1em;
    }

    .post-slider .prev {
        padding: 6px 12px;
        font-size: 1em;
    }

    ul.slick-dots {
        display: none !important;
    }

    /* photo gallery ends */




    /* contact us */
    .contact-us .sub-heading {
        font-size: 8px;
    }

    .contact-us .heading {
        font-size: 16px;

    }

    .contact-us .sub-text {
        font-size: 10px;
        margin-bottom: 0 !important;
    }

    .contact-us .pt-2.pb-5 {
        padding-bottom: 0.5rem !important;
    }

    .contact-us label {
        font-size: 12px;
    }

    .contact-us span {
        font-size: 12px;
    }

    .contact-us .btn-outline-light {

        font-size: 10px;
    }

    .contact-us .form-control {
        padding: initial;
    }

    .contact-us .pb-3 {
        padding-bottom: 0.5rem !important;
    }

    textarea.form-control {
        height: 60px;
    }

    form.pt-5 {
        padding-top: 0.5rem !important;
    }

    /* get our */
    .get-our h1 {
        font-size: 16px;
    }

    .get-our p {
        font-size: 12px;
    }

    .get-our .brochure .btn {
        padding: 8px 25px;
        font-size: 8px;
    }

    .brochure .pt-5.pb-3 {
        padding-top: 1.5rem !important;
        padding-bottom: 0 !important;
    }

    /* get our  ends*/





    /* footer */
    .footer h4 {
        font-size: 8px;
    }

    .footer h6 {
        font-size: 8px;
    }

    .footer .btn {
        font-size: 12px;
        padding: 6px 8px;
    }

    .footer .sub-heading {
        font-size: 10px;
    }

    #footer input[type=email] {
        width: -webkit-fill-available;
        font-size: 10px;
        margin-top: -12px;
    }

    #footer form {
        padding: 15px;
        margin-top: 15px;
    }

    #footer .arrow {
        width: 25px;
    }

    .footer .pt-5 {
        padding-top: 1rem !important;
    }

    /* copyright */
    .copyright a {
        font-size: 8px;
    }

    /* modal */
    .modal-subheading {
        font-size: 16px;
    }

    .scroll-top {
        width: 30px;
        height: 30px;
    }
}

@media screen and (min-width:768px) and (max-width:991.98px) {

    section {
        padding: 30px 0;
    }

    /* navbar */
    .navbar-brand {
        margin-right: 3rem;
    }

    .navbar-nav>li {
        margin: 10px 0 0px 10px;
    }


    .navbar-nav>li {
        padding: 0px;
    }

    .navbar-light .navbar-nav .active::before {
        width: 5%;
    }

    c .navbar-brand img {
        width: 140px;
    }

    .nav-link {
        font-size: 12px;
    }

    .phone-number {
        font-size: 12px;
    }

    #navbarbtn {
        padding: 10px 18px;
        font-size: 10px;
    }

    /* hero section */


    .hero-section .heading {
        font-size: 36px;
    }

    .hero-section .subheading {
        font-size: 8px;
    }

    .hero-section .img-1 {
        width: 50px;
    }

    .hero-section .img-fluid {
        padding: 0 30px;
    }

    .bg .container {
        padding: 20px 12px;
    }

    .bg h6 {
        padding: 0 10px;
        font-size: 7px;
        margin-bottom: 0;
    }

    .bg {
        padding: 15px;
    }

    .box {
        padding: 10px;
    }

    #blackbox {
        background: rgba(0, 0, 0, 0.50);
        padding: 20px;
    }

    .count {
        font-size: 10px;
    }


    /* residential complex */
    .residential-complex .sub-heading {
        font-size: 10px;
    }

    .residential-complex .heading {
        font-size: 22px;
        padding-top: 0 !important;
    }

    .residential-complex .sub-text {
        font-size: 9px;
        letter-spacing: 0.38px;
        line-height: 18px;
        padding-bottom: 0 !important;
        padding-top: 0px !important;
    }

    .residential-complex #readmore {
        padding: 6px 12px;
        font-size: 10px;
    }

    .residential-complex .swiper-button-prev {
        margin: -23px 0 0 -13px;
    }

    .residential-complex .swiper-button-next {
        padding: 0 40px;
    }

    .residential-complex .swiper-button-next,
    .residential-complex .swiper-button-prev {
        top: 87% !important;
    }

    .residential-complex .swiper-button-next img,
    .residential-complex .swiper-button-prev img {
        width: 40px;
    }

    iframe {
        width: 300px;
        height: 250px;
    }


    /* plan */

    .plan .heading {

        font-size: 12px;
        line-height: normal;
    }

    .plan .sub-heading {

        font-size: 9px;
        line-height: normal;

    }

    /* plan ends */


    /* layout */
    .layout .tab-content .sub-heading {
        font-size: 6px;
        line-height: 14px;
        padding-top: 0 !important;
    }

    .layout .heading {
        font-size: 22px;
    }

    .layout .nav-pills .nav-link {
        font-size: 12px;

    }

    .layout .nav-pills .nav-item {
        padding: 6px;
    }

    .layout .tab-content .heading {
        font-size: 14px;
        margin-bottom: 10px
    }

    .layout .btn {
        font-size: 12px;
    }

    .layout .btn img {
        width: 10px;
    }

    .list {
        padding: 0px;
        font-size: 12px;
    }

    .list span {
        font-size: 8px;
    }

    .layout .tab-content h6 {
        font-size: 10px;
        line-height: normal;
        margin-bottom: 8px;
    }

    .layout .tab-content span.numbers {
        font-size: 10px;
        line-height: normal;
    }

    span.numbers {
        font-size: 12px;

    }




    /* amenities */
    .amenities .subheading {
        font-size: 10px;
    }

    .amenities .heading {
        font-size: 22px;

    }

    .amenities .nav-pills .nav-link.active,
    .nav-pills .show>.nav-link {
        font-size: 12px;
    }

    .amenities .nav-pills .nav-item {
        padding: 5px;
        margin: 0px 10px;
    }

    .amenities .nav-pills .nav-link {
        font-size: 12px;
        line-height: normal;
    }

    .amenities ul#pills-tab1 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .amenities .grid img {
        width: 45px;
    }

    .amenities .grid {
        font-size: 12px;
        padding: 20px 50px;
    }

    /* amenities ends */




    /* specification */

    .specification .subheading {
        font-size: 10px;
    }

    .specification .heading {
        font-size: 22px;

    }

    .specification .nav-pills .nav-link.active,
    .nav-pills .show>.nav-link {
        font-size: 10px;
        line-height: normal;
    }

    .specification .nav-pills .nav-link {
        font-size: 10px;
    }

    .specification ul#pills-tab2 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .specification .nav-pills .nav-item {
        padding: 12px;
    }

    .specification .grid img {
        width: 25px;
    }

    .specification .grid .specification-name {
        font-size: 15px;
        padding: 20px 50px;
    }

    .specification ul {
        padding: 10px 0 0 20px;
    }

    .specification li {
        padding: 2px !important;
    }

    span.text-end.position-relative.d-flex.align-items-center.ms-lg-5.ms-sm-3.ms-md-3.ms-3 img {
        width: 15px;
    }

    .specification .title {
        font-size: 10px;
    }

    .specification .sub-heading {
        font-size: 10px;

    }

    .col-sm-1.col-1.w-auto {
        font-size: 10px;
    }

    /* specification ends */




    /* virtual tour */
    .virtual-tour-text .sub-heading {
        font-size: 10px;
    }

    .virtual-tour-text .heading {
        font-size: 22px;
    }

    .virtual-tour-text a {
        font-size: 10px
    }

    .virtual-tour {
        height: 400px;
    }

    .virtual-tour .btn {
        padding: 10px 20px;
        font-size: 10px;
    }

    #gallery .text-end {
        display: flex !important;
        justify-content: center !important;
    }

    #gallery ul li {
        padding: 8px 10px;
        font-size: 12px;
    }

    /* virtual tour ends*/


    /* photo gallery */
    .gallery .sub-heading {
        font-size: 10px;
    }

    .gallery .heading {
        font-size: 22px;
    }

    .gallery a {
        font-size: 12px;
    }

    .gallery_filter .filters1 {
        display: flex !important;
        justify-content: center !important;
    }

    .gallery_filter ul li {
        padding: 10px 14px;
        font-size: 12px;
    }

    .gallery_filter .nav-pills .nav-item .btn {
        padding: 6px 18px;
        font-size: 12px;
    }

    .photo-tour-swiper .swiper-button-next img,
    .photo-tour-swiper .swiper-button-prev img {
        width: 40px;
    }

    .photo-tour-swiper .swiper-button-next,
    .photo-tour-swiper .swiper-button-prev {
        top: 59.5% !important;
    }

    .photo-tour-swiper .swiper-button-next {
        padding: 0;
        margin: 0 -20px;
    }

    .photo-tour-swiper .swiper-button-prev {
        margin: 0 -59px;
    }

    .post-slider .next {
        padding: 5px 15px;
        font-size: 1.7em;
        top: 92%;
    }

    .post-slider .prev {
        padding: 5px 15px;
        font-size: 1.7em;
        top: 92%;
        left: 87%;
    }

    ul.slick-dots {
        display: none !important;
    }

    /* photo gallery ends */




    /* contact us */
    .contact-us .sub-heading {
        font-size: 10px;
    }

    .contact-us .heading {
        font-size: 22px;

    }

    .contact-us .sub-text {
        font-size: 12px;
    }

    .contact-us .pt-2.pb-5 {
        padding-bottom: 1rem !important;
    }

    .contact-us label {
        font-size: 12px;
    }

    .contact-us span {
        font-size: 12px;
    }

    .contact-us a {
        font-size: 12px;
    }

    textarea.form-control {
        height: 120px;
    }

    form.pt-5 {
        padding-top: 0rem !important;
    }

    /* get our */
    .get-our h1 {
        font-size: 20px;
    }

    .get-our p {
        font-size: 14px;
    }

    .get-our .brochure .btn {
        padding: 10px 45px;
        font-size: 12px;
    }

    .brochure .pt-5.pb-3 {
        padding-top: 1.5rem !important;
        padding-bottom: 0 !important;
    }

    /* get our  ends*/





    /* footer */
    .footer h4 {
        font-size: 12px;
    }

    .footer h6 {
        font-size: 12px;
    }

    .footer .btn {
        font-size: 12px;
        padding: 6px 12px;
    }

    .footer .sub-heading {
        font-size: 12px;
    }

    #footer input[type=email] {
        width: -webkit-fill-available;
    }

    .footer .pt-5 {
        padding-top: 1rem !important;
    }

    /* copyright */
    .copyright a {
        font-size: 10px;
    }

    /* modal */
    .modal-subheading {
        font-size: 17px;
    }

}


@media screen and (min-width:992px) and (max-width:1199.98px) {

    /* navbar */
    .navbar-brand {
        margin-right: 3rem;
    }

    .sticky-top {
        margin-top: 10px;
    }

    .navbar-brand img {
        width: 140px;
    }

    .nav-link {
        font-size: 12px;
    }

    .phone-number {
        font-size: 12px;
    }

    #navbarbtn {
        padding: 10px 18px;
        font-size: 10px;
    }

    /* hero section */
    .hero-section .heading {
        font-size: 33px;
    }

    .hero-section .subheading {
        font-size: 10px;
    }

    .hero-section .img-1 {
        width: 70px;
    }

    .hero-section .img-fluid {
        padding: 0 60px;
    }

    .bg .container {
        padding: 30px 14px;
    }

    .bg h6 {
        padding: 0 16px;
        font-size: 10px;
    }

    .count {
        font-size: 15px;
    }


    /* residential complex */
    .residential-complex .heading {
        font-size: 36px;
    }

    .residential-complex .sub-text {
        font-size: 11px;
        letter-spacing: 0.38px;
        line-height: 22px;
    }

    .residential-complex .swiper-button-prev {
        margin: -23px 0 0 -13px;
    }

    .residential-complex .swiper-button-next {
        padding: 0 60px;
    }

    .residential-complex .swiper-button-next,
    .residential-complex .swiper-button-prev {
        top: 83% !important;
    }

    iframe {
        width: 400px;
        height: 300px;
    }

    /* plan */

    .plan .heading {

        font-size: 14px;
        line-height: normal;
    }

    .plan .sub-heading {

        font-size: 12px;
        line-height: normal;

    }

    /* plan ends */


    /* layout */
    .layout .tab-content .sub-heading {
        font-size: 9px;
    }

    .layout .heading {
        font-size: 34px;
    }

    .layout .btn {
        font-size: 12px;
    }

    .list {
        padding: 8px;
    }

    .layout .nav-pills .nav-item .nav-link {
        font-size: 14px;
    }

    .layout .tab-content h6 {
        font-size: 12px;
        margin-bottom: 5px;
    }

    .layout .tab-content span.numbers {
        font-size: 12px;
        line-height: normal;
    }

    .nav-pills .nav-item {
        padding: 8px;
    }

    /* amenities */
    .amenities .nav-pills .nav-link.active,
    .nav-pills .show>.nav-link {
        font-size: 14px;
    }

    .amenities .nav-pills .nav-link {
        font-size: 14px;
    }

    .amenities .grid {
        font-size: 16px;
        padding: 20px 40px 20px 48px;
    }

    /* amenities ends */




    /* specification */
    .specification .nav-pills .nav-link.active,
    .nav-pills .show>.nav-link {
        font-size: 14px;
    }

    .specification .nav-pills .nav-link {
        font-size: 14px;
    }

    .specification .grid .specification-name {
        font-size: 20px;
        padding: 20px 50px;
    }

    .specification .grid img {
        width: 30px;
    }

    .specification ul {
        padding: 10px 0 0 20px;
    }

    span.text-end.position-relative.d-flex.align-items-center.ms-lg-5.ms-sm-3.ms-md-3.ms-3 img {
        width: 15px;
    }

    .specification .title {
        font-size: 15px;
    }

    .specification .sub-heading {
        font-size: 14px;

    }

    .col-sm-1.col-1.w-auto {
        font-size: 14px;
    }

    /* specification ends */




    /* virtual tour */
    .nav-pills .nav-item .btn {
        font-size: 14px;
    }

    .virtual-tour {
        height: 500px;
    }

    .virtual-tour .btn {
        padding: 10px 28px;
        font-size: 15px;
    }

    .virtual-tour-text .heading {
        font-size: 38px;
    }

    #gallery ul li {
        padding: 8px 15px;
        font-size: 14px;
    }

    /* virtual tour ends*/


    /* photo gallery */
    .photo-tour-swiper .swiper-button-next,
    .photo-tour-swiper .swiper-button-prev {
        top: 83.5% !important;
    }

    .photo-tour-swiper .swiper-button-next {
        padding: 0;
        margin: 0 -20px;
    }

    .photo-tour-swiper .swiper-button-prev {
        margin: 0 -77px;
    }

    .post-slider .next {
        padding: 10px 20px;
    }

    .post-slider .prev {
        padding: 10px 20px;
    }

    ul.slick-dots {
        display: none !important;
    }

    .gallery_filter ul li {
        padding: 8px 15px;
        font-size: 14px;
    }

    /* photo gallery ends */




    /* contact us */
    .contact-us .sub-heading {
        font-size: 10px;
    }

    .contact-us .heading {
        font-size: 32px;

    }

    .contact-us .sub-text {
        font-size: 14px;
    }

    form.pt-5 {
        padding-top: 1rem !important;
    }

    /* footer */
    .footer h4 {
        font-size: 20px;
    }

    .footer .btn {
        font-size: 16px;
        padding: 8px 16px;
    }

    /* copyright */
    .copyright a {
        font-size: 13px;
    }

}

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

    /* navbar */
    #navbarbtn {
        padding: 12px 22px;
        font-size: 12px;
    }

    /* hero section */
    .hero-section .heading {
        font-size: 45px;
    }

    .hero-section .subheading {
        font-size: 12px;
    }

    .hero-section .img-1 {
        width: 100px;
    }

    .hero-section .img-fluid {
        padding: 0 60px;
    }

    .bg .container {
        padding: 30px 14px;
    }

    .bg h6 {
        padding: 0 16px;
        font-size: 12px;
    }

    .count {
        font-size: 20px;
    }


    /* residential complex */
    .residential-complex .heading {
        font-size: 36px;
    }

    .residential-complex .sub-text {
        font-size: 16px;
        letter-spacing: 0.38px;
        line-height: 26px;
    }

    .residential-complex .swiper-button-next,
    .residential-complex .swiper-button-prev {
        top: 85% !important;
    }

    iframe {
        width: 500px;
        height: 400px;
    }

    /* plan */

    .plan .heading {

        font-size: 16px;
        line-height: normal;
    }

    .plan .sub-heading {

        font-size: 14px;
        line-height: normal;

    }

    .layout .nav-pills .nav-item {
        padding: 14px;
    }

    /* plan ends */


    /* layout */
    .layout .tab-content .sub-heading {
        font-size: 10px;
    }

    .list {
        padding: 13px;
    }




    /* amenities */
    .amenities .nav-pills .nav-link.active,
    .nav-pills .show>.nav-link {
        font-size: 16px;
    }

    .amenities .nav-pills .nav-link {
        font-size: 16px;
    }

    .amenities .grid {
        font-size: 19px;
    }

    /* amenities ends */




    /* specification */
    .specification .nav-pills .nav-link.active,
    .nav-pills .show>.nav-link {
        font-size: 14px;
    }

    .specification .nav-pills .nav-link {
        font-size: 14px;
    }

    .specification .grid .specification-name {
        font-size: 28px;
    }

    .specification ul {
        padding: 10px 0 0 40px;
    }

    /* specification ends */




    /* virtual tour */
    .virtual-tour {
        height: 600px;
    }

    /* virtual tour ends*/


    /* photo gallery */
    .photo-tour-swiper .swiper-button-next,
    .photo-tour-swiper .swiper-button-prev {
        top: 85.5% !important;
    }

    .photo-tour-swiper .swiper-button-next {
        padding: 0;
        margin: 0px;
    }

    .photo-tour-swiper .swiper-button-prev {
        margin: 0 -60px;
    }

    .post-slider .next {
        padding: 15px 25px;
    }

    .post-slider .prev {
        padding: 15px 25px;
    }

    /* photo gallery ends */


    /* contact us */
    .contact-us .heading {
        font-size: 36px;

    }

    .contact-us .sub-text {
        font-size: 14px;
    }

    form.pt-5 {
        padding-top: 1rem !important;
    }

    /* footer */
    .footer h4 {
        font-size: 22px;
    }


    .footer .btn {
        font-size: 16px;
        padding: 8px 16px;
    }

    /* copyright */
    .copyright a {
        font-size: 15px;
    }

}

.slick-list {
    overflow: unset !important;
}