@media handheld, only screen and (max-width:965px) {
body{
 background-image:none;
}
/* SEGMENTS */

#segments{
  padding: 55px 0px 0px 0px;
}
.segments-menu{
  margin-top:10px!important;
  padding-top: 10px;
  padding-left:1%;
}
.segments-menu ul li {
    width: 24%;
}
  .segments-menu ul li a{
   width:100%;
   height:auto!important;
   border: 1px solid #4C4D4F;
  }
      .segments-menu ul li a img{
      width:100%;
    }

.coal-show{
padding-top:5px!important;
}
}

@media handheld, only screen and (max-width:700px) {
.main-nav ul li a {
padding: 0px 15px;
}
}

@media handheld, only screen and (max-width:600px) {

.sidebar1{
display:none;
}
.sidebar2{
display:block;
}

.sidebar1-home{
display:block;
}
.sidebar2-home{
display:home;
}

.mobile-note{
	display:block;
	margin-top: 68px;
    margin-bottom: -62px;
    float: left;
    color: #FFF;
    padding: 0px 10px;
}

#bannerads{
margin-top: -107px;
}
#bannerads .ad-banner a img {
    width: 91%!important;
    height: auto;
}

.segments-menu ul li {
width: 75%!important;
margin: 0 auto;
float: none;
display:block;
padding-top: 10px;
}

#sub-nav-home {
    display: none!important;
}

.subnav.subnav--longwall, .subnav.subnav--coal_prep, .subnav.subnav--surface, .subnav.subnav--gos {
width: 100%;
margin-top: 6px !important;
float: left;
position: relative;
}

iframe, object, embed, #main-content img {
    max-width: 85% !important;
    max-height: 56.25%;
}

.subnav ul li a {
    color: #FFF;
    display: block;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: middle;
    font-size: 10px;
    line-height: 20px;
    padding: 10px 8px;
    text-align: center;
}

#sidebar{
display:none;
}

#ads-sidebar-2 {
    width: 45%!important;
    float: left;
    margin-left: 2%;
}

#ads-sidebar {
    margin: 0px auto;
    float: left;
    width:40% Important;
}

#main-content{
width:80% !important;
}

#main-content h2{
 margin-top:66px;
}

#main-content #ads-footer {
    margin-left: 0px!important;
    width: 100%;
    background: none;
}

#main-content #ads-footer a{
width: 100%!important;
border:none;
}

#main-content #ads-footer a img{
width: 100%!important;
border:none;
height:auto!important;
}

#main-content #register-survey-buttons {
display:none;
}

#ads-footer {
    margin-left: 0px!important;
    width: 100%;
    background: none;
}

#ads-footer a{
width: 100%!important;
border:none;
}

#ads-footer .ad-footer a {
border:none !important;
}


#register-survey-buttons {
display:none;
}
#content-footer {
    margin-left: 0px !important;
    margin-bottom: 20px;
    width: 100% !important;
}

#ads-button {
    background-color: #E2E2E2;
    clear: left;
    display: table;
    padding: 0px;
    margin-bottom: -5px;
    width: 100%;
}

.main-nav{
		width: 100%;
		position: relative;
		top: 0px;
                margin-top:10px;
		float:left;
		background: #B1B1B1;
	}
		.main-nav ul{
			display:block;
			float: left;
			padding: 0;
			position: relative;
			width: 100%;
		}
			.main-nav ul li{
				width: 100%;
				float:left;
				display: none; 
				margin: 0;
				padding:0px;

			}
				.main-nav ul li.button{
					color:#FFF!important;	
					text-decoration:none!important;	
					background:none!important;
					
				}
					.main-nav ul li.button a{
						font: 400 1.385em/1em 'marydalebold', Arial, sans-serif!important;
						color:#FFF!important;	
						text-decoration:none!important;	
						background:none!important;
						padding:3%!important;
					}
			.main-nav ul li.no{
				background: url("../images/nav-mobile-icon.jpg") no-repeat scroll 94% 45% #B1B1B1;
				display: block!important; 
				color:#FFF;
				position: relative;
				z-index: 1;
			}
			.main-nav ul:hover li {
				display: block;
			}
				.main-nav ul li a{
					color:#FFF;
					width:100%;
					float:left;
					padding:3% !important;
					width: 94%;
				}

