@media only screen and (max-width: 767px) { 
.m-col-1 { width: 100%; }
.m-col-2 { width: 50%; }
.m-col-3 { width: 33%; }
.m-col-4 { width: 25%; }
}
@media only screen and (max-width: 767px) and (orientation: landscape) { 
}
@media only screen and (max-width: 600px) { 
}

/* iPad  */
/* @media only screen and (max-device-width: 1024px) and (orientation:landscape) , only screen and (max-width: 1024px)  */