/* ANY CSS FOR ALL WIDTHS GOES HERE ----------------------------------------------------------- */ /*FIX RESPONSIVE*/ @media screen and (max-width: 1000px){ #s5_top_row1_area1{ display: none; } #s5_right_column_wrap{ margin-top: -65px !important; } } /* 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.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; } #s5_pos_custom_2 { display:none; } } /* 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; margin-top: -65px; } .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-left:0px; } #s5_social_wrap div { margin-left:0px; margin-right:5px; } #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 (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: 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; } } /* 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; } }