@media (min-width:1200px) {
    .row-5 > div {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media (max-width:1600px) {

}

@media (max-width:1200px) {
    
}

@media (max-width:1024px) {
    
}

@media (max-width:991px) {
    .btn-simple {
        font-size: 30px;    
    }
    .btn-red {
        font-size: 30px;    
    }
    .btn-theme {
        font-size: 54px;
    }
} 

@media (max-width:767px) {
    .banner .btn-simple,
    .banner .btn-red {
        font-size: 22px;
    }

    .action-button .btn-theme,
    .video-box .action-btn .btn {
        font-size: 36px;
        width: 100%;
        padding: 10px 20px;
    }

    .card-box.video-box {
        padding: 20px;
    }
}

@media (max-width:575px) {
    .banner .btn-groups {
        position: relative;
        flex-direction: column;
        top: 0;
        margin-bottom: 5px;
    }
    .banner .btn-simple, .banner .btn-red {
        width: 100%;
    }
    .title-med,
    .more-items p,
    .more-items > a {
        font-size: 24px;
    }
    .action-button .btn-theme,
    .video-box .action-btn .btn {
        font-size: 28px;
    }
    
    .banner .btn-groups .btn-simple {
        transform: rotate(0);
        margin-bottom: 5px;
    }
    .banner .btn-groups {
        padding: 0;
        padding-top: 5px;
    }

    .video-box .btn-simple {
        font-size: 21px;
    }
}