@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap);
.category-heading,
.exclusive-heading,
.head-cap,
.suv-bdiv,
.work-inner-caption,
label.error,
p.category-heading {
    position: absolute
}

section#about a svg,
span.date svg,
span.p-dec i,
ul.serive p span {
    margin-right: 10px
}

.news-section a,
span.date {
    align-content: center;
    font-weight: 600
}

.news-de,
.news-section {
    align-content: flex-start
}

#footer a,
a {
    text-decoration: none !important
}

.category-heading,
.work-inner-caption,
section#about-info .work-inner-caption {
    transform: translate(-50%, -50%);
    top: 50%
}

.news-section a,
.thankyou h1 {
    font-family: "Open Sans";
    font-style: normal
}

#footer h5,
#footer ul.quick-links li a,
#footer ul.social li a,
.btn-grad,
.carousel-caption h3,
.category-heading .btn-grad,
.col-md-4.col-12.con-content h2,
.head-cap h1,
.navbar .navbar-nav .nav-link,
.news-section a,
.row.inner-btn a,
.row.next-perv a,
.suv-bdiv h3,
.suv-bdiv p,
.thankyou h1,
div#product a,
h1.banner-cap,
p.category-heading,
section .section-title,
section#about a,
section#blog-inner h3.theme-heading,
section#contact-section .col-12.text-center span {
    text-transform: uppercase
}

body {
    margin: 0;
    padding: 0;
    font-family: "Open Sans", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden
}

img {
    width: 100%;
    display: block
}

.main-banner .carousel-inner img {
    height: 100vh
}

.carousel-caption h3 {
    font-size: 48px;
    margin-bottom: 30px
}

.carousel-caption p {
    font-size: 20px;
    max-width: 75%;
    margin: 0 auto
}

.carousel-caption {
    bottom: 100px
}

.section-p {
    padding: 100px 0
}

.body-para {
    color: #1b154a;
    font-size: 18px;
    margin: 0;
    line-height: 28px
}

.contact-form input,
.test-slider .swiper-wrapper {
    margin-bottom: 20px
}

.contact-form .form-group,
section#main-head-banner {
    position: relative
}

label.error {
    bottom: -10px;
    z-index: 11111;
    left: 0;
    color: red;
    font-size: 13px
}

label#textarea-error {
    bottom: -30px
}

.theme-heading {
    margin-bottom: 25px
}

.align-center {
    display: flex;
    justify-content: center;
    align-items: center
}

section#category img {
    width: 100%;
    height: auto
}

p.category-heading {
    left: 50%;
    top: 90%;
    transform: translate(-50%, -90%);
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    z-index: 1111
}

.work-inner-caption ul.serive {
    padding: 0;
    list-style: none;
    text-align: left
}

.work-inner-caption h5.theme-section-heading {
    font-size: 38px;
    margin-bottom: 20px;
    color: #fff
}

.work-inner-caption {
    left: 30%
}

section#contact-section .col-md-4.col-12.ser-content p,
ul.serive {
    margin: 0
}

ul.serive p {
    color: #fff
}

.Exclusive-inner-caption h5.theme-section-heading {
    font-size: 40px;
    text-align: center;
    color: #a7712a;
    font-weight: 600
}

.Exclusive-inner-caption p.body-para {
    max-width: 55%;
    margin: 40px auto 20px;
    text-align: center
}

.news-slider span.date,
div#blog span.date,
span.date svg {
    margin-left: 0
}

.suv-bdiv {
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 20px;
    color: #fff
}

.exclusive-heading h6 {
    font-size: 24px;
    font-weight: 600;
    color: #fff
}

.exclusive-heading p {
    font-size: 16px;
    color: #fff
}

.exclusive-heading a {
    color: #c79a45;
    padding: 10px 20px;
    border: 1px solid;
    border-radius: 5px;
    display: inline-block
}

section.Exclusive .eclu-dic:after {
    background: #0000005c;
    position: absolute;
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    top: 0
}

section.Exclusive .eclu-dic {
    position: relative;
    overflow: hidden;
    width: 100%
}

.exclusive-heading a:hover {
    background: #c79a45;
    color: #fff;
    border: 1px solid #c79a45;
    transition: .3s
}

.exclusive-heading {
    text-align: left;
    bottom: 50px;
    left: 50px;
    max-width: 80%;
    z-index: 9
}

.eclu-dic {
    margin: 0 10px
}

.category-heading h6 {
    font-size: 32px;
    font-weight: 600;
    color: #fff
}

.category-heading p {
    color: #fff;
    font-size: 18px;
    max-width: 70%;
    margin: 20px auto 30px
}

.category-heading {
    left: 50%;
    width: 100%
}

.btn-grad,
.category-heading .btn-grad {
    background-image: linear-gradient(to right, #a7712a 0, 51%, #c79a45 100%);
    margin: 25px auto 0;
    padding: 15px 45px;
    text-align: center;
    transition: .5s;
    background-size: 200% auto;
    color: #fff;
    border-radius: 10px;
    display: block;
    max-width: 25%
}

.head-cap,
.test-slider {
    margin: 0 auto;
    text-align: center
}

.btn-grad:hover,
.category-heading .btn-grad:hover {
    background-position: right center;
    color: #fff;
    text-decoration: none
}

div#listing h5.theme-section-heading {
    padding-bottom: 70px;
    margin: 0
}

.test-section p.body-para,
div#testing h5.theme-section-heading {
    margin-bottom: 40px
}

div#testing,
section#blog-sec,
section#photo-gallry,
section#usp {
    background: #f8f8f8
}

.test-slider {
    max-width: 65%
}

.head-cap h1 {
    font-size: 46px;
    color: #fff
}

.head-cap {
    bottom: 100px;
    left: 0;
    right: 0
}

.test-section b {
    color: #1b154a;
    font-size: 18px;
    position: relative
}

.test-section b:before {
    content: '';
    width: 35px;
    background: #c4862a;
    height: 4px;
    position: absolute;
    top: 11px;
    left: -45px
}

body#homepage section#testimonail div#testing .mySwiper .swiper-button-prev {
    left: 10px
}

body#homepage section#testimonail div#testing .mySwiper .swiper-button-next {
    right: 10px
}

.test-section {
    border-bottom-right-radius: 20px;
    padding: 70px;
    border: 1px solid #c79a45;
    border-top-left-radius: 20px;
    max-width: 90%;
    margin: 30px auto 60px
}

.test-section::before,
div#test-page .test-section::before {
    background: url(../images/quote-icon.png) center/55% no-repeat, center/55% no-repeat #f8f8f8;
    width: 50px;
    height: 50px;
    content: "";
    display: block;
    top: 5px;
    left: 70px;
    z-index: 999;
    position: absolute;
    justify-content: center;
    align-items: center
}

div#test-page .test-section::before {
    background: url(../images/quote-icon.png) center/55% no-repeat, center/55% no-repeat #fff;
    width: 50px;
    height: 50px;
    content: "";
    display: block;
    left: 70px;
    z-index: 999;
    position: absolute;
    top: -30px;
    justify-content: center;
    align-items: center
}

#faw {
    text-transform: none
}

