/*Top Two Desktop Sizes
.visible-desktop = This element is visible on both desktop sizes only
.hidden-desktop = This element is hidden on both desktop sizes only

Middle Tablet Portrait Size
.visible-tablet = This element is visible on tablet size only
.hidden-tablet = This element is hidden on tablet size only

Smaller Two Phone Sizes
.visible-phone = This element is visible on both phone sizes only
.hidden-phone = This element is hidden on both phone sizes only*/


/* Hidden at all sizes: */
.hidden { display: none; visibility: hidden; }

/* Desktop Display & Hiding */
.visible-phone {display: none !important;} /* This element is visible on both phone sizes only*/
.visible-tablet {display: none !important;} /* This element is visible on tablet size only*/
.hidden-desktop {display: none !important;} /* This element is hidden on both desktop sizes only*/

/* Tablet Display & Hiding = 1024px was set to 979px*/
@media screen and (min-width: 768px) and (max-width: 1024px) {
.visible-tablet {display: inherit !important;} /* This element is visible on tablet size only*/
.hidden-tablet {display: none !important;}  /* This element is hidden on tablet size only*/
.visible-desktop {display: none !important;} /* This element is visible on both desktop sizes only*/
.hidden-desktop {display: inherit !important;} /* This element is hidden on both desktop sizes only*/
}

/* Phone Display & Hiding = 767px */
@media screen and (max-width: 767px) {
.visible-desktop {display: none !important;} /* This element is visible on both desktop sizes only*/
.hidden-desktop {display: inherit !important;} /* This element is hidden on both desktop sizes only*/
.visible-phone {display: inherit !important;} /* This element is visible on both phone sizes only*/
.hidden-phone {display: none !important;}   /* This element is hidden on both phone sizes only*/
}


/*NOTE: CHANGED DESKTOP TO BEGIN AT 1025PX AND UP TO KEEP APP FEEL ON TABLET LANDSCAPE UP TO 1024PX.*/