#slideshow { max-width:100%; overflow:hidden; } .container,#container { max-width:1000px; } #header-right { padding-top:10px; } .img-responsive { display: block; max-width: 100%; height: auto; } #mobileHomeBanner { display:none; } .bb { height:auto; } /* Navigation Controls */ .navControl { /*width:auto; min-width:400px; NOTE: Breaks dynamic-sizing of product menu */ } #horMenu .subs, .horMenu .subs { max-width: 800px; } #nav { height:286px; } p#breadcrumb { width:auto; } #content #right-column { width: 17%; } #secondary-header { clear:both; } img { max-width:100%; } #accordion-wrapper { max-width:100%; } .accordionContent p { width:auto; } #tabbed-menu { width:auto; } ul.tabNavigation { overflow: auto; height:auto; zoom:1; } .medical-tab-menu { } .medical-tab-menu .tabs { margin-right:0; } #login-area .cartQuantity { right: 10px; top: 14px; left: auto; } .bb div { width:auto !important; float:right; } .bb div.clearfix { clear:none; } #right-info, #left-info { background:none; } #right-info h3,#left-info h3{ background:url(../images/bluegrad.jpg) 0 0 repeat-x #21a5de; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } #header a#fe-logo { margin: 12px 0 0 30px; width: 100px; height: 92px; display: block; text-indent: 0 !important; float: left; } .login-lock { margin-bottom:0; padding-bottom:0; padding-top:3px; } a.login-button p.login-lock { padding-left: 46px; padding-top:14px; display: block; font-size: 11px; height: 38px; } a.login-button { float: left; width: 118px; background: url(http://www.bimba.com/Assets/images/login-button.png) no-repeat; cursor: pointer; color: #333; text-decoration: none; display: inline-block; } /* Accordion */ /* Products Page */ .products-container-wide { width: 64%; min-height: 260px; height:auto; margin: 3px 26px 20px 0; border-radius:12px; float: left; } .products-wide { width:auto; background: url(../images/products-container.jpg) repeat-x #fbfbfb; border:1px solid #e0e0e0; -webkit-box-shadow: 3px 3px 1px 0px rgba(0,0,0,0.04); -moz-box-shadow: 3px 3px 1px 0px rgba(0,0,0,0.04); box-shadow: 3px 3px 1px 0px rgba(0,0,0,0.04); border-radius:12px; min-height: 170px; height:auto; overflow: hidden; zoom: 1; } .products-mini { width: auto; height: 150px; padding: 10px; background: url(../images/products-mini-container.jpg) repeat-x #fff; border:1px solid #e0e0e0; float: left; margin: 0; border-radius:12px; cursor: pointer; } .products-mini-thumbnail { width:auto; } .products-mini-container { width: 180px; min-height: 170px; height:auto; float: left; margin: 0 23px 0 4px; } .product-category { width:auto; height:auto; background: url(../images/products-container.jpg) repeat-x #fbfbfb; border-radius:12px; border:1px solid #e0e0e0; -webkit-box-shadow: 3px 3px 1px 0px rgba(0,0,0,0.04); -moz-box-shadow: 3px 3px 1px 0px rgba(0,0,0,0.04); box-shadow: 3px 3px 1px 0px rgba(0,0,0,0.04); } .products-container { width: 31%; height: 245px; float: left; margin: 0 20px 40px 0; } .product-category-thumbnail { text-align: center; width: auto; } /* Filtering */ #content #main-center { width:auto; padding:0 !important; margin:0 auto; } /* New Navigation */ /* ------------------------------------------ NAVIGATION STYLES (+ responsive-nav.css file is loaded in the ) --------------------------------------------- */ .fixed { position: fixed; width: 100%; top: 0; left: 0; } .nav-collapse, .nav-collapse * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .nav-collapse, .nav-collapse ul { list-style: none; width: 100%; float: left; } .nav-collapse li { float: left; width: 100%; } @media screen and (min-width: 767px) and (max-width:769px) { /*.navControl { width:auto;min-width:400px !important; NOTE: Breaks dynamic-sizing of product menu }*/ } @media screen and (min-width: 767px) { .nav-collapse li { width: 25%; *width: 24.9%; /* IE7 Hack */ _width: 19%; /* IE6 Hack */ } .product-category { min-height:200px; } } .nav-collapse a { text-decoration: none; width: 100%; border-bottom: 1px solid white; padding: 0.7em 1em; float: left; } @media screen and (min-width: 767px) { .nav-collapse a { margin: 0; padding: 1em; float: left; text-align: center; border-bottom: 0; } } .nav-collapse ul ul a { padding-left: 2em; } @media screen and (min-width: 767px) { .nav-collapse ul ul a { display: none; } } /* ------------------------------------------ NAV TOGGLE STYLES --------------------------------------------- */ .nav-toggle { position: fixed; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-decoration: none; text-indent: -999px; position: relative; overflow: hidden; width: 100%; height: 55px; float: right; border-top:1px solid #6c6c6d; border-bottom:1px solid #555; background: #949495 url(http://www.bimba.com/Assets/images/nav.gif) bottom repeat-x; } .nav-toggle:before { color: #ffffff; /* Edit this to change the icon color */ font-style: normal; font-weight: normal; font-variant: normal; font-size: 38px; text-transform: none; position: absolute; content: "≡"; text-indent: 0; text-align: center; line-height: 55px; speak: none; width: 100%; top: 0; left: 0; } .nav-toggle.active::before { font-size: 24px; content:"x"; } /* Responsive Nav */ .nav-collapse ul { margin: 0; padding: 0; width: 100%; display: block; list-style: none; } .nav-collapse li { /*width: 100%; display: block;*/ } .js .nav-collapse { clip: rect(0 0 0 0); max-height: 0; position: absolute; display: block; overflow: hidden; zoom: 1; } .nav-collapse.opened { max-height: 9999px !important; z-index:1000 !important; } .nav-toggle { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .js .nav-collapse-0.opened { background:#959495; max-height:9999px !important; } @media screen and (min-width: 40em) { .js .nav-collapse { position: relative; } .js .nav-collapse.closed { max-height: none; } .nav-toggle { display: none; } } #header-right { width:auto; } /* ----------- iPhone 4 and 4S ----------- */ /* Portrait and Landscape */ @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) { } /* Portrait */ @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { } /* Landscape */ @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { } /* ----------- iPhone 5 and 5S ----------- */ /* Portrait and Landscape */ @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) { } /* Portrait */ @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { } /* Landscape */ @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { } /* ----------- iPhone 6 ----------- */ /* Portrait and Landscape */ @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) { } /* Portrait */ @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { } /* Landscape */ @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { } /* ----------- iPhone 6+ ----------- */ /* Portrait and Landscape */ @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) { } /* Portrait */ @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) { } /* Landscape */ @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) { } /* ----------- iPad mini ----------- */ /* Portrait and Landscape */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) { } /* Portrait */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) { } /* Landscape */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) { } /* ----------- iPad 1 and 2 ----------- */ /* Portrait and Landscape */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) { } /* Portrait */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) { } /* Landscape */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) { } /* ----------- iPad 3 and 4 ----------- */ /* Portrait and Landscape */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) { } /* Portrait */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) { } /* Landscape */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) { } /* ----------- Non-Retina Screens ----------- */ @media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1) { } /* ----------- Retina Screens ----------- */ @media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) { } /* ----------- Tablet - Desktop ----------- */ @media screen and (min-width: 768px) and (max-width: 1200px) { /* Start Style */ #nav ul.megamenu { margin-left:0; } #nav ul.megamenu li a { font-size:12px; } li.mm-item { } /* End Style */ } /* ----------- Tablet - Desktop ----------- */ @media screen and (min-width: 769px) { .navControl { /*width:auto; min-width:400px !important; NOTE: Breaks dynamic-sizing of product menu */ } /*#horMenu .subs, .horMenu .subs { min-width:700px min-width: 643px; NOTE: Changed to not break expanded hor menu }*/ #ctl00_PlaceHolderEntireBody_MainMenuPlaceHolder_ctl00_rptMegaMenuItems_ctl01_menuLi #horMenu .subs, #ctl00_PlaceHolderEntireBody_MainMenuPlaceHolder_ctl00_rptMegaMenuItems_ctl01_menuLi .horMenu .subs { min-width:600px; } #ctl00_PlaceHolderEntireBody_MainMenuPlaceHolder_ctl00_rptMegaMenuItems_ctl02_menuLi #horMenu .subs, #ctl00_PlaceHolderEntireBody_MainMenuPlaceHolder_ctl00_rptMegaMenuItems_ctl02_menuLi .horMenu .subs { min-width:280px; /*max-width:420px !important; NOTE: Breaks dynamic re-sizing */ } #ctl00_PlaceHolderEntireBody_MainMenuPlaceHolder_ctl00_rptMegaMenuItems_ctl03_menuLi #horMenu .subs, #ctl00_PlaceHolderEntireBody_MainMenuPlaceHolder_ctl00_rptMegaMenuItems_ctl03_menuLi .horMenu .subs { min-width:280px; /*max-width:420px !important; NOTE: Breaks dynamic re-sizing */ } /* End Style */ } /* ----------- Tablet - Desktop ----------- */ @media screen and (min-width: 768px) and (max-width: 1024px) { /* Start Style */ #left-info,#right-info { width:40%; } .bb div { float:none; width:auto !important; clear:both; } .bb ul { height:auto; background:#f6f6f6; } .bb ul li { } .bb ul li img { max-width:100%; display:block; } .bb ul li { width:16%; border-bottom:1px solid #bebebe; border-top:1px solid #fff; } #header #boiler { width:340px; } .searchstyle input.searchfield { width:114px; } #search { width:178px; } .products-mini-container { width:30%; } .products-mini-container p.subtitle { margin:15px auto; text-align:center; } /* End Style */ } /* ----------- Tablet - Desktop ----------- */ @media screen and (min-width: 640px) and (max-width: 767px) { /* Start Style */ #nav ul.megamenu li a { padding: 1px 10px; font-size: 12px; } /* End Style */ } /* ----------- Tablet - Desktop ----------- */ @media screen and (max-width: 1024px){ /* Start Style */ #left-info,#right-info { width:93%; margin:15px auto 5px; float:none; clear:both; } #accordion-wrapper { width:auto; } .accordionButton p { padding-right:40px; } .bb { margin-bottom:0; } .bb div { margin-top:0; } .bb ul { height:auto; background:#f6f6f6; width:100%; border-right:none !important; border-right:none !important; clear:both; float:left; } .bb ul li { border-bottom:1px solid #bebebe; border-top:1px solid #fff; border-right:1px solid #bebebe; border-left:1px solid #fff; border-right:none !important; } #header { height:auto; background: url(http://www.bimba.com/Assets/images/bg-header.gif) repeat-x; min-height: 127px; } .products-container { width: 44%; } .products-container-wide { width:98%; } /* Two Columns */ #content #right-column { float: left; width: 20%; padding: 5px 18px; min-height: 500px; } #content #left-wide-column { float: left; margin-bottom: 0; padding: 0 16px 1px 0; width: 72%; border-right: 1px solid #ccc; } #product-profile-info { height: auto; padding: 5px 0 20px 0; width: 520px; float: left; margin-left: 25px; padding-top:20px; } #configurator-container { clear: both; width: auto; padding: 0; margin-top: 30px; margin-bottom: 30px; border-bottom: 1px solid #ccc; } /* Accordion */ #accordion-wrapper-inch, #accordion-wrapper-metric { float: none; width: auto; color: #444; background: #ededed; padding: 4px 5px 5px 5px; display: block; font-size: 13px; margin: 10px 0 0 92px; border: 1px solid #ccc; clear: both; margin: 0; padding: 0; } ul#category-tabs li a.selected { background: url(../images/nav-tab-selected.jpg) repeat-x top right #f3f3f5; border-color:#666; } ul#category-tabs li a.selected:hover { border-color:#666; background: url(../images/nav-tab-selected.jpg) repeat-x top right #f3f3f5; } ul#category-tabs li a:hover { background: url(../images/nav-tab-selected.jpg) repeat-x top right #f3f3f5; border-color:#666; } ul#category-tabs li a { background: url(../images/nav-tab-selected.jpg) repeat-x top right #f3f3f5; border:1px solid #d2d2d2; border-radius:4px; margin-bottom:10px; height:25px; } ul#category-tabs { height:auto; width:auto; } ul#category-tabs li { margin-right:10px; float:left; display:inline; } #content #left-column { width:auto; } #content #side-nav { width:auto; margin-left:0px; } #content #side-nav li a { display: block; padding: 10px 12px 10px 20px; } #side-nav li { float:left; } #side-nav li a{ border-right:1px solid #747474; border-radius:6px; margin-right:4px; margin-bottom:4px; } #content #main { width:auto; } .accordionButton { height:auto; background-position: right top; min-height:40px; background-repeat:repeat-x; padding:10px 0; background-color:#f6f6f6; } .accordionButton:hover { background-repeat:repeat-x; } .accordionButton.on { background-color:#e2e1e1; background-repeat:repeat-x; } .accordionButton:hover { background-position: right top; } .accordionButton p.accordion_group_image{ line-height:20px; height:auto; padding-right:30px; } .tabs { /* margin-right:20px; */ } /* End Style */ } /* ----------- Under Tablet - Desktop ----------- */ @media screen and (max-width: 767px){ /* Start Style */ #nav ul.megamenu { margin-left:0; } #footer-1 { width:auto; } #press-releases-menu .tabs{ margin-right:0; } .brandLanding .slideWrapper { width:auto; margin:19px auto; float:none; clear:both; padding:1px; width:auto; background:none; height:auto; } .brandLanding .slider { width:90%; margin:0 auto; padding-bottom:18px; height:auto; } .slideWrapper .bullets { width:auto; position:relative; } .brandLanding .left { width:auto; float:none; margin:0 25px; } #content #side-nav li { width:31%; } #content #side-nav li a { font-size:14px; padding:10px 5px 10px 10px; } #content #side-nav li a:hover { font-size:14px; } ul.press-releases-tabNavigation li a.selected,ul.press-releases-tabNavigation li a.selected:hover { background-repeat:repeat-x; } ul.press-releases-tabNavigation li a { width:49%; } .medical-tab-menu ul.tabNavigation li a { border-bottom:1px solid #bbbbbb; margin-bottom:5px; border-radius:6px; } #header a#fe-logo { width:60px; margin-left:10px; } .nav-collapse-0.opened .mobileNavList { height:auto; background:#6b6b6b; } #swifttagcontainereu3ahplj2a { display:none !important; } .foot-section { height: auto; padding:0 15px 15px 19px; } #main-center iframe { overflow:scroll !important; max-width:10%; margin:0 auto; display:inline-block; } #footer-3 { width:auto; } #content-home { padding-bottom:20px; } #BimbaSearchFilter { top:64px; } #login-area { height:54px; } #left-info,#right-info { width:90%; margin:15px auto 5px; float:none; clear:both; background-repeat:repeat-x; } .bb ul li { width:43%; } #content #right-column { float: left; width: auto; clear:both; float:none; } #content #left-wide-column { float: none; clear:both; width:auto; margin-bottom: 0; } #secondary-header { background:#003a5f; height:auto; margin-bottom:10px; padding-top:2px; } #secondary-header img{ text-align:center; margin:5px auto 0; display:block; float:none; } #secondary-header h1 { float:none; background-color:#003a5f; clear:both; } .boiler { width:100%; } #header #boiler { display:none; } #slideshow { display:none !important; } #mobileHomeBanner { display:block; padding-top: 10px; clear: both; margin-left: 10px; margin-right: 10px; } #header-right { width:300px; margin-right:10px; } .products-mini-container.no-margin { margin:0 23px 0 4px !important; } .products-container { width:auto; min-height:auto; height:auto; } .products-container-wide { width:auto; } .product-category { min-height:auto !important; } .products-mini-container { width:auto; } .products-wide { width:auto; } .products-mini { width:auto; } .products-mini img { display:block; margin:0 auto; text-align:center; } .products-mini-thumbnail { width:auto; } .products-mini-container p.subtitle,.products-mini-container a { text-align:center; } /* End Style */ } /* ----------- Mobile ----------- */ @media screen and (max-width: 480px){ /* Start Style */ .bb ul li { width:90%; } .bb ul,.bb div { float: none !important; } .bb > img { float:none; } #header-right { width:237px; } #header #boiler { display:none; } #search { width:178px; } #content #side-nav li { width:48%; } /* End Style */ } /* ----------- Larger than tablet ----------- */ @media screen and (min-width: 640px){ /* Start Style */ #nav { height:40px; } .nav-collapse li { width:auto; } /* End Style */ } /* ----------- Smaller than desktop ----------- */ @media screen and (max-width: 639px){ /* Start Style */ .searchstyle input.searchfield { width: 129px; } #nav ul.megamenu li a { background: #6b6b6b; } .nav-collapse a { border-bottom:1px solid #949495; border-top:1px solid #333; } #nav ul.megamenu li a:hover,#nav ul.megamenu li:hover a { background: #efefef; } .nav-collapse li div{ display:none !important; height:1px !important; width:1px !important; } /* End Style */ } #content { max-width: 100%; } .clearfix {clear:both;} .clearfix:after { content: " "; /* Older browser do not support empty content */ visibility: hidden; display: block; height: 0; clear: both; } /* Navigation Menu */ ul.megamenu div.mm-item-content { top: 0 !important; left: 0; } .js .nav-collapse { overflow: inherit !important; } .nav-collapse li { position:relative; } ul.megamenu div.mm-item-content { top: 40px !important; left: -6px; } #industry-solutions-info-col-2,#industry-solutions-info-col-1 { width:auto; } .accordionButton { background-repeat:no-repeat; } @media screen and (max-width: 767px) { #content #side-nav li a { font-size: 14px; padding: 10px 5px 10px 10px; } } @media screen and (min-width: 1023px){ .accordionButton p { padding-left: 20px; display: block; float: left; padding-left: 64px; height: 40px; line-height: 45px; margin: 2px 0 0 0; } } @media screen and (max-width: 767px){ #content #industries li { position: relative; } table#id_matrix,#content #main-center div.center-intro-copy { width: auto; } #left-info div { max-width:100%; } #content-home { clear:both; } #content table.events,div#main.actuation_pneus table#id_matrix,#ap-versions,#press-releases-menu p { width:auto !important; } #content #main,#content #left-column,#content #side-nav { float:none; } #press-releases-menu .calendar-date { margin: 0 auto; float: none; } ul.press-releases-tabNavigation li a { width: 50%; border-bottom: 1px solid #ccc; border-right: none; border-left: none; } .accordionButton { padding: 10px 0 0; } #content #side-nav li li { width: 100%; background-color: #f7f7f7; border: 1px solid #ccc; } #content #side-nav a ~ .left-nav-children a { border:none !important; } #ctl00_ctl00_PlaceHolderEntireBody_ctl00_brandsMenuWrapper div { clear:both; float:none; } #distributorsResults { width:auto; } #accordion-controls-short { float: left; } .tabs { /* margin-right:20px; */ margin-right:0; } #googleMapsAddressText { margin: 10px 0; } #mapCanvas { width: auto; margin: 20px 20px 20px 0; } .if1 div { float:none !important; } object { max-width:100%; } .bodyWrapper table{ width:auto; } } @media screen and (max-width: 1024px) { .bb ul { float: none; border-left:none !important; } } /*New Tabs */ @media screen and (max-width: 1024px){ #product-profile-info { width: auto; } #product-profile-image { float: none; margin: 0 auto; display:block; } #iframe-config { max-width:100%; } #related-products { width:auto; } ul#tabs li a.selected { background: url(../images/nav-tab-selected.jpg) repeat-x top right #f3f3f5; border-color:#666; } ul#tabs li a.selected:hover { border-color:#666; background: url(../images/nav-tab-selected.jpg) repeat-x top right #f3f3f5; } ul#tabs li a:hover { background: url(../images/nav-tab-selected.jpg) repeat-x top right #f3f3f5; border-color:#666; } ul#tabs li a { background: url(../images/nav-tab-selected.jpg) repeat-x top right #f3f3f5; border:1px solid #d2d2d2; border-radius:4px; margin-bottom:10px; height:25px; } ul#tabs { height:auto; width:auto; } ul#tabs li { margin-right:10px; float:left; } .searchTabs .ItemList > div .searchProductItemImage { width:auto; max-width:18%; } .searchTabs .searchItemText { width: 80%; } ul.tabNavigation li a.selected { background: url(../images/nav-tab-selected.jpg) repeat-x top right #f3f3f5; border-color:#666; } ul.tabNavigation li a.selected:hover { border-color:#666; background: url(../images/nav-tab-selected.jpg) repeat-x top right #f3f3f5; } ul.tabNavigation li a:hover { background: url(../images/nav-tab-selected.jpg) repeat-x top right #f3f3f5; border-color:#666; } ul.tabNavigation li a { background: url(../images/nav-tab-selected.jpg) repeat-x top right #f3f3f5; border:1px solid #d2d2d2; border-radius:4px; margin-bottom:2px; height:25px; padding-bottom:10px; } ul.tabNavigation { height:auto; width:auto; } ul.tabNavigation li { margin-right:10px; float:left; } ul#tabs li { float: none; } #horMenu .subs { width: 509px !important; left:160px !important; } } @media screen and (max-width: 767px){ .searchTabs .searchItemText { width: 100%; } .products-list li { width: auto; max-width: 42% !important; height:auto; margin-right:5%; } .products-list li img { max-width:100% !important; display:block; } .products-list li .product-thumbnail { max-width:100% !important; } .searchTabs .ItemList > div .searchProductItemImage { width: 100%; max-width: 100%; } #itemContainer_IndustrySolution .item .searchProductItemImage img { display: block; margin: 0 auto; } } .fullrow { clear:both; max-width:735px; } .col4 { width:30%; float:left; padding-right:20px; min-height: 394px; } .col4 img { clear:both; display:block; margin:10px auto; max-width:100%; width:100%; } .col4 p { clear:both; min-height:91px; } .smallTxt { font-size:12px; } #horMenu .subs.withAd > div > a { width: 173px; } #horMenu .subs.withAd ul ul { width: auto !important; } #horMenu .subs { width: 709px; } .mobileNav { display:none; } @media screen and (max-width: 576px) { .mobileNav { display:block; position:relative; z-index:99; } .nav-collapse.closed .mobileNav { display:none; } .nav-collapse.opened .mobileNav { display:block; } .nav-collapse.opened { max-height:9999px !important; } .js .nav-collapse-0.opened { max-height: 9999px !important; /* height: 225px; */ height: auto; } #nav { display:none; } } @media screen and (max-width: 767px) { #container{ float:left !important; width:auto !important; } } @media screen and (max-width: 470px) { #left-info, #right-info { width: 340px !important; } .col4 { width: 44%; } } .mobileNav a { color:#fff; background:#6b6b6b; font-size:15px; padding:7px 15px; } .mobileNav a:hover { background:#333; } .nav-toggle.active { top:0 !important; } /* 9-9-15 Implementation */ @media screen and (max-width: 767px) { #login-area .cartQuantity { top: 14px; } #configurator-container { -webkit-overflow-scrolling: touch !important; overflow-x: scroll !important; position: relative; right: 0; bottom: 0; left: 0; top: 0; } #iframe-config { max-width: 1200px; } #configurator-container iframe { height: 100%; width: 100%; } #content iframe { /* margin-left:-20px; */ overflow-y:hidden !important; overflow-x:scroll !important; overflow: scroll !important; width: 970px; max-width: 745px; height: 100%; border: 1px solid #eee; border-radius:6px; } #content #side-nav { margin-right:0px; } .nav-toggle.active { /* top: 238px !important; */ top: 195px !important; position: relative; z-index:99 !important; } #autoSuggestPopup { left: auto; right: 0; } p#breadcrumb { padding-right: 10px; width: auto; } /* .mobileNav:after { content: " "; visibility: hidden; display: block; height: 0; clear: both; } */ } @media screen and (max-width: 365px) { #left-info, #right-info { width: 305px !important; clear:both; } #header-right { float: left; } } @media screen and (max-width: 355px) { #left-info, #right-info { width: 300px !important; margin-left: 22px !important; } } @media screen and (max-width: 321px) { #left-info, #right-info { width: 280px !important; margin-left: 15px !important; } } /* Force Widths */ @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) { html,body { max-width:480px; } .container { max-width:100% !important; } } /* Portrait */ @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { html,body { max-width:480px; } .container { max-width:100% !important; } } /* Landscape */ @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { html,body { max-width:480px; } .container { max-width:100% !important; } } /* ----------- iPhone 5 and 5S ----------- */ /* Portrait and Landscape */ @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) { html,body { max-width:568px; } .container { max-width:100% !important; } } /* Portrait */ @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { html,body { max-width:568px; } .container { max-width:100% !important; } } /* Landscape */ @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { html,body { max-width:568px; } .container { max-width:100% !important; } } /* ----------- iPhone 6 ----------- */ /* Portrait and Landscape */ @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) { html,body { max-width:667px; } .container { max-width:100% !important; } } /* Portrait */ @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { html,body { max-width:667px; } .container { max-width:100% !important; } } /* Landscape */ @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { html,body { max-width:667px; } .container { max-width:100% !important; } } /* ----------- iPhone 6+ ----------- */ /* Portrait and Landscape */ @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) { html,body { max-width:736px; } .container { max-width:100% !important; } } /* Portrait */ @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) { html,body { max-width:736px; } .container { max-width:100% !important; } } /* Landscape */ @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) { html,body { max-width:736px; } .container { max-width:100% !important; } } iframe { overflow:scroll !important; max-width:100%; margin:0 auto; display:inline-block; } .mm-content-base li hr { display:none !important; } a.login-button p.logout-lock { padding-left: 51px; padding-top: 12px; display: block; font-size: 11px; height: 27px; } #main-center { max-width: 820px; float:none !important; } .products-list .subheader { width:auto; } /* ----------- Tablet - Desktop ----------- */ @media screen and (max-width: 991px) { .better-bimba .video-list .video-list-item .video-image { margin: 0 auto 25px; display: block; } .better-bimba .video-list .video-list-item .video-header h2 { text-align: center; } .better-bimba .video-list .video-list-item .video-header { font-size: 16px; margin-top: 0; max-width: 100%; text-align: center; } .better-bimba .large-callout .callout-header { float: none; width: auto; margin-top: 52px; font-size: 17px; max-width: 300px; text-align: center; margin: 30px auto 0; } .better-bimba .large-callout { padding: 0; max-width: none; } .better-bimba .large-callout .callout-image img { float: none; margin-bottom: 50px; display: block; margin: 0 auto 50px; padding: 0 !important; } .better-bimba .title-only span { padding: 0; } .better-bimba .large-callout .callout-image:before { left: 0; } .better-bimba .large-callout .callout-image:after { left: 50%; margin-left: -14px; } .better-bimba .large-callout .callout-image { float: left; width: 100%; height: 360px; position: relative; } .better-bimba .distributor-listing .distributor-content { float: none; clear: both; } .better-bimba .preamble-callout { width: 100% !important; } .better-bimba .preamble-callout div { margin-left: -62px !important; top: -67px !important; } .better-bimba .preamble { margin-bottom: 94px !important; } .better-bimba .distributor-link { left: 50%; margin-left: -207px; } .better-bimba .distributor-listing .distributor-list { position: relative; margin: 0 auto; border-right: none; float: none; } .better-bimba .distributor-listing .distributor-content { max-width: 100%; margin: 40px; } .better-bimba .distributor-listing .distributor-list:after { display: none; } .better-bimba .distributor-listing { padding-top: 40px; } .better-bimba .preamble { margin-left: 30px; margin-right: 30px; max-width: none; width: auto; } .better-bimba .video-list { width: auto; margin-bottom: 56px; margin-left: 30px; margin-right: 30px; max-width: none; } .better-bimba .preamble-callout { width: 100% !important; } .better-bimba .preamble-callout div { left: 50%; margin-left: -52px; } .better-bimba .title-only { margin: -29px 0 0 0; } } @media screen and (max-width: 500px) { .better-bimba .distributor-listing .distributor-list li img { max-width: 82px; } .better-bimba .distributor-listing .distributor-list { list-style: none; max-width: 270px; min-width: 270px; height: auto; } .better-bimba .distributor-link { width: auto; } } @media screen and (max-width: 767px) { #header a#fe-logo { width: 70px; margin-left: 10px; } } #cartFreeShipping { margin-right: 0; clear: both; } @media screen and (max-width: 767px) { .header-right-logged-in { height: 135px !important; } .header-right-logged-in #login-area { margin-left: 7px; } .header-right-logged-in .login-name > p { width: 200px; } .header-right-logged-in #search { margin-top: 35px; } .header-right-logged-in #BimbaSearchFilter { margin-top: 35px; } } .mobile-video { display: none !important; } @media screen and (max-width: 991px) { .mobile-video { display: initial !important; } .desktop-video { display: none !important; } }