section#product-listing svg {
    width: 31px
}

.news-section {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    border: 1px solid #ededed;
    width: 99%
}

span.date {
    display: flex;
    padding: 20px 0;
    font-size: 14px;
    justify-content: flex-start;
    align-items: center;
    color: #a7712a
}

.thankyou svg,
section#news h5.theme-section-heading {
    margin-bottom: 30px
}

p.news-head {
    font-size: 18px;
    font-weight: 600;
    color: #1b154a;
    margin-bottom: 20px
}

div#blog .dropdown button,
section#news div#testing,
section#testimonail div#testing {
    background: #fff !important
}

.news-section a {
    padding: 10px 20px;
    display: flex;
    border: 1px solid #c8c8c8;
    border-radius: 5px;
    justify-content: flex-start;
    align-items: center;
    color: #707070;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: .56px
}

.carousel-control-next-icon,
.carousel-control-prev-icon,
.swiper-pagination {
    display: none
}

p.news-discription {
    font-size: 16px;
    margin-bottom: 30px;
    color: #1b154a
}

.news-section svg {
    margin-left: 10px
}

.news-de {
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 15px 25px 35px
}

.filter-blog,
.mid-form,
div#product .pro-dec,
span.p-dec {
    align-content: center
}

.news-section img {
    padding: 10px 10px 0
}

.news-slider {
    max-width: 65%;
    margin: 0 auto
}

.filter-main {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 50px 15px
}

.cust-cont {
    max-width: 1600px;
    margin: 0 auto
}

.filter-blog {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 300px
}

span.sor {
    margin-right: 20px
}

.dropdown-menu.show,
.mid-form .dropdown button,
section.map .col-12 iframe {
    width: 100%
}

.result {
    color: #666
}

div#product {
    width: 100%;
    padding-bottom: 60px
}

div#product img,
section#main-front-heading+section#contact-section,
section.map .col-12,
ul.body-para {
    padding: 0
}

div#product p.news-head {
    font-size: 22px;
    margin-bottom: 15px
}

div#product .news-de {
    padding: 30px;
    align-items: center;
    margin: 0 auto
}

div#product p.price-product {
    font-size: 20px;
    font-weight: 600;
    color: #a7712a;
    padding: 0 10px;
    position: relative
}

div#product p.price-product:after {
    width: 40px;
    height: 1px;
    background: #c79a45;
    position: absolute;
    content: '';
    right: -40px;
    top: 14px
}

div#product p.price-product:before {
    width: 40px;
    height: 1px;
    background: #c79a45;
    position: absolute;
    content: '';
    left: -40px;
    top: 14px
}

div#product p.news-discription {
    font-size: 14px;
    margin-bottom: 20px;
    text-align: center;
    color: #1b154a
}

div#product .pro-dec {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px
}

#footer ul.quick-links li:hover a i,
div#product p.news-head strong {
    font-weight: 700
}

span.p-dec {
    font-size: 16px;
    font-weight: 600;
    color: #1b154a;
    padding: 0 10px;
    display: flex;
    justify-content: center;
    align-items: center
}

div#product a {
    color: #c79a45;
    border: 1px;
    padding: 10px 40px;
    font-size: 14px;
    font-weight: 600
}

section#product-listing {
    padding: 40px 0 100px
}

.righ-filter,
.right-filter {
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center
}

.right-filter span {
    margin-right: 16px
}

.righ-filter .dropdown {
    margin-right: 15px
}

.filter-main.blog-filter {
    background: #f8f8f8;
    padding: 25px;
    margin: 15px 15px 50px
}

div#blog .news-section,
div#blog-deatil h1,
section#home-bbaner {
    margin-bottom: 50px
}

#footer h5,
.row.service-div h2 {
    margin-bottom: 20px;
    color: #a7712a;
    font-weight: 500
}

section#main-front-heading h1 {
    text-align: center;
    font-size: 46px;
    padding: 100px 0 30px;
    color: #1b154a
}

section#property-section p,
section#property-section ul {
    font-size: 18px;
    color: #1b154a;
    text-align: center;
    line-height: 28px
}

h1.banner-cap {
    position: absolute;
    bottom: 60px;
    text-align: center;
    left: 0;
    margin: 0 auto;
    right: 0;
    font-size: 46px;
    color: #fff !important;
    letter-spacing: 2px
}

.row.service-div {
    padding: 100px 0;
    display: flex;
    align-items: center
}

section#property-section ul {
    list-style: none;
    padding: 30px 0 15px
}

.row.service-div h2 {
    font-size: 40px
}

.row.service-div p {
    font-size: 18px;
    line-height: 28px;
    color: #1b154a
}

.change-bg .col-md-5.col-12.ser-content {
    padding-left: 70px;
    padding-right: 0
}

.col-md-5.col-12.ser-content {
    padding-right: 70px
}

.change-bg {
    background: #f9f9f9
}

section#property-section h3 {
    font-size: 40px;
    text-align: center;
    padding-bottom: 40px;
    color: #a7712a;
    font-weight: 600
}

.col-md-12.col-12.ser-content,
.inner-ami,
.work-inner,
section#blog-inner p.body-para,
section#property-section p.body-para {
    text-align: center
}

div#details h1,
section#usp h4.theme-heading,
section#why-info ul li:last-child,
section.map+section#property-section {
    padding-bottom: 0
}

section#why-info ul li {
    padding-bottom: 10px
}

.contact-form {
    width: 100%;
    padding: 100px 0
}

.contact-form .form-group {
    width: 48%
}

.contact-form form {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: space-around;
    align-items: flex-start
}

.contact-form input {
    padding: 27px;
    background: #f8f8f8
}

.form-group.text-area {
    width: 98%;
    margin: 10px auto 50px
}

textarea#exampleFormControlTextarea1 {
    padding: 30px;
    background: #f8f8f8
}

button.btn-grad {
    border: 0;
    max-width: 220px;
    width: 100%
}

section#contact-section .col-md-4.col-12.ser-content h2 {
    padding: 20px 0 10px;
    margin: 0;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600
}

.col-md-4.col-12.con-content h2 {
    font-size: 16px;
    padding: 20px 0 10px;
    margin: 0;
    color: #1b154a;
    font-weight: 600
}

.col-md-4.col-12.con-content p {
    margin: 0;
    color: #1b154a
}

.col-md-4.col-12.con-content {
    padding: 50px;
    border: 1px solid #c79a45;
    text-align: center;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    width: 110%;
    max-width: 25%;
    margin: 0 20px
}

.row.head {
    padding: 100px 0 70px
}

textarea.form-control {
    height: auto;
    padding: 20px 30px
}

.col-md-12.col-12.ser-content p {
    margin: 0;
    font-size: 16px;
    color: #1b154a
}

section#home-bbaner button#dropdownMenuButton {
    background: #fff
}

section#contact-section h2 {
    font-size: 40px;
    margin-bottom: 30px;
    color: #a7712a
}

.row.align-center h2 {
    font-size: 16px !important;
    margin: 0 !important;
    color: #1b154a !important
}

section#contact-section {
    padding-bottom: 100px
}

section.map+section#property-section .contact-form {
    padding-top: 0
}

