.col-mobile {
    width: auto;
}

.scroll-mobile {
    overflow-x: hidden;
}

.col-sechedule {
    -ms-flex: 0 0 14.286%;
    flex: 0 0 14.286%;
    max-width: 14.286%;
    font-size: 0.9vw;
}

.schedule_day {
    font-family: 'Gotham Bold';
    font-style: normal;
    font-weight: bold;
    font-size: 1.55vw;
}

.schedule_date {
    font-family: 'Gotham';
    font-style: normal;
    font-weight: bold;
    font-size: 0.8vw;
    line-height: 0px;
}

.schedule_select:focus {
    box-shadow: none;
    border: 1px solid #000;
}

.sc-date {
    margin-left: -0.8vw;
}

.schedule_div {
    border-bottom: 1px solid #C4C4C4;
    min-height: 9.5vw;
}

.schedule_title {
    font-family: 'Gotham Bold';
    font-style: normal;
    font-weight: bold;
    font-size: 1.05vw;
}

.session-title {
    font-style: normal;
    font-weight: 325;
    font-size: 0.8vw;
    text-transform: uppercase;
    color: #C0202F;
    margin-left: -1.55vw;
}

.schedule_select {
    border: 1px solid #000;
    font-family: 'Gotham Bold';
    font-size: 0.95vw;
    line-height: 1.2;
    display: flex;
    align-items: center;
    text-align-last: left;
    text-align: left;
    border-radius: 0px;
    letter-spacing: -0.05em;
    text-transform: uppercase;
    color: #000000;
}

.schedule_today {
    height: 0.8vw;
    font-family: 'Gotham Bold';
    font-weight: bold;
    font-size: 0.8vw;
    color: #C0202F;
    margin-left: -0.8vw;
}

.cardio {
    font-family: 'Gotham Bold';
    font-style: normal;
    font-weight: bold;
    font-size: 0.95vw;
    text-transform: uppercase;
    color: #77040F;
}

.dance {
    font-family: 'Gotham Bold';
    font-style: normal;
    font-weight: bold;
    font-size: 0.95vw;
    text-transform: uppercase;
    color: #C0202F;
}

.mind {
    font-family: 'Gotham Bold';
    font-style: normal;
    font-weight: bold;
    font-size: 0.95vw;
    text-transform: uppercase;
    color: #00860D;
}

.strength {
    font-family: 'Gotham Bold';
    font-style: normal;
    font-weight: bold;
    font-size: 0.95vw;
    text-transform: uppercase;
    color: #580077;
}

.highlighted {
    background: rgba(192, 32, 47, 0.1);
}

@media (max-width: 575.98px) {
    .scroll-mobile {
        overflow-x: scroll;
    }
    .border-mobile {
        border-bottom: 1px solid #808080;
        margin-bottom: 8vw;
    }
    .col-mobile {
        /* width: 1360px;
        max-width: 1360px;
        flex: 0 0 1360px; */
        width: 1070px;
        max-width: 1070px;
        flex: 0 0 1070px;
    }
    .col-sechedule {
        -ms-flex: 0 0 150px;
        flex: 0 0 150px;
        max-width: 150px;
        font-size: 3.2vw;
    }
    .schedule_day {
        font-family: 'Gotham Bold';
        font-style: normal;
        font-weight: bold;
        font-size: 6.55vw;
    }
    .schedule_date {
        font-family: 'Gotham';
        font-style: normal;
        font-weight: bold;
        font-size: 3.8vw;
        line-height: 0px;
    }
    .sc-date {
        margin-left: 10vw;
    }
    .schedule_div {
        border-bottom: 1px solid #C4C4C4;
        min-height: 170px;
    }
    .schedule_title {
        font-family: 'Gotham Bold';
        font-style: normal;
        font-weight: bold;
        font-size: 3.7vw;
    }
    .session-title {
        font-style: normal;
        font-weight: 325;
        font-size: 3.2vw;
        text-transform: uppercase;
        color: #C0202F;
        margin-left: -1.55vw;
    }
    .schedule_select {
        border: 1px solid #000;
        font-family: 'Gotham Bold';
        font-size: 3.95vw;
        line-height: 1.2;
        display: flex;
        align-items: center;
        text-align-last: left;
        text-align: left;
        border-radius: 0px;
        letter-spacing: -0.05em;
        text-transform: uppercase;
        color: #000000;
    }
    .schedule_today {
        height: 3.8vw;
        font-family: 'Gotham Bold';
        font-weight: bold;
        font-size: 3.8vw;
        color: #C0202F;
        margin-left: 10.2vw;
    }
    .cardio {
        font-family: 'Gotham Bold';
        font-style: normal;
        font-weight: bold;
        font-size: 3.95vw;
        text-transform: uppercase;
        color: #77040F;
    }
    .dance {
        font-family: 'Gotham Bold';
        font-style: normal;
        font-weight: bold;
        font-size: 3.95vw;
        text-transform: uppercase;
        color: #C0202F;
    }
    .mind {
        font-family: 'Gotham Bold';
        font-style: normal;
        font-weight: bold;
        font-size: 3.95vw;
        text-transform: uppercase;
        color: #00860D;
    }
    .strength {
        font-family: 'Gotham Bold';
        font-style: normal;
        font-weight: bold;
        font-size: 3.95vw;
        text-transform: uppercase;
        color: #580077;
    }
    .schedule-left {
        left: 0;
    }
    .schedule-right {
        right: 0;
    }
    #wrapper {
        position: relative;
        width: 100%;
        overflow-x: scroll;
    }
    .fixeditem {
        /* top: 15px; */
        top: 60px;
        z-index: 99;
        position: absolute;
    }
    .scroll-div {
        position: relative;
        width: 100%;
        overflow-x: scroll;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .schedule_div {
        border-bottom: 1px solid #C4C4C4;
        min-height: 13.5vw;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .schedule_div {
        border-bottom: 1px solid #C4C4C4;
        min-height: 13.5vw;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .schedule_div {
        border-bottom: 1px solid #C4C4C4;
        min-height: 11.5vw;
    }
}

@media screen and (max-width: 1600px) and (min-width: 1200px) {
    .schedule_div {
        border-bottom: 1px solid #C4C4C4;
        min-height: 11.5vw;
    }
}