@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 only screen and (max-width:1024px){#home-quick-link{font-size:180%}
#home-cta{display:none}
#Feature-Rotator{height:auto;max-height:200px;background:#02447E}
#Feature-RotatorInner{width:100%;height:auto;max-height:200px;background:0}
.text{width:96%;padding:2%;position:relative;top:0;left:0;color:#fff;font-size:100%}
#FeatureElement1{left:0}
}
@media all and (max-width:800px){#take-part-criteria{width:100%;margin:2% 0 0 0;display:inline-block}
#take-part-criteria-inner{box-sizing:border-box;width:100%;font-size:80%}
#criteria-one{width:24.3%;padding:0 2%}
#criteria-two{width:31.3%;padding:0 2%}
#criteria-two img{padding:15px 0}
#criteria-three{width:31.3%;padding:0 2%}
#criteria-yes{display:none}
#criteria-yes-word{display:none}
#home-story .col2{float:left}
#home-story #story-image{width:30%}
#home-story #story-text{width:70%}
#home-story #story-quote{width:80%;padding:5% 10% 0 10%;font-size:130%;text-align:left}
#home-story #story-user{width:80%;margin:-10px 0 0 0;padding:0 10% 0 10%;font-size:110%}
#home-story #story-link{width:80%;padding:2% 10% 2% 10%;font-size:100%}
}
@media all and (max-width:400px){#home-story .col2,#home-story #story-image,#home-story #story-text{width:100%;text-align:center}
#home-story #story-quote{font-size:100%}
#home-story #story-user{font-size:100%}
#home-story #story-link{font-size:100%}
#home-story #story-image img{float:none}
}