html, body, p, li, ul, ol, div, footer, header, textarea, input, button, a, menu, aside, fieldset, form, label, img, nav, dir, figure, section, h1, h2, h3, h4, h5, h6, table, td, tr, span {font-family: Kanit, sans-serif !important;}* {box-sizing: border-box;}html, #root {height: 100%;}body {margin: 0;height: 100%;}ul {padding: 0;list-style: none;}ul, li, p {margin: 0;}a {text-decoration: none;cursor: pointer;color: #212934;}.megaContainer .navbar > li a {color: #fff;}.menuv2 {background-color: #004e7d;}html {scroll-behavior: smooth;}@font-face {font-family: Kanit;font-style: normal;font-weight: 700;src: url("//static.globalindustrial.com/site42/styles/font-awesome/webfonts/kanit-700.woff2") format("woff2");unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;font-display: swap;}@font-face {font-family: Kanit;font-style: normal;font-weight: 400;src: url("//static.globalindustrial.com/site42/styles/font-awesome/webfonts/kanit-400-regular.woff2") format("woff2");unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;font-display: swap;}@font-face {font-family: "Kanit";font-style: normal;font-weight: 600;src: url("//static.globalindustrial.com/site42/styles/font-awesome/webfonts/kanit-600.woff2") format("woff2");unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;font-display: swap;}@font-face {font-family: Kanit;font-style: normal;font-weight: 500;src: url("//static.globalindustrial.com/site42/styles/font-awesome/webfonts/kanit-500.woff2") format("woff2");unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;font-display: swap;}.baseWrapper {margin: 0;position: relative;}@media (max-width: 767.98px) {.baseWrapper {position: unset;}}.baseWrapper::after {content: " ";display: block;clear: both;}.mobileScrollsection {max-height: calc(100vh - 220px);overflow-y: auto;margin-right: 20px;margin-top: 16px;padding-left: 3%;}.mobileScrollsection::-webkit-scrollbar {width: 9px;}.mobileScrollsection::-webkit-scrollbar-thumb {background-color: rgba(255, 255, 255, 0.4);border-radius: 6.5px;}.support {background-color: rgba(188, 190, 192, 0.2);}.supportContainer {height: 45px;padding-right: 20px;text-align: right;flex-direction: row-reverse;align-items: center;margin: 0 auto;max-width: 1440px;position: relative;}@media (max-width: 1024.98px) {.supportContainer {background-color: #004e7d;height: auto;padding: 8px 0;}}.supportContainer .MuiDivider-middle {background: #212934;width: 1px;height: 15px;align-self: center;}@media (max-width: 1024.98px) {.supportContainer .MuiDivider-middle {display: none;}}.supportContainer .labels {font-size: 13px;}@media (max-width: 1024.98px) {.supportContainer .labels {display: none;}}@media (max-width: 1024.98px) {.supportContainer {display: block;}}@media (max-width: 767.98px) {.supportContainer {display: block;}}@media (min-width: 1024.98px) {.supportContainer {display: flex;}}.mainHead {background-color: #f9f9f8;}.header {flex-wrap: wrap;align-items: flex-start;background-color: #f9f9f8;padding: 17px 4%;display: flex;margin: 0 auto;max-width: 1440px;position: relative;}@media (min-width: 768px) and (max-width: 991.98px) {.header {justify-content: flex-start;}}@media (min-width: 992px) and (max-width: 1199.98px) {.header {justify-content: space-between;}}@media (min-width: 1200px) and (max-width: 1399.98px) {.header {justify-content: space-between;}}@media (min-width: 1400px) {.header {justify-content: space-between;}}@media (max-width: 767.98px) {.header {justify-content: flex-start;}}.header .addcartIcon {display: none;}@media (min-width: 1024.98px) {.header .addcartIcon {display: block;}}.header a {border-radius: 4px;color: #212934;text-align: center;font-size: 16px;padding: 5px 0 0 5px;order: 1;display: inline-flex;}.header a.active {text-decoration: underline;}@media (max-width: 1024.98px) {.header a {padding: 0;margin-left: 16px;}}.header .logo {width: 120px;height: 50px;}.header .logo.mobile {display: none;}@media (max-width: 767.98px) {.header .logo {height: auto;width: 100%;display: none;margin-top: 5px;}.header .logo.mobile {display: block;}}@media (min-width: 768px) {.header {padding: 17px 36px 16px 36px;}.header .logo {width: auto;height: 59px;}.header a {padding: 0;width: auto;}.header a:hover {text-decoration: none;}}@media only screen and (max-width: 983px) and (min-width: 768px) {.header a {width: auto;}.header .logo {width: auto;height: 48px;}}.menuOpen {display: none;}@media (max-width: 1024.98px) {.languages {display: none;}}.showHamburgermenu {width: 100%;height: 100%;display: flex;flex-direction: column;position: absolute;z-index: 123;background: #004e7d;color: #fff;}@media (max-width: 1024.98px) {.showHamburgermenu {top: 95px;z-index: 1300;overflow: auto;height: calc(100% - 95px);position: fixed;}.showHamburgermenu .languages {padding-right: 2%;padding-left: 4%;padding-top: 2%;}}@media (max-width: 767.98px) {.showHamburgermenu {top: 95px;z-index: 1300;height: calc(100% - 50px);}}.showHamburgermenu .quickOrderIcon .fal {font-size: 1rem;}.showHamburgermenu .mobileMenu {border-bottom: 1px solid rgba(255, 255, 255, 0.23);padding-bottom: 14px;padding-top: 8px;}@media (min-width: 768px) and (max-width: 991.98px) {.showHamburgermenu .mobileMenu {padding-bottom: 18px;}}.showHamburgermenu .mobileMenu.otherSupports {border-bottom: 0;padding-bottom: 0;padding-left: 3%;}.showHamburgermenu .mobileMenu.mobileMegamenu .menuItems {height: 48px;}.showHamburgermenu .mobileMenu.mobileMegamenu .MuiSvgIcon-root {font-size: 30px;}.showHamburgermenu .mainCategoryList {text-decoration: underline;background: #17628f;padding: 2%;padding-left: 3%;}@media (max-width: 767.98px) {.showHamburgermenu .mainCategoryList {text-decoration: none;}}.showHamburgermenu .mainCategoryList a, .showHamburgermenu .mainCategoryList a:hover {color: #fff;}.showHamburgermenu .nestedNavigation {padding-top: 0;border-bottom: 0;font-size: 14px;overflow: hidden;}.showHamburgermenu .nestedNavigation .mobileScrollsection {margin-right: 0;margin-top: 5px;max-height: calc(100% - 80px);}.showHamburgermenu .menuItemIcon {padding-right: 20px !important;padding-left: 0;}.accountPage .accountMenuMobile {background: #002d50;}.accountPage .hamburgerMenuList {padding-top: 0;}.header .searchWrapper {text-align: center;flex: auto;width: 100%;position: relative;}@media (min-width: 1024.98px) {.header .searchWrapper {order: 2;margin-right: 10px;}}@media (max-width: 1024.98px) {.header .searchWrapper {margin-right: 10px;order: 3;}}.header .searchWrapper .btnColor svg {width: 1.4em;height: 1.4em;font-size: 1.35rem;}@media (max-width: 767.98px) {.header .searchWrapper .btnColor svg {width: 80%;height: 80%;}}.header .searchWrapper .MuiFormControl-root {width: 100%;}.header .searchWrapper .MuiOutlinedInput-input {padding: 10px 14px;}@media (max-width: 767.98px) {.header .searchWrapper .MuiOutlinedInput-input {font-size: 14px;}}.header .searchWrapper .MuiOutlinedInput-adornedEnd {padding-right: 0;font-size: 14px;border: 0;}@media (max-width: 767.98px) {.header .searchWrapper .MuiOutlinedInput-adornedEnd {height: 45px;}}@media (min-width: 768px) {.header .searchWrapper {width: 38%;text-align: right;padding-top: 0;}.header .searchWrapper .MuiOutlinedInput-input {padding: 0 14px;height: 48px;font-size: 16px;font-family: "Kanit", sans-serif;border: 1px solid #bcbec0;border-radius: 4px;}.header .searchWrapper .MuiFormControl-root {margin: 0;}}@media (min-width: 768px) and (min-width: 1024.98px) {.header .searchWrapper .MuiFormControl-root {width: 90%;}}@media (min-width: 768px) and (max-width: 1024.98px) {.header .searchWrapper .MuiFormControl-root {width: 100%;}}@media only screen and (max-width: 983px) and (min-width: 768px) {.header .searchWrapper {padding-top: 0;}.header .searchWrapper .MuiOutlinedInput-input {font-size: 14px;}}@media (min-width: 1400px) {.header .searchWrapper {width: 38% !important;}}@media (min-width: 1200px) and (max-width: 1399.98px) {.header .searchWrapper {width: 30% !important;}}@media (min-width: 992px) and (max-width: 1199.98px) {.header .searchWrapper {width: 30% !important;}}@media (min-width: 768px) and (max-width: 991.98px) {.header .searchWrapper {width: 100% !important;}}@media (max-width: 767.98px) {.header .searchWrapper {width: 100% !important;}}.searchWrapper .btnColor.MuiButton-root {border-radius: 0;background-color: #d41e3d;padding: 16px;color: #fff;min-width: 50px;padding: 10px 6px;border-bottom-right-radius: 4px;border-top-right-radius: 4px;margin-left: -4px;}.searchWrapper .btnColor.MuiButton-root:hover {background: #d41e3d;color: #fff;}@media (max-width: 767.98px) {.searchWrapper .btnColor.MuiButton-root {width: 45px;height: 45px;padding: 0;min-width: 33px;}}@media (min-width: 768px) {.searchWrapper .btnColor.MuiButton-root {padding: 0 6px;height: 50px;}}.account {position: relative;}.account .accountSection {display: none;}@media (min-width: 1024.98px) {.account .accountSection {display: inline-flex;vertical-align: baseline;}}.MuiSvgIcon-root.imgDimen {width: 28px;height: 28px;}@media (min-width: 1025px) {.account {margin-right: 15px;}}@media (min-width: 1200px) {.account {margin-right: 0;}}.headerRight {display: flex;padding-top: 0;width: 40%;order: 2;margin-right: 10px;justify-content: flex-end;flex-grow: 1;}@media (min-width: 768px) {.headerRight {width: 60%;padding-top: 16px;}}@media (min-width: 1025px) {.headerRight {width: 22%;order: 3;flex-grow: 0;margin-right: 0;}}@media (min-width: 1200px) {.headerRight {width: 38%;padding-left: 10px;justify-content: space-between;}}.headerRight i.fa-shopping-cart {width: 27px;min-height: 1px;display: inline-block;}.headerRight .iconText {padding-left: 6px;display: none !important;}@media (min-width: 1200px) {.headerRight .iconText {display: -webkit-box !important;}}.headerRight .accountSection .iconText {padding-left: 6px;max-width: 120px;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}.headerRight .headerArrow {width: 1.2em;height: 1.5em;font-size: 1rem;}.headerRight .loginLogoutUser {position: relative;margin-right: 10px;z-index: 1;}@media (min-width: 1024.98px) {.headerRight .loginLogoutUser {display: none;}}@media (max-width: 1024.98px) {.headerRight .loginLogoutUser {display: block;}}.headerRight .loginLogoutUser .activedotWrap {position: absolute;top: -3px;right: 0px;width: 8px;height: 8px;background: #fff;}.headerRight .loginLogoutUser .userLogged {position: absolute;top: -2px;right: -1px;height: 9px;width: 9px;border-radius: 20px;border: 1px solid #d41e3d;background-color: rgba(212, 30, 61, 0.3);}@media only screen and (max-width: 983px) and (min-width: 768px) {.headerRight .MuiIconButton-root {padding: 9px;}.headerRight .iconText {padding-left: 3px;font-size: 11px;}}.tab {overflow: hidden;border: 1px solid #ccc;display: flex;}.tab button {background-color: #004e7d;float: left;border: none;outline: none;cursor: pointer;padding: 12px 16px;transition: 0.3s;font-size: 14px;color: #fff;flex: 0 0 auto;text-transform: uppercase;min-width: 14.2%;font-weight: bold;}.tab button:hover {background-color: #004e7d;}.trackOrder {display: none;cursor: pointer;}@media (max-width: 1024.98px) {.trackOrder {display: none;}}@media (min-width: 1024.98px) {.trackOrder {display: block;margin-right: 25px;}}@media (min-width: 1200px) {.trackOrder {margin-right: 0;}}.header .MuiSvgIcon-root.menuIcon {display: none;font-size: 32px;width: 32px;height: 32px;}@media (max-width: 1024.98px) {.header .MuiSvgIcon-root.menuIcon {display: block;}}.menucloseIcon {display: flex;width: 32px;height: 32px;}.menucloseIcon svg {width: 32px;height: 32px;}.otherSupports {padding-top: 12px;}.otherSupports .menuItems {font-size: 14px;}.marketingBannerRect {background-color: #eaf5ff;}.exclusiveOffersOn {text-align: center;line-height: 1.2;font-size: 14px;letter-spacing: 0.5px;padding: 10px;}.searchWrapper .MuiInputBase-root {background: #fff;}.HeadtotalCart {position: relative;cursor: pointer;}@media (min-width: 768px) {.HeadtotalCart {display: flex;}}.HeadtotalCart .cartTotal {position: absolute;top: -10px;font-size: 12px;height: 20px;width: 20px;background-color: #d41e3d;border-radius: 20px;color: #fff;text-align: center;left: 15px;}.HeadtotalCart .cartTotal strong {font-weight: 500;color: #fff;}.HeadtotalCart .cartPrice {color: #212934;font-size: 16px;border: 1px solid #d41e3d;border-radius: 15px;background-color: #fbe9e9;padding: 0 7px;height: 22px;margin-left: 10px;position: relative;font-weight: 500;}@media (max-width: 767.98px) {.HeadtotalCart .cartPrice {display: none;padding: 0;}}.ctxActivitySummaryWrapper {height: auto;width: 300px;background-color: #fff;padding: 10px 16px;margin-left: -15px;border: 1px solid #dadada;margin-bottom: 26px;}.ctxActivitySummaryWrapper > a {border-bottom: 1px solid #dadada;padding-bottom: 0 !important;}.ctxActivitySummaryWrapper > a:last-child {border-bottom: none;}.ctxActivitySummaryWrapper .badge {margin-top: -2px;margin-left: 10px;}.ctxActivitySummaryWrapper .badge .MuiBadge-badge {border-radius: 50px;}.ctxActivitySummaryWrapper .heading {margin-left: 19px;color: #424c5b;font-size: 14px;font-weight: 500;letter-spacing: 0;line-height: 16px;}.ctxActivitySummaryWrapper div:last-child {border-bottom: none;}.ctxActivitySummaryWrapper .alertSummaryItem {border-bottom: 1px solid #dadada;padding: 16px 0;align-items: center;display: flex;}.ctxActivitySummaryWrapper .alertSummaryItem i {height: 24px;width: 24px;color: #004e7d;font-size: 22px;font-weight: 300;}.ctxActivitySummaryWrapper .alertSummaryItem .count {margin-left: 11px;margin-right: 5px;color: #d41e3d;font-size: 16px;font-weight: 500;letter-spacing: 0;line-height: 16px;}.ctxActivitySummaryWrapper .alertSummaryItem .alertDesc {color: #004e7d;font-size: 16px;letter-spacing: 0;line-height: 16px;}@media (max-width: 1200px) {.menuItems {height: 48px;display: flex;align-items: center;}}@media (max-width: 1200px) {.mobileButtons {margin-left: 3%;}}.mobileMenu.mobileMegamenu .menuItems {padding-left: 3%;}.headerChatIcon {display: none;}@media (max-width: 1024.98px) {.headerChatIcon {display: block;}.headerChatIcon a {margin-right: 16px;margin-left: 0;}.headerChatIcon .fa-comment-dots {display: block;width: 21px;height: 21px;background-repeat: no-repeat;background-image: url('data:image/svg+xml;utf8,');}}.headerPhone {display: none;}@media (max-width: 1024.98px) {.headerPhone {display: none;}}.support hr {background-color: #004e7d !important;}.support a, .support a:hover {color: #004e7d;}div.CallSupportHead {font-size: 22px;font-weight: 500;color: #004e7d;position: absolute;left: 36px;cursor: unset;background-image: url(https://static.globalindustrial.com/site42/images/phone-icon.jpg);background-repeat: no-repeat;background-position: left center;padding-left: 45px;}@media (max-width: 1024.98px) {div.CallSupportHead {position: unset;left: unset;background: none;padding-left: 0;margin: 0 auto;text-align: center;color: #fff !important;}}div.CallSupportHead a, div.CallSupportHead a:hover {color: #fff;}.headerRight i.fa-box {display: inline-block;background-image: url('data:image/svg+xml;utf8,');background-repeat: no-repeat;width: 21px;height: 24px;min-height: 1px;}.headerRight i.fa-user {width: 21px;min-height: 1px;display: inline-block;background-image: url('data:image/svg+xml;utf8,');background-repeat: no-repeat;height: 24px;}.showHamburgermenu .fal {width: 17px;height: 19px;background-repeat: no-repeat;display: block;}.showHamburgermenu i.fa-user {background-image: url('data:image/svg+xml;utf8,');}.hamburgerMenuList i.fa-box {background-image: url('data:image/svg+xml;utf8,');}i.fa-shopping-cart {background-image: url('data:image/svg+xml;utf8,');background-repeat: no-repeat;width: 27px;height: 24px;display: inline-block;}.logo-blue {width: 211px;height: 60px;background-repeat: no-repeat;background-image: url('data:image/svg+xml;utf8,');}@media (max-width: 767.98px) {.logo-blue {display: none;}}@media (min-width: 1200px) {.headerRight i.fa-user {display: initial;}}@media (max-width: 767.98px) {.headerRight i.fa-shopping-cart, .headerRight i.fa-user {height: 21px;}}.languages {padding-right: 16px;padding-left: 16px;}.languages .nativeSelect {width: 200px;}.languages .MuiInputBase-root {border: 1px solid #bcbec0;background-color: #fff;}.languages .MuiSelect-select {padding: 5px;}.languages .MuiSelect-outlined {font-size: 13px;font-weight: 600;}.languages .MuiListItem-gutters {padding: 0 25px 0 5px;display: flex;}.languages .MuiSelect-selectMenu {opacity: unset;}.languages .MuiInputBase-input, .languages .MuiSelect-select:focus {background-color: #fff;}.languages .MuiListItemIcon-root {min-width: 32px;}.languages .listItem, .languages .countryFlag {width: 25px;height: 17px;}.languages .MuiListItemText-root {margin: 0;text-align: left;}.languages .checkedStatus, .languages .selectOptionsText {display: none;}.languagaes .MuiTypography-root {font-size: 15px;font-weight: 400;}.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline, .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline, .MuiOutlinedInput-notchedOutline {border: none;}#menu-country .MuiListItem-button, #menu-country .MuiListItem-gutters {padding: 0 5px;}#menu-country .MuiListItemIcon-root {min-width: 30px;}#menu-country .MuiTypography-root {font-size: 15px;font-weight: 400;}#menu-country .selectBoxText {display: none;}.MuiOutlinedInput-input::placeholder {color: #424c5b;opacity: 1;}.i-cart-megacont {background-image: url('data:image/svg+xml;utf8,');display: inline-block;width: 27px;height: 24px;margin-right: 8px;}.i-arrow-megacont {background-image: url('data:image/svg+xml;utf8,');display: inline-block;width: 18px;height: 18px;align-self: center;}.i-arrow-megacont.up {transform: rotate(180deg);}.lv1 > li > a {display: inline-flex;}.i-arrow-bk-megacont {background-image: url('data:image/svg+xml;utf8,');display: inline-block;width: 24px;}.deals-icon {background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAGKADAAQAAAABAAAAGAAAAADiNXWtAAABZ0lEQVRIDa2WPW7CQBCFWRPRc4FwBm7gIkU6OEJukIILEKWnTZEjUCQXQaIBukhJzU9LA873MAbbmPWu7ZGe2PW+/cZeZiy3Wo4RRVGIVsgljpjmqG9c+Bif8X2jHzRFEbJFm8UXtLGZTmuCoz2aoW7phrMB7zs6BrYNGJI7X+B7MsbsbP7c2oG5echdvExd4fiGbOqhL27g7wKwDQRHpceCZ4IOaI126DHhMh6j2/+Ka05wgfAKOkIdpCSv+QSZI8Lge+a/AAdnqApA8+IQHJUeS3o3/j5SvetJJrm16xGx6A1Pw4rGME8JAgYhBjVRlVIsYmeuqQ8+kDrUt84zoIJJ/JbgCbZI7d9YwOuiJVqp1NTSircmMsARXK8VFUyoBAZ9IkWtJOxPw1XycbBQO8ldeBNJSuF1kjjDqyTxhvskqQx3SVIbbkvSGPxOkikJ1KFqomudJ+aqv8DUJ+p4vVb06RK6sv4BU/E2E3iul3AAAAAASUVORK5CYII=");display: inline-block;width: 24px;height: 24px;margin-right: 8px;}.account .accountPopup {display: none;}.contentWrapper {position: relative;max-width: 1440px;margin: 0 auto;padding-left: 16px;padding-right: 16px;min-height: 500px;width: 100%;}@media (min-width: 768px) {.contentWrapper {padding: 0 2.5%;}}@media (min-width: 1440px) {.contentWrapper {padding: 0;}}.flexWrapper {display: flex;}.nativeSelect .MuiListItemText-primary {opacity: 0.65;color: #212934;font-size: 14px;letter-spacing: 0;line-height: 19px;}.all-categories .menuIcon {margin-right: 5px;} @media (max-width: 767px) { .DesktopBanner{ display:none } } .ph-col-12 { display: grid; grid-gap: 0.75rem; grid-template-columns: repeat(auto-fit, minmax(6rem, 1fr)) !important; max-width: 100%; margin: 0 auto; } .ph-picture { width: 109px; height: 84px; background-color: #ced4da; display: flex; flex-direction: column; margin: 0; } @-webkit-keyframes ph-animation { 0% { transform: translate3d(-30%, 0, 0); } 100% { transform: translate3d(30%, 0, 0); } } @keyframes ph-animation { 0% { transform: translate3d(-30%, 0, 0); } 100% { transform: translate3d(30%, 0, 0); } } .ph-item { position: relative; max-width: 100% !important; grid-template-columns: repeat(auto-fit, minmax(6rem, 1fr)) !important; overflow:hidden; padding-top:16px; padding-bottom: 16px; } .ph-item::after{ content:unset !important; } .ph-item::before { position: absolute; top: 0; right: 0; bottom: 0; left: 50%; z-index: 1; width: 500%; margin-left: -250%; pointer-events: none; content: " "; background: linear-gradient(to right, rgba(255, 255, 255, 0) 46%, rgba(255, 255, 255, 0.35) 50%, rgba(255, 255, 255, 0) 54%) 50% 50%; -webkit-animation: ph-animation 0.8s linear infinite; animation: ph-animation 0.8s linear infinite; } @media (min-width: 768px) { .ph-col-12 { grid-gap: 1.2rem; grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr)) !important; } .ph-picture { height: 130px; width: 178px;border-radius:4px; } } @media (min-width: 1368px) { .ph-col-12 { max-width: 1368px; } } .content-ph {margin-top: 20px;height:146px} .animated-ph { background-color: #f3f3f3; background: linear-gradient(to right, #f3f3f3 5%, #eee 20%, #f3f3f3 35%); -webkit-animation: placeholderShimmer 2s linear 0s infinite normal forwards; animation: placeholderShimmer 2s linear 0s infinite normal forwards; } .title-ph { position: relative; height: 50px; } .title-ph:after { position: absolute; right: 0; content: ""; background: #fff; height: 50px; width: 0%; } .padding-ph { height: 16px; background: #fff; } .image-ph { position: relative; height: 65px; } .image-ph:after { position: absolute; right: 0; content: ""; background: #fff; height: 65px; width: 70%; } @media (min-width: 768px) { .content-ph{ display:none } } @-webkit-keyframes placeholderShimmer { 0% { background-position: -500px 0; } 100% { background-position: 500px 0; } } @keyframes placeholderShimmer { 0% { background-position: -500px 0; } 100% { background-position: 500px 0; } } .content-ph .padding-ph:last-child {display:none} .customModalContainer .rec-arrow-left {position:relative; left:10px} .breadCrumbText a { color: #424C5B; } .breadCrumbText a:hover { text-decoration: underline !important; } .breadCrumbText .MuiBreadcrumbs-separator { color: #68707C; font-size: 25px; font-weight: 500; margin-left: 8px; margin-right: 8px; } .breadCrumbText .breadCrumbActive { color: #4A5462; font-weight: bold; } .breadCrumbText .MuiBreadcrumbs-ol { font-size: 15px !important; padding-left: 36px; padding-top: 16px; padding-bottom: 16px; margin: 0; display: flex; flex-wrap: wrap; list-style: none; align-items: center; } @media (min-width: 768px) and (max-width: 1399px) { .breadCrumbText .MuiBreadcrumbs-ol { padding-left: 0px; } } @media (max-width: 767.98px) { .breadCrumbText .MuiBreadcrumbs-ol { display: block; overflow: auto; padding: 10px 0; } } @media (max-width: 767.98px) { .breadCrumbText .MuiBreadcrumbs-ol li { display: inline !important; font-size: 14px !important; word-wrap: break-word; } } .breadCrumbText .MuiBreadcrumbs-ol .MuiBreadcrumbs-li h1 { font-size: 15px !important; padding: 0; margin: 0; line-height: unset; display: inline; font-weight: 400; color: #424C5B; } @media (max-width: 767.98px) { .breadCrumbText .MuiBreadcrumbs-ol .MuiBreadcrumbs-li h1 { font-size: 14px !important; } } .breadCrumbText .MuiBreadcrumbs-ol .MuiBreadcrumbs-li:last-child { font-weight: 400; } .breadCrumbText .MuiBreadcrumbs-ol .MuiBreadcrumbs-li:last-child a { color: #424C5B !important; font-weight: 400; text-transform: capitalize; } .contentWrapper h2.title { margin: 0 36px 16px; font-size: 30px; font-weight: 500; } h2.MobilePageTitle { display: none; } @media (max-width: 767.98px) { h2.MobilePageTitle { display: block; padding: 0; margin: 0; font-weight: 500; font-size: 26px; line-height: 28px; } }

Roof Drains

Related Products

Related Items