.row.align-center.conta {
    padding: 100px 0 0
}

section#contact-section h3 {
    font-size: 24px;
    color: #1b154a;
    font-weight: 600
}

section#contact-section .col-12.text-center p {
    font-size: 20px;
    color: #1b154a
}

section#contact-section .col-12.text-center span {
    color: #6d6e71;
    font-size: 14px
}

section#category .Exclusive-inner-caption,
section.map {
    padding-top: 100px
}

.mid-form button.btn.btn-grad svg {
    margin-right: 4px
}

.contact-info a,
.contact-info p {
    font-size: 14px;
    padding-right: 3em;
    color: #afafaf;
    font-weight: 500;
    margin-bottom: 0
}

.contact-info.d-md-flex p:last-child,
.contact-info.d-md-flex p:last-child a:last-child {
    padding-right: 0
}

.navbar {
    background-color: #1b154a
}

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

.navbar .navbar-nav .nav-link {
    color: #fff
}

.contact-info.d-md-flex {
    padding: 10px 0;
    margin-bottom: 30px
}

header nav:before {
    width: 100%;
    height: 1px;
    background: #ffffff36;
    content: '';
    position: absolute;
    top: 75px
}

nav.navbar.navbar-expand-md.bg-body-tertiary {
    padding: 20px 0
}
section#about .col-md-9.col-12.text-center {
    max-width: 60%;
}
@media screen and (min-width:1024px) {
    .navbar {
        letter-spacing: .1em
    }
    .navbar .navbar-nav .nav-link {
        padding: .5em 1.5em
    }
    /* .navbar .navbar-nav .nav-item:last-child .nav-link:last-child {
        padding-right: 0
    } */
    .search-and-icons {
        width: 50%
    }
    .search-and-icons form {
        flex: 1
    }
}

@media screen and (min-width:768px) {
    .navbar .navbar-brand img {
        max-width: 240px;
        background: #1b154a;
        position: relative;
        z-index: 1;
        padding: 0;
        border-left: 20px solid #1b154a;
        border-right: 20px solid #1b154a
    }
   
    .navbar .navbar-collapse {
        display: flex;
        flex-direction: column-reverse;
        align-items: flex-end
    }
    .search-and-icons {
        display: flex;
        align-items: center
    }
}

p.price-product:after,
p.price-product:before {
    width: 40px;
    height: 1px;
    background: #c79a45;
    top: 14px;
    content: ''
}

.search-and-icons form input {
    border-radius: 0;
    height: 2em;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='grey' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'/%3E%3C/svg%3E") 95% no-repeat #fff
}

.search-and-icons form input:focus {
    background: #fff;
    box-shadow: none
}

.search-and-icons .user-icons div {
    padding-right: 1em
}

section .section-title {
    text-align: center;
    color: #007b5e;
    margin-bottom: 50px
}

#footer {
    padding: 100px 0 250px;
    background-image: url('../images/footer-img.jpg');
    background-size: cover;
    position: relative
}

#footer h5 {
    padding-bottom: 6px;
    font-size: 18px
}

#footer a {
    color: #fff;
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

#footer ul.social li {
    padding: 3px 0
}

#footer ul.social li a i {
    margin-right: 5px;
    font-size: 25px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

#footer ul.social li:hover a i {
    font-size: 30px;
    margin-top: -10px
}

#footer ul.quick-links li a,
#footer ul.social li a {
    color: #fff;
    font-size: 14px;
    line-height: 38px
}

#footer ul.social li a:hover {
    color: #eee
}

#footer ul.quick-links li {
    padding: 3px 0;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

#footer ul.quick-links li:hover {
    padding: 3px 0;
    margin-left: 5px;
    font-weight: 700
}

#footer ul.quick-links li a i {
    margin-right: 5px
}

ul.list-unstyled.quick-links.social {
    display: flex;
    gap: 10px
}

.row.alright {
    padding: 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: #221b51
}

@media (max-width:767px) {
    #footer h5 {
        padding-left: 0;
        border-left: transparent;
        padding-bottom: 0;
        margin-bottom: 10px
    }
    .suv-bdiv {
        bottom: 70px
    }
    section#about .col-md-9.col-12.text-center {
    max-width: 100%;
}
section#about .col-md-9.col-12.text-center h4.theme-heading.small {
    font-size: 18px;
}
}

div#property-listing .custom-seelect select#prop_type {
    width: 100%;
    max-width: 100%
}

div#property-listing .custom-seelect {
    max-width: 50%;
    width: 100%
}

div#test-page .test-section {
    padding: 50px;
    border-top-left-radius: 20px;
    max-width: 100%;
    text-align: center;
    margin-bottom: 80px;
    position: relative
}

.faq-section .card {
    border: 1px solid #c79a45;
    border-radius: 0;
    margin-bottom: 10px
}

.faq-section .card-header {
    background-color: #fff
}

div#accordion .card-body {
    font-size: 16px;
    line-height: 28px;
    padding: 20px 40px;
    color: #1b154a
}

section#usp h4 {
    color: #1b154a;
    font-size: 32px;
    margin: 0 auto 10px
}

section#usp p.body-para {
    font-size: 16px
}

section#usp .col-md-3.col-12.text-center {
    width: 100%;
    max-width: 15%
}

section#about a {
    color: #c79a45;
    padding: 12px 40px;
    display: inline-block;
    margin-top: 30px;
    border: 1px solid #c79a45;
    border-radius: 5px;
    font-weight: 600
}

section#about .col-md-6.col-12.text-left {
    padding-left: 50px
}

section#about-info .work-inner-caption {
    position: absolute;
    left: 50%;
    width: 80%
}

section#about-info p {
    max-width: 60%;
    color: #fff;
    font-size: 18px;
    margin: 0;
    line-height: 28px
}

.work-inner h6 {
    font-size: 40px;
    font-weight: 600;
    color: #a7712a;
    margin-bottom: 40px
}

section#next-usp .work-inner h6.theme-section-heading {
    font-size: 22px;
    padding: 30px 0 20px;
    margin: 0;
    color: #1b154a
}

section#next-usp p.body-para {
    font-size: 16px;
    margin-bottom: 0
}

section#next-usp .container-fluid.cust-cont {
    padding: 100px;
    background: #f8f8f8
}

.banner-caption-product {
    position: absolute;
    bottom: 70px;
    left: 0;
    margin: 0 auto;
    right: 0
}

section#main-front-heading .banner-caption-product h1 {
    color: #fff;
    font-size: 40px;
    padding-top: 0;
    margin: 0 0 20px
}

section#main-front-heading .banner-caption-product p.price-product {
    position: relative;
    max-width: max-content;
    margin: 0 auto;
    color: #c79a45;
    text-align: center;
    font-family: "Open Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: .8px
}

p.price-product:before {
    position: absolute;
    left: -45px
}

p.price-product:after {
    position: absolute;
    right: -50px
}

.banner-caption-product span {
    display: block;
    color: #fff;
    font-size: 16px;
    text-align: center;
    margin: 20px 0 0
}

.banner-caption-product a.btn-grad {
    max-width: 14%;
    margin-top: 50px
}

