@media only screen and (max-width: 1095px) { .bgImage { display: none; } #headerWrapper { padding-top: 2.7em; background-size: auto; } #topNav { width: 100%; background-color: #ff0000; position: absolute; left: 0; top: 0; padding:0px 0px 0em; z-index: 10000; margin: 0px; } .headerInfo { } .goMobile-btn { display: block; color: #FFFFFF; margin: 0px 0px 0em; } .goMobile-btn span { font-size: 18px; line-height: 28px; } .goMobile-subArrow { display: block !important; background: #1A171B url(/layout/sprites.png) no-repeat -79px 12px; height: 31px; width: 31px; position: absolute; top: 5px; right: 10px; cursor: pointer; } .goMobile-subArrow.active { background-position: -79px -14px; } .goMobile-subArrow:hover { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; background-color: #AA0A17; } .sf-menu { width: 100% !important; display: none; padding:0px !important; margin: 0; border:none; margin-top: 8px; } .sf-menu.xactive { display: block !important; clear: both; } .sf-menu ul { display: none !important; position: static !important; width: 100% !important; box-shadow: none !important; border: none !important; font-size: 1em; } .sf-menu ul ul, .sf-menu .flyOutLeft ul ul { left: 0; display: none; } .sf-arrows .sf-with-ul { padding-right: 0; padding-left: 1em !important; } .sf-arrows .sf-with-ul:after { display: none !important; } .sf-menu li { float: none !important; display: block !important; width: 100% !important; background-color: #FFFFFF; border-radius: 0; padding: 0px; position: relative; } .sf-menu > li:hover { background: #f9f9f9; } .sf-menu > li:hover a { color: #ff0000; } .sf-menu a { border-bottom: solid 1px #e8e8e8; padding: 1em; } .sf-menu > li a { padding: 1em; } .sf-menu li:last-child { border-bottom: 3px solid #ff0000; } .sf-menu ul li:last-child { border-bottom: 0px solid #000; } .sf-menu ul a { padding: 1em; } .sf-menu .xpopdrop { display: block !important; } .sf-menu ul li { background: #f9f9f9; } .sf-menu > li ul li a { color: #000 !important; } .sf-menu ul li a { border-left: solid 0.5em #e8e8e8; } .sf-menu ul ul li a { border-left: solid 1em #e8e8e8; } .sf-menu ul ul ul li a { border-left: solid 1.5em #e8e8e8; } header, footer, .breadcrumbs ul, #largeBanner .bannerWrapper, #smallBanners { width: 100%; padding: 0 2%; } #content { width: 96%; } header #tinynav1SelectBoxItContainer { display: block !important; float: none; position: absolute; right: 15px; top: -70px; z-index: 10001; } header #languageSelector { display: none; } .searchBox { top: -2.45em; right: 0.5em; z-index: 3; } } @media only screen and (max-width: 825px) { .headerInfo address { text-align: center; } .searchBox { top: -5.4em; right: 11em; z-index: 10003; background-color: #FFF; border-radius:0px; } .searchBox input.txtBox { padding: 3px 5px; } .searchBox input.button { height: 28px; width: 27px; } } @media only screen and (max-width: 800px) { .col, .footer .col, footer .col { float: none; margin: 0 0 1em 0; } .footer .col:last-child { margin: 0; } .span_1_of_2, .span_1_of_3, .span_1_of_4, .span_3_of_4 { width: 100%; } article h2 { height: auto; padding: 0; width: 67%; float: right; } article div.wysiwyg { margin-bottom: 0.5em; width: 67%; float: right; height: auto; padding: 0; } article .photoFrame { float: left; margin: 0 0 0.5em 0; width: 30%; } .footer ol { padding: 0; text-align: center; } .newsletterBox { width: 100%; max-width: 350px; margin: 0 auto; } footer p#footerSig { text-align: center; } footer p#author { float: none; margin: 0 auto; } footer ul.socialIcons { text-align: center; } #smallBanners .section .col { margin-bottom: 0.5em; } #smallBanners .section .col:last-child { margin-bottom: 0; } } @media only screen and (max-width: 768px) { .cc-cookies-message { display: block; text-align: center; width: 100%; margin-bottom: 1em; } .cc-cookies-buttons { display: block; width: 100%; text-align: center; } #featureTabs { border: none !important; } ul.resp-tabs-list { display: none; } h2.resp-accordion { display: block; } h2.resp-tab-active { border: none; border-radius: 0px; color: #000; margin-bottom: 5px; } header h1 { width: 250px; } header h2 { left: 280px; top: 2.2em; font-size: 1.25em; } .breadcrumbs ul { font-size: 0.6875em; } .singleContact ul li { float: none; width: 100%; } } @media only screen and (max-width: 640px) { .pagination li span { width: 28px; } .photoGallery .imageContainer { width: 49.5%; } .photoGallery .breakOnQuery { display: block; clear: both; height: 0.5em; } .photoGallery .imageContainer:nth-child(3n+1) { margin-left: 0; } .contentForm .formField { width: 100%; float: none; padding: 0 0.5em; } .contentForm .fieldLabel { float: none; width: 100%; text-align: left; padding: 0 0.5em; } .videoGallery .videoContainer { width: 100%; margin-left: 0; margin-bottom: 0.5em; float: none; } .videoGallery .row { margin-bottom: 0; } header h1 { margin: 0.5em auto 0.5em; float: none; } header h2 { position: inherit; left: inherit; top: inherit; right: inherit; bottom: inherit; clear: both; width: 100%; margin-bottom: 0.5em; text-align: center; } .bx-wrapper .bx-controls-direction { display: none; } .responsiveTable, .responsiveTable caption, .responsiveTable thead, .responsiveTable tbody, .responsiveTable th, .responsiveTable td, .responsiveTable tr { display: block; } .responsiveTable caption { margin-bottom: 1px; } .responsiveTable td, .responsiveTable.priceList td { text-align: center; } .responsiveTable tr:first-child th:first-child, .responsiveTable tr:first-child td:first-child, .responsiveTable tr:first-child td.onlyChild { border-top-left-radius: 4px !important; border-top-right-radius: 4px !important; } .responsiveTable tr:first-child th, .responsiveTable tr:first-child td, .responsiveTable tr:first-child th:last-child, .responsiveTable tr:first-child td:last-child, .responsiveTable tr:last-child th:first-child, .responsiveTable tr:last-child td:first-child { border-radius: 0; } .responsiveTable tr:last-child td:last-child { border-bottom-left-radius: 4px; } .responsiveTable tr:last-child td.onlyChild { border-bottom-right-radius: 4px; } } @media only screen and (max-width: 561px) { .searchBox { top: -6.55em; } header #tinynav1SelectBoxItContainer { top: -5.3em; } } @media only screen and (max-width: 480px) { article h2, article div.wysiwyg { width: auto; float: none; } article .photoFrame { float: none; margin: 0 0 0.5em 0; width: auto !important; } .pagination li span { width: 22px; } .goMobile-btn span { visibility: hidden; } header h1 { width: 200px; float: none; } header h2 { font-size: 1.125em; } .searchBox { top: -6.6em; } header #tinynav1SelectBoxItContainer { top: -5.38em; } } @media only screen and (max-width: 420px) { .pagination li span { width: 20px; } .searchBox input.txtBox { width: 130px !important; } .searchBox { top: -6.8em; } header #tinynav1SelectBoxItContainer { top: -5.5em; } } @media only screen and (max-width: 360px) { .pagination li span { width: 18px; } .searchBox input.txtBox { width: 85% !important; } .searchBox .popUpMenu { width: 100%; } .headerInfo address { padding:35px 8px 8px; } header #tinynav1SelectBoxItContainer { top: -115px; } .searchBox { position: relative; top: -158px; right: 0px; height: 30px; z-index: 3; } header h1 { margin: 0.8em auto 0; width: 250px; } } @media only screen and (max-width: 320px) { .pagination li span { width: 16px; } @media only screen and (max-width: 300px) { header #tinynav1SelectBoxItContainer { top: -8em; } .searchBox { top: -13.35em; } } }