.mobile-view-nav-segment {
    overflow: scroll;
    overflow-y: hidden;
    flex-wrap: nowrap !important;
}
.mobile-view-nav-segment> button {
    min-width: auto !important;
}
.account-details-general-actions {
    display: flex;
    flex-direction: row;
    padding-top: 0px !important;
    margin: 0px 20px 20px 20px
}
@media(max-width: 1100px) {
    #absenceSectionContainer > div:first-child > div {
        flex-direction:column;
    }
        #absenceSectionContainer > div:first-child > div:last-child > #absenceEditCard, #absenceRightContainer {
            display: none;
        }
    #absenceRequestsCard > .card-body {
        height: auto !important;
        max-height: 400px !important;
    }
    #absenceLeftContainer {
        width:100%;
    }
    #absenceTableContainer > div > div {
        width: 100% !important;
    }
    #absenceRightContainer {
        height:auto !important;
    }
    #absenceSectionContainer > div:first-child > div:first-child{
        width:100%;
    }
}
@media(max-width: 1000px) {
    #day1 {
        width: 100% !important;
    }
    #day2 {
        display: none !important;
    }
    .right > h4 {
        display:none !important;
    }
    .booking-container {
        width:90%;
    }
    .stepper {
        width: 90% !important;
    }
}
@media(max-width: 650px) {
    .account-details-general-actions {
        flex-direction:column;
    }
    .account-details-general-actions > button {
        width:100%; 
        margin: 0px !important;
        margin-top:10px !important;
    }
        .account-details-general-actions > button:first-child {
            margin-bottom:15px !important;
        }
    #locationTabsContent {
        overflow:scroll;
    }
    #locationTabsContent> .card {
        min-width:550px;
    }
        #locationTabsContent > div:last-child > a:last-child {
            margin-left:20px !important;
        }
    #savePublicHolidaysForm > div > .card-body > * {
        min-width: unset !important;
    }
    #select-service-item {
        flex-direction: row !important;
    }
    #select-service-item > *:first-child {
        display: unset !important;
    }
        #select-service-item > *:first-child > span:first-child {
            display: block;
            width: 100%;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }
}
@media(max-width: 600px) {
    .stepper > .step > .step-box {
        height:25px;
        width:25px;
    }
    .booking-container  > .card-body {
        padding: 20px !important
    }
}
@media(max-width: 525px) {
    #absenceRequestsCard > div:first-child {
        flex-direction: column;
    }
    #absenceRequestsCard > div:first-child > * {
        width:100%;
        text-align:left;
    }
    #openingPlansContainer> div:last-child >* {
        min-width:unset !important;
        margin-right:20px !important;
    }
}