.inner-ami i {
    margin-bottom: 15px;
    display: block
}

.col-12.all-emi,
.col-12.p-0.feat-ul,
.mid-form,
.mid-form form,
.row.inner-btn .col-12 {
    display: flex;
    display: flex
}

.inner-ami h2 {
    font-size: 22px;
    font-weight: 600;
    color: #1b154a
}

.row.inner-para p {
    text-align: center;
    margin-top: 80px;
    margin-bottom: 0
}

.row.inner-btn a {
    padding: 10px 30px;
    border: 1px solid #1b154a;
    border-radius: 5px;
    color: #1b154a
}

.row.inner-btn .col-12 {
    margin: 50px auto 0;
    justify-content: center;
    align-items: center;
    gap: 10px
}

.theme-heading,
section#photo-gallry h3 {
    font-size: 40px;
    text-align: center;
    color: #a7712a;
    font-weight: 600;
    padding-bottom: 50px
}

.col-12.p-0.feat-ul {
    margin: 0;
    padding: 0
}

.col-12.p-0.feat-ul ul {
    padding: 0 50px;
    max-width: 80%;
    width: 100%
}

.col-12.p-0.feat-ul ul li {
    font-size: 16px;
    line-height: 28px;
    padding-bottom: 20px;
    color: #1b154a
}

.col-12.p-0.feat-ul ul li::marker {
    background: red;
    color: #a7712a
}

.mid-form .dropdown {
    height: 46px;
    border: 0;
    border-radius: 3px
}

select.form-select.dropdown {
    padding: 10px;
    background: #f8f8f8;
    border: none;
    color: #666;
    text-align: left;
    font-size: 14px;
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: ''
}

.amii,
.body-bolg p.body-para,
.thankyou,
.thankyou h1,
section#why-info ul {
    text-align: center
}

select.form-select.dropdown:focus-visible {
    border: 0;
    outline: 0
}

.filter-main.blog-filter .right-filter select.form-select.dropdown {
    padding: 12px 40px 12px 15px;
    background: #fff;
    border: none;
    font-size: 16px;
    color: #666;
    width: 180px;
    border-radius: 5px
}

.filter-main.blog-filter .right-filter .custom-seelect::after {
    right: 30px
}

.mid-form form {
    max-width: 100%;
    width: 100%
}

.amii {
    padding: 50px 20px;
    border: 1px solid #c79a45;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px
}

.col-12.all-emi {
    justify-content: space-around;
    align-items: center;
    margin: 0
}

.amii h4 {
    font-size: 22px
}

h4.theme-heading.small {
    font-size: 22px;
    margin: 0;
    padding-bottom: 30px;
    line-height: 34px
}

.mid-form .form-group {
    margin: 0;
    width: 100%
}

section#footer p.h6 a.text-green.ml-2 {
    display: block;
    margin: 20px 0 !important;
    color: #999
}

.custom-seelect,
.mid-form .dropdown {
    margin-right: 15px;
    max-width: 100%;
    width: 100%;
    position: relative
}

.mid-form .form-group input#exampleInputEmail1 {
    height: 48px;
    font-size: 14px;
    width: 100%
}

.custom-seelect::after,
section#product-listing .filter-blog .dropdown::after {
    content: '';
    width: 15px;
    height: 12px;
    background-image: url(https://milagro.in/wip/mkdream/assests/images/arrow.png);
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    top: 18px;
    right: 15px;
    font-size: 0
}

.mid-form {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: -47px;
    background: #c8c8c89c;
    padding: 25px;
    border-radius: 10px;
    max-width: 52%;
    width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto
}

ul.carousel-indicators {
    opacity: 0;
    display: none
}

.mid-form .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
    position: absolute;
    right: 20px;
    top: 50%
}

.mid-form button#dropdownMenuButton {
    padding: 12px 16px;
    background: #f8f8f8;
    border: none;
    color: #666;
    text-align: left;
    font-size: 14px
}

.mid-form button.btn.btn-grad {
    border-radius: 5px;
    padding: 12px 20px;
    margin: 0 0 0 10px;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center
}

.swiper-button-next,
section#home-bbaner a.carousel-control-next {
    width: 32px !important;
    height: 26px !important;
    background-image: url('../images/right-arrow.png');
    /* background-image: url('../images/'); */
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

.swiper-button-prev,
section#home-bbaner a.carousel-control-prev {
    width: 32px !important;
    height: 26px !important;
    background-image: url('../images/left-arrow.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

.swiper-button-next:after,
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: '' !important
}

.ameities,
.exclusive,
.mySwipertow,
.mynewsSwiper {
    padding: 40px 0 0 !important
}

.ameities .swiper-button-prev,
.exclusive .swiper-button-prev,
.mySwipertow .swiper-button-prev,
.mynewsSwiper .swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 10px);
    top: 20px;
    right: 70px !important;
    left: unset
}

.ameities .swiper-button-next,
.exclusive .swiper-button-next,
.mySwipertow .swiper-button-next,
.mynewsSwiper .swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto;
    top: 20px
}

section#home-bbaner .carousel-control-prev {
    right: 100px;
    left: unset;
    bottom: 40px !important;
    top: unset;
    opacity: 1
}

section#home-bbaner .carousel-control-next {
    right: 50px;
    left: unset;
    bottom: 40px !important;
    top: unset;
    opacity: 1
}

.faq-section .card button.btn.btn-link:after,
button#dropdownMenuButton::after {
    height: 12px;
    background-repeat: no-repeat;
    background-size: 100%;
    right: 15px;
    font-size: 0
}

.test-slider .swiper-pagination {
    display: block
}

.test-slider .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #c4862a
}

.swiper-pagination-bullet {
    width: 12px !important;
    height: 12px !important;
    display: inline-block
}

.main-heading-header {
    display: flex;
    flex-direction: row;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    color: #a7712a;
    font-size: 16px;
    font-weight: 600
}

.main-heading-header h2 {
    width: 100%;
    text-align: center;
    font-size: 40px;
    font-weight: 600;
    margin-top: 20px;
    color: #1b154a
}

.navbar-nav.ms-auto a.nav-link.active,
.thankyou h1 {
    color: #a7712a
}

.author-name,
.date {
    margin: 20px 20px 0
}

.body-bolg {
    padding: 80px 0
}

.body-bolg p.body-para {
    padding-top: 80px
}

section#blog-inner h3.theme-heading {
    padding-top: 80px;
    font-size: 30px;
    padding-bottom: 10px
}

.row.next-perv a {
    display: flex;
    align-items: center;
    padding: 20px;
    margin-top: 70px;
    border: 1px solid #dedede;
    color: #707070;
    font-size: 14px;
    gap: 10px
}

section#why-info p,
section#why-info ul {
    color: #1b154a;
    font-size: 18px
}

.row.next-perv a.end {
    text-align: right;
    display: flex;
    justify-content: flex-end
}

.main-banner .carousel-inner img {
    width: 100%;
    height: calc(100vh - 156px);
    object-fit: cover
}

.navbar .navbar-nav .nav-link:hover {
    color: #a7712a;
    transition: .3s
}

