#block-system-main td img {
margin: 2px;
}

#edit-field-product-und {
width: 100%;
}

.region-inner{
margin:0 auto;
}

/*** Media Queries ***/


@media only screen and (max-width:1024px){

#block-system-main .field-name-field-banner-text, 
#block-system-main .field-name-field-color-bar {
margin: 0;
}

#main-content  a.cta1, 
#main-content  a.cta2, 
#main-content  a.cta3, 
#main-content  a.cta4 {
text-align: center;
}

}


@media only screen and (min-width:769px) and (max-width:1024px){

#branding {
}

.region-header {
}

#search-block-form #edit-search-block-form--2 {
font-size: 1em;
width: 180px;
}

#block-superfish-1 .block-inner {
margin: 0 0 0 0px;
}

.block-superfish ul {
padding: 0 !important;
display: block;
margin: 0 auto !important;
}

#block-superfish-1 ul li {
margin-right: 2px !important;
}

#menu-551-1 {
margin-left: 13px !important;
}

#block-superfish-1 .sf-menu a {
font-size: 0.8em;
padding: 15px 32px 16px;
}

#block-superfish-1  {
overflow:hidden;
}

body #main-content {
margin-right: 0 !important;
}

#footer #block-block-2 .footer-addr {
font-size: 0.9em;
}

#footer #block-block-2 p {
clear: both;
}

/*
#block-system-main img {
width: 40% !important;
height: auto !important;
}

#block-system-main .view-id-publications .views-row {
width: 40%;
margin-right: 40px;
}

#block-system-main .view-id-publications .views-row img {
width: 100% !important;
}
*/

/*added css*/
#webform-component-application-information--first-name, 
#webform-component-application-information--city, 
#webform-component-application-information--social-security-number{
float:left;

}

#webform-component-application-information--last-name, 
#webform-component-application-information--middle-name, 
#webform-component-application-information--state, 
#webform-component-application-information--zip-code, 
#webform-component-application-information--additional-phone, 
#webform-component-application-information--email{
float:left;
margin-left: 10px;
display:block;
}

#webform-component-application-information--address-line-1, 
#webform-component-application-information--phone{
float:left;
clear:right;
display:block;
}

#webform-component-application-information--if-you-are-under-18-years-of-age-can-you-provide-required-proof-of-your-eligibility-to-work{
clear:both;
}

}

@media only screen and (min-width:901px) and (max-width:1000px){

#branding {
max-width: 240px;
}

#block-superfish-1 .sf-menu a {
font-size: 0.8em;
padding: 15px 20px 16px;
}

}

@media only screen and (min-width:769px) and (max-width:900px){

#branding {
max-width: 240px;
}

.region-header {
max-width: 500px;
}

#block-superfish-1 .sf-menu a {
font-size: 0.7em;
padding: 15px 18px 16px;
}

#block-md-slider-homepage-slider {
/* max-width: 680px; */
margin: 0 auto;
}

#block-views-whats-new-block-1 {
max-width: 625px;
overflow: hidden;
}

#block-views-whats-new-block-1 .jcarousel-skin-default .jcarousel-container-horizontal {
height: auto;
width: auto;
}

#block-views-whats-new-block-1 .jcarousel-skin-default .jcarousel-prev-horizontal, 
#block-views-whats-new-block-1 .jcarousel-skin-default .jcarousel-next-horizontal {
top: -24px;
}

#block-webform-client-block-12 {
max-width: 680px;
}

#block-webform-client-block-12 .form-actions {
float: right;
padding: 20px 20px 0 0;
}

body.front .region-content-aside {
margin: 0 auto 32px;
width: auto;
max-width: 402px;
}

body.front #block-views-news-articles-block {
margin: 30px 0 0;
}

body.front #block-views-news-articles-block div.news-feature-fields {
background: none transparent;
display: inline-block;
max-height: 183px;
max-width: 180px;
padding: 10px 10px 10px 10px;
overflow: auto;
}

body.front div.region-tertiary-content {
margin: 0 auto 15px;
width: auto;
max-width: 402px;
}

body.front div.region-tertiary-content #block-menu-block-3 {
margin: 0 0 30px;
}

body.front .featured-story-fields {
background: #e8fcfb none;
display: inline-block;
max-height: 182px;
max-width: 180px;
overflow: auto;
padding: 10px;
}

#footer {
padding: 15px 20px 0;
}

#footer #block-block-2 .footer-addr {
font-size: 0.8em;
padding-right: 25px;
}

#footer #block-block-2 p {
clear: both;
}

}

@media only screen and (min-width:481px) and (max-width:768px){

/*centers the logo when on mobile screen sizes*/
#branding {
margin: 0 auto 15px;
display: block;
float: none;
}

