/*
	RESPONSIVE STYLESHEET
	ready to go...
*/

@media (max-width: 1200px) {
	section.main-content article,
	body.page-template-template-stories section.main-content article, 
	body.page-template-template-csr-reports section.main-content article, 
	body.page-template-template-photos-and-videos section.main-content article { padding: 0 22px 0 21px; }
	.download {  padding-left:92px; }
	.download.ico-pdf,
	.download.ico-mobile { background-position:35px center; }  
	
	footer .widget-area-5 { padding-left: 0; }
	
	.footer-share p { left:8px; }
	
	.box-button a { font-size: 16px; padding: 0 30px 0 15px; }
	.box-highlights .caption {padding: 0 5px; }
	
	.box-10.box-button a { padding: 0 50px 0 75px;    font-size: 16px; }
	.box-10 a i { left:12px;background-size:70% auto;}
	
	.box-2 .caption { padding-left: 15px; }
	.box-2 .caption h2 { margin-bottom: 16px; font-size: 23px; line-height: normal; }
	
	.box h2 { font-size: 24px; line-height: 30px; margin-bottom: 5px; }
	.box p { font-size: 16px; line-height: 19px; }
	
	div.single-story,
	div.single-report { width: 33.1553%; }
	
	.single-gctc-inner { background-position: center 94px; }
	.entry-content .single-report p a {font-size: 14px; }
	
	.entry-content .single-report .caption { padding: 0 15px; }
	.entry-content .single-report h3 { padding-right: 0; }
	
	.box-7 .caption,
	.box-11 .caption,
	.box-8 .caption, 
	.box-9 .caption { padding: 15px; }
	.box-1 h2 { font-size: 37px; line-height: normal; }
}

@media (max-width: 992px) {
	.logo p { font-size: 24px; padding-left: 20px;}
	.main-nav-wrap a#open-menu { padding: 0 50px; }
	
	section.main-content article { padding: 0 15px; }
	section.main-content article, 
	body.page-template-template-stories section.main-content article, 
	body.page-template-template-csr-reports section.main-content article, 
	body.page-template-template-photos-and-videos section.main-content article { padding: 0; }
	
	.single-gctc .single-gctc-inner { min-height:0 !Important; }
	
	h1 { font-size:45px; }
	
	blockquote,
	.related-stories { margin:9px 0 55px 100px; }
	
	.social-icons a { margin: 0 5px; }
	
	.carousel,
	.with-caption,
	.entry-footer { margin-left:0; margin-right:0; }
	
	.email-text { margin-bottom:25px; text-align:center !Important;}
	.upper-footer { padding: 40px 0 23px; }
	.upper-footer p,
	.upper-footer form { left:0; }
	.email-form  { padding-right:0 !important; }
	.upper-footer form input.input-text { width: 67%; }
	
	.download { padding-left: 63px; margin-left:0; }
	.download.ico-pdf,
	.download.ico-mobile { background-position:14px center; } 
	
	footer { padding: 40px 25px 30px; }
	footer ul li a { font-size: 14px; }
	
	footer .widget-area-2 { margin-bottom:25px; }
	
	footer .widget-area-1,
	footer .widget-area-2,
	footer .widget-area-3,
	footer .widget-area-4,
	footer .widget-area-5 {  padding-left: 15px; padding-right: 15px;  }
	
	footer .widget-area-3,
	footer .widget-area-4,
	footer .widget-area-5 { width:33.33333333%;  }
	
	footer .widget-area-1 { } 
	footer .widget-area-2 { max-width: 100%; }
	footer .widget-area-3 { clear:both; }
	footer .widget-area-5 { }
	
	footer .widget,
	footer .widget { margin-bottom:0; }
	footer .widget-area-1 ul,
	footer .widget-area-2 ul { padding-left: 0;  margin-left: -5px; }
	
	footer .widget-area-1 ul li,
	footer .widget-area-2 ul li {display:inline-block;  padding-left: 5px; padding-right: 5px; }
	
	.download p { font-size: 14px; }
	
	.main-nav { margin-bottom: 50px; }
	.secondary-nav { margin-bottom: 20px; }
	
	.metrics { padding: 40px 0; }
	section.main-content h3 { margin-top: 40px; }
	.footer-share { padding-bottom: 10px; }
	.entry-footer { margin-bottom: 50px; }
	.entry-footer h5 { padding: 30px 0 12px; }
	
	.box-1 h2 { font-size: 40px; }
	.box-1 h2 img {    position: relative; top: -4px; }
	
	
	div.single-story,
	div.single-report { width: 33.0970%; }
	.gctc-nav ul li, 
	.gctc-utility-nav ul li { line-height: 21px;}
	.gctc-nav ul li a, 
	.gctc-utility-nav ul li a { padding: 7px 7px 8px;font-size: 12px; }
	.gctc-utility-nav ul li a img { padding-right: 2px; max-width: 19px; }
	
	.entry-content .single-story .caption { padding: 0 15px; }
	.entry-content .single-story h3 { font-size: 15px; line-height: 20px; }
	.entry-content .single-story a span { top: 3px; font-size: 10px;}
	
	.single-gctc { width: 49% !important; }
	.single-gctc h4 {font-size: 11px; margin-bottom: 15px; line-height: normal; }
	.entry-content .single-report p a { margin-right: 25px;}
	
	.entry-content .single-report p a {font-size: 12px; }
	.entry-content .single-report p a img { margin-right:0; top: -3px;max-width: 12px; }
	.entry-content .single-report p a span { font-size: 7px; margin-left: 3px; }
	
	html.Explorer-10 .entry-content .single-report p a img { display:none; }
	
}