section#about h4.theme-heading {
    font-size: 22px;
    margin-bottom: 0;
    line-height: 36px;
    padding-bottom: 40px
}

body#homepage section#testimonail div#testing .mySwiper .swiper-button-next,
body#homepage section#testimonail div#testing .mySwiper .swiper-button-prev {
    top: 42%
}

.card.active .card-header {
    background-color: #f8f8f8
}

.row.service-div ul {
    font-size: 18px;
    line-height: 28px;
    color: #1b154a;
    padding: 10px 0 10px 20px
}

.dropdown-item {
    font-size: 14px
}

section#about h5.theme-heading {
    font-size: 40px;
    text-align: left;
    padding: 0
}

section#next-usp {
    margin-bottom: 100px
}

div#product a:hover,
section#about a:hover {
    background: #c79a45;
    transition: .3s;
    color: #fff
}

.faq-section .card-header .btn-link {
    font-size: 18px;
    color: #1b154a;
    font-weight: 600;
    text-decoration: none;
    text-align: left;
    display: flex;
    width: 100%
}

.row.next-perv a i {
    height: 25px
}

.row.next-perv a:first-child svg {
    transform: rotate(180deg);
    height: auto
}

.row.next-perv a.end svg {
    transform: rotate(360deg);
    height: auto
}

button#dropdownMenuButton::after {
    width: 15px;
    background-image: url('https://milagro.in/wip/mkdream/assests/images/arrow.png');
    position: absolute;
    top: 18px
}

button#dropdownMenuButton {
    padding: 12px 40px 12px 15px;
    background: #f8f8f8;
    border: none;
    color: #666
}

body#homepage section#testimonail div#testing {
    background: #f8f8f8 !important
}

section#about-info .work-inner-caption ul {
    padding-left: 20px;
    padding-top: 20px;
    color: #fff;
    line-height: 32px;
    font-size: 18px
}

section#why-info ul {
    list-style: none;
    padding: 30px 0 20px;
    line-height: 28px
}

.modal-parent {
    width: 100%;
    height: 100vh;
    background: #0000007d;
    position: fixed;
    z-index: 999999;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto
}

.thankyou,
.thankyou:after {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-bottom-right-radius: 15px;
    border-top-left-radius: 15px;
    position: absolute
}

.thankyou {
    padding: 80px 20px;
    background: #fff;
    max-width: 50%;
    width: 100%
}

section#footer p.h6 {
    max-width: 85%;
    margin: 0 auto;
    font-size: 14px;
    line-height: 24px;
    color: #999
}

.productdata {
    width: 100%;
    display: flex !important;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.thankyou h1 {
    font-size: 46px;
    font-weight: 500;
    line-height: 46px;
    letter-spacing: 1.84px
}

.thankyou p {
    padding-top: 15px;
    font-size: 16px
}

.thankyou:after {
    width: 97%;
    height: 95%;
    content: '';
    margin: 0 auto;
    border: 1px solid #c79a45
}

.native {
    display: none !important
}

.thankyou a {
    position: absolute;
    top: 30px;
    right: 33px;
    z-index: 111
}

.thankyou h1::after {
    content: '';
    width: 60px;
    height: 5px;
    display: block;
    background: #a7722b;
    margin: 25px auto 0
}

button:active,
button:focus,
button:focus-visible {
    outline: 0 !important;
    border: none !important;
    box-shadow: none !important
}

.faq-section .card button.btn.btn-link:after {
    width: 18px;
    background-image: url(https://milagro.in/wip/mkdream/assests/images/arrow.png);
    position: absolute;
    top: 28px;
    content: ''
}

.filter-blog .dropdown {
    max-width: 200px;
    width: 100%
}

section#text-section+section#service-section .row.service-div {
    padding-top: 0 !important
}

section#category .col-md-3.col-12::after {
    background: #0000006f;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 11;
    content: '';
    left: 0;
    right: 0;
    margin: 0 auto
}

section#about a:hover svg {
    fill: #fff
}

#faq .card-body ol,
#faq .card-body ul {
    margin-top: .5rem
}

#faq .card-body ol li,
#faq .card-body ul li {
    padding-top: .5rem
}

img.comingsoon {
    max-width: 30%;
    margin: 0 auto;
    padding: 100px 0
}
.news-section {
    height: 100%;
}
div#blog .row {
    display: flex;
    align-items: stretch;
    justify-content: center;
}
.news-de {
    padding: 15px 25px 0;
}
.news-section a {
    padding: 7px 15px;
}
#blog span.date {
    margin-top: 0;
}
/* .navbar-nav.ms-auto a.nav-link.active, .thankyou h1 {
    border-bottom: 1px solid;
} */
div#product a {
    border: 1px solid;
}
.navbar-nav.ms-auto a.nav-link.active, .thankyou h1 {
    color: #a7712a;
    position: relative;
}

a.nav-link.active::after {
    width: 81%;
    height: 1px;
    position: absolute;
    background: #a7722b;
    content: '';
    bottom: 0;
    left: 0;
    margin: 0 auto;
    right: 0;
}
.mySwiperami .swiper-button-next:after, .mySwiperami .swiper-button-prev:before {
    width: 50px;
    height: 50px;
    background: #0000002e;
    border-radius: 80%;
    display: block;
    content: '' !important;
    padding: 30px;
    z-index: -111;
    position: absolute;
}
.mySwiperami .swiper-button-prev {
    left: 60px;
}
.mySwiperami .swiper-button-next {
    right: 60px;
}
@media screen and (max-width:1441px) {
    .Exclusive-inner-caption h5.theme-section-heading,
    .row.service-div h2,
    .theme-heading,
    .work-inner h6,
    .work-inner-caption h5.theme-section-heading,
    section#about h4.theme-heading,
    section#about h5.theme-heading,
    section#contact-section h2,
    section#features-animites .theme-heading,
    section#photo-gallry h3,
    section#property-section h3 {
        font-size: 34px
    }
    header .cust-cont {
        padding: 0 50px
    }
    section#blog-inner .inner-text-section.section-p {
        padding-bottom: 0
    }
    .body-bolg p.body-para {
        padding-top: 50px;
        text-align: center
    }
    .body-bolg {
        padding: 80px 0 100px
    }
    .main-heading-header h2 {
        font-size: 34px;
        margin-top: 20px;
        color: #1b154a
    }
    .row.inner-para p {
        text-align: center;
        margin-top: 50px;
        margin-bottom: 0
    }
    section#main-front-heading .banner-caption-product h1 {
        color: #fff;
        font-size: 34px;
        margin-bottom: 15px
    }
    .banner-caption-product a.btn-grad {
        max-width: 20%;
        margin-top: 35px;
        padding: 15px 0
    }
    section#product-listing {
        padding: 40px 50px 100px
    }
    section#mi-slider .conatiner-fluid.cust-cont,
    section#next-usp .container-fluid.cust-cont,
    section#service-section .container-fluid.cust-cont {
        max-width: 90%
    }
    .mid-form {
        max-width: 65%
    }
    p.category-heading {
        font-size: 26px
    }
    .carousel-caption h3 {
        font-size: 42px
    }
    .carousel-caption p {
        font-size: 18px;
        max-width: 75%;
        margin: 0 auto
    }
    section#usp .col-md-3.col-12.text-center {
        width: 100%;
        max-width: 20%
    }
    #footer {
        padding: 100px 50px 150px
    }
    .head-cap h1,
    section#main-front-heading h1 {
        text-align: center;
        font-size: 40px
    }
    .work-inner-caption {
        left: 35%
    }
    .category-heading .btn-grad {
        max-width: 35%
    }
    .news-de span.date {
        margin-left: 0
    }
    .news-slider {
        max-width: 80%;
        margin: 0 auto
    }
    .test-section {
        padding: 50px;
        max-width: 95%
    }
    section#features-animites .theme-heading {
        margin-bottom: 0
    }
    .exclusive-heading {
        text-align: left;
        position: absolute;
        bottom: 50px;
        left: 30px;
        max-width: 100%;
        z-index: 9
    }
    .inner-text-section {
        overflow: hidden
    }
    .amii {
        padding: 30px
    }
    .amii h4 {
        font-size: 18px
    }
    section.section-p h3.theme-heading {
        margin: 0
    }
    .property-slider {
        max-width: 90%;
        margin: 0 auto
    }
}

