* {
box-sizing: border-box;
}

.allColumns {
    float: left;
    width: 50%;
    padding: 0px;
}

.Cols2 {
    float: left;
    width: 50%;
    padding: 0px;
}
.Cols3 {
    float: left;
    width: 33%;
    padding: 0px;
}
.Cols4 {
    float: left;
    width: 25%;
    padding: 0px;
}

.image{
    max-width: 100%;
}
.row::after{
    content:"";
    clear: both;
    display: table;
}

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) 
  and (orientation: portrait) { .allColumns, .Cols2, .Cols3, .Cols4{
    width: 100%;
}
  }
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 2) 
  and (orientation: portrait)
{ .allColumns, .Cols2, .Cols3, .Cols4{
    width: 100%;
}
}
@media screen and (max-width:768px) {
    .allColumns, .Cols2, .Cols3, .Cols4{
        width: 100%;
    }
}