@media (min-width: 1600px) {
    header a.nav-link {
        font-size:var(--f16)
    }

    header .header-top .contact li a,header .header-top p {
        font-size: 14px
    }
}

@media (min-width: 1850px) {
    header a.nav-link {
        font-size:var(--f18)
    }
}

@media (max-width: 1366px) {
    header .col-8 {
        width:56%
    }

    header nav.navbar.navbar-expand-lg {
        width: 100%
    }

    footer .col-md-4 {
        width: 25%
    }

    footer .news-gorm-group input {
        font-size: 14px
    }
}

@media (min-width: 1024px) {
    .hero-content h1 {
        font-size:var(--f36)
    }

    .hero-content p,.prop-view-btn a {
        font-size: var(--f18)
    }

    section.home-list h3.title a {
        font-size: var(--f19)
    }
}

@media screen and (min-width: 992px) and (max-width:1199px) {
    header .header-top .contact li a,header .header-top p {
        font-size:12px
    }

    header ul.navbar-nav {
        gap: 9px;
        justify-content: space-between
    }

    header a.nav-link {
        font-size: var(--f14)
    }

    header nav.navbar.navbar-expand-lg {
        width: 100%
    }

    header.desk-nav .nav-links ul {
        gap: 15px
    }

    footer .col-3.quick {
        width: 20%
    }

    footer .col-3.get {
        width: 28%
    }

    .footer_links h4 {
        font-size: var(--f21)
    }

    footer.footer .other-details {
        padding: 60px 20px 40px
    }

    footer .copyright .col-4 {
        width: 37.33%
    }

    footer .copyright .col-4.right {
        width: 25.3%
    }

    header .reservations a {
        font-size: 21px
    }
}

@media (max-width: 980px) {
    div#tag1 .mobile-nav li a,header a.nav-link:hover {
        color:var(--secondary-color)
    }

    div#tag1,header ul.navbar-nav,nav.navbar.navbar-expand-lg.navbar-dark.bg-primary {
        display: block
    }

    header img {
        width: 140px!important;
        margin-left: 10px
    }

    header.desk-nav,header.deskheader {
        display: none
    }

    footer.footer .footer-logo img {
        margin-top: 10px;
        width: 120px
    }

    .quick-links {
        width: 25%
    }

    .contact-us {
        width: 36%
    }

    .newsletter {
        width: 39%
    }

    .how-we-value-wrapp .atr-cont h4 {
        font-size: var(--f18)!important
    }

    .prop-view-btn a {
        font-size: var(--f16)!important
    }

    .menu-toggle1 i,i#close-menu1 {
        color: var(--white-color);
        font-size: var(--f28);
        cursor: pointer
    }

    .mobile-menu-logo img {
        width: 130px;
        margin-bottom: 15px
    }

    section.home-list h3.title a {
        font-size: var(--f18)
    }

    header.mob {
        display: block!important;
        z-index: 9;
        padding: 10px 0;
        position: absolute;
        width: 100%;
        background: #b98b69
    }

    header a.logo {
        width: auto;
        padding: 0;
        margin-right: 0;
        margin-bottom: 0
    }

    header a.nav-link:hover {
        border-color: var(--secondary-color)
    }

    header nav.navbar.navbar-expand-lg.navbar-dark.bg-primary {
        border-bottom: 0 solid
    }

    header div#menu-toggle1 {
        width: auto
    }

    header .row {
        flex-direction: row;
        justify-content: space-between;
        align-items: center
    }

    footer .col-md-4 {
        width: 50%
    }

    div#tag1 .mobile-nav li {
        margin-bottom: 10px
    }

    div#tag1 {
        position: fixed !important;
        left: -1px;
        top: 0;
        width: 100%;
        transform: translateX(-47em);
        height: 100%;
        transition: .5s ease-in-out;
        padding: 0
    }

    div#tag1 .mobile-nav {
        padding: 2rem 20px 20px;
        background: #b98b69;
        text-align: center;
        width: 350px;
        height: 100vh;
        position: relative
    }

    #close-menu {
        right: 1rem;
        position: absolute;
        top: 10px
    }

    header a.nav-link {
        margin-right: 0;
        padding: 0 0 5px!important;
        font-size: var(--f15);
        margin-bottom: var(--m5);
        margin-top: var(--m5);
        border-left: 0 solid;
        color: #fff!important;
        display: inline-block
    }

    header a.nav-link:hover {
        border-color: var(--white-color)!important;
        color: var(--white-color)!important
    }

    div#mob_nav {
        margin-top: var(--m20)
    }

    header li.nav-item.dropdown:hover ul.dropdown-menu {
        width: 100%;
        position: relative
    }

    footer .copyright p,footer p.abt,footer.footer .col-3.info p,header li .dropdown-item {
        text-align: center
    }

    section {
        padding: var(--p50) var(--p12)
    }

    footer {
        padding: 50px 0 0
    }

    footer.footer .col-3.info {
        padding: 0 20px 30px;
        border-right: 0px solid #e4e0da;
        width: 100%
    }

    footer.footer .footer-logo {
        margin-bottom: 20px
    }

    footer.footer .certificate {
        margin-top: 30px
    }

    footer.footer .other-details {
        padding: 0 0 40px;
        width: 100%
    }

    footer.footer .col-4.contact-us,footer.footer .col-4.need-to-know,footer.footer .col-4.social-links {
        margin-top: 0
    }

    footer.footer ul.social a {
        width: 35px;
        height: 35px
    }

    footer.footer ul.social a i {
        font-size: 14px
    }

    footer.footer ul.social a svg {
        width: 14px;
        height: 14px
    }

    .footer_links h4,footer .copyright .col-4 {
        width: 100%
    }

    footer .col-md-4.newsletter {
        width: 100%;
        margin-top: 20px
    }

    footer .copyright .row {
        gap: 5px 0
    }

    .page-title {
        height: 350px
    }
    .footer_logo img{
        width: 200px;
    }
    footer .logo-sec{
        width: 21%;
    }
    footer .col-4.quick{
        width: 45%;
    }
}