@media screen and (max-width:1281px) {
    .carousel-caption h3,
    .head-cap h1,
    section#main-front-heading h1 {
        font-size: 36px
    }
    .section-p {
        padding: 80px 0
    }
    .news-slider {
        max-width: 95%;
        margin: 0 auto
    }
    p.category-heading {
        font-size: 22px
    }
    .work-inner-caption {
        left: 60%;
        width: 100%
    }
    section#main-front-heading .banner-caption-product h1 {
        color: #fff;
        font-size: 30px;
        margin-bottom: 15px
    }
    .banner-caption-product {
        position: absolute;
        bottom: 60px;
        left: 0;
        margin: 0 auto;
        right: 0
    }
    .property-slider {
        max-width: 100%;
        margin: 0 auto
    }
    .body-bolg {
        padding: 60px 0 100px
    }
}

@media screen and (max-width:1142px) {
    section#about-info img {
        height: 80vh;
        object-fit: cover
    }
}

@media screen and (max-width:1025px) {
    .row.service-div ul,
    section#about-info p,
    section#property-section p,
    section#property-section ul {
        line-height: 28px;
        font-size: 16px
    }
    .navbar .navbar-nav .nav-link {
        padding: .5em 1em
    }
    .mid-form,
    .test-slider {
        max-width: 95%
    }
    section#about .container,
    section#blog-inner .container,
    section#features-animites .container,
    section#head-blog .container {
        max-width: 90%
    }
    section#main-front-heading .banner-caption-product h1 {
        color: #fff;
        font-size: 28px;
        margin-bottom: 10px
    }
    .row.inner-para p {
        text-align: center;
        margin-top: 30px
    }
    section#features-animites {
        padding-bottom: 50px
    }
    .banner-caption-product span {
        margin: 10px 0 0
    }
    .banner-caption-product a.btn-grad {
        max-width: 25%;
        margin-top: 25px;
        padding: 15px 0
    }
    .banner-caption-product {
        bottom: 50px
    }
    section.map {
        padding-top: 60px
    }
    .col-md-4.col-12.con-content {
        padding: 30px;
        width: 100%;
        max-width: 28%;
        margin: 0 20px
    }
    div#product p.news-head {
        font-size: 20px;
        margin-bottom: 15px
    }
    .category-heading .btn-grad {
        max-width: 40%;
        padding: 15px 0
    }
    div#blog .col-md-4.col-12,
    div#product {
        padding-bottom: 60px;
        max-width: 50%;
        flex: 0 0 50%
    }
    div#blog .col-md-4.col-12 {
        max-width: 50%;
        flex: 0 0 50%;
        padding-bottom: 0
    }
    .filter-main {
        padding: 80px 15px 50px
    }
    section#main-head-banner img {
        height: 35vh;
        object-fit: cover
    }
    section#product-listing .btn-grad {
        max-width: 45%
    }
    .head-cap {
        position: absolute;
        bottom: 70px
    }
    .body-para,
    .category-heading p,
    .row.service-div p {
        color: #1b154a;
        font-size: 16px;
        margin: 0;
        line-height: 28px
    }
    div#listing .row.align-center,
    section#category .row.align-center {
        display: flex;
        flex-wrap: wrap;
        padding: 0 20px
    }
    div#blog button#dropdownMenuButton {
        max-width: 210px;
        padding: 15px
    }
    section#category .row.align-center .col-md-3.col-12 {
        width: 100%;
        max-width: 50%;
        flex: 0 0 50%
    }
    .Exclusive-inner-caption p.body-para {
        max-width: 75%
    }
    section#category .row.align-center .col-md-3.col-12 img {
        padding: 20px
    }
    div#listing p {
        color: #fff;
        margin: 0 auto
    }
    div#listing .col-md-6.col-12.text-center.p-0 {
        max-width: 100%;
        flex: 0 0 97%;
        margin: 0 0 30px !important
    }
    div#listing {
        padding-bottom: 100px
    }
    .navbar .navbar-brand img {
        max-width: 210px
    }
    nav.navbar.navbar-expand-md.bg-body-tertiary {
        padding: 10px 0
    }
    .contact-info.d-md-flex {
        padding: 10px 0;
        margin-bottom: 15px
    }
    header nav:before {
        top: 60px
    }
    .main-banner .carousel-inner img {
        width: 100%;
        height: calc(100vh - 129px)
    }
    section#home-bbaner .carousel-control-next,
    section#home-bbaner .carousel-control-prev {
        bottom: 90px !important
    }
    h4.theme-heading.small,
    section#about h4.theme-heading {
        font-size: 20px;
        padding-bottom: 20px;
        line-height: 28px
    }
    section#usp .col-md-3.col-12.text-center {
        width: 100%;
        max-width: 23%
    }
    section#next-usp .container-fluid.cust-cont {
        max-width: 90%;
        padding: 60px 30px
    }
    section#about-info p {
        max-width: 100%;
        margin: 0
    }
    div#product .news-de {
        padding: 30px;
        align-items: center;
        width: 100%
    }
    .row.service-div {
        padding: 100px 0;
        display: flex;
        align-items: center;
        flex-direction: column
    }
    section#service-section .ser-content {
        width: 100%;
        max-width: 100%;
        margin-bottom: 50px;
        padding: 0 15px
    }
    section#service-section .ser-img {
        width: 100%;
        max-width: 100%
    }
    .change-bg .ser-content {
        padding: 0 15px !important;
        margin-top: 50px;
        margin-bottom: 0 !important
    }
    .col-md-12.col-12.ser-content p {
        margin: 0;
        font-size: 16px;
        color: #1b154a
    }
    div#details img {
        height: 50vh;
        object-fit: cover
    }
    section#blog-inner .row.align-center {
        gap: 50px
    }
    .row.next-perv .col-md-6.col-12 {
        max-width: 50%
    }
}

