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

    /* Mobile nav */
    header {
        height: auto;
    }

    #main_nav {
        display: none;
    }

    .top-bar {
        display: block;
    }




    .related_safaris .promo_item[class*="column"]:last-child,
    .related_accommodation .promo_item[class*="column"]:last-child,
    .related_items .promo_item[class*="column"]:last-child {
        float: none;
    }

    footer input[type="submit"].button {
        width: 20%;
    }

    .slides li .container {
        margin-top: 10px;
    }

    .slides .button {
        /*width: auto;*/
        height: auto;
        background: #e5b328;
        border: 1px solid #ac8415;
        -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
        -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
        color: white;
        cursor: pointer;
        display: block;
        font-family: inherit;
        font-size: 14px;
        font-weight: bold;
        line-height: 1;
        /*margin: 0;*/
        padding: 10px 20px 11px;
        position: relative;
        text-align: center;
        text-decoration: none;
        -webkit-transition: background-color 0.15s ease-in-out;
        -moz-transition: background-color 0.15s ease-in-out;
        -o-transition: background-color 0.15s ease-in-out;
        transition: background-color 0.15s ease-in-out;
    }

    .slides h1 {
        margin: 0;
        font-size: 1.25em;
        line-height: 1.4;
        padding-bottom: 8px;
    }

    .slides h2 {
        line-height: 1.4;
        font-size: 0.95em;
    }

    .slide_tabs_container {
        display: none;
        margin-top: 0;
    }

    .slide_tabs {
        padding: 0;
    }

    .slide_tabs li {
        width: 100%;
        height: auto;
    }

    .slide_tabs li h3 {
        padding: 0;
        border: 0;
        margin: 14px 0;
    }

    .slide_tabs li h4 {
        display: none;
    }

    .slide_tabs li.active {
        margin-top: 0;
    }

    .slide_tabs li.active h3 {
        margin: 14px 0;
        border: 0;
        padding: 0;
    }

    .slide_tabs li.active h4 {
        /*display: block;*/
        margin-bottom: 10px;
    }

    div.homepage_top img.four.column {
        width: 100% !important;
    }

    #breadcrumbs {
        margin: 10px 0;
    }

    .enquire {
        padding-top: 0;
        margin: 0px 0 7px;
    }


    .highlights li[class*="column"]:last-child {
        float: none;
    }

    .acc_list_icon, .acc_map_icon {
        display: none;
    }

    .listing .row h3 {
        margin-top: 14px;
    }
}