@media (max-width: 540px) {
    footer .col-4.quick{
        display: block;
    }
    .quick-links{
        width: 100%;
        padding-bottom: 10px;
    }
    .footer_logo img {
        width: 150px;
        display: block;
        margin: auto
    }

    section.Blog-sec .col-12 {
        padding: 0
    }

    footer .col-4,footer .col-4.quick {
        width: 100%
    }
}

.page-title {
    height: 200px
}

.prop-view-btn a,header a.nav-link {
    font-size: var(--f14)
}

footer.footer .footer-logo img {
    width: 120px
}

footer.footer .col-3.info p {
    text-align: justify
}

.contact-us,.newsletter,.quick-links,div#tag1 .mobile-nav,footer .col-4.quick ul,footer .col-md-4 {
    width: 100%
}

footer p {
    color: var(--black-color)
}

.head-sec h2,h2,h3 {
    font-size: var(--f28)
}

h4 {
    font-size: var(--f24)
}

h5 {
    font-size: var(--f21)
}

footer h4,h5,h6 {
    font-size: var(--f19)
}

header.page-header.mob {
    position: relative
}

footer .col-md-4.newsletter,footer .logo,header a.logo {
    margin-top: 0
}

header img {
    width: 80px;
    margin-left: 10px
}

.mobile-menu-logo img {
    width: 140px!important;
    margin: auto auto 25px
}

section {
    padding: var(--p40) var(--p12)
}

.head-sec p {
    margin-bottom: var(--m30)
}

footer .col-md-4:first-child,footer p.abt {
    text-align: left
}

footer {
    padding-top: var(--p40)
}

footer .col-3.first {
    width: 100%;
    text-align: left
}

footer .row {
    gap: 25px 0
}

footer .col-3.get,footer .col-3.news,footer .col-3.quick {
    width: 100%;
    padding-left: var(--p12)
}

footer .copyright .col-6 {
    width: 100%;
    text-align: center
}

.copyright p,.right_copyright p,footer .col-6.md-12.sm-12.right p {
    text-align: center
}

footer .copyright {
    margin-top: 30px
}

footer .copyright .container {
    padding: 15px 12px
}

a.ng-fab img {
    width: 20px
}

a.ng-fab {
    width: 50px;
    height: 50px
}

a.main-btn.footer-contt {
    font-size: 13px;
    padding: 10px 15px
}

footer .newsletter h2 {
    font-size: var(--f25);
    font-size: var(--f22)
}

.footer_links h4 {
    font-size: var(--f20);
    width: 100%;
    margin-top: 0
}

footer .row:first-child {
    gap: 30px 0
}

footer .copyright .row {
    gap: 0 0
}

h4 {
    font-size: var(--f22)
}

h6 {
    font-size: var(--f17)
}

.head-sec h2 {
    font-size: var(--f28);
}