.region-header{
display: block;
float: none;
max-width: 550px;
margin: 0 auto 20px;
padding: 0;
text-align: center;
width: 100%;
}

#block-block-1 {
float: none;
}

#block-block-1 a img {
vertical-align: middle;
}

#block-search-form {
float: none;
}

#block-text-resize-0 {
display: none;
}

/* Mobile Donate Button */

#block-block-63 {
clear: both;
display: block;
margin: 0;
}

#block-block-63 p {
margin: 0;
}

#block-block-63 .block-content a {
display: inline-block;
color: #fff;
background: #00505b;
padding: 3px 12px;
border-radius: 20px;
font-size: 16px;
}

#menu-bar {
padding: 0 10px 15px;
background: none repeat-x scroll 0 0 #fffae8;
}

#block-superfish-1 {
border-radius: 5px;
padding: 0 8px;
}

.sf-accordion-toggle a{
color:#FFF;
font-size:1.3em;
display: inline-block;
text-decoration: none;
width: 100%;
}

.sf-accordion-toggle a:active {
text-decoration: none;
}

#block-superfish-1 .block-inner{
margin:0;
}

/*carousel sizing */
#block-views-whats-new-block-1 {
max-width: 625px;
overflow: hidden;
padding: 5px 0 0;
}

#block-views-whats-new-block-1 .jcarousel-skin-default .jcarousel-container-horizontal {
height: auto;
width: auto;
}

#block-views-whats-new-block-1 .jcarousel-skin-default .jcarousel-prev-horizontal, 
#block-views-whats-new-block-1 .jcarousel-skin-default .jcarousel-next-horizontal {
top: -19px;
}

/*sign up for newsletter signing*/
#block-webform-client-block-12{
max-width:500px;
margin:20px auto;
width: 100%
}

#block-webform-client-block-12 #webform-component-email input{
margin:0 40px 0 0;
}

#block-webform-client-block-12 .captcha {
float: none;
margin: 10px 0;
white-space: initial;
}

/*calendar sizing */
body.front .region-content-aside {
margin: 0 auto 32px;
width: auto;
max-width: 402px;
}

body.front #block-views-news-articles-block {
margin: 30px 0 0;
}

body.front #block-views-news-articles-block div.news-feature-fields {
background: none transparent;
display: inline-block;
max-height: 183px;
max-width: 180px;
padding: 10px 10px 10px 10px;
overflow: auto;
}

body.front div.region-tertiary-content {
margin: 0 auto 15px;
width: auto;
max-width: 402px;
}

body.front div.region-tertiary-content #block-menu-block-3 {
margin: 0 0 30px;
}

body.front .featured-story-fields {
background: #e8fcfb none;
display: inline-block;
max-height: 182px;
max-width: 180px;
overflow: auto;
padding: 10px;
}

#footer {
padding: 15px 20px 0;
}

#footer #block-block-2 {
float: left;
max-width: 480px;
}

#footer #block-block-2 .footer-addr {
font-size: 0.8em;
padding-right: 25px;
}

#footer #block-block-2 p {
clear: left;
}

#footer #block-block-3 img {
height: 48px !important;
width: 174px !important;
}

}

@media only screen and (min-width:481px) and (max-width:625px){

/*carousel sizing */
#block-views-whats-new-block-1 {
max-width: 415px;
overflow: hidden;
padding: 5px 0 0;
}

#block-views-whats-new-block-1 .jcarousel-skin-default .jcarousel-prev-horizontal, 
#block-views-whats-new-block-1 .jcarousel-skin-default .jcarousel-next-horizontal {
top: -22px;
}

#footer #block-block-2 {
float: none;
max-width: 100%;
}

#footer #block-block-2 p {
clear: both;
}

#footer #block-block-3 {
display: block;
float: none;
text-align: center;
max-width: 100%;
padding: 0;
}

}

@media only screen and (max-width:540px){

#main-content a.cta1, #main-content a.cta2, #main-content a.cta3, #main-content a.cta4 {
    display: block;
}

#block-system-main .greybox img {
margin-bottom: 20px;
}

}

@media only screen and (max-width:480px){

/*centers the logo when on mobile screen sizes*/
#branding{
margin: 0 auto 10px;
display: block;
float: none;
}

.region-header{
padding: 0;
width:100%;
text-align:center;
}

#block-block-1 {
display: block;
float: none;
margin: 0 0 10px;
}

#block-search-form {
display: block;
float: none;
margin: 0 auto;
text-align: left;
max-width: 300px;
}

#search-block-form {
margin: 0 0 10px;
}

#search-block-form #edit-search-block-form--2 {
background: none no-repeat scroll center center transparent;
border: 0 none;
border-radius: 6px 0 0 6px;
color: #00505b;
font-size: 1em;
outline: 0 none;
padding: 4px 5px;
width: 230px;
}

