@media (max-width: 768px) {
    .pricing-fixed {
        display: block;
        position: fixed;
        bottom: 60px; /* above the footer */
        left: 0;
        width: 100%;
        background-color: #2cb1bc;
        color: white;
        text-align: center;
        padding: 0.75rem 1rem;
        font-size: 1rem;
        font-weight: 600;
        box-shadow: 0 -2px 4px rgb(0 0 0 / 10%);
        z-index: 1000;
    }

    .container {
        --bs-gutter-x: 0rem !important;
    }

    /** @note .package-card with 50% and 2 in 1 row **/
    .show-packages .col-md-6,
    .show-packages .col-lg-4 {
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }

    /** @note make language-select 50% smaller **/
    #language-select {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        width: 22px !important;
    }

    .hideOnMobile {
        display: none !important;
    }

    .footer {
        display: none;
    }

    .booking-content {
        padding: 0 25px !important;
    }

    .navbar-brand {
        width: 70%;
    }

    .spacingMobile {
        margin-top: 15px;
    }

    .features-icons {
        padding: 0px 0px;
    }
}