@media (max-width: 930px) { 
	.box-10.box-button a { padding: 0 35px 0 15px;font-size: 12px; }
	.box-10 a i { display:none; }
}

@media (max-width: 768px) {
	
	html.Explorer-10 .entry-content .single-report p a img { display:inline-block; }
	
	
	
	.logo p { display:none; }
	.logo a p { display: block; }
	
	.logo a.logo-button {  background-size: 80px; background-position:center 20px; }
	.logo a.logo-button, 
	.logo a span,
	.main-nav-wrap a#open-menu { line-height: 90px; }
	.logo a p { 
-khtml-opacity: 1 !Important; 
-moz-opacity: 1 !Important; 
-ms-filter: alpha(opacity=100) !Important; 
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100) !Important;  
filter: alpha(opacity=100) !Important;  
opacity: 1 !Important;  bottom: 10px;font-size: 12.99999px; }
	.main-nav-wrap a#open-menu { padding: 0 30px; }
	.main-nav { margin-bottom: 30px; }
	.menu-wrapper { width: 100%;     padding: 30px 40px 50px;}
	.main-nav-wrap a#open-menu span.open-menu-wrap { top: 5px; }
	
	.search-wrap input.input-search {  padding-left: 45px; }
	
	blockquote, .related-stories { margin: 5px 0 40px; width: 100%; }
	blockquote { font-size: 22px; line-height: 34px; }
	blockquote span.close-quote { right:0; }
	
	.related-story-wrap .related-story { margin-bottom: 2px; }
	
	/*.email-form,
	.email-text { padding:0 15px !important; }*/
	.upper-footer form input.input-text { width: 62%; }
	.upper-footer form input.input-submit { width: 37%; }
	
	footer { padding-top:20px; }
	.widget { margin-bottom:0; }
	.widget h3 { margin-top: 20px; }
	.download { max-width:100%; }
	.download p { font-size: 16px; }
	footer .widget-area-1,
	footer .widget-area-2,
	footer .widget-area-3,
	footer .widget-area-4,
	footer .widget-area-5 { max-width:100%; clear:both; width:100%; padding:15px; text-align:left;}
	
	.box-1 h2 { font-size: 29px; }
	
	.box-2 .caption h2 { margin-bottom:10px; font-size: 18px; }
	.box-2 .caption p, .box-2 .caption p a { font-size: 12px; }
	.box-highlights.box p { font-size: 15px; }
	.box-highlights .caption { padding: 0; }
	.box-highlights .caption h3 {font-size: 26px; }
	
	.box-button a { font-size: 12px; padding: 0 20px 0 10px; background-position: 95% center; }
	
	.close-wrap, .search-wrap { position:static; width:100% !Important; padding: 10px 0 !important;}
	.inner-menu-wrap { padding-top:30px !Important; }
	.secondary-nav ul { padding-top: 0; }
	.search-wrap { border-top: 1px solid #5ec0e8; padding-top:20px !Important;}
}

