#mobile_navigation_button {
    margin: 25px 15px 0 0;
    display: none;
    float: right;
    font-size: 15px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    background-color: #005460;
    text-decoration: none;
    border-radius: 5px;
}

#mobile_navigation_button i {
    padding: 12px;
    display: inline-block;
    vertical-align: middle;
    background-color: #005460;
    font-size: 16px;
    border-radius: 5px;
}

#mobile_navigation_button span {
    padding: 0 12px 0 14px;
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
}

@media only screen and (max-width: 1025px) {
    .advertorial_inner {
        padding: 4px 5px !important;
    }
}

@media only screen and (min-width:200px) and (max-width: 959px) {
    .advertorial_inner .event_details span {
        display: none;
    }

    #content .sabai-navigation {
        position: relative;
    }

    #content .sabai-directory-search .sabai-search {
        padding: 20px;
    }

    #content .sabai-navigation .sabai-btn-group {
        margin: 0;
    }

    .sabai-search .sabai-row>div {
        margin-bottom: 20px;
    }

    .sabai-search .sabai-row>.sabai-directory-search-submit {
        margin-bottom: 0;
    }

    .logo {
        display: block;
        margin: 7px 0 20px 15px;
        width: 150px;
    }

    .sublogo {
        width: 150px;
    }

    #wrapper,
    .center {
        width: auto;
    }

    #header {
        margin: 0 0 30px 0;
    }

    .logo {
        margin: 7px 0 0 15px;
    }

    .login_button {
        margin: 25px 15px 0 0;
    }

    .navigation,
    .login_button {
        display: none;
    }

    #mobile_navigation_button {
        display: block;
    }

    #content,
    .footer {
        padding: 0 30px;
    }

    .title,
    #member_about .member_info h1,
    .member_heading {
        font-size: 24px;
    }

        {
        font-size: 24px;
    }

    #login_box {
        width: 100%;
        height: auto;
        min-height: inherit;
        margin: 0 0 15px 0;
        overflow: hidden;
        float: none;
    }

    #login_box .remember_me {
        width: 100%;
        overflow: hidden;
        clear: both;
        float: none;
    }

    #login_box input[type="submit"] {
        margin: 20px 0 0 0;
        float: none;
        display: block;
    }

    #register_box {
        width: 100%;
        height: auto;
        padding: 0;
        float: none;
        border: none;
    }

    #content.home .clear:before,
    #content.home .clear:after {
        display: none;
        clear: none;
    }

    .contentbox,
    .contentbox.about,
    .contentbox.last {
        width: 100% !important;
        margin: 0 0 30px 0;
        padding: 0;
        min-height: inherit !important;
        float: none;
        height: auto;
    }

    .contentbox_image {
        width: 100%;
        height: auto;
    }

    .contentbox_btn {
        position: static;
        bottom: inherit;
        left: inherit;
        width: auto;
        margin: 0 15px 15px 15px;
        display: block;
    }

    .about h2,
    .contentbox h2 {
        font-size: 23px;
    }

    #members_search label[for="naam"] {
        width: auto;
        display: block;
    }

    #members_search input[type="text"] {
        width: 100%;
        margin: 0 0 10px 0;
    }

    #members_search .button {
        width: 100%;
        float: none;
    }

    #members_search label {
        width: 40%;
        margin: 0 0 10px 0;
    }

    #members_search select {
        width: 59%;
        margin: 0 0 10px 0;
    }

    #members_search input[type="radio"] {
        margin: 0 0 0 2px;
    }

    #members_search .view_all_teachers {
        margin: 10px 0 0 0;
    }

    .members li.member,
    .members li.member.last {
        width: 46%;
    }

    .members li.member .profile_picture {
        width: 100%;
        height: auto;
    }

    /* Opgesplitst door Harro 9 mei */
    .event_thumbnail {
        width: 100%;
        height: 100px;
        text-align: left;
    }

    .event_thumbnail img {
        width: 100px;
    }

    .members li.member .name {
        font-size: 15px;
    }

    #member_about .member_info,
    #event_about .single_event_info {
        width: auto;
    }

    #member_about .member_info .button,
    #event_about .single_event_info .row .edit_event_button,
    #event_about .single_event_info .event_date_time {
        /*		margin: 0 0 10px 115px;
		float: none;  Verwijderd door Harro 9 mei - lijkt beter te werken?  */
    }

    #member_about .member_info .member_details,
    #event_about .single_event_info .single_event_details {
        width: 100%;
        float: left;
        display: block;
    }

    #member_about .member_info h1 {
        width: 100%;
    }

    #member_about .member_info .button {
        float: left;
        margin: 10px 0;
    }

    #member_about .member_info .button.email_button {
        margin-right: 10px;
    }

    #member_events .event {
        width: auto;
        float: none;
        display: block;
    }

    .member_heading {
        margin: 25px 0 !important;
    }

    .event_info,
    #member_events .event .event_info {
        max-width: 60%;
    }

    #events_overview td.name {
        width: 63%;
    }

    #events_overview td.actions {
        width: 15%;
    }

    #event_map_overlay {
        display: block;
    }

    #event_map_container,
    #event_map {
        height: 200px !important;
    }

    #edit_profile_picture {
        position: static;
        text-align: left;
        left: inherit;
    }

    .cl-event,
    .cl-event.last {
        width: 100%;
        margin: 0 0 3% 0;
        float: none;
        overflow: hidden;
    }



    #content .sabai-directory-listings-container .sabai-entity {
        width: 100%;
        float: none;
    }

    .post {
        width: 100%;
        height: auto;
        float: none;
    }

    .post_content {
        width: auto;
    }

    .logo_srt {
        margin: 0 0 0 15px;
    }

}

