@media(max-width:1099px) {

    .container-fluid,
    .container {
        padding: 0 12px;
    }

    h1 {
        font-size: 50px;
    }

    h2 {
        font-size: 46px;
    }

    h3 {
        font-size: 32px;
    }

    h4 {
        font-size: 26px;
    }

    h5 {
        font-size: 18px;
    }

    h1.capital {
        font-size: 36px;
        letter-spacing: 3.6px;
    }

    h2.capital {
        font-size: 30px;
    }

    h3.capital {
        font-size: 20px;
    }

    h4.capital {
        font-size: 14px;
    }

    h5.capital {
        font-size: 12px;
    }

    p.text-lg {
        font-size: 18px;
    }

    p.text-md {
        font-size: 18px;
    }

    p.text-xs {
        font-size: 16px;
    }

    .btn-xs {
        font-size: 12px;
        padding: 6px 10px;
        backdrop-filter: blur(12px)
    }


    section {
        padding: 40px 12px;
    }

    section .button-group {
        flex-wrap: wrap;
        gap: 20px;
        margin-top: 50px;
    }



    .row > * {
        padding: 0;
    }

    .row {
        margin: 0 auto;
    }



    /*Header*/

    header {
        padding: 16px;
    }

    .navbar-brand {
        margin-right: 0;
    }

    .navbar-toggler {
        color: var(--white);
        padding: 0;
        font-size: 24px;
    }

    .navbar-toggler:focus {
        box-shadow: none;
    }


    .call-btn {
        font-size: 24px;
        color: var(--white);
    }

    div#navbarContent {
        position: fixed;
        background: var(--white);
        color: #000;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 2;
        visibility: hidden;
        opacity: 0;
        left: 100%;
        transition: all ease-in-out 0.3s;
        padding: 20px;
    }

    div#navbarContent.show {
        left: 0;
        visibility: visible;
        opacity: 1;
    }


    .navbar a.nav-link {
        color: var(--black);
        padding: 16px 0;
        border: 0;
        font-size: 26px;
        text-transform: capitalize;
        font-family: "contralto-medium";
        letter-spacing: -0.2px;
        line-height: 1;
    }

    .navbar .nav-item + .nav-item {
        margin: 0;
    }

    .menu-head {
        margin-bottom: 30px;
    }

    .menu-close,
    div#navbarContent .back-btn,
    .close-btn,
    .filters .back-btn {
        width: 40px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1px solid var(--gray);
        border-radius: 100%;
        font-size: 20px;
        color: var(--black);
        z-index: 9999;
    }

    div#navbarContent a.back-btn {
        position: fixed;
        top: 20px;
        left: 20px;
    }


    div#navbarContent .search-form {
        margin-bottom: 30px;
    }

    div#navbarContent .button-group {
        column-gap: 10.5px;
    }

    div#navbarContent .button-group + .button-group {
        margin-top: 16px;
    }


    .mobile-menu-btns {
        position: absolute;
        bottom: 20px;
        left: 20px;
        right: 20px;
    }

    .dropdown-toggle::after {
        font-size: 16px;
        content: '\f054'
    }

    .dropdown-mega .mega-link {
        display: block;
        border: 0;
        padding: 12px 0;
        text-align: left;
        background: none;
        color: var(--black);
        font-size: 26px;
    }

    .show-mega .dropdown-mega {
        display: block;
        position: fixed;
        top: 0;
        width: 100%;
        left: 0;
        bottom: 0;
        background: var(--white);
        padding: 90px 8px 20px;
    }

    .dropdown-mega .d-flex {
        display: block !important;
    }

    .dropdown-mega h4 {
        margin-bottom: 32px;
    }

    #cityTab,
    #pills-tab {
        border: 0;
        margin-bottom: 12px !important;
        flex-wrap: nowrap;
        white-space: nowrap;
        overflow-x: auto;
        padding-bottom: 20px;
        width: 100%;
        display: block;
    }


    #cityTab li.nav-item,
    #pills-tab .nav-item {
        display: inline-block;
    }

    .navbar #cityTab .nav-item + .nav-item,
    #pills-tab .nav-item + .nav-item {
        margin-left: 17px;
    }

    #cityTab li.nav-item button {
        font-size: 18px;
        border: 1px solid var(--gray);
        padding: 8px 20px;
        border-radius: 50px;
        color: var(--black);
        backdrop-filter: blur(10px);
    }

    #cityTab .nav-tabs .nav-item.show .nav-link,
    #cityTab li.nav-item button.active {
        color: var(--white);
        box-shadow: 0px 5px 15px 0px #00000033;
        background: var(--black);
    }

    #cityTabContent .mega-link {
        padding: 12px 0;
        font-size: 26px;
        letter-spacing: -0.2px
    }

    #cityTabContent .tab-pane {
        max-height: 400px;
        overflow-y: auto;
    }



    /*    Footer*/

    footer {
        padding: 0 12px;
    }

    .footer-top {
        padding: 60px 0 40px;
    }

    .footer-widget-2 {
        border-width: 0;
    }

    .social-icons {
        justify-content: flex-start;
    }

    .footer-widget {
        margin-bottom: 40px;
    }

    .footer-widget:last-of-type {
        margin-bottom: 0;
    }

    footer .links .row {
        grid-gap: 40px;
    }

    footer .links .two-rows a {
        width: 50%;
        display: inline-flex;
    }

    .two-rows {
        display: flex;
        flex-wrap: wrap;
        row-gap: 10px;
    }

    .footer-top .links .two-rows a + a {
        margin-top: 0;
    }



    .footer-top h3 {
        margin-bottom: 20px;
        display: flex;
        white-space: nowrap;
        align-items: center;
        gap: 20px;
    }

    .footer-top h3:after {
        content: '';
        display: inline-block;
        height: 1px;
        background-color: var(--light-black);
        width: 100%;
    }

    .footer-top .links a {
        color: var(--color1)
    }

    /*    Slider CSS*/



    .slick-track {
        display: flex;
        align-items: center;
        gap: 40px;
    }

    .img-gallery img {
        max-width: 100% !important;
        height: auto;
        max-height: 60px;
        display: block;
        margin: 0;
    }

    .mobile-slider .slick-track {
        gap: 20px;
    }

    .mobile-slider .model-card .img-block {
        padding-top: 207%;
    }


    .mobile-slider {
        margin: 0 -24px;
    }

    /*
    .mobile-slider .slick-list {
        padding: 0 !important;
    }
*/

    /*    Headline CSS*/

    section .heading {
        margin-bottom: 44px;
    }


    .headline {
        position: relative;
        display: block;
        margin: 34px 0 44px;
    }

    .headline-md:before,
    .headline-md:after,
    .headline::before,
    .headline::after {
        max-width: 87px;
        height: 40px;
        width: 1px;
        flex: none;
        left: 0;
        right: 0;
        bottom: 100%;
        position: absolute;
        margin: 0 auto 34px;
    }

    .section-hero .headline:before,
    .section-hero .headline:after,
    .section-content .headline:before,
    .section-content .headline:after,
    .cities-section .headline:before,
    .cities-section .headline:after {
        content: none;
    }

    .section-content .headline {
        margin-top: 0;
    }

    /*    form styles*/

    .form-group .row {
        gap: 30px;
    }

    .options {
        justify-content: flex-start !important;
    }

    /*    Model cards*/

    .model-card h4 {
        font-size: 14px;
    }

    .model-card h3.capital {
        font-size: 12px;
        margin-bottom: 0;
    }

    .model-card .watermark {
        max-width: 107px;
        bottom: 62px;
    }

    .private-cnt img {
        max-width: 107px;
    }

    .section-models .col-6 {
        margin-bottom: 30px;
    }

    .model-card-small {
        margin: 0 8px;
    }




    /*    Model Detaisl Page*/

    .model-details .model-contact-info {
        padding: 0;
    }

    .gallery-sec .row {
        gap: 0;
    }

    /*    Home Page*/

    .section-content p {
        margin-top: 30px;
    }

    .service-banner {
        margin: 30px 0;
        height: 300px;
    }

    #cityAccordion .accordion-button {
        font-size: 32px;
    }

    .cities-section {
        background-size: 335%;
    }

    section .heading {
        margin-bottom: 30px;
    }

    iframe {
        padding: 0 !important;
    }

    .about-section .row {
        gap: 40px;
    }

    section.testimonials {
        background: var(--light-gray);
    }

    section.testimonials hr {
        margin: 30px auto;
    }

    /*    Benefits Section*/

    .benefits-section .benefit-blk {
        padding: 15px 0;
        border-bottom: 0;
    }

    section:not(.contact-form-sec) .button-group {
        margin-top: 25px !important;
        max-width: 85%;
        margin: 0 auto;
    }

    .button-group .btn {
        width: 100%;
    }

    .benefit-blk h3 {
        font-size: 32px;
    }

    /*    Models Page*/

    .page-header {
        padding: 120px 12px 40px;
    }

    /*
    .page-header ~ section {
        padding-top: 0;
    }
*/
    body.overlay {
        overflow: hidden;
    }

    body.overlay:after {
        content: '';
        width: 100%;
        left: 0;
        top: 0;
        background: #00000080;
        backdrop-filter: blur(12px);
        position: fixed;
        height: 100%;
    }

    .experience-blks a {
        font-size: 36px;
        padding: 109px 20px;
    }

    .experience-blks a + a {
        margin-top: 16px;
    }


    .filters {
        visibility: hidden;
        top: 100%;
        opacity: 0;
        position: fixed;
        background: var(--white);
        z-index: 999;
        left: 0;
        right: 0;
        bottom: 0;
        border-radius: 8px 8px 0 0;
        width: 100%;
        padding: 30px 20px;
        transition: all linear 0.3s;
    }

    .filters.active {
        visibility: visible;
        opacity: 1;
        top: 59px;
    }

    .filters .filter-nav {
        display: block;
    }

    .filters .filter-nav a.btn {
        display: flex;
        justify-content: space-between;
        text-align: left;
    }

    .filters a + a {
        margin-top: 20px;
    }


    .filter-btns {
        border-top: 1px solid var(--gray);
        position: absolute;
        bottom: 0;
        background: var(--light-gray);
        left: 0;
        right: 0;
        width: 100%;
        padding: 16px;

    }

    .filter-btns a {
        display: block;
    }


    .filter-nav,
    .filter-dropdown {
        max-height: 70%;
        overflow-y: auto;
    }

    .filter-content {
        padding: 30px 20px;
    }

    .filter-content.active {
        display: block;
        background: var(--white);
        width: 100%;
    }

    .filter-content .container {
        margin-top: 30px;
        padding: 0;
    }

    .filter-content .col-md-6 a {
        display: block;
        text-align: left;
        text-transform: capitalize;
        letter-spacing: -0.2px
    }

    .filter-dropdown .names-list {
        display: block;
    }

    .filters .filter-dropdown .names-list a {
        border: 0 !important;
        background: transparent !important;
        padding: 12px 0;
    }

    .filters .filter-dropdown .names-list a + a {
        margin-top: 0;
    }

    .filters .search-form {
        margin-bottom: 30px;
    }

    .filter-content .col-md-6 > div {
        max-height: 500px;
        overflow-y: auto;
        height: 100%;
    }


    .filter-dropdown {
        display: none;
        visibility: hidden;
        opacity: 0;
        border-radius: 8px 8px 0 0;
    }

    .filter-dropdown.active {
        visibility: visible;
        position: absolute;
        opacity: 1;
        display: block;
        top: 0;
        margin: 0;
        max-height: 100%;
        padding: 0;
        height: 100%;
    }

    .filter-content.open {
        display: block;
        position: absolute;
        height: 100%;
    }


    .filter-content .button-group {
        display: flex;
        max-width: 100% !important;
        flex-wrap: nowrap;
        position: absolute;
        bottom: 0;
        padding: 16px;
        width: 100%;
        left: 0;
    }

    .filter-content .button-group a + a {
        margin-top: 0;
    }


    .filters .filter-nav a.btn {
        text-transform: capitalize;
        letter-spacing: normal;
        border: 1px solid var(--gray);
        background: #FBFBFB;
        flex: 1 1 auto;
    }

    .radio-group {
        margin-top: 30px;
    }

    .radio-option {
        padding: 12px 0;
    }

    #filtersCity {
        margin-bottom: 12px !important;
        flex-wrap: nowrap;
        white-space: nowrap;
        overflow-x: auto;
        padding-bottom: 20px;
        width: calc(100% + 40px);
        display: block;
        margin: 0 -20px 32px;
        padding: 0 20px 20px;
    }

    #filtersCity .nav-item {
        display: inline-block;
    }

    #filterCityContent .mega-link {
        font-size: 18px;
        display: block;
        padding: 12px 0;
        letter-spacing: -0.2px;
        border: 0;
        text-align: left;
    }

    #filtersCity .nav-tabs .nav-item.show .nav-link,
    #filtersCity li.nav-item button.active {
        box-shadow: 0px 5px 15px 0px #00000033;
    }

    /*    Single Review*/

    .single-review {
        padding: 60px 0;
    }

    .review-section {
        padding: 40px 0;
    }

    .single-review h3,
    .single-review h2 {
        margin-bottom: 30px;
    }

    .single-review h2 {
        margin-top: 30px;
    }

    /*Blog section*/

    .blog-section .row {
        gap: 40px;
    }

    .blog-section {
        padding: 80px 12px;
    }

    .post {
        padding: 0;
    }


    /*    Pricign Section*/

    .pricing-section .headline-md:before,
    .pricing-section .headline-md:after {
        margin: 0 auto 89px;
    }

    .pricing-section {
        padding: 110px 12px 80px;
    }

    .plan-blk + .plan-blk {
        border-left: 1px solid var(--gray);
        border-top: 0;
    }


    /*    Thankyou page*/

    .thankyou-header {
        padding: 200px 12px;
    }

    .page-header .headline-md:before,
    .page-header .headline-md:after,
    .page-header .headline::before,
    .page-header .headline::after {
        margin: 0 auto 64px;
    }


    .page-header .headline {
        margin: 20px 0;
    }

    .page-header h1 ~ p {
        margin-top: 20px;
    }


    /*    Casting Page*/

    .upload-container {
        display: block;
    }

    .add-button {
        margin-top: 30px;
    }

    .casting-form .button-group {
        flex-wrap: nowrap;
        align-items: flex-start;
    }

    .casting-form .button-group .btn {
        width: auto;
    }


    .casting-contact {
        margin-top: 60px;
    }

    .multi-btns {
        gap: 12px;
    }

    /*    TOC*/

    #toc {
        position: relative;
        display: block;
        width: 100%;
        top: auto;
        margin-bottom: 40px;
    }

    #toc::before {
        content: "Menu";
        display: block;
        padding: 12px 16px;
        background: #f7f5f5;
        border: 1px solid #ccc;
        font-weight: normal;
        cursor: pointer;
        font-size: 18px;
    }

    #toc .nav-link {
        display: none;
        padding: 12px 16px;
        border-top: none;
        text-decoration: none;
    }

    #toc:hover a {
        display: block;
    }

    #toc .nav-link + .nav-link {
        margin: 0;
    }

    #toc::after {
        content: "\f078";
        /* Font Awesome down arrow: fa-chevron-down */
        font-family: "Font Awesome 6 Pro";
        font-weight: 900;
        position: absolute;
        right: 15px;
        top: 15px;
        pointer-events: none;
    }

    #toc .nav-link.active,
    #toc .nav-link {
        border: 0;
    }


    /*    Booking Page*/

    .mobile-banner {
        height: 530px;
        position: relative;
        margin-bottom: -275px;
    }

    .mobile-banner img {
        object-fit: cover;
        height: 100%;
        object-position: center;
    }

    .mobile-banner:after {
        content: '';
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 36.38%, #FFFFFF 94.37%);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .booking-page .page-header .button-group {
        flex-wrap: nowrap;
        max-width: 100%;
        column-gap: 16px;
    }

    .booking-page .page-header .btn {
        font-size: 14px;
    }

    .booking-form-sec form,
    .booking-form-sec .model-contact-info {
        padding-left: 0;
    }

    .form-group .btn + span {
        display: block;
        margin-left: 0;
        margin-top: 20px;
    }


    .section-models .row > * {
        padding: 0 4px;
    }

    .section-models .model-card h4 {
        font-size: 18px;
        text-align: center;
    }

    .section-models .model-card h3 {
        display: none;
    }

    .booking-page .page-header .headline {
        margin: 0 0 20px;
    }



    /*    Post Page*/

    .post-content .service-banner {
        padding-top: 92%;
    }

    .post-page .articles-sec .button-group {
        flex-wrap: nowrap;
        margin: 0;
        max-width: 100%;
    }

    .post-page .articles-sec .button-group .btn {
        letter-spacing: 0px;
        column-gap: 16px;
        align-items: center;
        display: flex;
    }

    .sharing {
        justify-content: center;
        margin-bottom: 30px;
    }

    .post-content .headline {
        margin: 130px 0 52px;
    }

    /*    Grid Image Sec*/

    section.grid-image-sec,
    section.grid-image-sec .container {
        padding: 0;
    }

    section.grid-image-sec {
        padding-bottom: 80px;
    }

    .grid-image-sec .grid-img {
        padding-top: 235%;
        margin-right: 16px;
    }

    .grid-image-sec .grid-small-img {
        padding-top: 162%;
        margin-top: 40px;
    }

    .grid-image-sec .grid-small-img + .grid-small-img {
        margin-top: 16px;
    }

    .grid-image-sec .row > * {
        padding: 0;
    }


    /*    FAQ accordions*/

    .faq-accordions .accordion-title-text {
        white-space: normal;
    }

    .faq-accordions .accordion-title-line {
        display: none;
    }


    /*    Concierge Page*/

    .content-blk {
        gap: 30px;
        flex-wrap: wrap;
        margin-top: 60px;
    }


    /*    About Page*/

    .testimonials .row .col-md-4 {
        padding: 0;
    }

    .content-box-sec .service-banner {
        padding-top: 133%;
        margin-bottom: 50px;
    }



    /*    Experience Page*/

    .gallery-sec .row-cols-2 .gallery-img {
        padding-top: 180%;
    }

    .gallery-sec .row-cols-2 {
        gap: 30px;
    }

    .gallery-sec .row-cols-2 .col {
        width: calc(50% - 15px);
    }

    .section-hidden-gems .model-card .img-block {
        padding-top: 140%;
    }

    .section-hidden-gems .row {
        gap: 40px;
    }

    .section-models .model-cards-blk .row {
        grid-row-gap: 0;
    }

    .model-card .img-block,
    .private-card .img-block {
        padding-top: 183%;
    }

    .experience-page .section-models .model-card h3 {
        display: block;
    }

    .experience-page .section-models .model-card h4 {
        text-align: left;
    }


    .experience-page .private-card .private-cnt .btn {
        bottom: 22px;
        letter-spacing: 1px;
        width: 80%;
    }

    .experience-page .page-header .headline {
        margin: 20px 0 0;
    }


    /*    Login Pages*/

    .close-popup {
        font-size: 20px;
        top: 16px;
        right: 16px;
        width: 40px;
        height: 40px;
        border: 1px solid var(--gray);
        display: flex;
        justify-content: center;
        align-items: center;
        line-height: 1;
        border-radius: 100%;
    }

    .login-form {
        padding: 0 24px;
        border: 0;
    }

    .login-block {
        padding: 80px 0;
    }

    .login-form .btn {
        position: fixed;
        bottom: 0;
        width: calc(100% - 48px);
        left: 0;
        right: 0;
        margin: 24px;
    }


    /*    Location page*/

    .location-page .model-cards-blk {
        margin-bottom: 0;
    }

    .city-blks a {
        flex: 1 1 100%;
    }

    .experience-blks a,
    .city-blks a {
        font-size: 36px;
        padding: 109px 20px;
    }

    .city-blks,
    .experience-blks {
        gap: 16px;
    }

    /*
    .location-page .cities-section .headline:before {
        content: '';
    }
*/

    .review-section .container-fluid {
        padding: 0;
    }


    /*    Membership Page*/

    .pricing-page .pricing-blks {
        margin: 0 -24px;
        padding: 20px 0;
    }

    .pricing-page .plan-blk + .plan-blk:not(.active) {
        border-top: 1px solid var(--gray);
    }

    .pricing-page .plan-blk {
        padding: 30px;
        background-color: var(--light-gray);
        margin: 0 10px
    }


    .pricing-page .pricing-blks .slick-track {
        gap: 0;
    }

    .pricing-blks .slick-prev,
    .pricing-blks .slick-next {
        top: 0;
    }

    .pricing-blks .slick-next {
        right: 16px
    }

    .pricing-blks .slick-prev {
        left: 16px
    }

    .slick-next:before {
        content: '\f061';
        font-family: "Font Awesome 6 Pro";
        color: var(--black);
        font-size: 16px;
    }

    .slick-prev:before {
        content: '\f060';
        font-family: "Font Awesome 6 Pro";
        color: var(--black);
        font-size: 16px;
    }

    .pricing-blks .slick-dots {
        bottom: 100%;
        height: auto;
        left: 50%;
        transform: translateX(-50%);
        width: auto;
    }

    .slick-dots li button {
        width: 9px;
        height: 9px;
        border-radius: 100%;
        background-color: var(--gray);
    }

    .slick-dots li button:before {
        content: none;
    }

    .slick-dots li {
        width: 9px;
        height: 9px;
        margin: 0 10px;
    }

    .slick-dots li.slick-active button {
        background-color: var(--black);
    }

    .pricing-page .pricing-section {
        padding: 40px 12px 80px;
    }

    .plan-blk.active {
        border: 1px solid var(--light-black);
    }


    /*    Concierge Page*/

    .concierge-page .content-blk {
        margin-top: 0;
    }

    .concierge-page .content-blk + .content-blk {
        margin-top: 80px;
    }


    /*    Contact Page*/

    .contact-form-sec form {
        margin-bottom: 60px;
    }

    /*    Testimonials-page*/

    .testimonials-page .testimonials {
        background: var(--white);
    }

    .testimonials .row {
        grid-row-gap: 60px;
    }

    .testimonials-page .form-sec form {
        margin-top: 40px;
    }

    .testimonials-page .form-sec form .row {
        flex-wrap: nowrap;
    }

    .testimonials-page .popup .form-sec form .row {
        flex-wrap: wrap;
    }


    /*    Blog Page*/

    .pagination {
        flex-wrap: wrap;
        row-gap: 20px;
    }


    /*    Booking Page*/

    .booking-page .private-card .img-block {
        padding-top: 97%;
    }

    .cta-section .cta-blk {
        padding: 200px 20px;
    }

    .single-review {
        padding: 169px 0;
    }

    .cta-section .headline:after,
    .cta-section .headline:before {
        content: none;
    }

    .popup-body {
        padding: 29px 20px;
        border-radius: 8px 8px 0 0;
        top: auto;
        bottom: 0;
        transform: none;
    }

    .popup .btn {
        display: block;
        width: 100%;
    }

    a.popup-close {
        right: 20px;
        top: 29px;
        font-size: 20px;
        border: 1px solid #e5e5e5;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 100%;
    }

    .popup .tab-content {
        max-height: 90%;
        height: 100%;
        padding: 0 20px;
        margin: 0 -20px;
    }

    .popup .slick-track {
        gap: 0;
    }

    .popup .pricing-blks {
        margin: 0 -20px;
        padding-bottom: 30px;
    }


    .popup .plan-blk {
        padding: 30px !important;
        background-color: var(--light-gray);
        margin: 0 10px;
        border: 1px solid var(--gray);
    }

    .popup .plan-blk li + li {
        margin-top: 12px;
    }

    #nav-pop-tabs {
        margin-bottom: 40px;
    }

    .popup .plan-blk li {
        font-size: 18px;
    }

    .popup ul.slick-dots {
        bottom: 0px;
    }

    .popup .slick-arrow {
        bottom: -13px;
        top: auto;
    }
    
    .popup .plan-blk h3{
        margin-bottom: 30px;
    }
}