@media only screen and (max-width: 767px){
    .social-left-panel {
        display: none !important;
    }
    .list-category-social-mobile {
        display: inline-block !important;
        margin-right: 5px;
    }
    .social-left-panel {
        display: none !important;
    }
    .social-right-panel {
        display: inline-block !important;
        width: 100% !important;
    }
    .lb-header-category {
        margin: 5px 0;
        padding-left: 0 !important;
    }
    .list-category-social-mobile .dropdown-toggle {
        border: 1px solid #e0e0e0 !important;
    }
    #show-model-category-social_mobile, #show-model-districts-social_mobile {
        padding: 0;
        border: 0;
        border-radius: 0;
        margin:0;
    }
    .modal-wrapper {
        padding: 0;
        border: 0;
        border-radius: 0;
        margin:0;
    }
    .modal-content {
        padding: 0;
        border: 0;
        border-radius: 0;
        margin:0;
    }
    .category-social, .district-social {
        border-bottom: 1px solid #ccc;
        padding: 10px;
        color: #3d4d65;
        overflow: auto;
    }
    .social-right-panel .item-social {
        min-width: calc(50% - 10px);
    }
    .btn-more {
        display: inline-block;
        margin-right: 11px!important;
    }
    .btn-more-mobile {
        display: inline-block !important;
        top: 20px!important;
        float: right;
    }
    .mdl-tabs__tab-bar {
        display: none !important;
    }
    .mdl-tabs__tab-bar-custom {
        display: inline-block !important;
    }
    .banner-discovery {
        display: none;
    }
    .list-dropdow-for-mobile {
        display: inline-block!important;
        width: 100%;
        margin-left: 5px;
        padding: 10px 0 ;
        border-bottom: 1px solid #ccc;
    }
    .header-category {
        margin-bottom: 0!important;
    }
    .title-modal{
        color: var(--highlight-color);
        font-weight: bold;
        margin-left: 65px;
    }
    .close-modal {
        color: var(--highlight-color);
        margin-right: 10px;
        font-size: 26px;
        font-weight: bold;
    }
    .title-facilities-near {
        display: inline-block !important;
        padding:0!important;
        margin: 10px 0 !important;
    }
    .slick-next,.slick-prev {
        top: 50% !important;
        opacity: 0.5;
    }
    .slick-next:hover,.slick-prev:hover {
        opacity: 1;
    }
    .box {
        margin-bottom: 20px!important;
    }
    .view-details-back {
        top : 30px !important;
    }
    .breadcrumb {
        width: 100% !important;
    }
}