#cellwrapper {
   visibility: invisible;
   display: none;
}

#mainwrapper {
   visibility: visible;
   display: block;
}



/* ******************************** */
/* less than 5inch screen    */
/* ******************************* */
@media only screen and (max-width: 479px) {

#mainwrapper {
   visibility: invisible;
   display: none;
}

#cellwrapper {
   visibility: visible;
   display: block;
}

}


/* ******************************** */
/* 5 inch screens and 7+ inch pads */
/* ******************************* */

@media only screen and (min-width: 480px) and (max-width: 799px) {
#mainwrapper {
   visibility: invisible;
   display: none;
}

#cellwrapper {
   visibility: visible;
   display: block;
}

}