.views-responsive-grid .views-row  {
  width: 100%;
  flex-direction: row;
  flex-wrap: wrap;
   display: flex;
}

.views-responsive-grid .views-column {
width :25%;
}

.boxleft {
    float: left;
}

.boxright {
    float: right;
}

.boxbottom {
    position: absolute;
    bottom: 20px;
}


@media screen and (min-width:128px) and (max-width:768px) {

.views-responsive-grid .views-column {
width: 50% !important;
}

}


@media screen and (min-width:128px) and (max-width:768px)  and (orientation:landscape) {

.views-responsive-grid .views-column {
width: 30% !important;
}

}