@media (max-width: 768px) {
    .hero-desk
    {
        /* hide the desktop version of the hero section  */
        display: none !important;
    }

    /* show the mobile hero section  */
    .hero-mob
    {
        display: block !important;
    }

    #hero
    {
        padding: 10px 10px !important; 
    }
    .cta
    {
        height: 300px !important;
        padding: 20px;
    }

        /* Create sliding background effect */
        .custom-button::before {
            content: '';
            position: absolute;
            top: 0;
            left: -200% !important;
            width: 100%;
            height: 100%;
            background-color: black;  /* Inherit background color */
            transition: all 1s ease;
            }
    
            .custom-button:hover::before{
            left: 200% !important;
            }
        .cta-desk
        {
            display: none !important;
        }

        .cta-mob
        {
            display: block !important;
        }

        /* .we-will-make
        {
            background: url('../images/we-will-bg.png') !important;
            background-repeat: no-repeat !important;
            background-size: 100% !important;
        }
        #content-section-2
        {
            height: 650px !important;
            background-color: rgb(28, 26, 26) !important;
        } */


        .services-grid {
            display: block !important;
            grid-template-columns: repeat(1, 1fr) !important; /* 3 columns per row on desktop */
            gap: 20px;
        }

        .service-card {
            margin-top: 30px;
            position: relative !important;
        }

        .card-content .button 
        {
            position: absolute !important;
            bottom: 20px !important;
            left: 20px !important;
            right: 20px !important;  
            
            /* margin-top: 150px !important; */
        }

        #content-section-8
        {
            display: none !important;
        }

        #take-you-anywhere
        {
            display: block !important;
        }

        .mob-logo
        {
            width: 151px !important;
            height: 32px !important;
        }

        .mob-no
        {
            display: block !important;
            color: white !important;
        }

        .limoking-header-inner, .limoking-header-wrapper.header-style-3-wrapper * , .limoking-header-wrapper.header-style-2-wrapper * 
        {
            color: white !important;
        }
        
        .limoking-logo-right-text
        {
            display: none !important;
        }

        .limoking-header-wrapper.header-style-2-wrapper.limoking-header-no-top-bar {
            position: fixed; /* Makes it float on top */
            top: 0; /* Positions it at the very top of the viewport */
            left: 0; /* Aligns it to the left edge */
            width: 100%; /* Ensures it spans the full width of the screen */
            z-index: 1000; /* Ensures it appears above other elements */
        }
    
}


/* Default: Keep the divs stacked */
.limoking-logo-inner {
    display: block;
    text-align: center; /* Optional: Centers content when stacked */
}

/* For mobile screens (max-width: 768px) */
@media screen and (max-width: 768px) {
    .limoking-logo-inner {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .mob-no {
        display: flex;
        align-items: center; /* Ensures proper alignment of the phone icon and text */
        white-space: nowrap !important;
    }
}