/* ANY CSS FOR ALL WIDTHS GOES HERE ----------------------------------------------------------- */  @media screen and (min-width:1050px) { body { top: 0 !important; } }  @media screen and (max-width:1016px) { div#topmenu { display: none } }  @media screen and (max-width:1100px) { #js-mainnav.megamenu.blackwhite ul.level1 li.megacss span.megacss, #js-mainnav.megamenu.blackwhite ul.level1 li.megacss a.megacss { font-size: .75em!important; } #js-mainnav.megamenu.blackwhite ul.level0 li.megacss span.megacss, #js-mainnav.megamenu.blackwhite ul.level0 li.megacss a.megacss, #js-mainnav.megamenu.blackwhite .megaMenuToggle { font-size: .75em!important; } }   /* ALL WIDTHS UNDER 970PX ----------------------------------------------------------- */  @media screen and (max-width: 800px) { #belowmenu { display: block; width: 100%; clear: both; } #s5_social_wrap { float: left; margin-top: 8px; margin-left: 0px; margin-right: 15px } .loginreg { margin-bottom: 0px!important; float: left !important; clear: left !important; } loginregtext { float: left !important; clear: left !important; } #s5_pos_language { margin-top: 0px !important; float: left !important; margin-bottom: 0px; margin-top: 0px; } #langtranslate { padding-top: 15px!important; float: left!important; } div.moduletable.newsearchdiv { margin-right:0px; } }   /* end 800 */  @media screen and (max-width: 970px) { /* DEFAULT ----------------- */ .s5_wrap { width: 100% !important; } .s5_is_display, .s5_is_slide { position: relative !important; } .s5_is_slide { height: auto !important; } #fontControls { display: none; } /* CUSTOM ----------------- */ body { font-size: 0.9em !important; } .s5_wrap { width: 96% !important; } #s5_body_padding { padding-top: 15px; } #newsletter_wrap .button { width: 24% !important; } #s5_footer { float: left; margin-bottom: 12px; } #s5_bottom_menu_wrap { width: 100%; } }   /* TABLET PORTRAIT MODE CSS ----------------------------------------------------------- */  @media screen and (min-width:580px) and (max-width: 970px) { /* CUSTOM ----------------- */ }   /* TABLET PORTRAIT MODE CSS - SMALLER TABLETS ----------------------------------------------------------- */  @media screen and (max-width: 750px) { /* CUSTOM ----------------- */ .slideInfoZone { width: 80% !important; } .moduletable-notmobile, #s5_pos_custom_3 .moduletable-notmobile, #s5_pos_custom_1 .moduletable-notmobile, .module_round_box-notmobile, .s5_fourdivs_1ogl, DIV#s5_pos_above_body_1.s5_float_left .s5_fourdivs_1-notmobile, .module_round_box-faq { display: none; /* margin-left: 30px!important */ } div#belowmenu { clear: left; } }  @media screen and (min-width:751px) { .custom-ismobile, .module_round_box-ismobile, .moduletable-ismobile, .s5_fourdivs_1-ismobile, .s5_fourdivs_1oglwide { display: none } }  @media screen and (min-width:580px) { #s5_logo, #s5_logo_module { width: 350px!important; height: 93px!important } .module_round_box-issmallmobile { display: none } }   /* MOBILE LAYOUT CSS ----------------------------------------------------------- */  @media screen and (max-width: 579px) { /* DEFAULT ----------------- */h2.panel-title{line-height:90%!important;font-size: 1.2em!important} .published { font-size: 1.4em!important; white-space: normal; } #s5_right_column_wrap_inner .s5_float_left, #s5_left_column_wrap_inner .s5_float_left { float: none; } #s5_columns_wrap_inner { width: 100%; } #s5_center_column_wrap { width: 100%; left: 100%; } #s5_left_column_wrap { left: 0%; } #s5_left_top_wrap, #s5_left_column_wrap, #s5_left_inset_wrap, #s5_left_wrap, #s5_left_bottom_wrap, #s5_right_top_wrap, #s5_right_column_wrap, #s5_right_inset_wrap, #s5_right_wrap, #s5_right_bottom_wrap, #s5_top_row1 .s5_float_left, #s5_top_row2 .s5_float_left, #s5_top_row3 .s5_float_left, #s5_above_columns_inner .s5_float_left, #s5_middle_top .s5_float_left, #s5_middle_bottom .s5_float_left, #s5_below_columns_inner .s5_float_left, #s5_bottom_row1 .s5_float_left, #s5_bottom_row2, .s5_float_left, #s5_bottom_row3 .s5_float_left, #s5_above_body .s5_float_left, #s5_below_body .s5_float_left { width: 100% !important; } #s5_center_column_wrap_inner { margin: 0px !important; } #s5_left_column_wrap { margin-right: 0px !important; } #s5_right_column_wrap { margin-left: 0px !important; } .items-row .item { width: 100% !important; padding-left: 0px !important; padding-right: 0px !important; margin-right: 0px !important; margin-left: 0px !important; } /* CUSTOM ----------------- */ .slideInfoZone { display: none; } .cust_quote_text_wrap { width: auto; float: none; padding: 6%; } .cust_quote img { width: auto; float: none; } #s5_social_wrap { float: left; clear: both; margin-top: 8px; margin-right: 15px; margin-left: 0px; } #s5_social_wrap div { margin-left: 0px; margin-right: 5px; } input#mod-search-searchword28 { width: 65%; } div.search.newsearchdiv.mod_search28 { margin-right:0px; } #s5_pos_language > div.moduletable.newsearchdiv > div > form > button { margin-right:0px} #s5_pos_language { margin-top: -22px; } #s5_button_frame ul li { width: 100% !important; height: auto !important; margin: 0px; text-indent: 0px; margin-bottom: 6px; } #s5_button_frame ul li a { color: #FFFFFF !important; padding: 6px; } #s5_button_frame { float: none; margin: 0px; margin-bottom: 20px; } .jdGallery .slideElement { background-size: 105% !important; } }   /* CUSTOM SIZES ----------------------------------------------------------- */  @media screen and (max-width: 1050px) { #s5_pos_custom_4 { display: none; } #s5_component_call_wrap { width: 100% !important; float: none; } }  @media screen and (min-width: 750px) and (max-width: 1050px) { #s5_pos_custom_2 .moduletable { padding: 5px !important; margin-top: 0px!important; } h2.homepg { margin-bottom: 5px!important; } #userForm>h3 { margin-top: 0px!important; } }  @media screen and (max-width: 1000px) { #s5_right_column_wrap_inner, #s5_component_wrap_inner, #s5_left_column_wrap_inner { padding-right: 30px; padding-left: 30px; } #s5_middle_bottom_wrap, #s5_middle_top_wrap { padding-left: 30px; padding-right: 0px; padding-bottom: 0px; } #s5_component_wrap_inner { padding-top: 0px; padding-bottom: 30px; } }  @media screen and (max-width:980px) { #google_translate_element, #googletrans, #topmenu { float: left!important } }  @media screen and (max-width: 800px) { #s5_bottom_row3 .module_round_box_outer { margin-bottom: 10px; } }   /* S5 BOX ----------------------------------------------------------- */  @media screen and (max-width: 970px) { #colorbox { width: 50% !important; height: auto !important; } #cboxWrapper { width: 100% !important; } #cboxContent, #cboxLoadedContent { width: 100% !important; height: auto !important; } #colorbox { left: 25% !important; width: 50% !important; height: 100% !important; top: 25% !important; } }  @media screen and (max-width: 750px) { #cboxOverlay, #colorbox { display: none !important; } #s5_pos_custom_2 .moduletable { background: #FFF; padding: 10px 20px; margin-bottom: 10px; color: #5E5D5D; font-size: 1.2em; line-height: 170% } #s5_pos_custom_2 { position: relative; z-index: 2; top: 0; left: 0; margin-top: 0; margin-left: 0; width: auto; background: #F1F0F0; padding: 10px 10px 0; -webkit-box-shadow: 4px 4px rgba(0, 0, 0, .15); -moz-box-shadow: 4px 4px rgba(0, 0, 0, .15); box-shadow: 4px 4px rgba(0, 0, 0, .15) } body {font-size: 1.1em!important} }   /* SINGLE COLUMN FOR SMALL TABLETS - THIS IS ONLY USED FOR IE7 AND IE8. THE CLASS IS SET WITH JAVASCRIPT FOR IE ONLY ----------------------------------------------------------- */  @media screen and (max-width: 750px) { .s5_ie_single_column #s5_right_column_wrap_inner .s5_float_left, .s5_ie_single_column #s5_left_column_wrap_inner .s5_float_left { float: none !important; } .s5_ie_single_column #s5_columns_wrap_inner { width: 100% !important; } .s5_ie_single_column #s5_center_column_wrap { width: 100% !important; left: 100% !important; } .s5_ie_single_column #s5_left_column_wrap { left: 0% !important; } .s5_ie_single_column #s5_left_top_wrap, .s5_ie_single_column #s5_left_column_wrap, .s5_ie_single_column #s5_left_inset_wrap, .s5_ie_single_column #s5_left_wrap, .s5_ie_single_column #s5_left_bottom_wrap, .s5_ie_single_column #s5_right_top_wrap, .s5_ie_single_column #s5_right_column_wrap, .s5_ie_single_column #s5_right_inset_wrap, .s5_ie_single_column #s5_right_wrap, .s5_ie_single_column #s5_right_bottom_wrap { width: 100% !important; } .s5_ie_single_column #s5_center_column_wrap_inner { margin: 0px !important; } .s5_ie_single_column #s5_left_column_wrap { margin-right: 0px !important; } .s5_ie_single_column #s5_right_column_wrap { margin-left: 0px !important; } .s5_ie_single_column .items-row .item { width: 100% !important; padding-left: 0px !important; padding-right: 0px !important; margin-right: 0px !important; margin-left: 0px !important; } } /* end 750 */  @media screen and (max-width: 460px){ .loginreg { width: 100% !important; text-align: center!important; clear: none!important; } #langtranslate { width:100%; text-align: center; } #s5_pos_language { width:100%; text-align: center; } div.moduletable.newsearchdiv { float: none; margin: 0px auto; } div.search.newsearchdiv.mod_search28 { float: none; margin: 0px auto; } div.moduletable.newlangdiv, div.custom.newlangdiv { float: none; margin: 0px auto; } #google_translate_element { float: none!important; margin: 0px auto; margin-top: 10px; } }