.header-bg-home { height: 140px; background: url(images/header-swoosh-v3.png) no-repeat center 0; }
#navigation.fixed { position: fixed; left: 50%; top: 0; }

#navigation.fixed {
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);
}

.list-years .current a{background: #fff none repeat scroll 0 0;
    color: #002f6c;
    text-decoration: none;}

.map-image{position:relative; text-align:center; /*left:5%;*/}
.map-image img.default-img:first-child{display: block;}
.map-image img.default-img{ display: none;/* width: 100%; height:auto;*/
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1;}
.map-image img.hover-img{ border: medium none;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    z-index: 99;}
	
#state-wrap, #state-wrapIE{ width:165px; height:30px; border:1px solid #999; margin:20px auto; border-radius: 10px; display:none;}
#state-wrapIE{display: block; margin: 30px auto;}
.map-container .color-legend li{ cursor:pointer;}
.map-container .state-info .col .number, .blue-box .state-report .col a > span, .blue-box .study-report .col span{color:#fff;}

/* JY EMAIL SIGN UP FORM */
.email-signup       { background: #002e6b; max-width: 100%; padding:16px 32px; color: #fff; text-align: center }
.email-signup .email-icon { width: 38px; height: 21px; display: block; background: url('images/email-icon.png')no-repeat; background-size: cover; margin: 16px auto }
.email-signup h2    { font-size: 25px; font-weight: normal; margin: 0; line-height: 1.2 }
.email-signup span  { display: block; line-height: 1.2; font-size: 18px; font-style: italic; margin: 32px 0 16px }
.email-signup label,.email-signup input[type="submit"] { margin: 16px 0; font-size: 14px }
.email-signup input[type="radio"] { margin: 0 5px }
.email-signup input[type="email"] { display: block; margin: 16px auto; border: 0; padding: 4px; line-height: 2; text-indent: 4px; width: 100% }
.email-signup input[type="submit"] { background: #da281b; border: 0; -moz-border-radius: 10px; border-radius: 10px; color: #fff; padding: 10px 24px; font-size: 14px; text-transform: uppercase }

#report-highlight ul, #report-highlight li{ list-style: outside;}
#report-highlight ul{margin:0 0 20px 20px;}

.home-section-main .shell, .home-section .shell{width:auto;}
#report-highlight{font-size:14px; color:#4d4d4d;}

/* ==========================================================================
    #Media
========================================================================== */
@media (max-width: 1024px) {
    #navigation .nav { width: 35px; height: 0px; padding-top: 35px; padding-left: 0; margin: 10px 0 0 20px; background: url(images/hamburger.png) no-repeat 0 0; cursor: pointer; background-size: 32px;}
    #navigation .nav > li { display: none; width: 400px; /*padding-left: 15px;*/ padding-left:0; margin-left: -20px; background: #da281b; }

	
	
    #navigation .nav li .drop-down-issues,
    #navigation .nav li .drop-down,
    #navigation .nav > li > ul { position: static; display: none !important; opacity: 1 !important; }

    #navigation .nav li .drop-down ul,
    #navigation .nav li .drop-down-issues .col.left,
    #navigation .nav li .drop-down-issues.visible,
    #navigation .nav li .drop-down.visible,
    #navigation .nav > li > ul.visible { overflow: hidden; display: block !important; opacity: 1 !important; }

    #navigation .nav > li > ul, 
    #navigation .nav li .drop-down, 
    #navigation .nav li .drop-down-issues { /*margin-left: -15px;*/ padding-left:15px;}
	
	#navigation .nav > li > a{padding: 0 10px 0 20px;}
	#navigation .nav li li{padding-left:0px;}
	
	#research-dropdown,#navigation .nav li .drop-down-issues{width:auto !important;}

}

@media (max-width: 961px) {
	.map-image{}
    #top,
    #footer,
    .home-section,
    #content, 
    .content,
    .slider-container,
    #header,
    #navigation,
    #head-wrap,
    .shell { width: auto; border-left: 0 none; border-right: 0 none; }

    /*.slider-box { display: block; float: none !important; }

    .slider-box, 
    .slider-box .featured-item { width: 100%; height: auto; }
    
    .slider-box img { width: 100%; height: auto; }

    .featured-img a { display: block; }
    .slider-nav ul { height: 106px; }
    .slider-nav li { position: relative; height: auto; }
    .slider-nav li a { height: 98px; padding: 8px 5px 0 5px; font-size: 13px; }

    .slider-nav li a .bullet { top: -60px; left: 50%; margin-left: -15px; }

    .slider-nav { width: 100%; padding-top: 0; float: none !important; }
    .slider-nav li { float: left; width: 25%; }
	
	.slider-nav li a .bullet {
        -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
             -o-transform: rotate(90deg);
                transform: rotate(90deg);
    }
	
	*/


	.slider-box{width:70%;}
	.slider-nav{width:30%;}
	.slider-nav li a{padding-left:13px;}

	.slider-box .featured-txt p{width:85%;}
	
    .home-section .shell { text-align: center; }
	.home-section .shell .featured-news{text-align:left;}
    .home-section .box,
    .home-section .col.left,
    .home-section .map { display: inline-block; float: none !important; }

    .home-section .box { display: block; margin: 20px auto 0; text-align: left; }

    .featured-resources li { width: 33.3%; padding-right: 15px; margin-right: 0; }
    .featured-news { padding-right: 0; }

    #footer { text-align: center; }
    #footer .shell { text-align: justify; }
    #footer .shell:after { display: inline-block; width: 100%; content: ""; }
    #footer .nav { float: none; display: inline-block; width: 106px; float: none; vertical-align: top; padding: 0 5px; /*text-align: center;*/ }
   /* #footer .nav:first-child { padding-left: 0px; }*/
    #footer .nav li { padding-left: 0; margin-left: 0;}
    #footer .cl { display: none; }

    .main.left
   /* ,#aside */{display: block; width: auto;float: none !important;  }
   
    .main.left { padding-left: 20px; }

    #aside { padding: 0 15px; text-align: center; }
    #aside .widget {/* float: left; width: 50%;text-align: center;*/  float: none; width: 100%;  vertical-align: middle; }
	#aside{margin: 0 auto; float: none !important; display: block; text-align:left;}

    .search-section .search-h .field { padding-top: 5px; padding-bottom: 5px; }

    .results .result .result-info { overflow: hidden; float: none; width: auto; }

    .blue-box .state-report { text-align: center; }
    .blue-box .state-report .col.left { display: inline-block; float: none !important; text-align: center; }
    .blue-box .state-report .col.left a small { padding-right: 0; }

    .result-widget + .widget { margin-top: 48px; }
    .widget .promo-box br { display: none; }

    #navigation.fixed { left: 0; width: 100%; }

    #navigation.fixed {
        -webkit-transform: none;
            -ms-transform: none;
             -o-transform: none;
                transform: none;
    }

    

    .search-section .search-h .field,
    #footer .nav,
    .featured-resources li,
    .slider-nav li {
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
    }
	.result-widget h5{position:relative; width:	265px; margin:0 auto;}
	.result-widget h5 span.bullet{ display: inline-block;
    float: none;position: absolute; left: 0;}
	.result-widget h5 i{ margin-left: 41px;}
	
	
}

@media (max-width: 767px) {
    #wrapper { overflow: hidden; }
    #navigation { z-index: 12; }

    .top-logo { top: 0; }
    #navigation .search { padding-right: 10px; }
    #navigation .search .submit-button { right: 16px; }

    #navigation .nav > li { width: 320px; }

    #navigation .nav li .drop-down .col.left,
    #navigation .nav li .drop-down-issues,
    #navigation .nav li .drop-down,
    #navigation .nav > li > ul { width: 320px !important; }

	
	
    #navigation .nav li .drop-down .col:first-child { display: none; }
    #navigation .nav li .drop-down-issues .col.left { float: none; width: auto; }
    #navigation .nav li .drop-down-issues .col.left ~ .col { margin-left: 0 !important; }

    #navigation .nav li .drop-down .col.right { width: auto; float: none !important; }
    #navigation .nav li .drop-down ul { float: left !important; width: 50%; }

    h1#logo { width: 100%; float: none !important; display: block; padding: 10px 0 0 0px; margin: 0 auto; text-align: center; }
    .social { overflow: hidden; display: block; float: none !important; padding: 6px 0 0; text-align: center; }
    .social li { display: inline-block; float: none; vertical-align: top; }

    h1#logo a { width: 391px; display: inline-block; }

	.slider-nav{width:100%; float: none !important;}
    .slider-box .featured-txt { position: static; background: #000; }
    .slider-box .featured-txt h2 { font-size: 18px; line-height: 1.2; padding: 12px 12px 6px; }
    .slider-box .featured-txt .info { font-size: 13px; height: auto; padding: 12px; }

    .slider-nav li { float: none; width: 100%; box-shadow: none;}
    .slider-nav li.active a .bullet { display: none; }
    .slider-nav { display: block; }
    .slider-nav li a,
    .slider-nav li,
    .slider-nav ul { height: auto; }

    .slider-nav li a { padding-bottom: 7px; }

    .home-section { padding: 0; }
    .home-section .col.left { width: auto; display: block; }

    .home-section .map .select-field { top: 84px; left: 72px; }
    .home-section .map { width: 320px; height: 220px; }

    .featured-resources { padding: 8px 5px 10px; }

    .featured-resources .top a,
    .featured-resources h3 { display: block; float: none !important; padding-bottom: 10px; text-align:center;}
    .featured-resources .top a { line-height: 20px; }
    .featured-resources li { width: 100%; margin-bottom: 15px; }

    .featured-news h2 { font-size: 22px; line-height: 1.3; }
    .featured-news img { float: none !important; margin: 0 0 15px 0 !important; width: 100%; height: auto; }

    #footer { padding: 10px 0; }
    #footer .shell:after { display: none; }
    #footer .nav { display: block; width: auto; }

    .main .img-holder { margin-bottom: 15px; }
    .main .img-holder img { width: 100%; height: auto; }

    .main .inner-article p { padding-bottom: 10px; }

    #aside .widget { float: none; width: 100%; }

    .box-h .col { overflow: hidden; width: auto; float: none; margin-right: 0; margin-bottom: 10px; }
    .box-h p,
    .box-h h3 { overflow: hidden; }

    .search-section .search-h { width: auto; margin-left: 0; }
    .search-section .search-h .field { width: 85%; }

    .tabs-c .results .result, 
    .search-result .results .result { padding-bottom: 10px; }

    .results .result .media-holder { margin-right: 10px; }

    .breadcrumbs { padding-left: 20px; }

    .list-cols .col.left,
    .list-cols .col.right,
    .blue-box .study-report .col.right,
    .blue-box .study-report .col.left { display: block; float: none !important; width: auto; }
    .blue-box .study-report .col.left { margin-bottom: 10px; }

    .blue-box .study-report .col span { font-size: 42px; }

    .home-section .map {
        -webkit-background-size: 100% 100%;
                background-size: 100% 100%;
    }

    h1#logo a {
        -webkit-transform: scale(0.7);
            -ms-transform: scale(0.7);
             -o-transform: scale(0.7);
                transform: scale(0.7);
    }

    #navigation .nav > li,
    #navigation .nav li .drop-down-issues,
    #navigation .nav li .drop-down,
    #navigation .nav > li > ul {
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
    }
	
	.home-section .c2-sb-wrap .c2-sb-text{padding:10px 0 5px 14px;}
	.home-section .c2-sb-wrap .c2-sb-button{margin:10px 10px 0 0;}
}

@media (max-width: 500px) { 
    .fancybox-wrap .bootstrap .row{ margin-left:0px; text-align:left;}
	.fancybox-wrap .bootstrap h4{padding-left:0 !important;}
	.fancybox-wrap .bootstrap .form-horizontal .controls{margin-left:0px;}
	.fancybox-wrap .bootstrap .form-horizontal .control-label{ width:100%; text-align:left;}
	.fancybox-wrap .bootstrap input[type=text], .fancybox-wrap .bootstrap textarea{width:93%;}
	.fancybox-wrap .bootstrap .radio input[type="radio"], .fancybox-wrap .bootstrap .checkbox input[type="checkbox"]{ margin-left:0px; margin-right:10px;}
	.fancybox-wrap .bootstrap .radio, .fancybox-wrap .bootstrap .checkbox{padding-left:10px;}
	
	.blue-box .top span{width:100%;}
	.blue-box .top a{float:left;}
}

@media (max-width: 400px) { 
    h1#logo a { margin-left: -5%; }
	
	
}

@media (max-width: 359px) {
    h1#logo a { margin-left: -8%; }
	
}