@media screen and (max-width:768px) {
    section#about-info img,
    section#work img {
        object-fit: cover
    }
     .mySwiperami .swiper-button-next:after, .mySwiperami .swiper-button-prev:before {
    width: 32px;
    height: 32px;
    background: #a7722b69;
    border-radius: 80%;
    display: block;
    content: '' !important;
    padding: 20px;
    z-index: -111;
    position: absolute;
}
    section#product-listing .productdata {
        margin: 0 !important
    }
    section#product-listing select#dropdownMenuButton {
        background: #fff !important;
        border: 1px solid #dedede
    }
    div#count {
        font-size: 14px;
        padding-left: 3px
    }
    .navbar .navbar-brand img {
        max-width: 140px
    }
    .thankyou {
        max-width: 90%
    }
    div#property-listing form.filter-form {
        display: flex;
        flex-direction: column;
        margin: 0
    }
    .custom-seelect {
        max-width: 100%;
        margin: 0
    }
    .mid-form button.btn.btn-grad {
        margin: 0;
        max-width: 100%;
        width: 100%
    }
    div#property-listing .custom-seelect {
        max-width: 100%;
        width: 100%
    }
    div#property-listing button.btn.btn-grad {
        margin: 15px 0 0;
        width: 100%;
        max-width: 100%
    }
    .Exclusive-inner-caption h5.theme-section-heading,
    .carousel-caption h3,
    .thankyou h1,
    .work-inner-caption h5.theme-section-heading {
        font-size: 32px
    }
    .thankyou h1::after {
        margin: 10px auto 0
    }
    .thankyou p {
        padding-top: 15px;
        font-size: 14px
    }
    .thankyou a {
        position: absolute;
        top: 25px;
        right: 20px
    }
    section#about-info .work-inner-caption ul,
    section#why-info p,
    section#why-info ul {
        line-height: 28px;
        font-size: 16px
    }
    section#about h4.theme-heading {
        font-size: 28px;
        padding-bottom: 40px;
        line-height: 28px
    }
    section#product-listing button#dropdownMenuButton {
        background: #fff;
        width: 100%;
        text-align: left;
        padding: 12px 15px
    }
    .main-heading-header h2 {
        font-size: 28px;
        margin-top: 20px;
        color: #1b154a
    }
    section#blog-inner h3.theme-heading {
        padding-top: 50px;
        font-size: 28px
    }
    section#amenities .inner-ami {
        text-align: center;
        margin-bottom: 40px
    }
    section#amenities .inner-ami:last-child {
        text-align: center;
        margin-bottom: 20px
    }
    .col-12.p-0.feat-ul ul {
        padding: 0 30px;
        max-width: 80%;
        width: 100%
    }
    section#contact-section .col-12.text-center p {
        font-size: 18px;
        color: #1b154a
    }
    .Exclusive-inner-caption h5.theme-section-heading,
    .carousel-caption h3,
    .row.service-div h2,
    .theme-heading,
    .work-inner h6,
    .work-inner-caption h5.theme-section-heading,
    section#about h5.theme-heading,
    section#contact-section h2,
    section#features-animites .theme-heading,
    section#photo-gallry h3,
    section#property-section h3 {
        font-size: 28px
    }
    div#blog .col-md-4.col-12 {
        max-width: 100%;
        flex: 0 0 100%;
        padding-bottom: 0
    }
    .col-md-4.col-12.con-content {
        padding: 30px;
        width: 100%;
        max-width: 60%;
        margin: 0 20px 30px
    }
    section#contact-section .col-md-4.col-12.con-content:last-child,
    section#home-bbaner,
    section#next-usp .col-md-4.col-12:last-child .work-inner {
        margin-bottom: 0
    }
    .row.align-center.conta {
        padding: 70px 0 0
    }
    div#blog .filter-main {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        padding: 20px 15px;
        flex-direction: column
    }
    .filter-blog {
        margin-top: 15px
    }
    div#product {
        padding-bottom: 60px;
        max-width: 100%;
        flex: 0 0 100%
    }
    section#about .inner-text-section.section-p {
        padding: 80px 40px
    }
    section#usp .col-md-3.col-12.text-center {
        width: 100%;
        max-width: 50%;
        padding: 20px
    }
    header nav:before,
    section#usp .col-md-3.col-12.text-center p br {
        display: none
    }
    .work-inner,
    section#about img {
        margin-bottom: 50px
    }
    section#about .col-md-6.col-12.text-left {
        padding: 0 15px
    }
    section#why-info .col-md-8.col-12.px-0.align-center {
        padding: 0 40px !important
    }
    section#home-bbaner .carousel-control-next,
    section#home-bbaner .carousel-control-prev {
        bottom: 40px !important
    }
    .main-banner .carousel-inner img {
        width: 100%;
        height: 70vh;
        object-fit: cover
    }
    div#navbarSupportedContent {
        padding: 0 30px 30px;
        background: #00000029;
        margin: 20px 0
    }
    .contact-info a,
    .contact-info p {
        display: flex;
        align-content: center;
        justify-content: flex-start;
        align-items: flex-start;
        font-size: 15px;
        margin-bottom: 15px
    }
    .contact-info.d-md-flex p:last-child {
        display: flex;
        flex-direction: column;
        align-content: flex-start;
        justify-content: flex-start;
        align-items: flex-start
    }
    .contact-info.d-md-flex i {
        margin-right: 20px
    }
    .contact-info.d-md-flex p:last-child,
    .contact-info.d-md-flex p:last-child a:last-child {
        padding-right: 0;
        margin: 0
    }
    .contact-info.d-md-flex {
        padding: 25px 0 0;
        margin-bottom: 0
    }
    .navbar .navbar-nav .nav-link {
        color: #fff;
        text-transform: uppercase;
        padding: 20px 0;
        border-bottom: 1px solid #ffffff24
    }
    section#work img {
        height: 80vh;
        background-position: center center
    }
    .carousel-caption p {
        font-size: 16px;
        max-width: 100%;
        margin: 0 auto
    }
    section#home-bbaner .carousel-control-next {
        right: 5%;
        left: unset
    }
    header .cust-cont {
        max-width: 90%;
        margin: 0 auto
    }
    .mid-form .dropdown,
    .mid-form form,
    section#footer .col-xs-12.col-sm-12.col-md-12 {
        max-width: 100%;
        width: 100%
    }
    section#home-bbaner .carousel-control-prev {
        right: 88%;
        left: unset
    }
    .work-inner-caption {
        left: 50%;
        width: 80%
    }
    section#footer .col-xs-12 {
        flex: 0 0 100%;
        max-width: 50%
    }
    #footer {
        padding: 100px 30px 150px
    }
    section#text-section .col-md-9 {
        padding: 0 40px
    }
    .mid-form {
        flex-wrap: wrap;
        max-width: 95%;
        flex-wrap: wrap;
        position: unset;
        margin-top: 20px;
        background: #666666c9
    }
    .mid-form .dropdown {
        margin-right: 0;
        margin-bottom: 15px
    }
    .mid-form form {
        margin-bottom: 19px
    }
    section#category .row.align-center .col-md-3.col-12 img {
        padding: 0 10px 20px
    }
    div#listing .col-md-6.col-12.text-center.p-0:last-child {
        margin-bottom: 0 !important
    }
    div#test-page .test-section:last-child {
        margin-bottom: 20px
    }
    .row .three {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background-color: #2c3e50;
        color: #ecf0f1;
        text-align: center
    }
    .hamburger .line {
        width: 32px;
        height: 4px;
        background-color: #ecf0f1;
        display: block;
        margin: 8px auto;
        -webkit-transition: .3s ease-in-out;
        -o-transition: .3s ease-in-out;
        transition: .3s ease-in-out
    }
    button.navbar-toggler {
        border: 0 !important
    }
    .hamburger:hover {
        cursor: pointer
    }
    .navbar-toggler-icon {
        display: inline-block;
        width: unset;
        height: unset
    }
    .three.col {
        padding: 0
    }
    #hamburger-1.is-active .line:nth-child(2) {
        opacity: 0
    }
    #hamburger-1.is-active .line:first-child {
        -webkit-transform: translateY(12px) rotate(45deg);
        -ms-transform: translateY(12px) rotate(45deg);
        -o-transform: translateY(12px) rotate(45deg);
        transform: translateY(12px) rotate(45deg)
    }
    #hamburger-1.is-active .line:nth-child(3) {
        -webkit-transform: translateY(-12px) rotate(-45deg);
        -ms-transform: translateY(-12px) rotate(-45deg);
        -o-transform: translateY(-12px) rotate(-45deg);
        transform: translateY(-12px) rotate(-45deg)
    }
}

