.calendar-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}

.calendarbox{
float:left;
min-height:337px;
margin:7px;
margin-left:11px;
width:292px;
padding-top:3px;
box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}

@media only screen and (max-width : 799px) {
.calendarbox{
width:90%;
}
}