@media only screen and (min-width:200px) and (max-width: 479px) {

    .logo {
        display: block;
        margin: 7px 0 20px 15px;
        width: 150px;
    }

    .sublogo {
        width: 150px;
    }

    #mobile_navigation_button span {
        display: none;
    }

    .sabai-googlemaps-map {
        height: 300px !important;
    }

    #members_search label {
        width: 100%;
        float: none;
    }

    #members_search select {
        width: 100%;
        float: none;
    }

    #members_search h2 {
        font-size: 24px;
    }

    #member_about {
        padding: 15px;
    }

    #member_about .member_info .member_details,
    #event_about .single_event_info .single_event_details {
        width: auto;
        float: none;
        display: block;
        margin-top: 10px;
        /* toegevoegd door Harro 9 mei */
    }

    .member_details li:last-child,
    #event_about .single_event_info .single_event_details li:last-child {
        margin: 0 0 10px 0;
    }

    #member_about .member_description {
        margin: 20px 0 0 0;
        padding: 20px 0 0 0;
    }

    #pagination ul li a,
    #pagination ul li a.page-numbers.prev,
    #pagination ul li a,
    #pagination ul li a.page-numbers.next {
        display: none;
    }

    /* Toegevoegd door Harro */
    .button.with_icon i {
        padding: 6px;
    }

    .button.with_icon span {
        font-size: 12px;
    }

    #member_extensions .extensies li {
        float: none;
        width: 100%;
    }

    /* Einde toegevoegd door Harro */
}

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

    .nav {}

    #wrapper,
    .center {
        width: 768px;
    }

    #mobile_navigation_button {
        display: block;
    }

    .logo {
        display: block;
        margin: 7px 0 20px 15px;
        width: 150px;
    }

    .sublogo {
        width: 150px;
    }

    .nav {
        display: none;
    }

    .login_button {
        display: none;
    }

    .login_button {
        margin: 25px 15px 0 0;
    }

    .navigation li {
        margin: 0 1.3%;
        padding: 0;
    }

    .slider {
        width: 502px;
    }

    .contentbox {
        width: 236px;
        min-height: 400px;
    }

    .contentbox_btn {
        width: 215px;
    }

    #members_search input[type="text"] {
        width: 320px;
    }

    .members li.member .profile_picture {
        width: 100%;
        height: auto;
    }

    .members li.member .name {
        font-size: 15px;
    }

    #member_about .member_info,
    #event_about .single_event_info {
        width: 540px;
        padding-left: 30px;
    }

    #member_about .member_info h1 {
        margin: 5px 0 10px 0;
        float: none;
        display: block;
    }

    #member_about .member_info .button {
        margin: 0 10px 25px 0;
        float: none;
    }

    .event_info,
    #member_events .event .event_info {
        max-width: 40%;
    }

    #evenement_search label {
        width: 99px;
    }

    .event_thumbnail {
        width: 140px;
        height: 140px;
    }

    #events_overview td.name {
        width: 63%;
    }

    #events_overview td.actions {
        width: 15%;
    }

}

@media (max-width: 959px) {

    #content .sabai-directory-listings-container .sabai-entity {
        width: 100%;
    }

    #event_about .single_event_info .row .edit_event_button {
        float: left;
    }

    #evenement_search,
    #members_search {
        margin: 0 0 20px 0;
        overflow: hidden;
    }

    #evenement_search label[for="naam"] {
        width: auto;
        display: block;
    }

    #evenement_search input[type="text"] {
        width: 100%;
        margin: 0 0 10px 0;
    }

    #evenement_search .buttonreset,
    #evenement_search .button {
        margin: 0px 0px 10px 2%;
        width: 49%;
    }

    #evenement_search .button {
        margin: 0 0 10px 0;
    }

    #evenement_search hr {
        display: none;
    }

    #evenement_search label {
        width: 100%;
        margin: 0;
        padding: 15px 0 0 0;
        float: left;
        text-align: left !important;
    }

    #evenement_search select {
        width: 100%;
        float: right;
    }
}

@media (max-width: 550px) {
    .footer {
        display: flex;
        flex-direction: column;
    }

    .logo_srt {
        order: 2;
        text-align: center;
        margin: 30px 0 0 0;
    }

    .footer_content {
        order: 1;
        text-align: center;
    }

    .footer__social {
        margin-top: 20px;
    }

    .footer .footer__social:first-of-type {
        margin: 0;
    }

    .footer_navigation {
        margin: 0;
    }

    .footer_content ul {
        width: 100%;
        display: flex;
        justify-content: center;
    }
}

@media (max-width: 800px) {
    #content .sabai-directory-listings-container .sabai-entity .sabai-col-xs-9 {
        margin-top: 20px;
        width: 100%;
    }
}

@media (max-width: 470px) {
    #members_search select:last-of-type {
        margin-top: 0;
    }
}