/* Medium Desktop ---------------------------------------------------*/
@media screen and (min-width: 1261px) and (max-width: 1450px) {


}

/* Small Desktop ---------------------------------------------------*/
@media screen and (min-width: 1160px) and (max-width: 1260px) {


.inf_box { height: 700px;}
.inf_box .info_container .desc { font-size: 15px; padding: 5px 25px; }
.inf_box .info_container .desc p { line-height: 1.6em; }

}


/* Smaller Desktop ---------------------------------------------------*/
@media screen and (min-width: 1025px) and (max-width: 1159px) {

nav.main_menu>ul>li>a { padding: 0px 10px; font-size: 15px;}


.inf_box { height: 700px;}
.inf_box .info_container .desc { font-size: 15px; padding: 5px 25px;}
.inf_box .info_container .desc p { line-height: 1.6em;}

}

/* All Tablet & Phone */
@media screen and (min-width: 20px) and (max-width: 1024px) {

body { margin-top: 136px;}
body.mm_open { overflow: hidden;}

header.msp2019_header {position: fixed; top:0px; left:0px; width: 100%; transition: background 0.3s ease; z-index: 3000; box-shadow: 0 0 8px 0 rgba(0,0,0,0.2);}
header.msp2019_header .wrapper { width: 96%;}
header.msp2019_header .top_bar > .wrapper > .flex_row {justify-content: center;}
header.msp2019_header .top_bar > .wrapper > .flex_row > .flex_item {padding:0px;}
#gtrans select {margin-left: 10px;}

header.msp2019_header .main_heading nav.main_menu, header.msp2019_header .top_bar .utility_menu, header.msp2019_header .top_bar .search_toggle { display: none !important; }
#mobile_menu, #menu_toggle, #mobile_bottom { display: block; }

}


/* Wide Tablet ---------------------------------------------------*/
@media screen and (min-width: 960px) and (max-width: 1024px) {

.desktop_only  { display: none; }
body { font-size: 14px; }

.wrapper { max-width: 940px; }

body.designupdate1 .news_slide .news_slide_title { font-size:28px; }
.key_industry_box .box_label a { font-size: 12px;}
.home_box .inner { font-size: 60%;}
.inf_box { height: 750px;}
.inf_box .info_container .desc { font-size: 14px; padding: 5px 20px;}
.inf_box .info_container .desc p { line-height: 1.3em;}

#content img:not(.spacer) { max-width: 100% !important; height: auto !important; }


}

/* Narrow Tablet ---------------------------------------------------*/
@media screen and (min-width: 750px) and (max-width: 959px) {

.desktop_only  { display: none; }
body { font-size: 14px; }

.wrapper { max-width: 940px; }


#news_prev, #news_next { margin-top: -20px; height: 40px; width: 40px;  line-height: 40px; font-size: 40px; }
.news_slide a.news_slide_image { left: 60px; width: 200px; height: 160px;}
.news_slide .news_slide_caption {  left: 275px; right: 50px; }
body.designupdate1 .news_slide .news_slide_title { font-size:22px; }
.news_slide a.morebutton { position: absolute; left:0px;bottom: 25px;}

#initiatives { text-align:center;}
#initiatives h1, #initiatives h3 { position: static; width: auto; text-align:center;}
#initiatives h3 {padding-bottom:20px;}
#initiative_menu { float:none; width: auto;}

.inf_box { height: 750px;}
.inf_box .info_container .desc { font-size: 13px; padding: 5px 20px;}
.inf_box .info_container .desc p { line-height: 1.3em;}

.indicator_table td .statinner { padding: 7px 7px 0; }
td.tablestat .desc, td.tablestat .desc span { font-size: 13px !important;}
td.tablestat .stat, td.tablestat .stat span { font-size: 25px !important;}
td.tablestat .trend, td.tablestat .trend span { font-size: 12px !important;}
td.tablestat .rank, td.tablestat .rank span { font-size: 12px !important;}
#site_map > ul > li > a { font-size: 11px;}

.interior_section_split.contact .inner { width: auto;}
#social a { width: 36px; height: 36px; line-height: 36px; font-size: 20px;}

/* 2017 Redesign */
.ccci_bot_section .photoLeft { width: 320px !important; margin: 0 auto 10px; float:none;}
.ccci_bot_section ul.blue_chevron_list { width: 100%; max-width :560px; float:none; margin: 10px auto;}

#content img:not(.spacer) { max-width: 100% !important; height: auto !important; }


}

/* All NON-mobile */
@media screen and (min-width: 749px) {

.no_desktop, .mobile_only, .show_on_mobile { display: none !important; }

}