#block-text-resize-0 {
display: none;
}

/* Mobile Donate Button */

#block-block-63 {
clear: both;
display: block;
margin: 0 0 10px;
}

#block-block-63 p {
margin: 0;
}

#block-block-63 .block-content a {
display: inline-block;
color: #fff;
background: #00505b;
padding: 3px 12px;
border-radius: 20px;
font-size: 16px;
}


/* positions mobile navigation below logo and stops overlapping */
#menu-bar {
padding: 0 10px 15px;
background: none repeat-x scroll 0 0 #fffae8;
}

#block-superfish-1 {
border-radius: 5px;
padding: 0 8px;
}

.sf-accordion-toggle a{
color:#FFF;
font-size:1.3em;
display: inline-block;
text-decoration: none;
width: 100%;
}

.sf-accordion-toggle a:active {
text-decoration: none;
}

#block-superfish-1 .block-inner{
margin:0;
}


/*lines up all the options in the drop down navigation for mobile*/

/*
#menu-551-1, #menu-555-1, #menu-561-1{
margin-left:0px !important;
background:url("/sites/all/themes/at_achieva/images_achieva/submenu-arrow.png") no-repeat scroll 90% 70% #1d586b !important;
height:45px !important;
}

#menu-561-1{
background:#fce195 !important;
top:0px !important;
}

#block-superfish-1 li#menu-561-1 a{
font-weight:normal;
text-transform:uppercase;
line-height:14px;
font-size:11px;
margin-left:-35px !important;
padding:15px;
}

#menu-554-1{
background: #1d596b;
}
*/

/*repositions deeper tier nav */
#block-superfish-1 ul.menu ul ul{
left:12px !important;
border-top:.5px solid white;
}

/*positions content 15px below the nav to add some white space */
#content-column{
margin-top:15px;
}


/*carousel sizing */
#block-views-whats-new-block-1 {
max-width: 415px;
margin: 0 auto 20px;
overflow: hidden;
padding: 5px 0 0;
}

#block-views-whats-new-block-1 .jcarousel-skin-default .jcarousel-container-horizontal {
height: 200px;
padding: 0;
width: auto;
}

#block-views-whats-new-block-1 .jcarousel-skin-default .jcarousel-prev-horizontal, 
#block-views-whats-new-block-1 .jcarousel-skin-default .jcarousel-next-horizontal {
top: -22px;
}

/*shortens email address bar*/
#block-webform-client-block-12 #webform-component-email input{
width:87%;
}

#block-webform-client-block-12 .captcha {
float: none;
margin: 10px 0 0 -50px;
white-space: initial;
}

#block-webform-client-block-12 .form-actions {
margin: 10px 0;
display: inline-block;
}

body.front .region-content-aside{
width: 100%;
max-width: 400px;
margin: 0 auto;
}

body.front .region-content-aside #block-views-events-mini-calendar-block-1{
height: 206px;
margin: 0 0 15px;
}

body.front .region-content-aside #block-views-events-mini-calendar-block-2{
height: 196px;
margin: 0 0 15px;
}

body.front #block-views-news-articles-block{
margin: 0 0 15px;
}

body.front #block-views-news-articles-block div.news-feature-fields {
/* background: url(/sites/all/themes/at_achieva/images_achieva/feature-article-back.png) no-repeat scroll 0 12px #f9f6e5; */
background: none no-repeat scroll 0 0 #f9f6e5;
display: inline-block;
max-height: 182px;
max-width: 180px;
padding: 10px 10px 10px 8px;
overflow: auto;
}

body.front div.region-tertiary-content {
margin: 0 auto;
max-width: 400px;
width: 100%;
}

body.front div.region-tertiary-content #block-menu-block-3{
margin: 0 0 15px;
max-width:100%;
}

body.front #block-views-homepage-story-feature-block {
float: none;
height: 202px;
width: 100%;
}

body.front .featured-story-fields {
/* background: #e8fcfb url(/sites/all/themes/at_achieva/images_achieva/feature-article-back2.png) no-repeat scroll 0 12px; */
background: #e8fcfb none no-repeat scroll 0 0;
display: inline-block;
max-height: 192px;
max-width: 180px;
overflow: auto;
padding: 5px 8px 5px 8px;
}

#footer {
background: none repeat-x scroll 0 0 #b7b7b7;
padding: 15px 0;
}

#footer #block-block-2 {
float: none;
}

#footer #block-block-2 .footer-addr {
display: inline-block;
float: left;
margin-bottom: 10px;
padding-right: 10px;
font-size: 12px;
}

#footer #block-block-2 p {
margin: 0;
clear: both;
font-size: 16px;
line-height: 1;
}

#footer #block-block-3 {
display: block;
float: none;
text-align: center;
max-width: 100%;
padding: 0;
}

