﻿
/* |<------------------>|        */
/* |  xs  |  sm  |  md  |  lg  | */
@media screen and (max-width: 1199px) {

}

/*               |<---->|        */
/* |  xs  |  sm  |  md  |  lg  | */
@media screen and (max-width: 1199px) and (min-width: 992px) {

}

/* |<---->|                      */
/* |  xs  |  sm  |  md  |  lg  | */
@media screen and (max-width: 767px) {
    .cycle_banner_container .banner_item_description_container .text_container .flex {
        flex-flow: column;
        gap: 1em;
    }
}

/* |<-->|500                     */
/* |  xs  |  sm  |  md  |  lg  | */
@media screen and (max-width: 500px) {
    .cycle_banner_container{
        max-height: 100vh;
    }
    .banner_item_description_column {
        min-width: none;
    }
    .cycle_banner_container .banner_item_date {
        display: flex;
        justify-content: center;
        align-items: baseline;
        gap: 15px;
    }
    .cycle_banner_container .banner_item_description_container {
        max-width: calc(100% - 15px);
    }

    .cycle_banner_container .banner_item_description_container h2{
        font-size: 1.8em;
    }
    .cycle_banner_container .banner_pager{
        bottom: -30px;
        right: 30px;
    }
    
}