@media screen and (max-width: 900px) {
    section {
        padding: 30px 0;
    }

    .col-xs-5 {
        width: 50%;
    }

    .col-xs-10 {
        width: 100%;
    }

    .hide-desktop {
        display: inline-block !important;
    }

    .hide-mobile {
        display: none !important;
    }

    header .logo {
        width: 200px;
    }

    .wrap-page {
        display: block;
        margin: 0 0 30px 0;
    }

    .wrap-page .wrap-page-left,
    .wrap-page .wrap-page-right {
        width: 100%;
    }

    .wrap-page .wrap-page-right {
        padding: 20px;
    }

    .card-box h2 {
        font-size: 18px;
        margin: 0 0 10px 0;
    }

    .card-box p {
        font-size: 14px;
        line-height: 24px;
        margin: 0 0 10px 0;
    }

    h2.heading-sm {
        font-size: 18px;
        margin: 0 0 10px 0;
    }

    .latest-about-featured span.date {
        margin: 10px 0 30px 0;
        display: block;
    }

    .latest-box figure {
        height: 180px;
    }

    .banner-venue .venue-details img {
        min-height: auto;
    }

    #modal-search .modal-body .owl-nav {
        top: 30%;
    }
}