.datesGrid{
    display:grid;
    float:right;
    position:relative;
    height:80px;
}
.gridDateItem{
    text-align:center;
    position:relative;
}
.dateFolder{
    float:left;
    clear:both;
    width:100%;
    height:100%;
    padding:5px 10px;
}
.dateFolder .dateTitle{
    font-weight:bold;
    color:#fff;
}
.dateFolder .dateText{
    font-size:14px;
    color:#fff;
}
.bgDate1{
    background:#df0000;
}
.bgDate2{
    background:#76b305;
}
.bgDate3{
    background:#e7b204;
}


@media(min-width: 768px){
    .datesGrid{
		grid-template-columns: repeat(3, 1fr);
        row-gap: 0;
        column-gap: 0px;
	}
    .gridDateItem{
        width:220px;
        height:100%;
    }
}

@media(max-width: 768px){
    .datesGrid{
		grid-template-columns: repeat(1, 1fr);
        row-gap: 0;
        column-gap: 0;
        width:100%;
        height:auto;
	}
    .dateFolder{
        padding:8px 10px;
    }
}

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