/* Media Queries
   ========================================================================== */
@media only screen and (max-width: 1168px) {

    header, main, section, footer, nav {
        width: 100% !important;
    }

    header #nav img, header nav img, header #breadcrumbs div {
        width: 100% !important;
    }

    header, header #nav, header nav {
        height: auto;
    }

    #wrapper {
        width: 100% !important;
    }

    section {
        /* padding: 2vw 2vw 0px; /* non-iframe setting */
    }

    .wrapper_background {
        margin-top: 2vw;
        padding-bottom: 2vw;
    }
}

@media only screen and (max-width: 1024px) {

    .p {
        width: 100%;
    }

    #worker {
        display: none;
    }

}

@media only screen and (max-width: 865px) {

    /* Step 2 */
    .schedule_header_container, .schedule_subheader_container, .schedule_week, .schedule_footer, .schedule_controls {
        font-size: 0.9em;
    }

}

@media only screen and (max-width: 768px) {

    header #breadcrumbs, article {
        padding: 25px;
    }

    /* Step 2 */
    .schedule_header_container, .schedule_subheader_container, .schedule_week, .schedule_footer, .schedule_controls {
        font-size: 0.85em;
    }
}

@media only screen and (max-width: 715px) {

    /* Step 2 */
    .schedule_container_desktop {
        display: none;
    }

    .schedule_container_responsive {
        display: block;
    }

    .schedule_header_container, .schedule_subheader_container, .schedule_week, .schedule_footer, .schedule_controls {
        font-size: 0.85em;
    }
}

@media only screen and (max-width: 700px) {

    /* Step 1 */
    .questionare_text, .questionare_input_full {
        width: 100%;
    }

    .questionare_text {
        min-height: 20px;
    }

    .questionare_input {
        width: 50%;
    }

    .questionare_input_full, .questionare_input {
        margin-bottom: 20px;
    }

}


@media only screen and (max-width: 600px) {

    #bor_buss {
        width: 210px;

        will-change: left;
    }

    @keyframes drivingbuss {
        from {
            left: 9%;
        }
        to {
            left: calc(92% - 210px);
        }
}


}

@media only screen and (max-width: 385px) {

    #bor_buss {
        width: 110px;
    }

    @keyframes drivingbuss {
        from {
            left: 9%;
        }
        to {
            left: calc(92% - 110px);
        }
    }

    /* Step 1 */
    .questionare_input {
        width: 100%;
    }

    .questionare_input input, .questionare_input_full input {
        width: 100%;
    }

    .questionare_toggle {
        display: none;
    }


}