html {
    width: 100% !important;
    max-width: 100%;
    overflow-x: hidden;
}

body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}

.page,
.main,
.header,
.footer {
    max-width: 100%;
}

img,
svg,
video,
canvas,
iframe {
    max-width: 100%;
}

@media (max-width: 991.98px) {
    .container {
        max-width: 100%;
    }

    .breabcrumbs {
        box-sizing: border-box;
        max-width: 100%;
        width: 100%;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0;
        padding-right: 0;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
    }

    .breabcrumbs li {
        flex: 0 0 auto;
    }

    .doctor_card-r-appointment,
    .doctor_card-r-appointment-d,
    .doctor_card-r-appointment-days,
    .doctor_card-r-appointment .slots_days {
        max-width: 100%;
        min-width: 0;
    }

    .doctor_card-r-appointment-days {
        overflow-x: auto;
        overflow-y: hidden;
        overscroll-behavior-x: contain;
        -webkit-overflow-scrolling: touch;
    }

    .doctor_card-r-appointment .slots_days {
        overflow-x: hidden;
        overflow-y: visible;
    }

    .page-add-content .row {
        margin-left: 0;
        margin-right: 0;
    }

    .page-add-content .col-12 {
        padding-left: 0;
        padding-right: 0;
    }

    .clinic__bottom-col-map,
    .place__map,
    .map,
    .partial_map,
    #clinics_map,
    #nearbyOrganizationsMap,
    .map__map,
    .map__map-map,
    .recommended-map {
        max-width: 100%;
        overflow: hidden;
    }
}