@media (max-width: 690px) {
    .hero-banner-content h2 {
        font-size: 2.688rem;
    }

    .service-wrap {
        width: 100%;
    }

    .service-banner img {
        width: 100%;
        height: auto;
        position: relative;
        top: 0;
    }

    .message-wrap {
        margin-top: 0;
        width: 100%;
    }

    .about-banner img {
        height: auto;
    }

    .availability-banner img {
        height: auto;
    }
    .availability-content {
        margin-top: 2rem;
    }
}

@media (max-width: 768px) {
    .galler-banner img {
        height: 400px !important;
    }

    .about-content h2, .service-wrap h2, .message-title h2, .delivery-title h2 {
        font-size: 3rem;
    }

    .gallery-title-wrap h2 {
        font-size: 3rem;
    }

    .availability-content {
        margin-top: 3rem;
    }

    .message-wrap {
        margin-top: 5rem;
    }
}

@media (max-width: 991px) {
    .brand-header-link {
        padding: 1rem 0 !important;
        text-align: center;
    }

    .gallery-banner img {
        height: 300px;
    }

    .odeh-video video {
        height: 400px;
    }
}