@media only screen and (max-width: 1148px) { .productDetails .propertyIcons .propertyIcon { width: 13.4285%; } .productDetails .propertyIcons .propertyIcon:nth-child(8n+1) { margin-left: 1%; } .productDetails .propertyIcons .propertyIcon:nth-child(7n+1) { margin-left: 0; } } @media only screen and (max-width: 1145px) { .slidingBox { font-size: 90%; } } @media only screen and (min-width: 1025px) { .productList .propertyIcons .propertyIcon { width: 19.2%; } .productList .productBox .propertyIcons .propertyIcon:nth-child(5n+1) { margin-left: 0; } .productList-2 .propertyIcons .propertyIcon { width: 11.5%; } .productList-2 .productBox .propertyIcons .propertyIcon:nth-child(8n+1) { margin-left: 0; } .productDetails .propertyIcons .propertyIcon { width: 11.625%; } .productDetails .propertyIcons .propertyIcon:nth-child(8n+1) { margin-left: 0; } } @media only screen and (max-width: 1024px) { #content .col.productGallery { margin-left: 1%; } #content .span_5_of_5, #content .span_4_of_5, #content .span_3_of_5, #content .span_2_of_5, #content .span_1_of_5 { width: 100%; } #content { padding-top: 0.5em; } #sideNav { margin-bottom: 0; } ul.sideNav a.dcjq-parent { padding-right: 24px; } #content .col { margin: 0 0 0.5em 0; } #content .longDesc .additionalDesc { margin: 0 0 0.5em 1%; } #content .contentFooter .col { margin-left: 1%; margin-bottom: 0; } #content .contentFooter .col:first-child { margin-left: 0; } header ul.infos { margin: 0; float: none; clear: both; border-top: solid 1px #D0D0D0; border-left: none; text-align: center; padding: 0.5em 0 0; } header ul.infos li { display: inline-block; margin: 0 1em 0; text-align: center; } .goMobile-btn { display: block; } .goMobile-subArrow { display: block !important; background: #2f80c2 url(https://www.via-mea.com/layout/sprites.png?v-636180032672780000) no-repeat -82px 9px; height: 25px; width: 25px; position: absolute; top: 6px; right: 5px; cursor: pointer; } .goMobile-subArrow.active { background-position: -82px -17px; } .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: #5ea2e1; } #topNav { padding-right: 0; } .sf-menu { width: 100% !important; display: none; float: none; padding: 0; border-top: solid 1px #5ea2e1; margin-bottom: 1em; } .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; } .sf-menu ul ul, .sf-menu .flyOutLeft ul ul { left: 0; display: none; } .sf-with-ul { padding-right: 0; } .sf-arrows .sf-with-ul:after { display: none !important; } .sf-menu li { float: none !important; display: block !important; width: 100% !important; background-color: #2f80c2; } .sf-menu a { border-bottom: solid 1px #5ea2e1; } .sf-menu .xpopdrop { display: block !important; } .sf-menu ul li a { padding-left: 1.5em !important; } .sf-menu ul ul li a { padding-left: 2em !important; } .sf-menu ul ul ul li a { padding-left: 2.5em !important; } .smallBanners.hideOnMobile { display: none; } .filterWrapper .formElement { width: 32.6666%; } .filterWrapper .formElement:nth-child(3n + 1) { margin-left: 0; } .filterBody .categoryFilter ol li { width: 25%; } .productList .propertyIcons .propertyIcon { width: 24.25%; } .productList .productBox .propertyIcons .propertyIcon:nth-child(4n+1) { margin-left: 0; } .productList-2 .propertyIcons .propertyIcon { width: 13.4285%; } .productList-2 .productBox .propertyIcons .propertyIcon:nth-child(7n+1) { margin-left: 0; } } @media only screen and (max-width: 1000px) { .productDetails .propertyIcons .propertyIcon { width: 15.8333%; } .productDetails .propertyIcons .propertyIcon:nth-child(7n+1) { margin-left: 1%; } .productDetails .propertyIcons .propertyIcon:nth-child(6n+1) { margin-left: 0; } } @media only screen and (max-width: 900px) { .productList-2 .propertyIcons .propertyIcon { width: 15.8333%; } .productList-2 .productBox .propertyIcons .propertyIcon:nth-child(7n+1) { margin-left: 1%; } .productList-2 .productBox .propertyIcons .propertyIcon:nth-child(6n+1) { margin-left: 0; } } @media only screen and (max-width: 800px) { #content { padding-top: 0; } #content .col.productGallery { margin-left: 0; } #content .span_1_of_2, #content .span_2_of_2 { width: 100%; } #content > .section:first-child .col.span_4_of_5 { margin-top: 0.5em !important; } .slidingBoxesWrapper { margin-top: 1em; } .slidingBox { width: 49.5%; margin: 0 0 1em 1%; padding-bottom: 29.1152950310559%; font-size: 100%; } .slidingBox:nth-child(2n+1) { margin-left: 0; } .productList .propertyIcons .propertyIcon { width: 32.6666%; } .productList .productBox .propertyIcons .propertyIcon:nth-child(4n+1) { margin-left: 1%; } .productList .productBox .propertyIcons .propertyIcon:nth-child(3n+1) { margin-left: 0; } .productDetails .propertyIcons .propertyIcon { width: 10.2222%; } .productDetails .propertyIcons .propertyIcon:nth-child(6n+1) { margin-left: 1%; } .productDetails .propertyIcons .propertyIcon:nth-child(9n+1) { margin-left: 0; } .indexArticles article { margin: 0 0 1em 0 !important; clear: both !important; width: 100%; float: none; } #content .longDesc .additionalDesc { margin: 0 0 1em 0; } #content .longDesc .span_1_of_4, #content .longDesc .span_3_of_4 { float: none; width: 100%; } .productList-2 .product-image-wrapper { width: 30%; } .productList-2 .product-desc-wrapper { width: 68%; } .productList-2 .productBox .quantityPop { width: 100%; float: none; margin-left: 0; clear: both; } } @media only screen and (max-width: 768px) { header { width: 100%; background-position: center top; } header h1, header .logo-holder { float: none; margin: 0.65em auto; clear: both; } .userBar { text-align: center; margin-bottom: 0.3em; } .headerLinks { display: block; margin: 0.3em; } header .userArea { margin: 0 0 0.5em 0; } header a.basket { margin: 0 0.5em 0.5em; } header a.basket { vertical-align: top; } .searchBox { float: none; position: absolute; right: 0; bottom: -2.45em; z-index: 2; } .searchBox .popUpToggle, .searchBox.active .popUpToggle { display: block; } .searchBox .popUpMenu { display: none; } #content .contentFooter ol { text-align: center; } .productList .productBox { width: 49.5%; } .productList .productBox:nth-child(2n+1) { margin-left: 0; } .resp-tabs-container .relatedProducts.productList .productBox { width: 49.5%; } .resp-tabs-container .relatedProducts.productList .productBox:nth-child(2n+1) { margin-left: 0; } #content .span_1_of_2.productDetails, #content .span_1_of_2.productGallery { width: 100%; margin-left: 0; } #featureTabs { margin-bottom: 0.5em !important; } ul.resp-tabs-list { display: none; } h2.resp-accordion { display: block; } h2.resp-accordion br { display: none; } h2.resp-accordion br:after { content: " "; } .resp-vtabs .resp-tab-content { border: 1px solid #C1C1C1; } .resp-tab-content { border: 1px solid #2f80c2; padding: 0.5em; } .filterBody .resp-tab-content { padding-top: 0.5em; border: 1px solid #81A40D; } .filterBody .categoryFilter { border: none; padding: 0; } .filterBody .categoryFilter ol li { width: 33.3333%; } .resp-vtabs .resp-tabs-container { border: none; float: none; width: 100%; min-height: initial; clear: none; margin-bottom: 0.5em; } .resp-accordion-closed { display: none !important; } .resp-vtabs .resp-tab-content:last-child { border-bottom: 1px solid #c1c1c1 !important; } .contentForm .fieldLabel { display: block; float: none; width: 100%; text-align: left; padding: 0 1%; } .contentForm .formField { width: 100%; float: none; padding: 0 1%; } .contentForm .formField.breakInline select { margin-bottom: 0.5em; } .contentForm .inset { padding: 0 1%; text-align: center; } .contentForm .inset .formField { float: none; } .contentForm input.txtBox, .contentForm .txtArea, .contentForm select, .contentForm select.fullWidth { width: 100%; } .contentForm .txtArea { max-width: 100%; min-width: 100%; } .contentForm .hidden input.txtBox, .contentForm .hidden .txtArea, .contentForm .hidden select { width: 80%; } .contentForm .hidden .txtArea { max-width: 80%; min-width: 80%; } .narrow { display: table; } .wide { display: none; } .welcomeMessage .span_1_of_3, .welcomeMessage .span_2_of_3, .contentFooter .span_3_of_4, .contentFooter .span_1_of_4 { width: 100%; } .contentFooter .span_1_of_4 { border-left: none; border-top: solid 1px #2f80c2; } .welcomeMessage .col, #content .contentFooter .col { margin-left: 0; float: none; } .contentFooter ol { margin: 0.5em 0 0; } .smallBanners.showOnMobile .smallBanner { width: 49.5%; } .smallBanners.showOnMobile .smallBanner:nth-child(3n+1) { margin-left: 1%; } .smallBanners.showOnMobile .smallBanner:nth-child(2n+1) { margin-left: 0; } .productList .propertyIcons .propertyIcon { width: 19.2%; } .productList .productBox .propertyIcons .propertyIcon:nth-child(3n+1) { margin-left: 1%; } .productList .productBox .propertyIcons .propertyIcon:nth-child(5n+1) { margin-left: 0; } .contentForm .offerInfoRow, .contentForm .logicalGroup { margin-left: 1%; margin-right: 1%; } .contentForm .offerInfoRow .offerShortDesc { clear: both; } } @media only screen and (max-width: 640px) { .singleContact .contactPhoto { display: none; } .singleContact h2, .singleContact ul { float: none; width: 98%; } .productList-2 .productBox .quantityPop label { display: block; margin-bottom: 0.5em; } footer .span_3_of_3, footer .span_2_of_3, footer .span_1_of_3 { width: 100%; } footer .col { margin: 0.5em 0 0.5em 0; } #footerSig { text-align: center; padding-left: 0; } p#author { float: none; margin: 0 auto; } .filterWrapper .formElement { width: 49.5%; } .filterWrapper .formElement:nth-child(3n + 1) { margin-left: 1%; } .filterWrapper .formElement:nth-child(2n + 1) { margin-left: 0; } .filterBody .categoryFilter ol li { width: 50%; } .productList .propertyIcons .propertyIcon { width: 24.25%; } .productList .productBox .propertyIcons .propertyIcon:nth-child(5n+1) { margin-left: 1%; } .productList .productBox .propertyIcons .propertyIcon:nth-child(4n+1) { margin-left: 0; } .productDetails .propertyIcons .propertyIcon { width: 11.625%; } .productDetails .propertyIcons .propertyIcon:nth-child(9n+1) { margin-left: 1%; } .productDetails .propertyIcons .propertyIcon:nth-child(8n+1) { margin-left: 0; } .productList-2 .product-image-wrapper { width: 38%; } .productList-2 .product-desc-wrapper { width: 60%; } .productList-2 .propertyIcons .propertyIcon { width: 24.25%; } .productList-2 .productBox .propertyIcons .propertyIcon:nth-child(7n+1), .productList-2 .productBox .propertyIcons .propertyIcon:nth-child(6n+1) { margin-left: 1%; } .productList-2 .productBox .propertyIcons .propertyIcon:nth-child(4n+1) { margin-left: 0; } } @media only screen and (max-width: 560px) { .productList .propertyIcons .propertyIcon { width: 32.6666%; } .productList .productBox .propertyIcons .propertyIcon:nth-child(4n+1) { margin-left: 1%; } .productList .productBox .propertyIcons .propertyIcon:nth-child(3n+1) { margin-left: 0; } } @media only screen and (max-width: 480px) { header { padding-bottom: 0.5em; } header a.basket { clear: both; margin-right: 0.5em; width: auto; } .slidingBox { width: 100%; margin: 0 0 1em 0; padding-bottom: 59.04460245636717%; clear: both; font-size: 100%; } .productList .productBox { width: 100%; margin-left: 0; } .resp-tabs-container .relatedProducts.productList .productBox, .productGallery .resp-tabs-container .relatedProducts.productList .productBox { width: 100%; margin-left: 0; } .responsiveTable, .responsiveTable caption, .responsiveTable thead, .responsiveTable tbody, .responsiveTable th, .responsiveTable td, .responsiveTable tr { display: block; } .responsiveTable caption { margin-bottom: 1px; } .responsiveTable td { text-align: center; } .rearranger ul.chooseListType li { display: block; } .rearranger ul.chooseListType li:first-child { margin-bottom: 0.5em; } .rearranger .sorter { font-size: 0.8571em; line-height: 1; } .rearranger .sorter span { display: block; text-align: center; padding: 3px; border-bottom: dotted 1px #CCCCCC; } .rearranger .sorter ul a { display: inline-block; margin-right: 0.5em; background-position: center 25px; padding: 0 0 26px 0; text-decoration: underline; } .rearranger .sorter ul a.ascending { background-position: center -45px; } .rearranger .sorter ul a.descending { background-position: center -115px; } .smallBanners.showOnMobile .smallBanner { width: 100%; margin-left: 0 !important; } .basket span:last-child { display: none; } .filterWrapper .formElement { width: 100%; margin-left: 0 !important; } .filterWrapper .toggleFilter, .filterWrapper .buttonWrapper { text-align: center; } .filterBody .categoryFilter ol li { width: 100%; } .productList .propertyIcons .propertyIcon { width: 19.2%; } .productList .productBox .propertyIcons .propertyIcon:nth-child(3n+1), .productList .productBox .propertyIcons .propertyIcon:nth-child(4n+1) { margin-left: 1%; } .productList .productBox .propertyIcons .propertyIcon:nth-child(5n+1) { margin-left: 0; } .productDetails .propertyIcons .propertyIcon { width: 13.4285%; } .productDetails .propertyIcons .propertyIcon:nth-child(8n+1) { margin-left: 1%; } .productDetails .propertyIcons .propertyIcon:nth-child(7n+1) { margin-left: 0; } .videoGallery .videoContainer { width: 100%; float: none; margin: 0 0 1em 0; padding-bottom: 1em; border-bottom: dotted 1px #CCCCCC; } .videoGallery .videoContainer:last-child { padding-bottom: 0; border-bottom: none; } .videoGallery .row { padding-bottom: 0; margin-bottom: 0; border-bottom: none; } .productList-2 .product-image-wrapper, .productList-2 .product-desc-wrapper { width: 100%; float: none; } .productList-2 .product-desc-wrapper { margin: 0; } .productList-2 .propertyIcons .propertyIcon { width: 19.2%; } .productList-2 .productBox .propertyIcons .propertyIcon:nth-child(4n+1) { margin-left: 1%; } .productList-2 .productBox .propertyIcons .propertyIcon:nth-child(5n+1) { margin-left: 0; } } @media only screen and (max-width: 420px) { .searchBox input.txtBox { width: 130px !important; } .productDetails .propertyIcons .propertyIcon { width: 15.8333%; } .productDetails .propertyIcons .propertyIcon:nth-child(7n+1) { margin-left: 1%; } .productDetails .propertyIcons .propertyIcon:nth-child(6n+1) { margin-left: 0; } } @media only screen and (max-width: 360px) { header h1, header .logo-holder { width: 200px; } header a.basket span { display: block; text-align: left; } header a.basket span:first-child { margin-right: 0; } .productList .propertyIcons .propertyIcon { width: 24.25%; } .productList .productBox .propertyIcons .propertyIcon:nth-child(5n+1) { margin-left: 1%; } .productList .productBox .propertyIcons .propertyIcon:nth-child(4n+1) { margin-left: 0; } .productDetails .propertyIcons .propertyIcon { width: 19.2%; } .productDetails .propertyIcons .propertyIcon:nth-child(6n+1) { margin-left: 1%; } .productDetails .propertyIcons .propertyIcon:nth-child(5n+1) { margin-left: 0; } .productList-2 .propertyIcons .propertyIcon { width: 24.25%; } .productList-2 .productBox .propertyIcons .propertyIcon:nth-child(5n+1) { margin-left: 1%; } .productList-2 .productBox .propertyIcons .propertyIcon:nth-child(4n+1) { margin-left: 0; } }