/* Phone ---------------------------------------------------*/
@media screen and (min-width: 20px) and (max-width: 749px) {

body { font-size: 14px; }

.hide_on_mobile { display:none !important; }

.flex_row:not(.no_break) { margin: 0px; display:block;}
.flex_row:not(.no_break) > .flex_item {padding:0px; margin: 0 0 10px;}
.flex_row.heading_with_filter > * { text-align:center; padding:0px 0px 15px !important; }
.flex_row.heading_with_filter::after {display:none;}

h1 { font-size: 2.4rem;} h1.larger {font-size:3.0rem;}
h2 { font-size: 2.1rem;} h2.larger { font-size: 2.2rem;}
h3 { font-size: 1.8rem;}
h4 { font-size: 1.6rem;}
h5 { font-size: 1.5rem;}
h6 { font-size: 1.4rem;}

.w_chevron::before {float:none; display:block; margin: 0 auto 10px;}

header.msp2019_header .main_heading .logo {width: 270px;}

.slideshow {padding-bottom: 0px; height:300px;}
.slideshow .slides .slide .wrapper a.button {margin-top: 18px;}
.slide_stats {padding-left:20px; padding-right:20px;}
.slide_stats > .flex_row > .flex_item.one_half { padding-bottom: 8px;}
.slide_stats .sstat_number { padding-left: 80px; font-size: 4.0rem; font-weight: bold; }
.slide_stats .sstat_number sup {font-size: 1.0rem;}
.slideshow .slide_prev, .slideshow .slide_next {top:auto; bottom:5px;}

.counterbox { width: 90%; max-width:280px; margin: 0 auto 15px;}

.chevronbox .positioner .cb_contents h2 { padding-bottom: 20px; }
.chevronbox .positioner .cb_contents .image { height: 35px; }

section .dashboard_cta .flex_item.dcta_img img {margin: 0 auto; max-width: 90%; height:auto;}
section .dashboard_cta .flex_item.dcta_desc {text-align:center;}

section.investor_spotlight {padding: 20px 2%;}

section.top_text {padding:25px 0;}
section.top_text .flex_item.desc {text-align:center; padding: 0 20px;}
section.top_text .flex_item.cta {padding: 0 20px; border-left: 0px; border-top: 1px solid rgba(255,255,255,0.3);}

.logo_scroller {height: 500px;}
.logo_scroller .slides {height: 500px !important;}
.logo_scroller .slides .flex_item {margin: 0px !important;}

.footer_bottom {text-align:center;}
.footer_bottom .flex_item {margin-bottom:25px !important;}
.footer_bottom img.footer_logo {margin: 0 auto;}
.footer_social a {display: inline-block; float:none; margin: 0 3px;}

/* Legacy Code */

#ibl_bg_left, #ibl_bg_right{ display: none !important; }
#indicators_addendum {text-align:center !important; display: inline-block !important; font-size: 20px; overflow: hidden !important;}

#content img:not(.spacer) { max-width: 100% !important; height: auto !important; }
#content { }

#news_prev, #news_next { margin-top: -20px; height: 40px; width: 40px;  line-height: 40px; font-size: 40px; }
.news_slide a.news_slide_image { display:none;}
body.designupdate1 .news_slide .news_slide_caption {  left: 50px; right: 50px; }
.news_slide a.morebutton { display:none; position: absolute; left:0px;bottom: 25px;}

#middle1_left, #middle1_right { float:none; width:auto; }
#middle1_left .outer, #middle1_right .outer { max-width: none; }

.tableauPlaceholder {width: 100% !important;}
.tableauPlaceholder iframe {width: 100% !important;}

#initiatives { text-align:center;}
#initiatives h1, #initiatives h3 { position: static; width: auto; text-align:center;}
#initiatives h3 {padding-bottom:20px;}
#initiative_menu { float:none; width: auto;}

#testimonials_cycle { height: 350px !important;}
.testimonial_image { display:none !important;}
.testimonial_body { right:0px;}

#affordable_utilities_middle { background: none !important; }
.au_box {float:none !important; width: auto; padding:12px 2% !important;}
.au_box.left { background: #6FC049 url('graphics/redesign/texture_line.png') left top repeat; }
.au_box.right { background: #007DBB url('graphics/redesign/texture_line.png') left top repeat; }

.inf_box { height:500px; float:none; width: 100%;}
.inf_box .info_container .desc { font-size: 12px; padding: 5px 20px;}
.inf_box .info_container .desc p { line-height: 1.3em;}

#bottom1 { padding:0px;}
#bottom1 .wrapper {width: 100%; padding:0; margin:0; max-width: none;}

#interior_header_banner { height: 220px;}
#interior_header_banner #positioner h1 { font-size: 24px;}
.interior_section_split_left, .interior_section_split_right { float:none; width: 100%;}
#infographic_main_items .statitem { float: none !important; margin: 10px auto !important; ; width: 95% !important; padding: 0 0 !important; min-height: 100px; padding-bottom: 15px;}
.ibl { width: 100%; float:none; padding: 15px 0 !important; }
.ibl1 { background: #6FC049 url('graphics/redesign/texture_line.png') left top repeat; }
.ibl2 { background: #007DBB url('graphics/redesign/texture_line.png') left top repeat; }
.ibl3 { background: #55C9E8 url('graphics/redesign/texture_line.png') left top repeat; }
#interior_bottom_links .wrapper { width: 100%;}
.interior_section_split .outer { float:none !important; max-width: none !important;}
.interior_section_split .inner { padding: 25px 0;}
.interior_section_split.padinner .inner { padding: 0 15px 10px !important;}
.interior_section_split.contact .inner { margin: 30px; width: auto;}
.interior_section_split.padinner .inner h1 {padding-top: 0px;}

a.quicklink { margin-left:0px; padding: 0 1.5% 15px; width: 47%; height: 230px;}

.content_split_left, .content_split_right { font-size: 12px;}

.blog_list { padding:0px !important; margin-bottom: 15px;}
.blog_signup { position: static !important; }

.indicator_table { padding: 2px 0;}
.indicator_table .indicator_table tr { display: block; }
.indicator_table td { display: block; border-color: transparent !important; border-top: 1px solid rgba(0,0,0,0.2) !important; width: auto !important; float:none; text-align:center; margin: 0 7px; }
.indicator_table td:first-child { border-top: 0px !important;}
.indicator_table td .statinner { padding: 12px 0px 12px; }
.indicator_table td.item5:after, .indicator_table td .right_section { display: none !important; }

#regional_indicator_credit #regional_indicator_compliments { float:none; width:auto;}
.bottom_link_menu.splitcolumns a { float:none !important; width:auto; }
#indicators_addendum .interior_section_split_left, #indicators_addendum .interior_section_split_right { height: auto !important;}

.zoombox_container.multimedia { width: 420px !important; height: 300px !important; left:50% !important; margin-left: -210px !important; top: 20px !important; }

.desktop_only { display: none; }
.no_mobile { display: none; }

.unfloat {margin: 10px auto !important; ; width: 95% !important; padding: 0 0 !important; font-size: 18px;}

/* Responsive Styles for Redesign */
body #content .quote_box, body #content .white_box_quote { float: none; border:0px !important; border-bottom: 1px solid #4fbbd1!important; width: auto !important; height: auto; min-height: 0px; margin: 15px !important; padding: 15px !important;}
.white_box_quote.left * { text-align: center !important}

.blue_box.unfloat { padding: 12px !important;}

.ccci_bot_section .photoLeft { width: 320px !important; margin: 0 auto 10px; float:none;}
.ccci_bot_section ul.blue_chevron_list { width: 100%; max-width :560px; float:none; margin: 10px auto;}

#bre_resources .gray_box { padding:0px; height: auto;}
#bre_resources .gray_box .quote_box h3 {max-width: 100%; text-align: center !important;}
}



/* Phone Scaling ---------------------------------------------------*/
@media screen and (min-width: 20px) and (max-width: 460px) {

header.msp2019_header .main_heading .logo {width: 232px;}
#menu_toggle { padding: 8px 12px; height:30px;}
#menu_toggle .menutext { display:none;}
#menu_toggle::after {display:block; position: static; margin-top: 0px; padding:0px;}


.slideshow .slides .slide .wrapper h1.larger { font-size: 24px;}

/* Legacy Code */

#hero_content .caption h1 { font-size:43%;}


.zoombox_container.multimedia { width: 280px !important; left:50% !important; margin-left: -140px !important;}

#news_slider { height: 330px;}

a.quicklink { float:none; width: 97.5%;}
#social a { width: 36px; height: 36px; line-height: 36px; font-size: 20px;}

}

/* SPECIAL ---------------------------------------------------*/

@media screen and (min-width: 20px) and (max-width: 749px) {
body.designupdate1 #middle1_left .inner {
padding-left: 20px;
padding-right: 20px;
}
#eventBox2016 div, #eventBox2016 div.itemList, #eventBox2016 {
max-height: 205px;
}

#interior_header_banner.large #positioner h1 {
font-size: 30px;
}
#interior_header_banner .below_title h2 {
font-size: 20px;
}
#demographics_bottom{
    width: 100%;
    text-align: center;
}
interior.designupdate1 {padding-left: 20px;
padding-right: 20px;
text-align:center;
}

div.blue_box {width:100%;
text-align: center;
padding:0;
}
}