/*
    Created on : 09.02.2019, 23:25:12
    Author     : Mikhail Saprykin
*/

@media (max-width: 600px) {

    html, body {
        width: 100%;
        min-width: 100%;
        overflow-y: auto !important;
    }

    form#orderonce table, form#settings table {
        width: 100%;
    }

    form#orderonce table.datform td, form#settings table.datform td {
        float: none;
        width: 100%;
    }

    form#orderonce table td select, form#settings table td select {
        width: 100% !important;
    }

    form#orderonce table td, form#settings table td {
        display: block;
        width: 100%;
    }

    form#orderonce table.passengers {
        position: relative;
        padding-bottom: 81px;
        display: block;
    }

    form#orderonce .passengers tr {
        border-bottom: 1px solid #cccccc;
        padding-bottom: 10px;
    }

    form#orderonce .passengers tr:nth-child(n+2) td:nth-child(2) {
        padding-top: 10px;
    }

    form#orderonce .passengers tr:nth-child(n+2) span.caption {
        display: block;
    }

    form#orderonce .passengers tr .cost {
        display: block;
    }

    form#orderonce table.passengers .name, form#settings table.passengers .name {
        width: 100%;
        float: none;
        display: block;
    }

    form#orderonce table.passengers .citizen, form#settings table.passengers .citizen {
        width: 100%;
        display: block;
    }

    form#orderonce table td .anotherages, form#settings table td .anotherages, form#orderonce table td .anothernation, form#settings table td .anothernation {
        width: 100% !important;
    }

    form#orderonce table.passengers .kid, form#settings table.passengers .kid {
        width: 100%;
        display: block;
    }

    form#orderonce table.passengers .cost, form#settings table.passengers .cost {
        width: 100%;
        display: block;
    }

    .additional td {
        display: block;
        float: none !important;
        width: 100%;
    }

    #online_form {
        margin-top: 0px;
    }

    #online_form h1 {
        float: none !important;
        display: block !important;
        position: relative !important;
        margin: 10px 0 0 0;
    }

    #online_form > a {
        float: none !important;
        display: block !important;
        position: relative !important;
        margin: 0!important;
        width: 100%;
    }

    #online_form > div {
        float: none !important;
        display: none !important;
        position: relative !important;
        margin: 0!important;
    }

    table.additional td {
        width: 100%;
    }

    .herebetotals {
        margin-top: 0;
        top: 0;
        left: 53px;
        right: auto;
    }

    .notsocenter>button {
        margin-top: 50px;
    }
    .notsocenter {
        /*height: 114px;*/
    }

    .print_table>center>table>tbody>tr>td {
        display: block;
        float: none;
        width: 100%;
    }

    #ui-datepicker-div {
        z-index: 10 !important;
    }

}