
@media screen and (max-width: 400px) {
    #navigation {
        font-size: 12px;
    }
}


@media screen and (max-width: 530px) {
    .logo  {
        visibility: hidden;
    }

    #ski_logo {
        display: none;
    }

    #profile label {
        max-width: 160px !important;
    }

    #profile .form_row select {
        max-width: 160px !important;
    }

    #number {
        width: 10px;
    }

    #footer .tsa, #footer .footer-logo, #footer .companylogo {
        float: none;
    }

    #footer .companylogo {
        display: block;
    }

    #footer .companylogo .footer-logo {
        width: auto;
    }

    #footer table {
        width: 100% !important;
    }
}

#navigation ul li.button a.logo:hover, .hover_effect {
    background: url('../images/nav_bg.png');
    background-repeat: repeat-x;
}

#navigation ul li.button a:hover, .hover_effect  {
    text-decoration: none;

    background: url('../images/nav_bg_hover.png');
}

@media screen and (max-width: 660px) {
    .form_row {
        width: 100px ;
    }
    .ui-dialog {
        max-width: 90vw;
    }

    #profile .form_row input[type="text"], #profile .form_row input[type="password"] {
        width: 200px;
    }

}


.content-wrapper {
    max-width: 1280px;
    min-width: unset;
    width: 100%;
    margin: 0 auto;
    height: 100%;
}

#offer_simple table tbody tr td.label {
    vertical-align: baseline;
}

#offer_simple table tbody tr td.data {
    vertical-align: baseline;
}

#header {
    min-width: unset;
}

#profile #account_data {
    width: 50%;
}

.video {
    width: 50%;
    display: inline-block;
}

.video iframe {
    width: 90%;
}

.responsive-overview {
    max-width: 100%;
    overflow-x: auto;
}

@media screen and (max-width: 800px) {
    select {
        width: 100% !important;
    }

    .video {
        width: 100%;
    }

    .video iframe {
        width: 100%;
    }

    .offer-content #result {
        margin-left: 0;
        display: block;
        width: 100%;
    }

    .cart-container.fixed {
        position: relative;
        top: 0;
        z-index: auto;
    }

    #offer {
        float: none;
        width: auto;
    }

    #offer #filter {
        float: left;
        margin-right: 5px;
    }

    #offer #filter:last-child {
        margin-right: 0;
    }

    #result #losse_trainingen th.day, #result #last_minutes th.day {
        width: auto;
    }

    #profile .form_row {
        width: 100% !important;
    }

    #profile #user_data > div {
        width: 100% !important;
    }

    #profile #account_data {
        width: auto;
    }

    span.form_row, .full_row, #profile .form_row {
        max-width: 100% !important;
    }

    #profile .form_row input[type="text"], #profile .form_row input[type="password"], #profile .form_row select, #profile .form_row input[type="text"].half, #profile .form_row input[type="text"].quarter {
        width: 100%;
        max-width: 100% !important;
    }

    #profile .jqdatepicker {
        position: relative;
    }

    #profile .jqdatepicker input {
        width: 100% !important;
        float: none;
    }

    #profile .jqdatepicker img {
        position: absolute;
        right: 0;
        top: 35px;
    }

    #profile .form_row .jqdatepicker input[type="text"] {
        width: auto;
    }

    #profile .form_row span {
        display: block;
        float: none;
    }
}

@media screen and (max-width:700px) {

    #number_addition {
        width: 100% !important;
        display: block;
        margin-left: 0 !important;
    }
}
