@media screen and (max-width:800px){.no-desktop{display:block}
.show-mobile{display:block;text-align:center}
#Header{width:100%}
#HeaderContent{min-width:100%;float:none}
#Header #Logo{width:80%;margin:0 10%;padding:0}
#Header #Logo #LogoInner{width:96%;padding:2%;text-align:center}
#abcLogo img{width:90%}
#LoginFormLoader-Sitewide{width:100%;margin:2% 0 2% 0;float:left;text-align:center}
#header-counter{text-align:center}
#header-links{margin:1% 0 0 0;text-align:center}
#Header #MainMenu{position:initial;right:0;top:30px;background-color:transparent;height:inherit;width:100%}
#MenuUL{max-height:none;padding-top:0;height:auto;display:none}
#MenuUL li{width:100%;height:100%;border-top:1px dotted #FDE112}
#MenuUL a{display:block;text-align:left;padding:15px 10px}
#MenuUL li#mainMenu_abcstudy_supporters-and-links{width:100%}
a.nav-toggle{display:inline-block;width:100%;font-size:145%;text-decoration:none;text-transform:uppercase;background-color:#FFD400;color:#00447e;height:20px;padding:10px 0}
.clear:after{clear:both}
.clear:before,.clear:after{content:" ";display:table}
span.navigation-icon{position:absolute;right:10px}
#Primary{width:100%}
#QOLHealthActivitiesDetails .fieldRow .fieldLabel{display:block}
#QOLHealthActivitiesDetails .fieldRow .fieldInput{display:block}
}
@media screen and (max-width:500px){#header-counter{text-align:center}
}
@media all and (max-width:800px){#Page #PageContent #Primary{width:100%;border-right:0}
#Page #PageContent #Secondary{float:none;display:inline-block;width:100%}
#Page #PageContent #SecondaryInner{padding:20px}
}