.navbar-expand-lg .navbar-nav .nav-link strong {
    background: #f7cc55;
    color: white;
    padding: 0px 5px;
    position: absolute;
    left: 16px;
    top: -10px;
    font-size: 12px;
    font-weight: 400;

    /* ✅ animation */
    display: inline-block;
    transform-origin: center;
    animation: freePulse 1.2s ease-in-out infinite;
}

@keyframes freePulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.15);
    }

    100% {
        transform: scale(1);
    }
}


li.nav-item {
    position: relative;
}


.hamburger-btn {
    display: none;
}

.cta-banner {
    margin: 0px auto -50px !important;
}

@media (max-width:767px) {


    /* New One */

    .myhow-it-works .myhow-inner .row.justify-content-center .col-md-4 {
        flex: 0 0 100%;
    }

    .about-main-content {
        padding-bottom: 0 !important;
    }

    footer {
        padding-top: 50px;
    }

    .support-steps {
        grid-template-columns: 1fr !important;
    }

    .support-grid-2 {
        grid-template-columns: 1fr !important;
    }

    section.categories-section .row {
        grid-template-columns: 1fr 1fr;
        row-gap: 20px !important;
        column-gap: 0px;
    }

    .featured-ads .ads-header {
        grid-template-columns: 1fr 1fr 1fr !important;
        padding: 15px 20px;
    }

    .featured-ads .ad-row {
        margin: 10px 0;
    }

    .category-box {
        gap: 10px;
    }

    body .category-box .img-box {
        width: 50px;
        height: 50px;
        padding: 12px;
        min-width: 50px !important;
        min-height: 50px !important;
    }

    br {
        display: none;
    }

    .new-hero-search-bar {
        width: 100% !important;
    }

    .new-hero-search-bar button {
        padding: 10px 30px;
        font-size: 14px;
    }

    .new-hero-search-input-wrapper {
        padding: 0 10px;
    }

    img.marker1 {
        top: -40px;
        width: 25px;
        left: 10px;
    }

    img.marker3 {
        width: 25px;
        right: 10px;
        top: -10px;
    }

    img.marker4 {
        width: 25px;
        bottom: -60px;
        right: 10px;
    }

    img.marker2 {
        width: 25px;
        bottom: 60px;
        left: 10px;
    }

    .categories-section h5,
    section.featured-ads h5 {
        font-size: 14px;
        padding: 0px 30px;
        line-height: 40px;
    }

    section.featured-ads h5 {
        margin-bottom: 20px;
    }

    .col.title-col {
        text-align: left !important;
    }

    .col.contact-col {
        text-align: right !important;
    }

    section.new-cta-banner .wrapper h2 {
        font-size: 30px !important;
    }

    section.new-cta-banner .wrapper {
        padding: 50px 0;
        margin-top: 30px;
        border-radius: 20px;
    }

    button.navbar-toggler.collapsed {
        border: 1px solid #0a3655;
    }

    .Home footer {
        padding-top: 60px;
    }

    footer img.img-fluid {
        max-width: 180px !important;
    }

    footer .logo-div {
        margin-bottom: 30px;
    }

    footer h4 {
        width: 100%;
        text-align: left;
        font-size: 18px;
        line-height: 28px;
    }

    footer input.form-control {
        padding: 10px !important;
    }

    footer .input-group .btn {
        padding: 5px 10px !important;
        font-size: 14px !important;
    }

    footer .form-div {
        margin-bottom: 50px;
    }



    footer form {
        width: 90% !important;
    }

    footer .col-md-8 {
        margin-bottom: 30px;
    }

    .footer-bottom {
        margin-top: 10px;
    }

    .footer-bottom p {
        text-align: center;
        margin-bottom: 20px;
    }

    footer h6 {
        font-size: 18px;
    }


    /* End Here */



    button.navbar-toggler {
        border: 2px solid #0a3655;
    }

    .gl-page {
        width: 100%;
        margin: 0 auto !important;
    }

    .navbar-collapse {
        margin-top: 0 !important;
    }

    /*    .navbar-collapse {*/
    /*    margin-top: 10px;*/
    /*}*/
    .navbar-brand img {
        height: 75px !important;
    }

    .navbar-collapse ul.navbar-nav li.nav-item.dropdown {
        padding: 0 10px 0px 0px;
        border: none;
        justify-content: space-between;
    }

    ul.navbar-nav .nav-item.dropdown ul.dropdown-menu.dropdown-menu-end.show {
        width: 96%;
    }

    .gl-sort {
        justify-content: space-between;
        gap: 10px;
        padding: 0px 8px;
    }

    .gl-sort select.gl-sort-select {
        width: 34%;
    }

    .header-last-ul a.btn.btn-warning.px-4 i {
        width: 30px;
        height: 30px;
    }

    .header-last-ul a.btn.btn-warning.px-4 {
        font-size: 12px;
    }

    /*hero-section*/
    .cta-banner h2 {
        font-size: 28px;
        line-height: 40px;
    }

    .hero-section {
        padding: 80px 0 80px;

    }

    .hero-title {
        font-size: 35px;
    }

    .hero-subtitle {
        font-size: 16px;
        margin: 10px 10px 30px 10px;
        max-width: 100%;
    }

    .hero-search-bar {
        flex-direction: column;
        margin-bottom: 40px;
    }

    .hero-search-btn {
        padding: 12px 28px;
    }

    .hero-section .col-lg-6.text-end {
        text-align: center !important;
        margin-top: 0;
    }


    /*Categories*/

    .categories-section {
        margin-top: 45px;
        padding-bottom: 10px;
    }

    .categories-section h2 {
        font-size: 22px;
    }

    .categories-section .col {
        flex: 1 0 50% !important;
    }

    .category-box {
        padding: 7px 10px
    }

    .category-box img {
        margin-bottom: 0px;
        object-fit: contain !important;
    }

    .category-box h6 {
        font-size: 12px !important;
        padding: 0px !important;
    }

    .category-box.cat-wrapper-05 h6 {
        font-size: 11px;
    }

    /*featured-ads */
    .featured-ads {
        padding: 0px 0 20px 0;
    }

    .featured-ads .container {
        padding: 20px;
    }

    .featured-ads h2 {
        font-size: 30px;
        margin-bottom: 0;
    }

    .col.contact-col {
        text-align: end;
    }

    .col.view-col.popClick,
    .col.contact-col {
        text-align: end;
    }

    .featured-ads .ads-header .col {
        font-size: 12px;
        text-align: center;
    }

    .featured-ads .ads-header {
        overflow-x: auto;
        white-space: nowrap;
        display: flex;
    }

    .featured-ads .ad-row {
        overflow-x: auto;

        display: flex;
    }

    .featured-ads .image-box {
        width: 60px;
        height: 60px;

    }

    .featured-ads .image-box img {
        width: 35px;

    }

    /*cta-banner*/
    .cta-banner {
        padding: 40px 22px;
        margin: 150px 15px -50px;
    }

    .cta-content {
        flex-direction: column;
        gap: 20px;
    }

    .cta-banner p {
        font-size: 20px;
    }

    .price-circle {
        width: 150px;
        height: 150px;
        margin: auto;
    }

    .price-circle .price {
        font-size: 38px;
    }

    .price-circle .post {
        font-size: 16px;
    }

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


    .cta-banner img {
        margin-top: 20px;
        position: relative;
        right: 0;
        top: 0;
    }

    /*footer*/
    .site-footer {
        padding-top: 80px;
    }

    a.footer-logo {
        width: 80% !important;
    }

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

    .footer-left p {
        font-size: 12px;
        margin-top: 12px;
    }

    .footer-cta {
        margin-top: 20px;
        gap: 10px;
        flex-direction: column;
    }

    .footer-cta a:nth-child(2),
    .footer-cta a:nth-child(1) {
        border-radius: 25px
    }



    /*Rentals list page*/
    .gl-topbar {
        width: 95%;
        margin: 0 auto 30px;
    }


    .gl-layout {
        grid-template-columns: 1fr !important;
    }


    .gl-card {
        display: flex;
        flex-direction: column;
        margin: 0 10px 10px;
        gap: 0;
    }

    .gl-card-body {
        padding: 20px 20px;
    }

    .gl-card-img {
        position: relative;
        width: 100%;
    }

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

    /*filter*/
    .gl-filters {
        display: none;
    }

    .gl-filter-header {
        font-size: 22px;
    }

    /*lsiting/id*/

    .single-listing.card .card-body .d-flex.justify-content-between.align-items-start.gap-3.mb-2 {
        flex-wrap: wrap !important;
    }

    .single-listing.card .card-body .text-end {
        text-align: left !important;
    }

    .single-listing.card .card-body .text-end .price.h5 {
        font-size: 17px;
    }

    .footer-cta a {
        text-align: center;
        margin: 0px auto;
        width: 100%;
        display: block;
    }

    .footer-cta i {
        font-size: 20px;
        padding-right: 5px;
    }


    .cta-banner h2 {
        font-size: 28px;
        line-height: 40px;
        align-items: center;
        text-align: center;
    }

    .categories-section h2 {
        /* font-size: 20px; */
    }

    .hero-title {
        font-size: 31px;
    }





    .hero-title {
        font-size: 30px !important;
    }






    /*mycss*/




    /* hide header + row columns */
    .mobile-hide {
        display: none !important;
    }

    /* row layout = 3 columns only */
    .mobile-row {
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 12px;
        background: #fff;
        border-radius: 10px;
        margin-bottom: 12px;
    }

    .mobile-image {
        flex: 0 0 52px;
    }

    .mobile-image .image-box {
        width: 52px;
        height: 52px;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .mobile-image img {
        max-width: 28px;
    }

    .mobile-title {
        flex: 1;
    }

    .mobile-title h3 {
        font-size: 14px;
        margin: 0;
        line-height: 1.3;
    }

    .mobile-title .category {
        font-size: 12px;
        color: #777;
    }

    .contact-col .btn {
        font-size: 12px;
        padding: 6px 10px;
        border-radius: 6px;
        white-space: nowrap;

    }

    .contact-col {
        position: relative;
        overflow: visible !important;
    }


    .ad-row {
        overflow: visible !important;
    }


    .featured-ads .btn {
        padding: 5px 6px !important;
        font-size: 12px !important;

    }

    .featured-ads .category {
        font-size: 10px;
        color: #777;
        line-height: 14px !important;
        display: inline-block;
    }

    .contact-dropdown-menu {
        right: 0;
        left: auto;
    }


    .featured-ads .title-col h3 {
        font-size: 12px;
    }



    .contact-dropdown-menu a {
        font-size: 12px !important;

    }



    .hero-section {
        padding: 75px 0 90px;
    }



    ul.header-last-ul.d-md-none {

        display: none;
    }

    ul.header-last-ul {
        margin-top: 10px !important;
    }


    a.nav-link.fw-semibold {
        padding-right: 8px;
    }


    ul.header-last-ul {
        /* width: 100% !important; */
        margin-top: 13px !important;
        flex-direction: column !important;
        align-items: baseline !important;
        gap: 20px;
    }



    .about-main-content {
        padding: 15px 0px;
    }


    .col-12.col-md-5.ms-4.content-box {

        padding: 25px 31px 25px 14px !important;
    }


    .content-box .about-btn {
        padding: 14px 29px;
    }


    .contact-main-content {
        padding: 20px 0px;
    }

    h2.script-font.contact-title {
        font-size: 21px !important;
    }

    h2.script-font.contact-title {
        font-size: 21px !important;
    }


    button.btn.btn-send.px-5 {
        padding: 13px 22px !important;
    }



    .row.align-items-center.justify-content-center {
        display: flex !important;
        flex-direction: column-reverse;
        padding: 31px 15px;
        margin: 0;
    }

    .about-main-content .row.align-items-center.justify-content-center {
        display: flex !important;
        flex-direction: column-reverse;
        padding: 31px 15px;
        margin: 0;
    }

    .about-main-content .col-md-6.content-box {
        margin-bottom: 20px;
    }

    .about-main-content .row .col-12.col-md-6.px-4 {
        padding: 0 !important;
    }

    .col-lg-6 d-none d-lg-block {
        order: 2 !important;
        /* upar wala niche chala jayega */
    }

    .col-lg-5 col-md-8 col-sm-10 {
        order: 1 !important;
        /* niche wala upar aa jayega */
    }

    .col-lg-6.d-none.d-lg-block {
        display: block !important;
        padding: 28px 21px;


    }


    .col-lg-6.d-none.d-lg-flex.flex-column.align-items-center.text-center {
        display: block !important;
        padding-bottom: 28px;
    }


    h2.fw-bold.mb-2 {
        font-size: 21px;
    }

    p.text-muted.mb-4 {
        font-size: 14px;
    }


    .fw-semibold.mt-1 {
        font-size: 11px;
        padding-top: 10px;
    }


    ul.dropdown-menu.dropdown-menu-end.admindrop {
        top: 42px;
        right: -54px;
    }

    .navbar-nav .dropdown-menu {
        position: absolute;
    }

    ul.dropdown-menu.dropdown-menu-end.show {
        left: 0;
        right: 0;
    }

    /* Categories*/

    .gl-sort {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        gap: 10px;
        padding: 0 10px;
    }


    .gl-pagination nav {

        justify-content: center;
        flex-wrap: wrap;
    }


    /*steph css */

    .flash-sale-top {
        font-size: 16px;
    }

    .flash-sale-title-small {
        font-size: 30px;
    }

    .flash-sale-title-big {
        font-size: 30px;
    }

    .flash-sale-title-mid {
        font-size: 20px;
    }

    a.btn.flash-sale-btn {
        font-size: 14px;
        /* padding: 14px 20px !important; */
        width: auto;
    }

    .flash-sale-link {
        font-size: 10px;
    }


    header {
        box-shadow: 0 0 3px 0 gray;
        padding: 0;
    }

    .footer-top {
        padding-bottom: 0px;
    }

    .gl-filters {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        /* left side se start */
        width: 80%;
        max-width: 340px;
        height: 100vh;
        background: white;
        z-index: 1000;
        overflow-y: auto;
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;

        transform: translateX(-100%);
        /* offscreen left */
        opacity: 0;
        /* invisible */
        pointer-events: none;
        /* cannot click when hidden */
        transition: transform 0.3s ease, opacity 0.3s ease;
    }

    .gl-filters.show {
        transform: translateX(0);
        /* onscreen */
        opacity: 1;
        pointer-events: auto;
        /* allow interaction */
    }

    .hamburger-btn.close-btn {
        position: absolute;
        top: 10px;
        right: 10px;
        /* right edge inside drawer */
        z-index: 1100;
        background: #eee;
        border: none;
        padding: 8px 12px;
        cursor: pointer;
        font-size: 16px;
        border-radius: 4px;
    }

    .hamburger-btn {
        display: block;
    }

    .gl-filter-header {
        font-size: 22px;
        padding: 17px 14px;
    }

    .btn-filters {
        /*margin:0 10px;*/
        Width: fit-content;
        display: inline-flex;
        align-items: center;
        gap: 8px;
        /* icon aur text ke beech space */
        padding: 10px 18px;
        /* button size */
        background-color: #14a3dc;
        /* nice blue */
        color: white;
        font-size: 16px;
        font-weight: 500;
        border: none;
        border-radius: 6px;
        cursor: pointer;
        transition: background-color 0.2s ease, transform 0.15s ease;
    }

    .btn-filters i {
        font-size: 18px;
    }

    /* Hover effect */
    .btn-filters:hover {
        background-color: #0f82b5;
        transform: translateY(-1px);
        /* slight lift */
    }

    /* Press effect */
    .btn-filters:active {
        transform: translateY(1px);
        /* press down */
    }

    .navbar-collapse {
        margin-top: 10px;
        position: absolute;
        top: 62px;
        background: white;
        left: 0px;
        width: 100%;
        z-index: 1;
        padding: 10px 0 26px 10px;
    }

    .contact-main-content .row.g-4.mb-4 {
        margin: 0;
    }

    .contact-main-content h2.script-font.contact-title {
        font-size: 30px !important;
    }

    .myhow-it-works {
        padding: 40px 0;
    }

    .myhow-it-works .myhow-inner {
        padding: 30px 15px;
    }

    .mysmall-title {
        font-size: 16px;
    }

    .mymain-title {
        font-size: 28px;

    }

    .myhow-it-works .myhow-inner .row.justify-content-center {
        gap: 20px;
    }

    .myhow-it-works .myhow-inner .mywork-card.card-3 {
        margin-top: 0;
    }

    .myhow-it-works .myhow-inner .mywork-card img.mb-3 {
        width: 20%;
    }

    .myhow-it-works .myhow-inner .mywork-card.text-center {
        padding: 20px 12px;
        font-size: 14px;
    }

    .about-main-content h6.welcome-text.text-uppercase img {
        width: 50%;
    }















}

@media (max-width:567px) {


    button.gl-search-btn {
        font-size: 12px;
        padding: 11px 20px !important;
        position: absolute;
        right: 4px;
        top: 4px;
    }

    button.gl-search-btn i {
        display: none;
    }

    .gl-topbar input,
    .gl-topbar select {
        height: 48px;
        font-size: 12px;
    }

    .gl-applied-filters.mb-3 {
        width: 95%;
        margin: auto;
    }


    .listingSidebarWrapper .listingSidebarHeader .card.mb-3.p-3 .d-flex.justify-content-between.align-items-center {
        flex-wrap: wrap;
    }

    .listingSidebarHeader h5.mb-0.fw-bold {
        font-size: 16px;
    }

    .listingSidebarHeader .card .d-flex.gap-2 {
        align-items: center;

    }

    .listingSidebarHeader button.btn.btn-sm.btn-info.text-white.share-trigger {
        font-size: 12px;
    }

    .listingSidebarHeader a.btn.btn-sm.btn-info.text-white {
        font-size: 12px;
    }


    .listingSidebarWrapper .listingSidebar {
        padding-bottom: 100px;
    }

    .listingSidebarWrapper .listingSidebar .card span.badge-tag {
        font-size: 11px !important;
    }

    .listingSidebarWrapper .listingSidebar .card .d-flex.flex-wrap.align-items-center.gap-3 {
        gap: 6px !important;
    }


    .login .container .row.align-items-center.justify-content-center {

        padding: 10px 0px;
    }

    .login .container .d-flex.justify-content-between.mt-3.small a {
        font-size: 12px;

    }

    .listing-card {
        padding: 20px 14px;

    }

    .listing-card form h3.page-title {
        font-size: 20px;
    }

    .listing-card form p.page-subtitle {
        font-size: 14px;
    }

    .listing-card form .section-title {
        font-size: 17px;
    }

    .listing-card form input.form-control,
    .listing-card form .form-select {
        font-size: 14px;
    }

    .listing-card form label.form-check-label {
        font-size: 14px;
    }

    .listing-card form .text-muted.small.mt-1 {
        font-size: 12px;
    }

    .listing-card form .payment-box {
        padding: 14px;
    }

    .listing-card form .terms-box li {
        font-size: 16px;
    }

    .web-link_wrap {
        font-size: 12px !important;
    }


    .single-listing.card h1.h4.fw-bold.mb-2 {
        font-size: 20px;
    }

    .single-listing.card .price.h5.fw-bold.mb-0 {
        font-size: 14px !important;
    }

    /*.dash-package-body .dash-feature-list li span {*/
    /*    font-*/
    /*}*/
}



/*Navbar*/

@media (min-width:992px) and (max-width: 1023px) {
    .navbar-expand-lg.custom .navbar-collapse {
        display: none !important;
    }

    .navbar-expand-lg.custom .navbar-toggler {
        display: block;
    }
}

@media (min-width:1023px) and (max-width: 1400px) {
    .navbar-expand-lg.custom .navbar-collapse {
        display: flex !important;
    }

    .navbar-expand-lg.custom .navbar-toggler {
        display: none;
    }

    nav li.nav-item.ms-lg-3 {
        margin-left: 5px !important;
    }

    .navbar-expand-lg .navbar-nav .nav-link strong {
        font-size: 10px;
        padding: 3px !important;
        line-height: 9px;
    }

    .navbar .container {
        flex-wrap: nowrap;
    }

    ul.navbar-nav {
        flex-direction: row;
        gap: 1px;
    }

    .navbar-brand img {
        height: 35px;
    }

    header a.nav-link {
        font-size: 12px;
        line-height: 24px;
        gap: 5px !important;
    }

    li.nav-item.dropdown.ms-lg-3 {
        margin-left: 0 !important;
    }

    nav a.btn.btn-warning.px-4 {
        font-size: 12px;
        gap: 5px;
    }

    a.btn.btn-warning.px-4 i {
        height: 30px;
        width: 30px;
    }

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


@media (max-width: 991px) {
    .navbar-collapse {
        margin-top: 17px;
        position: absolute;
        top: 102px;
        background: white;
        left: 0px;
        width: 100%;
        z-index: 1;
        padding: 10px 0 26px 10px;
    }

    .navbar-brand img {
        height: 90px;
    }

    .navbar-collapse ul.navbar-nav li.nav-item.dropdown {
        padding: 0 10px 0px 0px;
        border: none;
        justify-content: space-between;
    }

    .footer-cta {
        margin-top: 20px;
        gap: 10px;
        flex-direction: column;
    }

    .footer-cta a:nth-child(2),
    .footer-cta a:nth-child(1) {
        border-radius: 25px;
    }

    .footer-cta a:nth-child(2),
    .footer-cta a:nth-child(1) {
        border-radius: 25px;
    }
}






@media (max-width:1400px) {
    .featured-ads .ad-row {
        grid-template-columns: 120px 160px 190px 183px 107px 120px 90px;
    }

    .featured-ads .ads-header {
        display: grid;
        grid-template-columns: 120px 160px 190px 183px 107px 120px 90px;
    }

    .cta-banner {
        padding: 40px 22px;
        margin: 100px auto -50px;
        max-width: 95%;
    }

    .footer-cta a {
        font-size: 12px;
    }

    .footer-cta i {
        font-size: 18px;
    }

    a.footer-logo {
        width: 80%;
    }

    .category-box h6 {
        padding: 10px 5px;
        font-size: 16px;
    }

    .category-box img {}

    section.featured-ads {
        padding: 0px;
    }

    .cta-banner p {
        font-size: 16px;
    }

    .cta-banner h2 {
        font-size: 26px;
        line-height: 37px;
    }

    .price-circle {
        width: 170px;
        height: 170px;
    }

    .price-circle .price {
        font-size: 30px;
    }

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

    .cta-banner img {
        width: 70%;
        top: -90px;
    }

    .hero-title {
        font-size: 40px;
    }

    .gl-card-img {
        max-height: fit-content;
        /*width: 200px;*/
    }

    .gl-page {
        margin: 0 20px;
    }

    span.gl-pill {
        font-size: 11px;
    }

    h1.script-font {
        font-size: 30px;
        margin: 10px 0;
    }

    .about-main-content {
        padding: 50px 0;
    }

    .myhow-it-works {
        padding: 50px 0;
    }

    .myhow-inner {
        padding: 30px;
    }

    section.myhow-it-works {
        margin: 0px 20px;
    }

    .mywork-card {
        padding: 40px 10px;
    }

}

@media (max-width:1023px) {

    .new-hero-search-bar {
        width: 70%;
    }

    section.categories-section .row {
        row-gap: 20px;
        column-gap: 0;
    }

    .category-box .img-box {
        min-height: 70px !important;
        min-width: 70px !important;
    }

    .featured-ads .image-box {
        width: 70px;
        height: 70px;
    }

    .featured-ads .image-box img {
        width: 50px;
        max-height: 50px;
    }

    .col.desc-col.mobile-hide {
        display: none;
    }

    .col.location-col.mobile-hide {
        display: none;
    }

    section.new-cta-banner .wrapper h2 {
        font-size: 40px;
    }

    section.new-cta-banner .wrapper {
        padding: 50px 0;
        margin-top: 50px;
    }

    .Home footer {
        padding-top: 130px;
    }

    footer img.img-fluid {
        max-width: 220px !important;
    }

    footer h4 {
        margin: 0;
        text-align: left;
    }

    footer form {
        width: 80%;
    }

    .featured-ads h2 {
        font-size: 30px;
        margin: 0;
        margin-top: 30px;
    }

    section.featured-ads h5 {
        margin-bottom: 30px;
    }


    .gl-page {
        padding: 50px 20px;
    }

    .hero-title {
        font-size: 40px;
    }

    .hero-subtitle {
        font-size: 16px;
        margin: 20px auto;
        max-width: 80%;
    }

    .hero-section .text-end {
        text-align: center !important;
        margin-top: 50px;
    }

    .hero-thumbs {
        width: 70%;
    }

    .categories-section .col {
        flex: 1 0 30%;
    }

    .categories-section h2 {
        font-size: 30px;
        margin-top: 10px;
        margin-bottom: 40px;
    }

    .featured-ads .desc-col,
    .featured-ads .location-col,
    .featured-ads .images-col,
    .featured-ads .view-col,
    .featured-ads .contact-col {
        grid-column: auto;
    }

    .featured-ads .ad-row {
        grid-template-columns: 110px 160px 100px 100px 50px;
        overflow: auto;
    }

    .featured-ads .ads-header {
        display: grid;
        grid-template-columns: 150px 160px 100px 100px 50px;
        overflow: auto;
    }



    .cta-banner {
        padding: 40px 22px;
        margin: 150px 15px -50px;
        max-width: 95%;
    }

    .cta-content {
        flex-direction: column;
        gap: 20px;
    }

    .cta-banner .cta-wrapper .row {
        flex-direction: column;
        align-items: center;
    }


    /*   .cta-images-div-car img {*/
    /*    width: 100% !important;*/
    /*}*/
    .cta-banner img {
        margin-top: 20px;
        position: relative;
        right: 0;
        top: 0;
    }



    .gl-layout {
        grid-template-columns: 1fr 2fr;
    }


    .gl-card {
        display: flex;
        flex-direction: column;
        margin: 0 10px 10px;
        gap: 0;
    }

    .gl-card-body {
        padding: 20px 20px;
    }

    .gl-card-img {
        position: relative;
        width: 100%;
    }

    .myhow-it-works .myhow-inner .row.justify-content-center .col-md-4 {
        flex: 0 0 50%;
    }

    .myhow-it-works .myhow-inner .row.justify-content-center .col-md-4 .card {
        height: 100% !important;

    }

    .myhow-it-works .myhow-inner .row.justify-content-center .col-md-4 .card-2 {
        height: 100%;
        margin-top: 0px;
    }

    .contact-info-card p.text-muted {
        font-size: 14px;
    }

    .site-footer {
        padding-top: 90px;
    }

    a.footer-logo {
        width: 100%;
    }
}