.site-logo {
    width: 190px !important;
}

.left_text {
    cursor: pointer !important;
}

#text-6 > div > div.bottom-location-area > div.imgs > img{
    width: 218px !important;
}

.bottom-location-area .address {
    width: 220px !important;
}

.top-location-area .address {
    width: 220px !important;
}

.address-footer {
    width: 160px !important;
}

.contact-right {
    width: 135px !important;
    padding-left: 10px !important;
}

.top-location-area, .bottom-location-area {
    min-height: 315px !important;
}

.home .banner-caption{
    margin-top: 0 !important;
}

.site-logo{
    padding:10px !important;
}

/* --- CSS for Mobile Centering --- */

/* This targets tablets and mobile phones (screens 768px wide or less) */
@media screen and (max-width: 768px) {

    /* Target the main container holding the three feature blocks */
    .feature-icecream {
        /* Change the layout from a horizontal row to a vertical column */
        flex-direction: column !important;
        
        /* Center the items now that they are in a column */
        align-items: center !important;
        
        /* Add some vertical space between the stacked items */
        gap: 30px !important; 
    }

    /* Target the container for the "About Our Ice Cream" text */
    .about-ice-cream {
        /* Center all the text content (title, description, and link) inside this block */
        text-align: center !important;
        
        /* Add some space above it to separate it from the features */
        margin-top: 40px !important;
    }
    
    /* Ensure the main content wrapper also centers its content */
    .feature-icecream-contents {
        flex-direction: column !important;
    }

    .feature-icecream-wraps{
        margin: 10px 85px 0px 85px !important;
    }

    .about-ice-cream .descr{
        width: 343px !important;

    }

    .about-ice-cream .descr a{
        margin-top: 10px !important;
    }

    .dinein-container {
        display: flex !important;
        align-content: center !important;
        justify-content: center !important;
        margin: 0 auto !important;
        width: 100% !important;
        padding: 0 !important;
        margin-top: 20px !important;
        text-align: center !important;
        gap: 20px !important;
    }

    #text-9 > div > div.contact-right > div.contact-no {
        padding-top: 21px;
    }
}