@media only screen and (min-width: 320px) {
    
    /*Scroller item*/
    .swiper-wrapper .gb-grid-column > .gb-container{
        padding:20px;
        background-color:var(--grey);
    }
    .scroller-with-images .swiper-wrapper .gb-grid-column > .gb-container{
        padding:0px 0px 25px 0px;
        background-color:white;
        overflow:hidden;
    }
    .post-scroller-title{
        font-size:14px;
        text-decoration:underline;
        color:#000000;
        margin-bottom:0px;
    }
    .scroller-with-images .post-scroller-title{
        margin-top:20px;
    }
    .post-scroller-date{
        font-size:14px;
        color:#000000;
        margin-bottom:0px;
    }

    .post-scroller-excerpt{

    }
    .post-scroller-reading-time{
        font-size:16px;
        color:#000000;
        font-weight:bold;
        margin-top:50px;
        position:relative;
        overflow:hidden;

    }
    .post-scroller-reading-time:after{
        content:'';
        display:block;
        width:0%;
        height:1px;
        background-color:var(--grey);
        transition: all var(--transition-speed) ease-in-out;
        position:absolute;
        bottom:4px;
        left:0;
    }
    .post-scroller .link-icon{
        margin-top:30px;
    }
    .post-scroller .back-side-of-the-card .link-icon{
        margin-top:auto;
    }
    .post-scroller .link-icon a, .editor-styles-wrapper .post-scroller .link-icon .gb-button{
        background:none;
        border:none;
        padding:0;
        margin:0;
        cursor:pointer;
        display:flex;
        align-items:center;
        justify-content:center;
    }
    .post-scroller .link-icon .gb-button span, .editor-styles-wrapper .post-scroller .link-icon .gb-button span{
        border-radius:50%;
        width:40px;
        height:40px;
        display:flex;
        align-items:center;
        justify-content:center;
        transition: all 0.5s ease-in-out;
        cursor:pointer;
        color:var(--font-clr);
        background-color:white;
    }
    .post-scroller .link-icon .gb-button span:hover{
        background-color:var(--link-clr);
        color:white;
    }

    /*Back side of the card*/
    .back-side-of-the-card{
        position:absolute;
        bottom:100%;
        left:0px;
        width:100%;
        height:100%;
        background-color:var(--green);
        z-index:10;
        padding:20px;
        display:flex;
        flex-direction:column;
        justify-content:flex-start;
        align-items:flex-start;
        opacity:0;
        transition: all 0.5s ease-in-out;
    }
    /*Scroller nav*/
    .post-scroller .swiper-nav .swiper-pagination{
        display:none;
    }
    .scroller-container .small-heading{
        margin-bottom:0px;
    }
    
}
@media only screen and (min-width: 768px) {
    .swiper-wrapper .gb-grid-column > .gb-container{
        padding:35px 25px;
       
    }
    .scroller-with-images .post-scroller-title{

    }
    .swiper-wrapper .gb-grid-column > .gb-container:hover .post-scroller-reading-time:after{
        content:'';
        display:block;
        width:100%;
        height:1px;
        background-color:black;
    }
    .post-scroller-reading-time{
        margin-top:70px;
    }

    .swiper-wrapper .gb-grid-column > .gb-container:hover .back-side-of-the-card{
        opacity:1;
        display:flex;
        bottom:0px;
    }
}
@media only screen and (min-width: 990px) {

}
@media only screen and (min-width: 1280px) {

}