/* ANY CSS FOR ALL WIDTHS GOES HERE ----------------------------------------------------------- */ /* ALL WIDTHS UNDER 970PX ----------------------------------------------------------- */ @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.7em !important; } #s5_responsive_wrap { padding-left:17px; padding-right:17px; } #s5_top_bar1 { margin-left:0px; margin-right:0px; } #s5_top_bar2, #s5_top_bar3 { background:none; } .s5_scrolltotop { margin-right:37px; } #s5_header_wrap { padding-left:30px; padding-right:30px; } #s5_bottom_row3_wrap { margin-left:-17px; margin-right:-17px; } #s5_footer_area1 { font-size:0.8em; } #s5_times_phone_wrap { margin:0px; background:#000000; padding-top:7px; padding-bottom:7px; height:26px; } .s5_times_wrap, .s5_phone_wrap { margin:0px; position:relative; margin-left:17px; margin-right:17px; background:none; padding-left:0px; } .s5_phone_wrap { padding-top:6px; } #s5_menu_gap { height:20px; } #s5_responsive_modile_drop_down_wrap .s5_mod_h3 { font-size:1.8em; } } /* TABLET PORTRAIT MODE CSS ----------------------------------------------------------- */ @media screen and (min-width:580px) and (max-width: 970px){ /* CUSTOM ----------------- */ .S5_parent_subtext { font-size:0.9em !important; } #s5_nav li a { font-size:1.4em !important; } #s5_nav li { padding-left:11px; padding-right:11px; padding: 38px 5px 0px; } .s5_mod_h3 { font-size:1.9em; } #s5_top_row1 .s5_mod_h3 { font-size:1.8em; } #s5_times_wrap, #s5_phone_wrap { font-size:1.1em; } #s5_menu_gap { height:20px; } #s5_component_wrap { padding:22px; } } /* TABLET PORTRAIT MODE CSS - SMALLER TABLETS ----------------------------------------------------------- */ @media screen and (max-width: 750px){ /* CUSTOM ----------------- */ #s5_footer, #s5_footer_module { padding-right:0px; } #s5_bottom_menu_wrap, #s5_search_wrap { display:none; } #s5_component_wrap { padding:16px; } #s5_footer_area1 { margin-bottom:30px; } } /* MOBILE LAYOUT CSS ----------------------------------------------------------- */ @media screen and (max-width: 579px){ /* DEFAULT ----------------- */ #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 ----------------- */ #s5_right_column_wrap, #s5_left_column_wrap { background:#FFFFFF; } #s5_center_column_wrap_inner .s5_mod_h3 { font-size:1.8em; } #s5_times_phone_wrap { font-size:0.8em; } #s5_top_row1_area1 .module_round_box { padding:6px; } } /* CUSTOM SIZES ----------------------------------------------------------- */ @media screen and (min-width:970px) { #s5_nav li { padding: 38px 5px 0px; } } @media screen and (min-width:580px) and (max-width: 630px){ #s5_top_row1 .s5_mod_h3 { display:none; } } @media screen and (min-width:800px) and (max-width: 970px){ #s5_center_column_wrap_inner .s5_mod_h3 { font-size:1.3em; } } @media screen and (max-width: 470px){ #s5_footer { display:none; } } @media screen and (max-width: 300px){ #s5_times_phone_wrap { font-size:0.5em; } } @media screen and (max-width: 450px){ #s5_breadcrumb_wrap img { margin-left:3px; margin-right:3px; } } /* S5 TAB SHOW ----------------------------------------------------------- */ @media screen and (max-width: 450px){ #s5_button_frame { height:auto; } #s5_button_frame ul li { float:none; text-align:center; } } /* 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; } } /* IMAGE AND CONTENT FADER ----------------------------------------------------------- */ .jdGallery .slideInfoZone h2{ font-size: 1.8em !important; } @media screen and (max-width: 1000px){ .jdGallery .slideInfoZone h2 { margin-bottom:10px; } } @media screen and (max-width: 850px){ .jdGallery .slideInfoZone h2{ font-size:1.1em !important; } } @media screen and (max-width: 750px){ .jdGallery a.right, .jdGallery a.left { filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; } } @media screen and (max-width: 650px){ .jdGallery .slideInfoZone h2{ display:none; } } /* 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; } }