@media screen and (max-width:576px) {
    .test-section,
    section#footer p.h6 {
        max-width: 95%
    }
    .head-cap,
    section#amenities p.body-para {
        padding: 0 20px
    }
    .carousel-caption,
    .head-cap,
    h1.banner-cap {
        position: absolute;
        bottom: 40px
    }
    ul.serive p {
        font-size: 16px;
        line-height: 28px
    }
    .contact-form .form-group {
        width: 98%
    }
    section#news h5.theme-section-heading {
        margin-bottom: 50px;
        padding: 0 20px
    }
    div#navbarSupportedContent {
        padding: 20px
    }
    .contact-info.d-md-flex a:last-child svg {
        margin-left: 2px;
        display: inline-block
    }
    span.p-dec {
        font-size: 15px;
        padding: 0 4px
    }
    div#product {
        padding-bottom: 30px
    }
    .carousel-caption h3,
    .head-cap h1,
    section#main-front-heading h1 {
        font-size: 30px
    }
    section.Exclusive+section#category img {
        width: 100%;
        height: 50vh;
        object-fit: cover
    }
    .test-section {
        padding: 30px 20px
    }
    .test-section p.body-para {
        margin-bottom: 20px
    }
    h4.theme-heading.small {
        font-size: 18px;
        padding-bottom: 20px;
        line-height: 28px
    }
    .row.next-perv .col-md-6.col-12,
    section#about .container {
        max-width: 100%
    }
    a.end {
        margin-top: 30px !important
    }
    div#details img {
        height: 50vh !important;
        object-fit: cover
    }
    section#amenities {
        overflow: hidden
    }
    .col-12.p-0.feat-ul {
        display: flex;
        flex-wrap: wrap
    }
    .righ-filter,
    .row.inner-btn .col-12,
    div#blog .right-filter {
        flex-wrap: wrap
    }
    .col-12.p-0.feat-ul ul {
        padding: 0 30px;
        max-width: 100%;
        width: 100%
    }
    .righ-filter {
        width: 100%
    }
    #blog .filter-main .result {
        order: 1;
        margin-top: 0
    }
    .filter-blog {
        order: 0
    }
    .row.head,
    .row.service-div,
    .section-p {
        padding: 70px 0
    }
    .banner-caption-product a.btn-grad {
        max-width: 50%;
        margin-top: 25px;
        padding: 15px 0
    }
    .inner-ami h2 {
        font-size: 20px;
        font-weight: 600;
        color: #1b154a
    }
    div#test-page .test-section {
        padding: 40px;
        border-top-left-radius: 20px;
        max-width: 90%;
        text-align: center;
        margin-bottom: 80px;
        position: relative
    }
    section#product-listing .filter-main {
        background: #f8f8f8;
        padding: 20px 15px;
        max-width: 95%;
        margin: 0 auto 40px
    }
    section#product-listing .filter-blog {
        margin-top: 0;
        flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%
    }
    section#product-listing .filter-main .result {
        order: 1;
        margin-top: 25px;
        width: 100%
    }
    section#product-listing button#dropdownMenuButton {
        background: #fff;
        width: 100%
    }
    .col-md-4.col-12.con-content {
        padding: 30px;
        width: 100%;
        max-width: 85%;
        margin: 0 20px 30px
    }
    section#main-front-heading img {
        height: 30vh;
        object-fit: cover
    }
    div#blog .right-filter span {
        margin-right: 16px;
        margin-bottom: 15px;
        font-weight: 700
    }
    div#blog button#dropdownMenuButton {
        max-width: 100%;
        padding: 15px;
        width: 100%
    }
    div#blog .filter-blog {
        order: 1;
        display: flex;
        align-content: center;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap;
        flex-direction: column;
        width: 100%
    }
    div#blog .righ-filter .dropdown {
        margin-right: 0;
        width: 100%;
        text-align: left;
        margin-bottom: 15px
    }
    .filter-blog .dropdown {
        width: 100%;
        max-width: 100%
    }
    span.sor {
        margin-right: 20px;
        font-weight: 600;
        margin-bottom: 10px
    }
    section#property-section p.body-para {
        text-align: center;
        padding: 0 10px
    }
    section#product-listing .btn-grad {
        max-width: 90%
    }
    .filter-main {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        padding: 20px 15px 50px;
        flex-direction: column
    }
    .contact-form {
        width: 100%;
        padding: 70px 10px
    }
    section#property-section {
        padding-bottom: 0
    }
    section#product-listing {
        padding: 40px 0 100px
    }
    section#footer .col-xs-12:last-child,
    section#why-info .work-inner {
        margin-bottom: 0
    }
    div#listing .col-md-6.col-12.text-center.p-0 {
        max-width: 100%;
        flex: 0 0 100%;
        margin: 0 0 30px !important
    }
    div#listing .row.align-center,
    section#category .row.align-center {
        padding: 0
    }
    section#text-section+section#category img {
        padding: 0 25px 30px;
        height: auto
    }
    .carousel-caption {
        right: 0;
        left: 0;
        text-align: center;
        width: 90%;
        margin: 0 auto 50px
    }
    section#footer .col-xs-12 {
        flex: 0 0 100%;
        max-width: 100%;
        text-align: left;
        margin-bottom: 15px
    }
    #footer {
        padding: 100px 10px 65vh
    }
    section#category .row.align-center .col-md-3.col-12 {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%
    }
    section#about .inner-text-section.section-p {
        padding: 80px 10px
    }
    section#usp .col-md-3.col-12.text-center {
        width: 100%;
        max-width: 100%;
        padding: 20px
    }
    section#about-info img {
        height: 100vh;
        object-fit: cover
    }
    section#main-front-heading h1 {
        font-size: 28px
    }
}