@media (max-width: 1024px) {
    .package .hero a {
        z-index: 2;
    }

    .package .hero {
        position: relative;
        background-position: center 20%;
    }

    .date-week-nav {
        display: none;
    }

    .date-wheel.date-selection:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 100px;
        background-color: #000;
        background: linear-gradient(to right, rgba(2,13,17,1) 0%, rgba(2,13,17,0) 100%);
        z-index: 10;
        pointer-events: none;
    }

    .date-wheel.date-selection:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100px;
        background-color: #000;
        background: linear-gradient(to right, rgba(2,13,17,0) 15%, rgba(2,13,17,1) 100%);
        z-index: 10;
        pointer-events: none;
    }

    .package .package-details p {
        position: relative;
        display: block;
        padding: 0 20px;
        padding-top: 20px;
        font-size: 18px;
        color: #41c0f0;
        text-transform: none;
        display: none;
    }

    .package .details {
        position: relative;
    }

    .package .package-details {
        position: relative;
        height: auto;
    }

    .package .package-details h3 {
        padding-top: 20px;
        margin: 0;
    }

    .package-availability {
        display: block;
        margin: 10px;
    }
}