

@media only screen and (max-width: 768px){
    .custom_oke_mobile{
        height: 50px;
        background-color: rgba(255, 0, 0, 0.75);
    }
    .nav-event{
        height: auto;
    }
    .list-highlight {
        justify-content: center;
        flex-wrap: wrap;
    }
    .item-highlight:last-child{
        margin-right: none;
    }
    .item-highlight{
        width: calc(50% - 36px);
        margin: 10px;
    }
    .img-event img{
        width: 100%;
    }
    .list-item-no_highlight{
        width: 100%;
    }
    .item-no-highlight {
        width: calc(100% - 10px);
        margin: 5px;
    }
    .nav-filter{
        width: 100%;
    }
    #event_no_hl{
        padding: 10px;
    }
    .custom_evensAll{
        display: none;
    }
    .custom_event_mobile{
        display: block !important;
        border: 1px solid #e0e0e0;
    }
    .custom_filter{
        margin-top: 10px;
    }
    .span-title{
        font-size: 13px;
    }
    .list-category-mobile .dropdown-toggle {
        border: 1px solid #e0e0e0 !important;
    }
    #show-model-category_mobile {
        padding: 0;
        border: 0;
        border-radius: 0;
        margin:0;
    }
    #show-model-category_mobile .modal-wrapper {
        padding: 0;
        border: 0;
        border-radius: 0;
        margin:0;
    }
    #show-model-category_mobile .modal-content {
        padding: 0;
        border: 0;
        border-radius: 0;
        margin:0;
    }
    #show-model-category_mobile .category-social {
        border-bottom: 1px solid #ccc;
        color: #3d4d65;
    }
    .title-modal {
        text-align: center;
        font-size: 20px;
        font-weight: bold;
        color: var(--highlight-color);
        margin-left: 70px;
    }
    .modal-content li{
        list-style-type: none;
    }
    .custom_li{
        width: 100%;
        padding: 10px;
        position: relative;
        display: flex;
    }
    .active-action {
        display: inline-block;
        border-bottom: 2px solid #F5A623;
        cursor: pointer;
        color:#F5A623;
    }
    .custom_list-category-mobile{
        float: right;
    }
    .list-category-mobile_filer{
        float: right;
    }
    .custom_status{
        display: none !important;
    }
    .container-detail {
        width: 100% !important;
        margin: 0 !important;
    }
    
}