#footer #block-block-3 img {
height: 48px !important;
width: 174px !important;
}

.greybox {
padding: 20px;
}

}

@media only screen and (max-width:458px){

#footer #block-block-2 .footer-addr {
display: block;
float: none;
margin-bottom: 10px;
padding-right: 10px;
font-size: 12px;
line-height: 1.1;
}

}

@media only screen and (max-width:400px){

#block-views-whats-new-block-1 {
max-width: 210px;
margin: 0 auto 20px;
overflow: hidden;
padding: 5px 0 0;
}

body.front .region-content-aside #block-views-events-mini-calendar-block-1 {
border-width: 6px;
float: none;
width: calc(100% - 12px);
}

body.front .region-content-aside #block-views-events-mini-calendar-block-2 {
display: none;
}


body.front #block-views-news-articles-block {
background-color: #F9F6E5;
border: 6px solid #fce195;
display: inline-block;
float: none;
height: auto;
width: calc(100% - 12px);
/* max-width: 100%; */
}

body.front #block-views-news-articles-block div.views-field-field-news-image{
display: none;
}

body.front #block-views-news-articles-block div.news-feature-fields {
background: url(/sites/all/themes/at_achieva/images_achieva/feature-article-back.png) no-repeat scroll 0 12px #f9f6e5;
max-height: 100%;
max-width: 100%;
padding: 10px 10px 10px 25px;
overflow: auto;
}

body.front #block-views-homepage-story-feature-block {
float: none;
height: auto;
width: calc(100% - 12px);
border: 6px solid #c7e3e2;
}

body.front #block-views-homepage-story-feature-block .views-field-field-story-image {
display: none;
float: none;
}

body.front .featured-story-fields {
background: #e8fcfb url(/sites/all/themes/at_achieva/images_achieva/feature-article-back2.png) no-repeat scroll 0 12px;
display: block;
max-height: 100%;
max-width: max-content;
overflow: auto;
padding: 5px 8px 5px 25px;
}

#block-system-main .field-name-field-banner-text .field-items {
width: auto;
float: none;
}

.greybox p {
clear: both;
}

}



/* Responsive Videos */
@media (min-width: 50px) and (max-width: 768px) {
body.node-type-video-webinar iframe {
	width: 675px;
	height: 380px;
}
body.node-type-video-webinar #block-system-main .media-vimeo-player {
width: 100% !important;
	height: 520px !important;
}
body.node-type-video-webinar #main-content {
margin-right: 22px !important;
}
}
@media (min-width: 50px) and (max-width: 667px) {
body.node-type-video-miscellaneous iframe {
	width: 575px;
	height: 374px;
}
}
@media (min-width: 50px) and (max-width: 600px) {
body.node-type-video-miscellaneous iframe {
	width: 525px;
	height: 341px;
}
}
@media (min-width: 50px) and (max-width: 568px) {
body.node-type-video-miscellaneous iframe {
	width: 480px;
	height: 312px;
}
body.node-type-video-webinar #block-system-main .media-vimeo-player {
width: 100% !important;
	height: 360px !important;
}
}
@media (min-width: 50px) and (max-width: 414px) {
body.node-type-video-miscellaneous iframe {
	width: 360px;
	height: 234px;
}
body.node-type-video-webinar #block-system-main .media-vimeo-player {
width: 100% !important;
	height: 240px !important;
}
body.page-node-6 #main-content iframe, body.page-node-8 #main-content iframe  {
	width: 360px;
	height: 234px;
}
}
@media (min-width: 50px) and (max-width: 384px) {
body.node-type-video-miscellaneous iframe {
	width: 340px;
	height: 221px;
}
body.node-type-video-webinar #block-system-main .media-vimeo-player {
width: 100% !important;
	height: 250px !important;
}
body.page-node-6 #main-content iframe, body.page-node-8 #main-content iframe  {
	width: 340px;
	height: 221px;
}
}
@media (min-width: 50px) and (max-width: 375px) {
body.node-type-video-miscellaneous iframe {
	width: 330px;
	height: 215px;
}
body.node-type-video-webinar #block-system-main .media-vimeo-player {
width: 100% !important;
	height: 240px !important;
}
body.page-node-6 #main-content iframe, body.page-node-8 #main-content iframe  {
	width: 330px;
	height: 215px;
}
}
@media (min-width: 50px) and (max-width: 320px) {
body.node-type-video-miscellaneous iframe {
	width: 265px;
	height: 172px;
}
body.node-type-video-webinar #block-system-main .media-vimeo-player {
width: 100% !important;
	height: 200px !important;
}
body.page-node-6 #main-content iframe, body.page-node-8 #main-content iframe  {
	width: 265px;
	height: 172px;
}
}