@media (max-width: 767px) { 
	
	section.main-content article, 
	body.page-template-template-stories section.main-content article, 
	body.page-template-template-csr-reports section.main-content article, 
	body.page-template-template-photos-and-videos section.main-content article { padding: 0 15px; }
	
	select { margin-left:-5px !important; margin-bottom:15px !Important;}
	
	.page-id-23 .metrics {margin-bottom:40px; }
	
	section.main-content { padding-top: 20px; }
	.entry-title .sub-title { padding-right:0; }
	
	.gctc-nav-wrap { margin-bottom: 20px; }
	.entry-content #report-1-wrap { padding-right: 0px !important; }
	div.single-story,
	.entry-content .single-story#report-2,
	.entry-content .single-story#report-3 { width: 100% !important; margin-right: 0 !important; }
	.entry-content .single-story .caption { padding: 0 15px; }
	.entry-content .single-report h3 { padding-right:0; }
	
	.entry-title.no-subtitle { margin-bottom: 25px; padding-bottom: 0px; }
	.entry-content ul { padding-left: 5px; margin-top: -41px; }
	.page-id-31 .entry-content ul { padding-left:21px; }
	
	h1 { font-size:35px;line-height: normal;    margin-bottom: 10px; }
	.featured-header h1 { font-size: 45px; margin-bottom: 0; padding-top: 20px; }
	.featured-image { max-height:none;  padding-top: 30px;  padding-bottom: 15px; }
	.featured-header .entry-title .sub-title { padding:5px 0 0; }
	.entry-title {  margin-bottom: 30px; }
	.entry-title h4 { font-size: 18px; line-height: 26px; }
	
	div.single-report { clear:both; width: 100%; margin-right: 0;     padding-top: 100px;}
	.entry-content .single-report.report-1 p a { margin-right:0; display:block;}
	.entry-content.no-footer { margin-bottom: 80px; }
	
	.carousel .carousel-caption {    font-size: 14px;padding: 15px !Important; }
	.carousel-control { width:50% !important; top: 12.9999px !important; left: 0; bottom: 0 !important; height: 95%; }
	.carousel-control .sr-only { opacity:1 !important;padding: 10px 15px; display:block; }
	.carousel-control.left .sr-only { left: 0; padding-left:15px; }
	.carousel-control.right .sr-only { right: 0; padding-right:15px;}
	
	/* NAVIGATION */
	.has-mobile-menu a.menu-button { display:inline-block; }
	.has-mobile-menu .menu-wrap { overflow-y: scroll; /* has to be scroll, not auto */ -webkit-overflow-scrolling: touch; }
	
	.logo a.logo-button { width: 100%; }
	
	.col { max-height:none !important; overflow:auto !important;}
	.featured-image,
	.single-report,
	.box { background-size:cover !important; background-position:center center !important; }
	.box {  margin-bottom: 0;  }
	.featured-image { margin-bottom: 50px; }
	.single-report img.img-responsive,
	.featured-image img,
	.box img.img-responsive { display:none; }
	.featured-header,
	.single-report .caption,
	.box .caption { position:static;  }
	.metrics .metric-3.col-sm-4 { left: 0; }
	
	
	.entry-content .col-sm-6 { padding-left:0 !important; padding-right:0 !important; }
	
	.upper-footer { padding: 30px 0 10px; }
	.upper-footer .widget-first p { left:0; }
	.upper-footer form input.input-text { width: 62%; }
	.upper-footer form input.input-submit { width: 38%; padding: 17px 10px 12px; }
	.email-form { padding-right: 15px !important; padding-left: 15px !important; }
	.upper-footer .widget-first p { margin: 0 0 15px; }
	.upper-footer .widget-first p img { display: none; }
	
	.box-10 a { padding: 30px 57px 30px 109px !important; }
	
	
	footer .widget-area-2 { margin-bottom: 0; }
	footer .widget-area-1 ul, footer .widget-area-2 ul { margin-bottom:0; }
	
	.metrics { padding: 0px 0; margin-bottom:36px;}
	.metric-1,
	.metric-2,
	.metric-3 { margin:20px 0; }	
	.metrics .metric-wrap {  }
	
	.box-1 h2 { font-size:34px; }
	
	.box { border-right:0 !important; }
	.box-button a span { position: static; }
	.box-button a { height:auto !important; padding:30px; }
	section.home-banner { padding: 40px 15px 43px; }
	section.home-banner h2 { font-size:20px; }
	.home .featured-image, .box-video, .box-story { margin-bottom:0; }
	.box-2 .caption,
	.box-7 .caption, 
	.box-11 .caption { padding: 30px; }
	
	section.main-content h3 { margin-top:0; }
	
	.gctc-utility-nav ul li a { padding: 11px 14px 12px 9px;font-size: 18px;} 
	.gctc-utility-nav ul li a img { padding-right: 5px; max-width: none; }
	
	.entry-content .single-story .caption { padding: 0 18px; }
	.entry-content .single-story#report-1 h3 { font-size: 24px; }
	.entry-content .single-story h3 { font-size: 18px; line-height: 24px; }
	.entry-content .single-story a span { top: 1px; font-size: 12px; }
	
	.single-gctc { width: 100% !important; }
	.single-gctc h4 { font-size: 12px; margin-bottom: 0; line-height: 36px; }
	
	.entry-content .single-report p a { font-size: 14px; }
	.entry-content .single-report p a img { margin-right: 3px; top: -3px; max-width: none; }
	.entry-content .single-report p a span {font-size: 12px; margin-left: 5px; }
	
	.related-story-wrap .related-story img { width:100%; }
	
	.entry-content p { clear:both; }
	
	a.btn.btn-primary { padding: 12px 54px 11px 12px; }
	
	.box-1 .caption,
	.box-2 .caption,
	.box-7 .caption,
	.box-8 .caption,
	.box-9 .caption,
	.box-11 .caption { padding: 20px 20px 30px; }
	.box-2 .caption h2 {    padding-top: 25px; margin-bottom: 16px; font-size: 24px; line-height: 30px; }
	.box-2 .caption p, .box-2 .caption p a { font-size: 16px;}
	.box h2 { padding-top: 70px;    font-size: 29px;
    line-height: 36px; }
	.box-highlights .caption { padding: 30px 0 40px; background:rgba(0, 72, 143, 0.9);}
	.box-highlights .caption h3 { font-size: 44px; }
	.box-highlights.box p { font-size:16px; margin-bottom: 15px }  
	.box p {line-height: 22px; }
	.box-button a,
	.box-10.box-button a { font-size:18px;}
	.box-10.box-button a {  padding: 30px 57px 30px 105px !important;}
	.box-10.box-button a i { display:inline-block;    left: 23px;     background-size: 90% auto;}
	.box-8, .box-11 { border-bottom: 2px solid #fff; }
	
	.related-story-wrap .related-story a p { font-size: 28px; }
	
	.entry-meta .tags { padding-left: 0; padding-top:8px;}
	.with-video .the-caption { padding: 0 70px 15px 15px;}
	.with-video .the-caption p { line-height:normal; }  
	
	.archive-content,
	.archive-feat-img { padding:0 !Important; }
	.archive-content { padding-top:15px !Important; }
	
	.highlight-2 {border:0 !Important; }
	.box-3.box-highlights .caption { padding: 30px 0 40px; }
	body.page-child .entry-title .utility-nav { margin-bottom: 20px;  position: static; }
	body.page-child .entry-title .sub-title { padding-bottom: 15px; }
	.utility-nav h5 { padding-bottom: 8px; }
	.entry-content img { float:none !important; }
	
	.noPad-mobile,
	.entry-content .noPad-mobile { padding-left:0 !important; padding-right:0 !important; float:none !Important;}
	
	body.page-template-template-photos-and-videos .modal-lg { width: 100%; }
	body.page-template-template-photos-and-videos .carousel-control { height:37px !important; top: 0 !Important; }
	body.page-template-template-photos-and-videos .carousel iframe { height: auto; min-height:168px; }
	.modal .item { height:auto !important; }
	body.page-template-template-photos-and-videos .carousel-control .sr-only { padding-top: 0; }
	.carousel { padding-top: 35px; }
	
	.modal-content { padding-left:20px; padding-right:20px; }
	.modal-header,
	.modal-body { padding-left:0  !important; padding-right:0 !important; padding-bottom:0 !important; }
    
    .entry-content .single-report .caption { position:relative; }
	
	 .entry-content img.margin-auto,
	 .entry-content img.alignright,
	 .entry-content img.alignleft { display: block; margin: 60px auto; }
    
    .page-id-2620 .entry-content .col-sm-6 { padding-bottom:0 !Important; }

}