.container-grid{
    display: grid;
    grid-template-columns: 50% 50%;
    overflow: hidden;
    place-items: center;
}
.filter_input {
    display: flex;
}
.datatime-filter{
    width:50%;
}

@media screen and (min-width: 1024px) {
    .event-card{
        max-width: calc(25% - 20px); 
        min-width: calc(25% - 20px); 
        width: calc(25% - 20px);
    }
}
@media screen and (max-width:991px){
    .middle_row{
        margin: 10px 0;
    }
}

@media screen and (min-width: 768px) and (max-width:1023px){
    .event-card{
        width: calc(45% - 20px);
    }
}

@media screen and (max-width: 767px) {
    .hkfi_button {
    padding:10px !important;
    font-size:10pt !important;
    }
    .hkfi_check_cpd {
    text-align:left !important;
    }
    .hkfi_check_cpd div {
    width:100% !important;
    }
    .hkfi_mobile_registration_header {
    font-size:17pt;
    }
    .hkfi_mobile_registration {
    font-size:12pt;
    }
    .hkfi_table_heading td {
    display: inline-block;
    width:100% !important;
    padding:0px;
    }
    .hkfi_table_heading_width {
    width:80% !important;
    }
    .tabs .nav-tabs > li {
    width: 100%;
    float: none;
    margin-bottom: 2px;
    }
    .tabs .nav-tabs > li > a {
    margin-right: 0 !important;
    }
    .tabs .nav-tabs > li.active > a {
    border-bottom: 2px solid #dcdcdc !important;
    }
    .container-grid{
        
        display: grid;
        grid-template-columns: 100%;
        overflow: hidden;
        grid-gap: 0% 5%;
        place-items: center;
    }
    .event-card{
        min-width:45%;
    }
}

.hkfi-banner{
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
}
.hkfi-banner img{
    width:100vw;

}
.hkfi-banner .hkfi-banner-caption{
    position:absolute;
    color:#fff;
}
.scrolling-wrapper::-webkit-scrollbar {
    display: none;
}
.scrolling-wrapper{
    overflow-x:scroll;

}
.inner-shadow {
    -moz-box-shadow:    inset 0 0 10px #000000;
    -webkit-box-shadow: inset 0 0 10px #000000;
    box-shadow:         inset 0 0 10px #000000;
}
.d-flex{display:flex;}

.show_all{
    width: fit-content;
    float: right;
}
.align-center{
    align-items:center;
}
.container-fluid.statistics{
    background:#337ab7;
}
.event-description span {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}