.site-nav{
		width: 100%;
		position: relative;
		top: 0px;
                margin-top:10px;
		float:left;
		background: #B1B1B1;
                padding-top:0 !important;
	}
		.site-nav ul{
			display:block;
			float: left;
			padding: 0;
			position: relative;
			width: 100%;
                        background:none !important;
		}
			.site-nav ul li{
				width: 100% !important;
				float:left;
				display: none; 
				margin: 0;
				padding:0px;

			}
                            .site-nav ul li a{
                                 text-align:left !important;
                              }
				.site-nav ul li.button{
					color:#FFF!important;	
					text-decoration:none!important;	
					background:none!important;
					
				}
					.site-nav ul li.button a{
						font: 400 1.385em/1em 'marydalebold', Arial, sans-serif!important;
						color:#FFF!important;	
						text-decoration:none!important;	
						background:none!important;
						padding:3%!important;
					}
			.site-nav ul li.no{
				background: url("../images/nav-mobile-icon.jpg") no-repeat scroll 94% 45% #B1B1B1;
				display: block!important; 
				color:#FFF;
				position: relative;
				z-index: 1;

			}
			.site-nav ul:hover li {
				display: block;
			}
				.site-nav ul li a{
					color:#FFF;
					width:100%;
					float:left;
					padding:3%;
					width: 94%;
				}


}
@media handheld, only screen and (max-width:768px) {

body{
 background-image:none;
}

#container{
 
}

#header{
  
}
#header h1 a {
  width: 100%;
  margin-top: 0px;
  text-align: center;
  height: 200px;
}
  #header h1 a img{
    width:75%;
    text-align:center;
  }

#bannerads{
clear: both;
float: left;
width: 100%;
text-align: center;
}
#bannerads .ad-banner{
text-align: center;
width: 100%;
}
#bannerads .ad-banner a{
text-align: center;
width: 100%;
height: auto !important;
margin: 0px;
}
#bannerads .ad-banner a img{
width: 73%;
height: auto;
}

#sidebar{
display:none;
}



/* MAIN NAV */
.main-nav ul{
list-style: outside none none;
width: 100%;
background: #838383;
}
.main-nav ul li a {
padding: 0px 11px;
}

.main-nav ul li.no{
display:none;
}

/* SUBNAV HOME */
#sub-nav-home{
height: 69px;
margin-top: -93px;
width: 100%;
margin-left: -20px;
display:none;
}

#sub-nav{
width:100%;
margin-bottom:0;
}
/* CONTENT */
#content{
width: 100%;
background-color: #FFF;
background-image:none;
}
#main{
width: 99%;
margin-left: 1%;
}

#ads-sidebar-2{
margin-bottom: 0;
width: 22%;
float: left;
margin-right: 0;
}

#ads-sidebar {
    margin-bottom: 0;
    margin-left: -3px;
    float: left;
    width: 21%;
}
#sidebar {
width:20%;
}
#main-content {
    padding: 10px 20px;
    width: 49%;
    margin-top: -57px;
    float: left;
    margin-left: 0;
}
iframe, object, embed{
  max-width: 100%;
max-height: 56.25%;
  /* 315/560 = .5625 */
}

.main-nav{
margin-top:20px;
}

#main-content #content-footer {
    float: left;
    width: 100%;
    margin-left:0px;
}

#content-footer{
margin-left: 0px;
margin-bottom: 20px;
}

#main-content #register-survey-buttons{
margin-left:-218px;
}

#main-content #ads-footer {
margin-left:-218px;
}

#footer{
width: 100%;
}

#footer #credits p {
 margin-left: 1%;
width: 99%;
}


/* EACH SEGMENT */

#segments img{
width:100%;
}

#segments .site-nav{
padding-top: 10px;
}

#segments .site-nav ul{
list-style: outside none none;
width: 100%;
background: #838383;
}

#segments .site-nav ul li{
width: 22.5%;
}

#segments .site-nav ul li a{
text-align: center;
color: #FFF;
font-size:10px;
}

#sub-nav-longwall {
width: 100%;
margin-bottom:0px;
}

.subnav.subnav--longwall,
.subnav.subnav--coal_prep,
.subnav.subnav--surface,
.subnav.subnav--gos {
width:100%;
margin-top: -65px;
}

.subnav ul {
padding-left: 0px;
width: 100%;
}

.custom-ad{
margin-top:-121px!important;
float: right!important;
padding-right:27px!important;
margin-bottom: 110px!important;
margin-right: -10px!important;
width: 95%!important;
}

}