@charset "UTF-8";
/****** Primary Colors ******/
/****** Secondary Colors ******/
h1 {
  font-weight: 500;
  font-size: 36px;
  line-height: 50px;
}

h2 {
  font-weight: 400;
  font-size: 32px;
  line-height: 44px;
}

h3 {
  font-weight: 500;
  font-size: 26px;
  line-height: 36px;
}

h4 {
  font-weight: 400;
  font-size: 22px;
  line-height: 30px;
}

h5 {
  font-weight: 300;
  font-size: 18px;
  line-height: 27px;
}

h6 {
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
}

h1, h2, h3, h4, h5, h6 {
  font-style: normal;
  color: #212934;
}

.innerNavBar {
  color: #004e7d;
  font-size: 14px;
  font-weight: 600;
  margin-top: 12px;
  /*  .fal {
      font-size: 21px;
      // font-weight: 500;
    }*/
}
.innerNavBar .navBarItem {
  padding-left: 18px;
  padding-bottom: 16px;
  margin-top: 0;
  display: flex;
}
.innerNavBar .linkText {
  padding-left: 6px;
  display: flex;
  font-weight: 500;
  color: #004e7d;
}
.innerNavBar a {
  display: flex;
}

.link {
  color: #004e7d;
  cursor: pointer;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 600;
  font-family: Kanit;
}

.bold {
  font-weight: 600;
}

.semiBold {
  font-weight: 500;
}

.content {
  padding: 3%;
  height: calc(100% - 82px);
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .content {
    padding: 0;
  }
}
@media (max-width: 767.98px) {
  .content {
    padding: 0;
  }
}

.bcFloat {
  top: auto !important;
  bottom: 130px !important;
}
@media (max-width: 1024.98px) {
  .bcFloat {
    bottom: 10px !important;
  }
}

.moveChatIcon {
  animation: myanim 3s infinite;
  bottom: 30px;
}
@keyframes myanim {
  20% {
    bottom: 100px;
  }
}

.widget-floating {
  top: auto !important;
  bottom: 50px !important;
}

/*.contentWrapper {
  max-width: 1440px;
  margin: 0 auto;
  padding-left: 16px;
  padding-right: 16px;
  min-height: 500px;
  width: 100%;
  @include for-tablet-portrait-up {
    padding: 0 2.5%;
  }
  @include for-big-desktop-up {
    padding: 0;
  }
  .contentWrapper {
    padding: 0;
  }
}*/
.accountContent {
  max-width: 1440px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .accountContent {
    padding-left: 48px;
    padding-right: 48px;
  }
}

.ellipsis {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}

.inlineOnDesktop {
  display: none;
}
@media (min-width: 768px) {
  .inlineOnDesktop {
    display: inline;
  }
}

.flexOnDesktop {
  display: none;
}
@media (min-width: 768px) {
  .flexOnDesktop {
    display: flex;
  }
}

.flexOnDesktopUp {
  display: none;
}
@media (min-width: 1200px) {
  .flexOnDesktopUp {
    display: flex;
  }
}

.blockOnDesktop {
  display: none;
}
@media (min-width: 768px) {
  .blockOnDesktop {
    display: block;
  }
}

.inlineOnMobile {
  display: inline;
}
@media (min-width: 768px) {
  .inlineOnMobile {
    display: none;
  }
}

.flexOnMobile {
  display: inline;
}
@media (min-width: 768px) {
  .flexOnMobile {
    display: none;
  }
}

.showFlex {
  display: flex;
}

.showBlock {
  display: block;
}

.hide {
  display: none;
}

.modal-open {
  overflow: hidden;
  touch-action: none;
  position: relative;
  height: 100%;
}

.emailError {
  color: #d41e3d;
}

.marginTop5 {
  margin-top: 5px !important;
}

.alertContainer {
  position: fixed;
  top: 24px;
  right: 24px;
  display: flex;
  flex-direction: column;
  z-index: 9999;
}
.alertContainer .MuiSnackbar-anchorOriginTopCenter {
  top: 51px;
  width: 100%;
}
@media (min-width: 768px) {
  .alertContainer .MuiSnackbar-anchorOriginTopCenter {
    top: 24px;
  }
}
.alertContainer .MuiSnackbar-root.MuiSnackbar-anchorOriginTopRight {
  position: relative !important;
}

.floatWrap {
  float: left;
}

.info.iIcon {
  transform: rotate(180deg);
  margin-left: 5px;
  width: 24px;
}

.relativeDiv {
  position: relative;
}

.pageNav {
  padding-bottom: 24px;
}
@media (max-width: 767.98px) {
  .pageNav {
    padding-bottom: 16px;
  }
}
.pageNav .alignVCenter svg,
.pageNav .alignVCenter span {
  font-size: 15px;
  color: #424c5b;
  cursor: pointer;
}

.flexDisplay {
  display: flex;
}

.MuiRadio-root {
  color: rgba(0, 0, 0, 0.54);
}

.noMargin {
  margin: 0;
}

h3.section_title_h3:empty {
  margin-bottom: 0 !important;
}

.section_title_h3 {
  font-weight: 500;
  font-size: 26px;
  line-height: 36px;
  color: #212934;
  margin: 0;
  margin-bottom: 20px !important;
}
@media (max-width: 767.98px) {
  .section_title_h3 {
    font-size: 22px;
    font-weight: 500;
    line-height: 28px;
  }
}
.section_title_h3:empty {
  margin-bottom: 0 !important;
}

.errorMsgWrapper i.fa-circle-exclamation {
  color: #d0021b;
  font-size: 22px;
  margin: 0px 10px 0px 0px;
}

.errorMsgWrapper {
  font-size: 14px;
  display: flex;
  color: #212934;
  margin-top: 15px;
}

.downloadInstrn {
  color: #212934;
  font-weight: 300;
  margin-top: 15px;
}

.d-block {
  display: block;
}

.marginB11 {
  margin-bottom: 11px !important;
}

.blueIcon {
  fill: #004e7d;
}

.logo-white {
  width: 211px;
  height: 60px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url('data:image/svg+xml;utf8,<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 585.47 154.1"><path d="M203.94,114.67h4.35l1.12,22.3c.08,1.63,0,3.23,0,3.23h.08s.56-1.55,1.34-3.23l10.5-22.3h3.87l1.34,22.3c.08,1.5,0,3.23,0,3.23h.08s.56-1.64,1.25-3.23l9.69-22.3h4.65l-13.69,30.39h-5l-1.33-19.71a42.45,42.45,0,0,1,0-4.31h-.09s-.9,2.33-1.8,4.26l-9.43,19.76H206Z" fill="rgb(255, 255, 255)"/><path d="M252.7,122.76c5.64,0,8.31,3.36,8.31,8a15.92,15.92,0,0,1-.69,4H244.44a6.27,6.27,0,0,0-.13,1.29c0,3.23,2.11,5.9,6.2,5.9a12.62,12.62,0,0,0,6.93-2.54l1.2,3.32a14.84,14.84,0,0,1-8.3,2.84c-6.37,0-10.29-3.88-10.29-9.3C240.05,129.05,245.39,122.76,252.7,122.76Zm4.05,8.87a6.81,6.81,0,0,0,.09-1.16c0-2.93-1.77-4.39-4.22-4.39a8.2,8.2,0,0,0-7.49,5.55Z" fill="rgb(255, 255, 255)"/><path d="M288.21,122.76c5.73,0,8.22,3.14,8.22,3.14l-2.32,2.72a8.13,8.13,0,0,0-5.68-2.24,9.56,9.56,0,0,0-9.39,9.43c0,3.61,2.5,6.15,6.37,6.15a12.37,12.37,0,0,0,7.32-2.93l1.16,3.32a14.13,14.13,0,0,1-8.86,3.23c-6.29,0-10.25-3.88-10.25-9.47A13.51,13.51,0,0,1,288.21,122.76Z" fill="rgb(255, 255, 255)"/><path d="M311.67,131.46h1.07a7.71,7.71,0,0,0,.18-1.77c0-2-1-3.4-3.92-3.4a13.57,13.57,0,0,0-6.5,2.07L301.38,125a17,17,0,0,1,8.22-2.28c4.18,0,7.58,1.77,7.58,6.46a12.63,12.63,0,0,1-.26,2.41l-2.63,13.43h-3.87l.43-2.2a6.5,6.5,0,0,1,.47-1.72h-.08s-2.63,4.44-7.58,4.44c-3.44,0-6.5-2-6.5-5.51C297.16,133,305.77,131.46,311.67,131.46Zm-6.76,10.76c3.49,0,6.37-3.66,7.15-6.89l.17-.73h-1.08c-3.06,0-9.73.34-9.73,4.78C301.42,140.88,302.5,142.22,304.91,142.22Z" fill="rgb(255, 255, 255)"/><path d="M324.71,123.28h4.09l-.48,2.54a15.81,15.81,0,0,1-.6,2.07h.09a10.86,10.86,0,0,1,9-5.13c3.88,0,6.38,1.81,6.38,5.77a16.07,16.07,0,0,1-.31,2.76l-2.67,13.77H336l2.5-12.87a13.7,13.7,0,0,0,.3-2.45c0-2.16-1.25-3.15-3.23-3.15-4.39,0-8.14,4-9,8.53l-1.89,9.94h-4.18Z" fill="rgb(255, 255, 255)"/><path d="M358.49,139.68a8.54,8.54,0,0,0,6,2.37c2,0,4.39-1.08,4.39-3.23,0-3.32-9.56-3-9.56-9.34,0-4.26,4.22-6.72,8.36-6.72,4.77,0,7.1,2.41,7.1,2.41l-2.07,2.89a7.06,7.06,0,0,0-5.08-1.77c-1.89,0-4.35.91-4.35,3.15,0,3.31,9.6,3,9.6,9.38,0,4-3.74,6.76-8.39,6.76a11.83,11.83,0,0,1-8.31-3.15Z" fill="rgb(255, 255, 255)"/><path d="M377.78,137.05l2.66-13.77h4.18l-2.5,12.83a14.53,14.53,0,0,0-.26,2.49c0,1.9.78,3.1,3.28,3.1,4.34,0,7.87-4.26,8.69-8.52l1.94-9.9h4.17l-4.22,21.78h-4.08l.51-2.54c.22-1,.56-2.07.56-2.07h-.08a10.66,10.66,0,0,1-8.83,5.13c-3.4,0-6.33-1.55-6.33-5.77A15.65,15.65,0,0,1,377.78,137.05Z" fill="rgb(255, 255, 255)"/><path d="M404.72,153.67h-4.18l5.9-30.39h3.87l-.34,1.85a14.63,14.63,0,0,1-.47,1.72h.08a9,9,0,0,1,7.58-4.09c5.21,0,8.18,3.49,8.18,9,0,8.22-5.86,13.86-11.84,13.86-2.88,0-5.42-1.25-6.5-3.79h-.09s-.08.9-.3,2ZM413,142c3.78,0,8.05-3.7,8.05-9.94,0-3.49-1.86-5.6-4.91-5.6-4.48,0-8,4.87-8,9.94C408.16,139.42,409.71,142,413,142Z" fill="rgb(255, 255, 255)"/><path d="M430.5,153.67h-4.18l5.9-30.39h3.87l-.34,1.85a14.63,14.63,0,0,1-.47,1.72h.08a9,9,0,0,1,7.58-4.09c5.21,0,8.18,3.49,8.18,9,0,8.22-5.86,13.86-11.84,13.86-2.88,0-5.42-1.25-6.5-3.79h-.09s-.08.9-.3,2ZM438.81,142c3.78,0,8.05-3.7,8.05-9.94,0-3.49-1.85-5.6-4.91-5.6-4.48,0-8,4.87-8,9.94C433.94,139.42,435.49,142,438.81,142Z" fill="rgb(255, 255, 255)"/><path d="M454.73,138.82l4.69-24.15h4.18l-4.52,23.42a8.08,8.08,0,0,0-.22,1.63c0,1.59,1,1.77,1.94,1.77a4.66,4.66,0,0,0,.69-.05l-.78,3.71a10.64,10.64,0,0,1-1.24.08c-2.29,0-5-.86-5-4.56A10.47,10.47,0,0,1,454.73,138.82Z" fill="rgb(255, 255, 255)"/><path d="M463.81,150.48c1.85,0,3.4-1.16,4.61-3.14l1.59-2.58-5-21.48h4.34L472.29,138c.22,1.12.35,2.58.35,2.58h0s.64-1.42,1.25-2.49l8.18-14.81h4.69l-15.28,25.78c-2,3.4-4.78,5-7.54,5a7.78,7.78,0,0,1-4.47-1.42l1.93-3A3.91,3.91,0,0,0,463.81,150.48Z" fill="rgb(255, 255, 255)"/><path d="M498.33,136.67l1.89-9.77h-2.84l.65-3.41H501l1.24-6.19h4.05L505,123.49h5.25l-.64,3.41h-5.25l-1.81,9.51a9.1,9.1,0,0,0-.17,1.72c0,3,2,3.4,3.57,3.4a8.1,8.1,0,0,0,1.25-.09l-.73,3.71a13.73,13.73,0,0,1-1.38.08c-3.36,0-7-1.2-7-6.37A10.88,10.88,0,0,1,498.33,136.67Z" fill="rgb(255, 255, 255)"/><path d="M516.88,114.67h4.18l-2.16,11.15c-.21,1-.47,1.94-.47,1.94h.09a10.6,10.6,0,0,1,8.78-5c3.91,0,6.41,1.81,6.41,5.77a13.74,13.74,0,0,1-.34,2.76l-2.67,13.77h-4.18l2.5-12.87a13.7,13.7,0,0,0,.3-2.45c0-2.16-1.25-3.15-3.23-3.15-4.35,0-8.13,4-9,8.53l-1.93,9.94H511Z" fill="rgb(255, 255, 255)"/><path d="M550.62,131.46h1.08a8.15,8.15,0,0,0,.17-1.77c0-2-1-3.4-3.91-3.4a13.57,13.57,0,0,0-6.5,2.07L540.34,125a17,17,0,0,1,8.22-2.28c4.17,0,7.57,1.77,7.57,6.46a12.57,12.57,0,0,1-.25,2.41l-2.63,13.43h-3.87l.43-2.2a6.5,6.5,0,0,1,.47-1.72h-.09s-2.62,4.44-7.57,4.44c-3.44,0-6.5-2-6.5-5.51C536.12,133,544.73,131.46,550.62,131.46Zm-6.75,10.76c3.48,0,6.37-3.66,7.14-6.89l.17-.73h-1.07c-3.06,0-9.73.34-9.73,4.78C540.38,140.88,541.46,142.22,543.87,142.22Z" fill="rgb(255, 255, 255)"/><path d="M561.94,136.67l1.9-9.77H561l.64-3.41h2.93l1.25-6.19h4l-1.25,6.19h5.26l-.65,3.41H568l-1.81,9.51a9.1,9.1,0,0,0-.17,1.72c0,3,2,3.4,3.57,3.4a8.1,8.1,0,0,0,1.25-.09l-.73,3.71a13.73,13.73,0,0,1-1.38.08c-3.36,0-7-1.2-7-6.37A10.88,10.88,0,0,1,561.94,136.67Z" fill="rgb(255, 255, 255)"/><path d="M575.46,140.54h4.47l-.86,4.52H574.6Z" fill="rgb(255, 255, 255)"/><path d="M517.53,55H502.44l-6.94-9.29H453.37L446.08,55H432.15s.79-1.36,1.14-1.85c10.57-14.83,32.86-46,32.86-46l17.3,0S506,38.72,516.85,54c.14.19.68,1.08.68,1.08M474.47,15.48,460.16,35.83h28.57Z" fill="rgb(255, 255, 255)"/><path d="M363.93,55V7.5l48.71.18a42.55,42.55,0,0,1,10.12,1.66c5.05,1.54,7.58,5.3,7.63,10.26.06,5.13-2,8-7.29,10.16-.88.36-1.77.69-3.07,1.19,1.37.39,2.3.62,3.2.9,5.17,1.6,7.44,4.33,7.84,9.46a10.73,10.73,0,0,1-6.28,10.78c-5,2.46-10.38,2.9-15.82,2.91-14.53,0-45,0-45,0m12.75-19.33V45c.59,0,1,.09,1.39.09,10.84,0,21.68,0,32.52,0a11.49,11.49,0,0,0,3.39-.49c2.84-.9,3.83-2,3.74-4.39s-1.24-3.63-4.14-4a66.13,66.13,0,0,0-8.33-.45c-9.44,0-18.87,0-28.57,0m-.05-9.57c.68.07,1.23.18,1.78.18,10.51,0,21,0,31.52,0a10,10,0,0,0,4.13-.58c1.78-.75,3-1.68,3-3.67s-1-3.14-2.84-3.75a17.22,17.22,0,0,0-5.32-.8c-9.93-.08-19.86,0-29.79,0-.8,0-1.59.07-2.51.11Z" fill="rgb(255, 255, 255)"/><polygon points="212.48 7.65 212.48 55.03 272.91 55.03 272.91 44.38 225.76 44.38 225.76 7.65 212.48 7.65" fill="rgb(255, 255, 255)"/><polygon points="524.23 7.65 524.23 55.04 584.66 55.04 584.66 44.38 537.51 44.38 537.51 7.65 524.23 7.65" fill="rgb(255, 255, 255)"/><path d="M538.14,98.37H527.87l-4.73-6.32H494.47l-5,6.32H480s.54-.93.78-1.26C488,87,503.17,65.84,503.17,65.84l11.78,0s15.34,21.45,22.73,31.82c.09.12.46.73.46.73M508.83,71.45,499.09,85.3h19.45Z" fill="rgb(255, 255, 255)"/><polygon points="543.2 65.87 543.2 98.38 584.66 98.38 584.66 91.07 552.32 91.07 552.32 65.87 543.2 65.87" fill="rgb(255, 255, 255)"/><path d="M356.48,29.32c-1.33-11.94-7.18-22.6-39.63-22.6s-38.29,10.66-39.62,22.6.63,28.44,39.62,28.44,40.95-16.57,39.63-28.44M334.9,45.09a72.75,72.75,0,0,1-18,2.46,72.81,72.81,0,0,1-18.05-2.46c-5.91-1.79-8.31-6.66-8.05-13.69.24-6.25,3.32-10.64,9.14-12.28a64,64,0,0,1,33.93,0c5.82,1.64,8.9,6,9.13,12.28.27,7-2.14,11.9-8.05,13.69" fill="rgb(255, 255, 255)"/><path d="M200.15,10.59v10.8s-9.87-2.54-14.87-3.2c-10.44-1.38-20.93-2-31.32.56-6.47,1.58-9.8,5.79-10,12.52-.21,8.07,2.44,12.33,9.31,14.23a62.3,62.3,0,0,0,32.58,0c3.88-1,5.49-3.37,5.44-7.46H162.05V28.8h41.61c.07,5.8.72,11.63-1.9,17.11-2.44,5.12-8.42,11.73-32.53,11.73-8.36,0-16.74-.37-24.71-3.43-8.19-3.14-12.9-9.13-14-17.77-1-8,.24-15.41,6.2-21.43,4.2-4.23,10.52-8.22,36.53-8.22a107.47,107.47,0,0,1,26.88,3.8" fill="rgb(255, 255, 255)"/><path d="M133.05,65.78H142V98.35h-8.91Z" fill="rgb(255, 255, 255)"/><path d="M467.5,65.86h8.92V98.35H467.5Z" fill="rgb(255, 255, 255)"/><path d="M156.79,98.1H148V65.89c2.88,0,13.44-.06,13.44-.06l4.45,3.72S180,82.85,187.14,89.46c.44.41.91.8,1.63,1.44V66h8.77V98.19h-2.39c-3.12,0-10.93,0-10.93,0L183,97.06s-16.68-15.47-25-23.22c-.32-.29-.67-.54-1.24-1Z" fill="rgb(255, 255, 255)"/><path d="M204.16,65.86c9.07,0,18-.09,26.94,0a48.66,48.66,0,0,1,9.08,1c5.68,1.18,9.85,4.4,11.45,10.14,1.66,5.93.84,11.48-3.69,16-2.74,2.76-6.28,3.91-10,4.37a81.45,81.45,0,0,1-9,.66c-8.21.09-16.43,0-24.79,0Zm9,7.22V90.79s15.07.06,22.52-.45a7.44,7.44,0,0,0,7.06-5.47c1.73-5.85-1.43-10.82-7.55-11.31-5.46-.44-11-.35-16.46-.47C216.9,73.05,215.08,73.08,213.15,73.08Z" fill="rgb(255, 255, 255)"/><path d="M256.8,65.65h9.13v1.76c0,5.25,0,10.49,0,15.74,0,3.57,1.57,6.21,5,7.29A31.83,31.83,0,0,0,291,90.35c3.31-1.1,4.77-3.71,4.81-7.1.05-5.36,0-10.72,0-16.08V65.7H305v.9s0,12,0,17.92c0,7.52-4.74,11.11-9.88,12.73-6.21,2-12.63,2.06-19.06,1.63a32.15,32.15,0,0,1-10.77-2.18c-5.19-2.22-8.29-5.93-8.36-11.75-.07-6.14-.06-18.42-.06-18.42Z" fill="rgb(255, 255, 255)"/><path d="M309.81,88.18c5.25,1,10.31,2.47,15.46,2.93,5.91.53,11.89.23,17.84.23a10.45,10.45,0,0,0,2.57-.46,1.86,1.86,0,0,0,1.43-2.41,2.58,2.58,0,0,0-1.92-2,49.9,49.9,0,0,0-8.38-.84c-6.34-.28-12.72-.19-18.93-1.77-4.77-1.21-6.95-3.65-7.13-7.77-.21-4.83,1.95-8.08,6.52-9.65a20.9,20.9,0,0,1,4.09-1A79,79,0,0,1,350.82,67c1.86.46,2.41.66,2.41.66s0,5.76,0,7.57c-2.11-.6-4-1.23-5.95-1.68a71.13,71.13,0,0,0-23.81-1.39,11.6,11.6,0,0,0-2.29.56c-1.07.34-1.9,1.12-1.57,2.23a3.17,3.17,0,0,0,1.76,1.89,20.91,20.91,0,0,0,4.81.69c5.4.28,10.8.36,16.18.77a42.06,42.06,0,0,1,8.09,1.49c3.57,1,5.3,3.65,5.47,7.27s-.68,7.22-4.39,8.74a35.25,35.25,0,0,1-9.87,2.53,80.09,80.09,0,0,1-28-1.87c-3.86-1-3.85-1.16-3.85-1.16Z" fill="rgb(255, 255, 255)"/><path d="M378.55,73.18H357.87V65.93h50.55V73.1H387.93V98.44h-9.38Z" fill="rgb(255, 255, 255)"/><path d="M414,66a8,8,0,0,1,.94-.11c10.86,0,21.73,0,32.59.14a22.11,22.11,0,0,1,6.93,1.22c4.42,1.53,6.24,5,6,10.71a9.44,9.44,0,0,1-7,8.9c-1.71.49-3.5.73-5.67,1.16,2.87,1.83,15.75,10.47,15.75,10.47l-13.11.05L434.84,87.94l-11.62,0V98.32H414Zm9.22,15c7.88,0,15.65,0,23.41,0a7.32,7.32,0,0,0,2.29-.52,3.54,3.54,0,0,0,2.36-3.69,3.22,3.22,0,0,0-2.78-3.16,27.18,27.18,0,0,0-4-.35c-6.53,0-13.06,0-19.6,0-.53,0-1.07.06-1.65.1Z" fill="rgb(255, 255, 255)"/><path d="M85.6,12.92a120.18,120.18,0,0,1-6.36,21.47h20.85A51.53,51.53,0,0,0,85.6,12.92Z" fill="rgb(213, 0, 55)"/><path d="M43.71,82.16A137.91,137.91,0,0,1,31,91.33C51.53,87,78.48,79.5,100.66,66.93h0A51.36,51.36,0,0,0,103,51.51a52.54,52.54,0,0,0-.54-7.47H74.84A119.84,119.84,0,0,1,43.71,82.16Z" fill="rgb(213, 0, 55)"/><path d="M68.86,34.39A110.22,110.22,0,0,0,76.94,6.72h0a51.51,51.51,0,0,0-74,27.67Z" fill="rgb(213, 0, 55)"/><path d="M47.18,97.55c-4.16,1-8.18,2-12,2.81h0A51.52,51.52,0,0,0,93.29,81.61,260.7,260.7,0,0,1,47.18,97.55Z" fill="rgb(213, 0, 55)"/><path d="M16.08,88.88h0A132.28,132.28,0,0,0,37.9,74.44,110.78,110.78,0,0,0,64,44H.55A51.4,51.4,0,0,0,16.08,88.88Z" fill="rgb(213, 0, 55)"/><path d="M64,44A110.78,110.78,0,0,1,37.9,74.44,132.28,132.28,0,0,1,16.08,88.88h0a51.59,51.59,0,0,0,19.1,11.48h0c3.81-.83,7.83-1.76,12-2.81A260.7,260.7,0,0,0,93.29,81.61a51.37,51.37,0,0,0,7.37-14.68h0C78.48,79.5,51.53,87,31,91.33a137.91,137.91,0,0,0,12.68-9.17A119.84,119.84,0,0,0,74.84,44h27.63a51.57,51.57,0,0,0-2.38-9.65H79.24A120.18,120.18,0,0,0,85.6,12.92h0a52.09,52.09,0,0,0-8.66-6.2h0a110.22,110.22,0,0,1-8.08,27.67H2.92A50.78,50.78,0,0,0,.55,44Z" fill="rgb(255, 255, 255)"/><path d="M580.6,115.15a4.34,4.34,0,0,1,2.1.55,3.9,3.9,0,0,1,1.59,1.58,4.31,4.31,0,0,1,.57,2.13,4.37,4.37,0,0,1-.56,2.12,3.88,3.88,0,0,1-1.58,1.58,4.34,4.34,0,0,1-2.12.56,4.39,4.39,0,0,1-2.12-.56,3.92,3.92,0,0,1-1.57-1.58,4.25,4.25,0,0,1,0-4.25,4,4,0,0,1,1.6-1.58A4.33,4.33,0,0,1,580.6,115.15Zm0,.71a3.57,3.57,0,0,0-1.74.46,3.23,3.23,0,0,0-1.33,1.31,3.61,3.61,0,0,0-.48,1.78,3.5,3.5,0,0,0,.47,1.77,3.26,3.26,0,0,0,1.32,1.31,3.49,3.49,0,0,0,3.53,0,3.26,3.26,0,0,0,1.32-1.31,3.55,3.55,0,0,0,0-3.55,3.23,3.23,0,0,0-1.33-1.31A3.61,3.61,0,0,0,580.6,115.86Zm-1.86,5.91v-4.59h1.57a4,4,0,0,1,1.17.13,1.21,1.21,0,0,1,.58.44,1.23,1.23,0,0,1,.21.68,1.22,1.22,0,0,1-.36.87,1.4,1.4,0,0,1-.95.42,1.44,1.44,0,0,1,.39.24,5.87,5.87,0,0,1,.68.91l.56.9h-.91l-.4-.72a3.56,3.56,0,0,0-.78-1.07.9.9,0,0,0-.59-.16h-.44v2Zm.73-2.58h.9a1.52,1.52,0,0,0,.88-.19.63.63,0,0,0,.24-.51.61.61,0,0,0-.12-.37.76.76,0,0,0-.31-.24,2.42,2.42,0,0,0-.74-.08h-.85Z" fill="rgb(255, 255, 255)"/><path d="M579.41,8.52a6.13,6.13,0,0,1,3,.79,5.48,5.48,0,0,1,2.26,2.24,6.05,6.05,0,0,1,0,6.05,5.68,5.68,0,0,1-2.24,2.24,6.08,6.08,0,0,1-6,0,5.7,5.7,0,0,1-2.25-2.24,6.2,6.2,0,0,1-.8-3,6.05,6.05,0,0,1,.82-3,5.48,5.48,0,0,1,2.26-2.24A6.13,6.13,0,0,1,579.41,8.52Zm0,1a5.08,5.08,0,0,0-2.48.65A4.66,4.66,0,0,0,575,12.05a5.07,5.07,0,0,0-.69,2.53,5.13,5.13,0,0,0,.67,2.51A4.76,4.76,0,0,0,576.9,19a5,5,0,0,0,5,0,4.7,4.7,0,0,0,1.88-1.87,5.12,5.12,0,0,0,.66-2.51,5.06,5.06,0,0,0-.68-2.53,4.66,4.66,0,0,0-1.89-1.87A5.11,5.11,0,0,0,579.41,9.53Zm-2.66,8.4V11.41H579a5.57,5.57,0,0,1,1.67.18,1.65,1.65,0,0,1,.82.63,1.73,1.73,0,0,1-.21,2.2,2,2,0,0,1-1.35.6,1.72,1.72,0,0,1,.55.34,7.63,7.63,0,0,1,1,1.3l.8,1.27h-1.29l-.57-1a5.33,5.33,0,0,0-1.1-1.51,1.39,1.39,0,0,0-.85-.23h-.61v2.77Zm1.06-3.67h1.27a2.08,2.08,0,0,0,1.25-.27.88.88,0,0,0,.33-.72.87.87,0,0,0-.16-.52.89.89,0,0,0-.44-.34A3.19,3.19,0,0,0,579,12.3h-1.19Z" fill="rgb(255, 255, 255)"/></svg>');
}

.d-block {
  display: block;
}

.marginB11 {
  margin-bottom: 11px !important;
}

.logo-white-withoutTag {
  width: 211px;
  height: 34px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url('data:image/svg+xml;utf8,<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 548.29 96.61"><path d="M485.34,51.61H471.18l-6.51-8.72h-39.5l-6.84,8.72H405.27s.74-1.27,1.07-1.73c9.91-13.91,30.81-43.1,30.81-43.1l16.23,0s21.15,29.56,31.32,43.84c.13.18.64,1,.64,1M445,14.52,431.54,33.6h26.78Z" fill="rgb(255, 255, 255)"/><path d="M341.29,51.61V7L387,7.2a39.84,39.84,0,0,1,9.49,1.56,9.52,9.52,0,0,1,7.16,9.62c.05,4.81-1.9,7.54-6.84,9.53-.82.34-1.66.65-2.88,1.12,1.29.36,2.15.58,3,.84,4.84,1.5,7,4.06,7.35,8.87a10.08,10.08,0,0,1-5.89,10.11c-4.68,2.31-9.74,2.72-14.84,2.73-13.63,0-42.24,0-42.24,0m12-18.12v8.73c.55,0,.93.08,1.3.08,10.17,0,20.34,0,30.5,0a10.74,10.74,0,0,0,3.18-.47c2.67-.84,3.59-1.84,3.5-4.11s-1.16-3.41-3.88-3.77a61.64,61.64,0,0,0-7.81-.42c-8.85,0-17.7,0-26.79,0m-.05-9c.64.06,1.15.17,1.67.17,9.85,0,19.71,0,29.56,0a9.37,9.37,0,0,0,3.87-.54c1.67-.71,2.79-1.57,2.85-3.44a3.33,3.33,0,0,0-2.67-3.52,16,16,0,0,0-5-.75c-9.31-.07-18.62,0-27.94,0-.74,0-1.49.07-2.35.11Z" fill="rgb(255, 255, 255)"/><polygon points="199.26 7.17 199.26 51.61 255.93 51.61 255.93 41.62 211.72 41.62 211.72 7.17 199.26 7.17" fill="rgb(255, 255, 255)"/><polygon points="491.62 7.18 491.62 51.61 548.29 51.61 548.29 41.62 504.08 41.62 504.08 7.18 491.62 7.18" fill="rgb(255, 255, 255)"/><path d="M504.66,92.25H495l-4.43-5.93H463.71l-4.65,5.93h-8.89s.51-.87.73-1.19c6.74-9.46,21-29.33,21-29.33l11,0s14.4,20.12,21.32,29.84c.09.12.43.69.43.69M477.18,67l-9.13,13h18.23Z" fill="rgb(255, 255, 255)"/><polygon points="509.41 61.77 509.41 92.25 548.29 92.25 548.29 85.4 517.96 85.4 517.96 61.77 509.41 61.77" fill="rgb(255, 255, 255)"/><path d="M334.3,27.5c-1.25-11.2-6.73-21.19-37.16-21.19S261.23,16.3,260,27.5s.6,26.67,37.16,26.67,38.4-15.54,37.16-26.67M314.07,42.28a68.08,68.08,0,0,1-16.93,2.31,68.08,68.08,0,0,1-16.93-2.31c-5.54-1.67-7.8-6.24-7.55-12.84.23-5.85,3.11-10,8.57-11.51a59.94,59.94,0,0,1,31.82,0c5.46,1.54,8.35,5.66,8.57,11.51.25,6.6-2,11.17-7.55,12.84" fill="rgb(255, 255, 255)"/><path d="M187.7,9.93V20.06s-9.26-2.39-13.95-3c-9.79-1.29-19.62-1.86-29.37.52-6.07,1.48-9.19,5.43-9.35,11.75-.19,7.56,2.29,11.56,8.73,13.34a58.41,58.41,0,0,0,30.55,0c3.65-.94,5.16-3.16,5.1-7H152V27h39c.06,5.45.68,10.92-1.78,16.06-2.29,4.8-7.9,11-30.51,11-7.83,0-15.7-.35-23.17-3.22-7.68-3-12.1-8.57-13.11-16.67-.93-7.46.22-14.45,5.81-20.09,3.94-4,9.87-7.71,34.26-7.71A100.85,100.85,0,0,1,187.7,9.93" fill="rgb(255, 255, 255)"/><path d="M124.77,61.69h8.36V92.23h-8.36Z" fill="rgb(255, 255, 255)"/><path d="M438.42,61.76h8.36V92.23h-8.36Z" fill="rgb(255, 255, 255)"/><path d="M147,92h-8.22V61.79c2.7,0,12.6,0,12.6,0l4.18,3.48s13.24,12.47,19.9,18.68c.42.38.85.75,1.53,1.34V61.92h8.22V92.08H183c-2.92,0-10.25,0-10.25,0l-1.12-1L148.2,69.25c-.3-.28-.63-.51-1.16-1Z" fill="rgb(255, 255, 255)"/><path d="M191.46,61.76c8.5,0,16.89-.08,25.27.05a45.83,45.83,0,0,1,8.5,1c5.34,1.1,9.24,4.12,10.75,9.51,1.56,5.56.79,10.76-3.46,15-2.57,2.58-5.9,3.66-9.41,4.09a76.39,76.39,0,0,1-8.4.63c-7.71.08-15.41,0-23.25,0Zm8.43,6.78v16.6S214,85.2,221,84.72a7,7,0,0,0,6.62-5.13c1.62-5.48-1.34-10.15-7.08-10.61-5.12-.41-10.29-.33-15.44-.44C203.41,68.5,201.7,68.54,199.89,68.54Z" fill="rgb(255, 255, 255)"/><path d="M240.83,61.57h8.55v1.64c0,4.93,0,9.85,0,14.77,0,3.34,1.47,5.82,4.7,6.84a29.85,29.85,0,0,0,18.8-.09c3.1-1,4.47-3.48,4.51-6.66,0-5,0-10,0-15.08V61.62H286v.83s0,11.21,0,16.81c0,7-4.45,10.42-9.26,11.94-5.83,1.84-11.85,1.93-17.88,1.53a30.45,30.45,0,0,1-10.1-2c-4.87-2.09-7.78-5.57-7.84-11-.06-5.76,0-17.28,0-17.28Z" fill="rgb(255, 255, 255)"/><path d="M290.54,82.69c4.92,1,9.67,2.32,14.5,2.76,5.54.49,11.15.21,16.73.2a10.16,10.16,0,0,0,2.41-.42A1.75,1.75,0,0,0,325.52,83a2.42,2.42,0,0,0-1.8-1.83,47,47,0,0,0-7.86-.79c-5.95-.26-11.93-.18-17.76-1.66-4.47-1.13-6.51-3.42-6.68-7.28-.2-4.53,1.83-7.58,6.12-9.06a20.21,20.21,0,0,1,3.83-.94A73.89,73.89,0,0,1,329,62.82c1.74.44,2.26.62,2.26.62s0,5.4,0,7.1c-2-.56-3.76-1.15-5.58-1.58a66.47,66.47,0,0,0-22.32-1.29,10.58,10.58,0,0,0-2.14.51c-1,.32-1.79,1.06-1.48,2.1a3,3,0,0,0,1.65,1.77,19.49,19.49,0,0,0,4.52.65c5.05.26,10.12.34,15.16.72a39.18,39.18,0,0,1,7.59,1.4c3.35.92,5,3.42,5.13,6.82s-.64,6.76-4.11,8.19a33.48,33.48,0,0,1-9.27,2.38,75,75,0,0,1-26.22-1.76c-3.62-.93-3.61-1.09-3.61-1.09Z" fill="rgb(255, 255, 255)"/><path d="M355,68.63H335.6v-6.8H383v6.72H363.8V92.32H355Z" fill="rgb(255, 255, 255)"/><path d="M388.28,61.86c.36,0,.62-.1.87-.1,10.19,0,20.38,0,30.57.14a21.14,21.14,0,0,1,6.5,1.13c4.14,1.44,5.85,4.74,5.64,10.06a8.85,8.85,0,0,1-6.58,8.34c-1.61.46-3.28.68-5.31,1.09,2.68,1.71,14.77,9.82,14.77,9.82l-12.3,0-14.65-9.91-10.89,0v9.77h-8.62ZM396.92,76c7.39,0,14.67,0,22,0a6.46,6.46,0,0,0,2.14-.49A3.32,3.32,0,0,0,423.23,72a3,3,0,0,0-2.6-3,26.67,26.67,0,0,0-3.78-.33c-6.13,0-12.25,0-18.38,0-.5,0-1,.06-1.55.09Z" fill="rgb(255, 255, 255)"/><path d="M80.28,12.11a112.8,112.8,0,0,1-6,20.14H93.86A48.36,48.36,0,0,0,80.28,12.11Z" fill="rgb(213, 0, 55)"/><path d="M41,77.05a132.14,132.14,0,0,1-11.89,8.6c19.22-4,44.5-11.1,65.3-22.88h0A48.38,48.38,0,0,0,96.6,48.3a49,49,0,0,0-.51-7H70.19A112.46,112.46,0,0,1,41,77.05Z" fill="rgb(213, 0, 55)"/><path d="M64.58,32.25A103.7,103.7,0,0,0,72.15,6.31h0A48.29,48.29,0,0,0,2.74,32.25Z" fill="rgb(213, 0, 55)"/><path d="M44.25,91.48c-3.91,1-7.67,1.86-11.25,2.63h0A48.22,48.22,0,0,0,87.48,76.53,244.31,244.31,0,0,1,44.25,91.48Z" fill="rgb(213, 0, 55)"/><path d="M15.08,83.35h0A124.56,124.56,0,0,0,35.54,69.81,104,104,0,0,0,60,41.3H.51a49,49,0,0,0-.51,7A48.17,48.17,0,0,0,15.08,83.35Z" fill="rgb(213, 0, 55)"/><path d="M60,41.3A104,104,0,0,1,35.54,69.81,124.56,124.56,0,0,1,15.08,83.35h0A48.07,48.07,0,0,0,33,94.11h0c3.58-.77,7.34-1.64,11.25-2.63a244.31,244.31,0,0,0,43.23-15A48.09,48.09,0,0,0,94.4,62.77h0C73.6,74.55,48.32,81.61,29.1,85.65A132.14,132.14,0,0,0,41,77.05,112.46,112.46,0,0,0,70.19,41.3h25.9a47.89,47.89,0,0,0-2.23-9H74.31a112.8,112.8,0,0,0,6-20.14h0a48.6,48.6,0,0,0-8.13-5.8h0a103.7,103.7,0,0,1-7.57,25.94H2.74a48.67,48.67,0,0,0-2.23,9Z" fill="rgb(255, 255, 255)"/><path d="M542.35,7a5.82,5.82,0,0,1,2.8.73,5.3,5.3,0,0,1,2.14,2.11,5.92,5.92,0,0,1,.76,2.86,5.8,5.8,0,0,1-.75,2.84,5.35,5.35,0,0,1-2.11,2.11,5.75,5.75,0,0,1-5.68,0,5.35,5.35,0,0,1-2.11-2.11,5.76,5.76,0,0,1,0-5.7,5.3,5.3,0,0,1,2.14-2.11A5.82,5.82,0,0,1,542.35,7Zm0,.94a4.88,4.88,0,0,0-2.34.62,4.37,4.37,0,0,0-1.78,1.76,4.74,4.74,0,0,0,0,4.74A4.5,4.5,0,0,0,540,16.82a4.77,4.77,0,0,0,2.36.63,4.84,4.84,0,0,0,2.37-.63,4.54,4.54,0,0,0,1.76-1.77,4.76,4.76,0,0,0,.62-2.36,4.87,4.87,0,0,0-.63-2.38,4.37,4.37,0,0,0-1.78-1.76A4.88,4.88,0,0,0,542.35,7.93Zm-2.5,7.91V9.71H542a4.91,4.91,0,0,1,1.56.17,1.51,1.51,0,0,1,.77.59,1.58,1.58,0,0,1,.29.9,1.62,1.62,0,0,1-.48,1.17,1.9,1.9,0,0,1-1.27.56,1.66,1.66,0,0,1,.52.33,6.76,6.76,0,0,1,.91,1.21l.74,1.2h-1.21l-.54-1a4.82,4.82,0,0,0-1-1.43,1.26,1.26,0,0,0-.79-.21h-.58v2.6Zm1-3.45H542a2,2,0,0,0,1.18-.26.82.82,0,0,0,.31-.68.81.81,0,0,0-.15-.48.93.93,0,0,0-.42-.33,3.17,3.17,0,0,0-1-.1h-1.13Z" fill="rgb(255, 255, 255)"/></svg>');
}
@media (min-device-width: 320px) and (max-device-width: 575.98px) {
  .logo-white-withoutTag {
    width: 150px;
  }
}

.redColor {
  color: #d41e3d !important;
}

.buttonLogin {
  height: 50px;
  border-radius: 8px;
  background: #d41e3d;
  color: #ffffff;
  font-family: Kanit;
  font-size: 16px;
  font-weight: 600;
  text-transform: capitalize;
}

.agreeBtn {
  background-color: #008000;
}

.blue-text {
  color: #004e7d;
}

.toolTipContainer {
  background: #002e50;
  color: #ffffff;
  padding: 10px;
  width: 60%;
  right: -24px;
  position: absolute;
  line-height: 1.3;
  font-weight: 400;
  z-index: 1;
}
.toolTipContainer p,
.toolTipContainer span,
.toolTipContainer div {
  color: #fff !important;
}
.toolTipContainer span {
  padding: 0;
  color: #fff;
}
.toolTipContainer.estShippingToolTip {
  width: 100%;
  top: 65px;
}
.toolTipContainer .head-title {
  padding-bottom: 10px;
  border-bottom: 1px solid #bcbec0;
  margin-bottom: 16px;
}
.toolTipContainer .head-title h1 {
  font-size: 16px;
}
.toolTipContainer .head-title .fas {
  padding-right: 5px;
  color: #ffffff;
}

.toolTipContainer.estShippingToolTip::before {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 11.5px 15px 11.5px;
  border-color: transparent transparent #002e50 transparent;
  top: -10px;
  right: 30px;
  z-index: 2;
}

.estShipping::before {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 11.5px 15px 11.5px;
  border-color: transparent transparent #002e50 transparent;
  top: -10px;
  right: 30px;
  z-index: 2;
}
.estShipping p {
  padding: 0;
  margin: 0;
  line-height: initial;
}

.whiteColorvariant {
  border: 1px solid #212934;
}

.toolTipContainer p {
  word-break: break-word;
}

.toolTipContainer.freeShippingToolTip {
  left: 0;
  margin-top: 15px;
  width: 65%;
}

.toolTipContainer.freeShippingToolTip::before {
  left: 10px;
}

.renderfreeShippingToolTip::before {
  content: "";
  width: 0px;
  height: 0px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  border-bottom: solid 5.5px #ffffff;
  border-left: solid 8px transparent;
  border-right: solid 8px transparent;
  position: absolute;
  left: 10px;
  top: -4px;
}

.fa-info-circle.freeShppingToolTip, .fa-info-circle.ToolTip {
  position: relative;
  padding: 0px 8px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill="rgb(0, 73, 135)" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM296 336h-16V248C280 234.8 269.3 224 256 224H224C210.8 224 200 234.8 200 248S210.8 272 224 272h8v64h-16C202.8 336 192 346.8 192 360S202.8 384 216 384h80c13.25 0 24-10.75 24-24S309.3 336 296 336zM256 192c17.67 0 32-14.33 32-32c0-17.67-14.33-32-32-32S224 142.3 224 160C224 177.7 238.3 192 256 192z"/></svg>');
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  margin: -2px 8px;
}
.fa-info-circle.freeShppingToolTip::before, .fa-info-circle.ToolTip::before {
  content: "" !important;
  color: #004e7d;
  border-radius: 100%;
  font-size: 16px;
  font-weight: 500;
}
.fa-info-circle.freeShppingToolTip .MuiTypography-subtitle2, .fa-info-circle.ToolTip .MuiTypography-subtitle2 {
  background: #002e50;
  color: #ffffff;
  padding: 10px;
  width: 215px;
  right: -24px;
  position: absolute;
  top: 35px;
  line-height: 1.3;
  font-weight: 400;
  z-index: 2;
}
.fa-info-circle.freeShppingToolTip .MuiTypography-subtitle2::before, .fa-info-circle.ToolTip .MuiTypography-subtitle2::before {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 11.5px 15px 11.5px;
  border-color: transparent transparent #002e50 transparent;
  top: -10px;
  right: 30px;
  z-index: 2;
}
@media (max-width: 539.98px) {
  .fa-info-circle.freeShppingToolTip .MuiTypography-subtitle2::before, .fa-info-circle.ToolTip .MuiTypography-subtitle2::before {
    left: 155px !important;
  }
}
@media (max-width: 767.98px) {
  .fa-info-circle.freeShppingToolTip .MuiTypography-subtitle2, .fa-info-circle.ToolTip .MuiTypography-subtitle2 {
    left: 0;
  }
  .fa-info-circle.freeShppingToolTip .MuiTypography-subtitle2::before, .fa-info-circle.ToolTip .MuiTypography-subtitle2::before {
    left: 6px;
  }
}
.fa-info-circle.freeShppingToolTip .MuiTypography-subtitle2 a, .fa-info-circle.ToolTip .MuiTypography-subtitle2 a {
  color: #ffffff;
  font-weight: 500;
  display: block;
}
.fa-info-circle.PriceInfoTooltip .MuiTypography-subtitle2 {
  right: -150px;
}
.fa-info-circle.PriceInfoTooltip .MuiTypography-subtitle2::before {
  left: 35px;
}

.listViewTable .MuiTypography-subtitle2 {
  right: 0 !important;
}

.productTileContainer .fa-info-circle.freeShppingToolTip .MuiTypography-subtitle2,
.productTileContainer .fa-info-circle.ToolTip .MuiTypography-subtitle2 {
  top: 25px;
}
@media (max-width: 539.98px) {
  .productTileContainer .fa-info-circle.freeShppingToolTip .MuiTypography-subtitle2,
.productTileContainer .fa-info-circle.ToolTip .MuiTypography-subtitle2 {
    left: -150px !important;
  }
}
@media (max-width: 539.98px) {
  .productTileContainer .fa-info-circle.freeShppingToolTip .MuiTypography-subtitle2 .fa-info-circle.freeShppingToolTip .MuiTypography-subtitle2::before,
.productTileContainer .fa-info-circle.freeShppingToolTip .MuiTypography-subtitle2 .fa-info-circle.ToolTip .MuiTypography-subtitle2::before,
.productTileContainer .fa-info-circle.ToolTip .MuiTypography-subtitle2 .fa-info-circle.freeShppingToolTip .MuiTypography-subtitle2::before,
.productTileContainer .fa-info-circle.ToolTip .MuiTypography-subtitle2 .fa-info-circle.ToolTip .MuiTypography-subtitle2::before {
    left: 156px !important;
  }
}

.fontSize12Normal {
  font-size: 12px !important;
  font-weight: normal;
  line-height: 12px;
}

.successMsg {
  background-color: rgba(113, 185, 70, 0.12);
  padding: 12px 16px 11px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  margin: 0 auto;
  margin-top: 16px;
  align-items: center;
  display: flex;
  border-radius: 4px;
  color: #4b515a;
}
.successMsg .far {
  font-size: 22px;
  align-self: center;
  margin-right: 12px;
  color: #4e832e;
}
.successMsg span {
  font-weight: 500;
  margin: 0 4px;
}

.warning-msg {
  background-color: #fbeaec;
  padding: 12px 16px 11px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  margin: 0 35px 0 31px;
  align-items: center;
  display: flex;
  border-radius: 4px;
  color: #4b515a;
}
.warning-msg .fa-exclamation-circle {
  font-size: 22px;
  align-self: center;
  margin-right: 12px;
  color: #d0021b;
}
.warning-msg span {
  font-weight: 500;
  margin: 0 4px;
  color: #424c5b;
}

.contentWrapper .share-popup-wrapper {
  position: absolute;
  right: 30px;
  top: 25px;
}
@media (max-width: 767.98px) {
  .contentWrapper .share-popup-wrapper {
    position: relative;
    right: auto;
    top: auto;
  }
  .contentWrapper .share-popup-wrapper .navContextMenu {
    float: right;
  }
}
.contentWrapper .share-popup-wrapper .inlineFlexWrapper {
  display: flex;
  align-items: center;
  color: #004e7d;
  font-size: 14px;
  font-weight: 500;
  padding: 0;
}
.contentWrapper .share-popup-wrapper .inlineFlexWrapper span {
  padding: 0 3px;
  padding-left: 6px;
}
.contentWrapper .share-popup-wrapper .inlineFlexWrapper .fal {
  width: 21px;
  height: 21px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill="rgb(0, 73, 135)" d="M448 128C448 181 405 224 352 224C323.1 224 297.2 211.2 279.6 191L189.9 235.9C191.3 242.4 191.1 249.1 191.1 255.1C191.1 262.9 191.3 269.6 189.9 276.1L279.6 320.1C297.2 300.8 323.1 287.1 352 287.1C405 287.1 448 330.1 448 384C448 437 405 480 352 480C298.1 480 256 437 256 384C256 377.1 256.7 370.4 258.1 363.9L168.4 319C150.8 339.2 124.9 352 96 352C42.98 352 0 309 0 255.1C0 202.1 42.98 159.1 96 159.1C124.9 159.1 150.8 172.8 168.4 192.1L258.1 148.1C256.7 141.6 256 134.9 256 128C256 74.98 298.1 32 352 32C405 32 448 74.98 448 128H448zM95.1 304C122.5 304 143.1 282.5 143.1 256C143.1 229.5 122.5 208 95.1 208C69.49 208 47.1 229.5 47.1 256C47.1 282.5 69.49 304 95.1 304zM352 80C325.5 80 304 101.5 304 128C304 154.5 325.5 176 352 176C378.5 176 400 154.5 400 128C400 101.5 378.5 80 352 80zM352 432C378.5 432 400 410.5 400 384C400 357.5 378.5 336 352 336C325.5 336 304 357.5 304 384C304 410.5 325.5 432 352 432z"/></svg>');
  display: inline-block;
  background-repeat: no-repeat;
}
.contentWrapper .share-popup-wrapper .inlineFlexWrapper .fal::before {
  content: "";
}
.contentWrapper .sharePopup1 {
  display: block;
  box-sizing: border-box;
  padding: 16px;
  width: 226px;
  border-radius: 3px;
  background-color: #ffffff;
  box-shadow: 0 2px 23px 0 rgba(89, 108, 119, 0.15), 0 2px 15px 0 rgba(89, 108, 119, 0.15), 0 1px 5px 0 rgba(89, 108, 119, 0.15);
  position: absolute;
  z-index: 1;
  right: 0px;
  top: 30px;
}
.contentWrapper .sharePopup1::before {
  top: -9px;
  border-bottom: solid 6px #dadada;
  content: "";
  width: 0;
  height: 0;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  border-left: solid 8px transparent;
  border-right: solid 8px transparent;
  position: absolute;
  right: 9px;
}
.contentWrapper .sharePopup1 ::after {
  top: -8px;
  border-bottom: solid 6px #ffffffff;
  content: "";
  width: 0;
  height: 0;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  border-left: solid 8px transparent;
  border-right: solid 8px transparent;
  position: absolute;
  right: 9px;
}

.mainComparePage.compareWrapper .tileDescContainer {
  position: relative;
  padding-bottom: 16px;
}
.mainComparePage.compareWrapper .reviewDesktopView {
  padding-right: 0;
  position: absolute;
  right: 0;
  bottom: 0;
}
.mainComparePage.compareWrapper .tagsRow {
  max-height: 62px;
}
.mainComparePage.compareWrapper .leftArrow {
  margin-right: 7px;
}

.selectBoxWithSearch.autoComplete {
  outline: none;
}
.selectBoxWithSearch.autoComplete input {
  padding: 10px;
  border: none;
  outline: none;
}
@media (max-width: 767.98px) {
  .selectBoxWithSearch.autoComplete input {
    margin: 10px 20px;
  }
}
.selectBoxWithSearch.autoComplete .MuiInputBase-root {
  border: none;
  border-bottom: 1px solid #bcbec0;
  border-radius: 0;
}
.selectBoxWithSearch.autoComplete .autoCompleteStyle .selectOptionsText {
  margin: 0 4px;
}

.autoCompleteSelectBoxHeader .actionBtnWrapper {
  position: absolute;
  top: 20px;
  right: 10px;
}

.Mask {
  position: fixed;
  background: #000;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: opacity 300ms ease;
  -moz-transition: opacity 300ms ease;
  -ms-transition: opacity 300ms ease;
  -o-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
  z-index: 1;
}

.Mask--open {
  top: 196px;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0.5;
  pointer-events: auto;
}

.pos-absolute {
  position: absolute;
}

.h-full {
  height: 100%;
}

.input-element-select-selectElement.Mui-focused {
  border: 1px solid #004e7d !important;
  border-radius: 4px;
}

.half-star-wrapper {
  color: #D89F02;
}

/****** Primary Colors ******/
/****** Secondary Colors ******/
/*@import url("https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
* {
  box-sizing: border-box;
}
html,
#root {
  height: 100%;
}
body {
  margin: 0;
  font-family: "Kanit", sans-serif;
  height: 100%;
}
ul {
  padding: 0;
  list-style: none;
}
ul,
li,
p {
  margin: 0;
}
a {
  text-decoration: none;
  cursor: pointer;
  color: #212934;
}*/
.noDisplay {
  display: none;
}

.margin-top16 {
  margin-top: 16px;
}

.margin-left5 {
  margin-left: 5px;
}

.margin-top32 {
  margin-top: 32px;
}

/*.fa,
.fas {
  font-weight: 900 !important;
} 

.fal {
  color: $primary-blue;
  font-weight: 500;
}*/
.margirRight8 {
  margin-right: 8px;
}

.brx-section-divider {
  margin: 16px auto;
  padding: 0;
  max-width: 1368px;
}

.fullStretch {
  width: 100%;
}

.brxComponent:empty {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.brxComponent {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

.brxComponentCatBanner {
  padding-top: 0 !important;
  padding-bottom: 16px !important;
}

.brxComponentCatBanner:empty {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.max-width {
  max-width: 1368px;
  margin: 0 auto;
  width: 100%;
  text-align: left;
}

.noPadding {
  padding: 0 !important;
}

.noPaddingBottom {
  padding-bottom: 0 !important;
}

.paddingT16 {
  padding-top: 16px;
}

.noMargin {
  margin: 0 !important;
}

.MuiSvgIcon-root {
  fill: currentColor;
  width: 1em;
  height: 1em;
  display: inline-block;
  font-size: 1.5rem;
  transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  flex-shrink: 0;
  user-select: none;
}

.d-inline {
  display: inline-block;
}

.cursor-p {
  cursor: pointer;
}

.searchResultBanner {
  margin-top: 15px;
}
.searchResultBanner img {
  width: 100%;
}

/****Loader Issue fix for Login/SignIn/Out page*****/
.accountLayout .contentWrapper.accountContent .loaderWrapper {
  height: unset !important;
}
.accountLayout .contentWrapper.accountContent .loaderWrapper .backText {
  padding-top: 28px !important;
  font-size: 14px !important;
}
.accountLayout .contentWrapper.accountContent .loaderWrapper .leftArrow {
  padding-top: 28px !important;
}
.accountLayout .contentWrapper.accountContent .loaderWrapper .MuiCircularProgress-root {
  width: auto;
  height: auto;
  padding-top: 11%;
  padding-bottom: 15%;
}

.heroTileBlock .ButtonContainerBlock .bannerButton {
  padding-top: 0.5em;
}

.menuBanner {
  height: 100%;
}
.menuBanner div {
  height: 99.3%;
  /*overflow-y: hidden;*/
}
@media (resolution: 120dpi) {
  .menuBanner div {
    overflow: visible;
  }
}
.menuBanner .BannerContainer {
  max-width: 327px;
  min-width: unset;
  margin: 0 auto;
  display: block;
  font-family: Kanit;
}
.menuBanner .BannerContainer img {
  margin: 20px 0 20px 0;
  width: 100%;
}
@media (min-width: 1440px) {
  .menuBanner .BannerContainer {
    max-width: 312px;
    min-width: 312px;
  }
}
@media (resolution: 120dpi) {
  .menuBanner .BannerContainer {
    max-width: unset;
    min-width: unset;
  }
}
.menuBanner .bannertitle {
  /*height: 656px;*/
  font-size: 35px;
  font-weight: bold;
  padding: 20px;
  line-height: 35px;
  width: 100%;
  /*overflow: hidden;*/
  word-wrap: break-word;
}
.menuBanner .bannertitle p span {
  font-weight: 700;
  color: #fff;
}
@media (resolution: 120dpi) {
  .menuBanner .bannertitle {
    overflow: visible;
    word-break: break-word;
  }
}
.menuBanner .bannertitle > div > p,
.menuBanner .bannertitle > div > div,
.menuBanner .bannertitle > div > span {
  display: inline;
}
.menuBanner .bannerButton {
  padding: 0 0 0 0;
  text-align: center;
  display: block !important;
  width: 100%;
}
.menuBanner .bannerButton a {
  font-size: 16px;
  font-family: Kanit;
  font-weight: 600;
  color: #ffffff;
  text-transform: none;
  max-width: 237px;
  min-width: 100%;
  width: 100%;
  box-sizing: border-box;
  height: 48px;
  display: flex !important;
  align-items: center;
  box-shadow: none;
  border-radius: 8px;
}
@media (resolution: 120dpi) {
  .menuBanner .bannerButton a {
    width: auto;
  }
}
@media (max-width: 767.98px) {
  .menuBanner .bannerButton {
    padding: 10px 0 0 0;
  }
  .menuBanner .bannerButton a {
    font-size: 16px;
    font-family: Kanit;
    font-weight: 600;
    color: #ffffff;
    text-transform: none;
    width: 164px;
    height: 42px;
    box-shadow: none;
    border-radius: 8px;
  }
}
.menuBanner .bannerButton Button:hover {
  box-shadow: none;
}
.menuBanner .bannerButton .primary-blue,
.menuBanner .bannerButton .primary-blue:hover {
  background-color: #004e7d;
}
.menuBanner .bannerButton .primary-white,
.menuBanner .bannerButton .primary-white:hover {
  background-color: #ffffff;
  color: #004e7d;
}
.menuBanner .bannerButton .primary-red,
.menuBanner .bannerButton .primary-red:hover {
  background-color: #d41e3d;
}
.menuBanner .bannerButton .primary-blue-tint,
.menuBanner .bannerButton .primary-blue-tint:hover {
  background-color: #b2c8db;
}
.menuBanner .bannerButton .primary-red-tint,
.menuBanner .bannerButton .primary-red-tint:hover {
  background-color: #f3b2c3;
}
.menuBanner .bannerButton .secondary-orange,
.menuBanner .bannerButton .secondary-orange:hover {
  background-color: #e25411;
}
.menuBanner .bannerButton .secondary-green,
.menuBanner .bannerButton .secondary-green:hover {
  background-color: #d41e3d;
}
.menuBanner .bannerButton .secondary-yellow,
.menuBanner .bannerButton .secondary-yellow:hover {
  background-color: #d89f02;
}
.menuBanner .bannerButton .secondary-blue,
.menuBanner .bannerButton .secondary-blue:hover {
  background-color: #6cc2ed;
}
.menuBanner .bannerButton .secondary-grey,
.menuBanner .bannerButton .secondary-grey:hover {
  background-color: #bcbec0;
}
.menuBanner .bannerButton .secondary-dark-blue,
.menuBanner .bannerButton .secondary-dark-blue:hover {
  background-color: "#002d50";
}

.mobile_primary_blue {
  background: url(../../../images/bg/mobile/mobile_primary_blue.jpg);
}

.mobile_primary_red {
  background: url(../../../images/bg/mobile/mobile_primary_red.jpg);
}

.mobile_secondary_blue {
  background: url(../../../images/bg/mobile/mobile_secondary_blue.jpg);
}

.mobile_secondary_green {
  background: url(../../../images/bg/mobile/mobile_secondary_green.jpg);
}

.mobile_secondary_grey {
  background: url(../../../images/bg/mobile/mobile_secondary_grey.jpg);
}

.mobile_secondary_orange {
  background: url(../../../images/bg/mobile/mobile_secondary_orange.jpg);
}

.mobile_secondary_yellow {
  background: url(../../../images/bg/mobile/mobile_secondary_yellow.jpg);
}

.mobile_white_background {
  background: url(../../../images/bg/mobile/mobile_white_background.jpg);
}

.right_col .mobile_primary_blue, .right_col .mobile_primary_red, .right_col .mobile_secondary_blue, .right_col .mobile_secondary_green, .right_col .mobile_secondary_grey, .right_col .mobile_secondary_orange, .right_col .mobile_secondary_yellow, .right_col .mobile_white_background {
  font-size: 50px !important;
  line-height: 45px !important;
  word-break: break-word !important;
}
@media (max-width: 1200px) {
  .right_col .mobile_primary_blue, .right_col .mobile_primary_red, .right_col .mobile_secondary_blue, .right_col .mobile_secondary_green, .right_col .mobile_secondary_grey, .right_col .mobile_secondary_orange, .right_col .mobile_secondary_yellow, .right_col .mobile_white_background {
    font-size: 40px !important;
    line-height: 35px !important;
  }
}

.account {
  cursor: pointer;
}
.account .accountLinksection {
  padding-top: 20px;
}
.account .accountLinksection a {
  display: block;
  text-align: left;
  padding-bottom: 16px;
}
.account .accountPopup {
  display: none;
}
.account .accountPopup .accountLinksection {
  margin: -24px -15px -8px;
  padding-top: 0;
}
.account .accountPopup .accountLinksection a {
  display: block;
  text-align: left;
  padding-bottom: 16px;
}
.account:hover .accountPopup {
  display: block;
  box-sizing: border-box;
  padding: 40px 29px;
  width: 300px;
  border: 1px solid #dadada;
  border-radius: 3px;
  background-color: #ffffff;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.07);
  position: absolute;
  z-index: 12;
  right: -14px;
}
.account:hover .accountPopup::before {
  content: "";
  width: 0px;
  height: 0px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  border-bottom: solid 5.5px #DADADA;
  border-left: solid 8px transparent;
  border-right: solid 8px transparent;
  position: absolute;
  right: 9px;
  top: -6px;
}
.account:hover .accountPopup::after {
  content: "";
  width: 0px;
  height: 0px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  border-bottom: solid 5.5px #ffffff;
  border-left: solid 8px transparent;
  border-right: solid 8px transparent;
  position: absolute;
  right: 9px;
  top: -5px;
}
.account:hover .accountPopup .createAccount {
  height: 52px;
  background-color: transparent;
  box-shadow: none;
  border: 2px solid #004e7d;
  border-radius: 8px;
  color: #004e7d;
  font-family: Kanit;
  font-size: 16px;
  font-weight: 600;
  text-transform: capitalize;
}
.account:hover .accountPopup .signupText {
  padding-top: 29px;
  padding-bottom: 13px;
}
.account:hover .accountPopup .buttonLogin {
  height: 50px;
  border-radius: 8px;
  background: #d41e3d;
  color: #FFFFFF;
  font-family: Kanit;
  font-size: 16px;
  font-weight: 600;
  text-transform: capitalize;
}

.customBtn {
  width: 100%;
  max-height: 50px;
  font-weight: 600 !important;
  text-transform: capitalize !important;
  border-radius: 8px !important;
  font-size: 16px !important;
  height: 50px;
  font-family: "kanit" !important;
}
.customBtn.disabled {
  opacity: 0.5;
}
.customBtn .icon {
  margin-right: 8px;
  font-size: 24px;
}

.redFilledButton {
  background-color: #d41e3d !important;
  color: #ffffff !important;
}

.blueOutlinedButton {
  color: #004e7d !important;
  background: #ffffff !important;
  border: 2px solid #004e7d !important;
}

.MuiButtonBase-root {
  box-shadow: none !important;
}

.noStyleButtons {
  background: transparent !important;
  justify-content: flex-start !important;
  padding: 0 !important;
  color: #004e7d !important;
  font-weight: 600 !important;
  text-transform: none !important;
  font-family: "kanit" !important;
  font-size: 16px !important;
}

/***** Buttons for BRX AND SITE ******/
.btn_primary {
  height: 50px;
  max-height: 50px;
  border-radius: 8px;
  text-align: center;
  min-width: 212px;
  max-width: 328px;
  font-size: 16px;
  border: none;
  padding: 0;
}
.btn_primary.fill-primary-blue {
  background-color: #004e7d;
  color: #ffffff;
}
.btn_primary.fill-primary-red {
  background-color: #d41e3d;
  color: #ffffff;
}
.btn_primary.fill-primary-blue-tint {
  background-color: #b2c8db;
  color: #ffffff;
}
.btn_primary.fill-primary-red-tint {
  background-color: #f3b2c3;
  color: #ffffff;
}
.btn_primary.fill-secondary-orange {
  background-color: #e25411;
  color: #ffffff;
}
.btn_primary.fill-secondary-green {
  background-color: #71b946;
  color: #ffffff;
}
.btn_primary.fill-secondary-yellow {
  background-color: #d89f02;
  color: #ffffff;
}
.btn_primary.fill-secondary-blue {
  background-color: #6cc2ed;
  color: #ffffff;
}
.btn_primary.fill-secondary-grey {
  background-color: #bcbec0;
  color: #ffffff;
}

.btn_secondory {
  height: 48px;
  max-height: 48px;
  border-radius: 8px;
  text-align: center;
  min-width: 212px;
  max-width: 328px;
  font-size: 16px;
  border: none;
  padding: 0;
}
.btn_secondory.fill-primary-blue {
  border: 2px solid #004e7d;
  color: #004e7d;
  background-color: #ffffff;
}
.btn_secondory.fill-primary-red {
  border: 2px solid #d41e3d;
  color: #d41e3d;
  background-color: #ffffff;
}
.btn_secondory.fill-primary-blue-tint {
  border: 2px solid #b2c8db;
  color: #b2c8db;
  background-color: #ffffff;
}
.btn_secondory.fill-primary-red-tint {
  border: 2px solid #f3b2c3;
  color: #f3b2c3;
  background-color: #ffffff;
}
.btn_secondory.fill-secondary-orange {
  border: 2px solid #e25411;
  color: #e25411;
  background-color: #ffffff;
}
.btn_secondory.fill-secondary-green {
  border: 2px solid #71b946;
  color: #71b946;
  background-color: #ffffff;
}
.btn_secondory.fill-secondary-yellow {
  border: 2px solid #d89f02;
  color: #d89f02;
  background-color: #ffffff;
}
.btn_secondory.fill-secondary-blue {
  border: 2px solid #6cc2ed;
  color: #6cc2ed;
  background-color: #ffffff;
}
.btn_secondory.fill-secondary-grey {
  border: 2px solid #bcbec0;
  color: #bcbec0;
  background-color: #ffffff;
}

.bannerButton {
  padding: 40px 0 0 0;
}

.ButtonContainer {
  padding: 40px 0 0 0;
}

.bannerButton .Small, .ButtonContainer .Small {
  min-width: 212px !important;
  max-width: 212px !important;
}
.bannerButton .Max, .ButtonContainer .Max {
  min-width: 328px !important;
  max-width: 328px !important;
}
.bannerButton a, .ButtonContainer a {
  font-size: 16px;
  font-family: Kanit;
  min-width: 212px;
  max-width: 328px;
  font-weight: 600;
  color: #FFFFFF;
  text-transform: none;
  height: 48px;
  box-shadow: none;
  border-radius: 8px;
}
@media (max-width: 767.98px) {
  .bannerButton, .ButtonContainer {
    padding: 10px 0 0 0;
  }
  .bannerButton a, .ButtonContainer a {
    font-size: 14px;
    font-family: Kanit;
    font-weight: 600;
    color: #FFFFFF;
    text-transform: none;
    max-width: 324px;
    min-width: 156px;
    height: 38px;
    box-shadow: none;
    border-radius: 8px;
  }
}
.bannerButton Button:hover, .ButtonContainer Button:hover {
  box-shadow: none;
}
.bannerButton .primary-blue, .bannerButton .primary-blue:hover, .ButtonContainer .primary-blue, .ButtonContainer .primary-blue:hover {
  background-color: #004e7d;
}
.bannerButton .primary-red, .bannerButton .primary-red:hover, .ButtonContainer .primary-red, .ButtonContainer .primary-red:hover {
  background-color: #d41e3d;
}
.bannerButton .primary-blue-tint, .bannerButton .primary-blue-tint:hover, .ButtonContainer .primary-blue-tint, .ButtonContainer .primary-blue-tint:hover {
  background-color: #b2c8db;
}
.bannerButton .primary-red-tint, .bannerButton .primary-red-tint:hover, .ButtonContainer .primary-red-tint, .ButtonContainer .primary-red-tint:hover {
  background-color: #f3b2c3;
}
.bannerButton .secondary-orange, .bannerButton .secondary-orange:hover, .ButtonContainer .secondary-orange, .ButtonContainer .secondary-orange:hover {
  background-color: #e25411;
}
.bannerButton .secondary-green, .bannerButton .secondary-green:hover, .ButtonContainer .secondary-green, .ButtonContainer .secondary-green:hover {
  background-color: #d41e3d;
}
.bannerButton .secondary-yellow, .bannerButton .secondary-yellow:hover, .ButtonContainer .secondary-yellow, .ButtonContainer .secondary-yellow:hover {
  background-color: #d89f02;
}
.bannerButton .secondary-blue, .bannerButton .secondary-blue:hover, .ButtonContainer .secondary-blue, .ButtonContainer .secondary-blue:hover {
  background-color: #6cc2ed;
}
.bannerButton .secondary-grey, .bannerButton .secondary-grey:hover, .ButtonContainer .secondary-grey, .ButtonContainer .secondary-grey:hover {
  background-color: #bcbec0;
}
.bannerButton .secondary-dark-blue, .bannerButton .secondary-dark-blue:hover, .ButtonContainer .secondary-dark-blue, .ButtonContainer .secondary-dark-blue:hover {
  background-color: "#002d50";
}
.bannerButton .MuiButton-root, .ButtonContainer .MuiButton-root {
  font-size: 16px;
  min-width: 212px;
  max-width: 328px;
  font-weight: 600;
  color: #FFFFFF;
  text-transform: none;
  height: 48px;
  box-shadow: none;
  border-radius: 8px;
}
.bannerButton .MuiButton-root.primary-light, .bannerButton .MuiButton-root.primary-light:hover, .ButtonContainer .MuiButton-root.primary-light, .ButtonContainer .MuiButton-root.primary-light:hover {
  background-color: #d41e3d;
  border: 1px solid #d41e3d;
  color: #ffffff;
}
.bannerButton .MuiButton-root.secondary-light, .bannerButton .MuiButton-root.secondary-light:hover, .ButtonContainer .MuiButton-root.secondary-light, .ButtonContainer .MuiButton-root.secondary-light:hover {
  background-color: #ffffff;
  border: 1px solid #004e7d;
  color: #004e7d;
}
.bannerButton .MuiButton-root.primary-dark, .bannerButton .MuiButton-root.primary-dark:hover, .ButtonContainer .MuiButton-root.primary-dark, .ButtonContainer .MuiButton-root.primary-dark:hover {
  background-color: #ffffff;
  border: 1px solid #ffffff;
  color: #d41e3d;
}
.bannerButton .MuiButton-root.secondary-dark, .bannerButton .MuiButton-root.secondary-dark:hover, .ButtonContainer .MuiButton-root.secondary-dark, .ButtonContainer .MuiButton-root.secondary-dark:hover {
  background-color: transparent;
  border: 1px solid #ffffff;
  color: #ffffff;
}

.filterViewAll {
  background-color: #ffffff;
  border: 1px solid #004e7d;
  color: #004e7d;
  font-size: 14px !important;
  padding: 5px 15px;
  min-width: 212px;
  max-width: 328px;
  font-weight: 400 !important;
  text-transform: none;
  height: 33px;
  box-shadow: none;
  border-radius: 4px;
}

.stepper .MuiStepConnector-lineHorizontal {
  border-top-style: dashed;
  border-top-width: 2px;
}
.stepper .MuiStepConnector-line {
  display: block;
  border-color: #ffffff;
}
.stepper .MuiStepLabel-label {
  color: #ffffff !important;
}

.MuiPaper-root.MuiStepper-root {
  background: #004e7d;
  color: #ffffff;
  width: 50%;
  margin-left: 64px;
}

.MuiInputBase-root {
  border: 1px solid #bcbec0;
  background-color: #ffffff;
}

.MuiInputBase-root.Mui-error,
.error {
  background-color: #ffffff;
  border: 1px solid #ff1000;
  border-radius: 4px;
}

.error {
  padding: 10px;
}
.error .errorMsg {
  color: #ff1000;
}

.MuiFormHelperText-root.Mui-error {
  color: #ff1000;
  margin: 0;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 16px;
  font-weight: 400;
  font-family: Kanit;
  margin-top: 7px;
}

.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline,
.MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline,
.MuiOutlinedInput-notchedOutline {
  border: none !important;
}

.MuiOutlinedInput-root.Mui-error .MuiOutlinedInput-notchedOutline {
  border: none !important;
}

.MuiSelect-select:focus {
  background-color: #ffffff !important;
}

.MuiFormLabel-root {
  color: #212934;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 400;
  font-family: Kanit;
}
@media (min-width: 768px) {
  .MuiFormLabel-root {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
    font-weight: 400;
    font-family: Kanit;
  }
}
.MuiFormLabel-root .requiredField::after {
  content: "*";
  color: red;
}

.MuiFormControl-marginNormal {
  margin-top: 5px;
  margin-bottom: 0px;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  animation-name: onAutoFillStart;
  -webkit-box-shadow: 0 0 0 30px #ffffff inset !important;
  padding: 14.5px 14px;
}

input:-internal-autofill-selected {
  background-color: #ffffff !important;
}

.MuiIconButton-label input[type=checkbox],
.MuiOutlinedInput-notchedOutline,
.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
  border: none;
}

.MuiInputBase-input.Mui-disabled,
.MuiInputBase-root.Mui-disabled {
  color: #424c5b;
  background-color: #f3f3f3;
  border-radius: 4px;
  font-size: 15px;
  cursor: not-allowed;
  box-sizing: border-box;
}

.marginRight20 {
  margin-right: 20px;
}

.twoColumn {
  width: 50%;
  float: left;
}
.twoColumn.marginRight20 {
  width: calc(50% - 20px);
}

.threeColumn {
  width: 33.3%;
  float: left;
}
.threeColumn.marginRight20 {
  width: calc(33.3% - 20px);
}
@media (max-width: 767.98px) {
  .threeColumn.expiry-month {
    width: calc(50% - 20px);
  }
}
@media (max-width: 767.98px) {
  .threeColumn.expiry-year {
    width: 50%;
    margin-right: 0;
  }
}
@media (max-width: 767.98px) {
  .threeColumn.cvc-no {
    width: 100%;
  }
}

.cityField {
  width: 100%;
  float: left;
  margin: 0;
}
@media (max-width: 767.98px) {
  .cityField {
    margin-right: 0;
  }
}
@media (min-width: 768px) {
  .cityField {
    width: 66%;
  }
  .cityField .selectBox {
    width: 100%;
    height: 50px;
  }
}

.stateField {
  width: 100%;
  float: left;
}

.zipField {
  width: calc(34% - 20px);
  float: left;
}
@media (max-width: 767.98px) {
  .zipField {
    width: 100%;
    margin-right: 0;
  }
}

.cancelIcon {
  fill: #646d7b;
}

.cityField .drop-down-list .MuiSelect-selectMenu {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 238px;
  display: block;
  line-height: 20px !important;
}
.cityField .drop-down-list > div.Mui-focused {
  outline: 1px solid #ccc;
}

.inputWithButton .MuiOutlinedInput-input {
  padding: 0 14px;
}
.inputWithButton .MuiInputBase-root {
  border: 1px solid #bcbec0;
  height: 50px;
  padding-right: 0;
  border-right: 0;
}
.inputWithButton .MuiFormLabel-root {
  color: #212934;
}
.inputWithButton .redFilledButton {
  max-width: 136px;
  border-radius: 0 !important;
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
  max-height: 51px;
  height: 50px;
}

.MuiTypography-root {
  font-family: "Kanit", sans-serif !important;
}

.MuiCheckbox-root .MuiSvgIcon-root {
  width: 23px;
  height: 23px;
  fill: #424c5b;
}

.MuiCheckbox-colorSecondary.Mui-checked {
  color: transparent;
}
.MuiCheckbox-colorSecondary.Mui-checked path {
  fill: #004e7d;
}

.MuiCheckbox-root.MuiIconButton-colorSecondary:hover {
  background-color: rgba(245, 0, 87, 0.04);
}

.MuiCheckbox-colorSecondary.Mui-disabled {
  color: transparent;
}
.MuiCheckbox-colorSecondary.Mui-disabled path {
  fill: unset;
}

.accordionFooter .MuiPaper-root {
  background-color: #004e7d;
  border-bottom: 1px solid rgba(255, 255, 255, 0.23);
  margin-bottom: 0 !important;
}
.accordionFooter .accordionTitle {
  font-weight: 600;
  font-family: "Kanit", sans-serif;
  font-size: 14px;
}
.accordionFooter .MuiAccordionSummary-root.Mui-expanded {
  min-height: 15px;
}
.accordionFooter .MuiAccordionSummary-root {
  padding-left: 21px;
}
.accordionFooter .MuiIconButton-root,
.accordionFooter .MuiAccordionSummary-root {
  color: #ffffff;
}
.accordionFooter .MuiIconButton-root {
  padding-top: 0;
  padding-bottom: 5px;
}
.accordionFooter .MuiAccordionDetails-root {
  padding: 21px;
  padding-top: 0;
}
.accordionFooter .MuiSvgIcon-root {
  width: 2rem;
  height: 2rem;
}
.accordionFooter .MuiAccordionSummary-root.Mui-expanded {
  padding-top: 14px;
}
.accordionFooter .MuiAccordion-root.Mui-expanded,
.accordionFooter .MuiAccordionSummary-content.Mui-expanded {
  margin: 0;
}
.accordionFooter .contactLinks {
  display: flex;
  align-items: center;
}
.accordionFooter .contactLinks .icon {
  padding-right: 10px;
}
.accordionFooter .contactLinks .contact {
  display: flex;
  align-items: center;
}
.accordionFooter a {
  color: #ffffff;
  font-size: 13px;
}
.accordionFooter li {
  padding: 9px 0;
  margin: 0;
  color: #ffffff;
}
@media (min-width: 768px) {
  .accordionFooter {
    display: none;
  }
}

.MuiRadio-colorSecondary.Mui-checked {
  color: #004e7d !important;
}

.MuiIconButton-colorSecondary:hover {
  background-color: transparent !important;
}

.MuiRadio-root {
  align-items: baseline !important;
}
.MuiRadio-root input[type=radio] {
  opacity: 0;
  position: absolute;
  pointer-events: none;
}
.MuiRadio-root .MuiIconButton-label {
  width: 24px;
  height: 24px;
}
.MuiRadio-root .MuiSvgIcon-root:nth-child(2) {
  display: none;
}
.MuiRadio-root.Mui-checked .MuiSvgIcon-root:nth-child(2) {
  display: block;
  position: absolute;
}

.languages {
  padding-right: 16px;
  padding-left: 16px;
}
@media (min-device-width: 320px) and (max-device-width: 575.98px) {
  .languages {
    padding-right: 0;
  }
}
.languages .MuiOutlinedInput-inputMarginDense {
  padding-top: 4.5px;
  padding-bottom: 6.5px;
}
.languages .MuiInputBase-input,
.languages .MuiSelect-select:focus {
  background-color: #ffffff;
}
.languages .MuiSelect-outlined.MuiSelect-outlined {
  padding-right: 32px;
  font-size: 13px;
  font-weight: 600;
  padding-left: 7px;
}

@media (min-width: 768px) {
  .nativeSelect {
    width: 200px !important;
  }
}
.nativeSelect .MuiListItemIcon-root {
  min-width: 32px;
}
.nativeSelect .listItem,
.nativeSelect img.countryFlag {
  width: 25px;
  height: 17px;
}
.nativeSelect .MuiInputLabel-outlined {
  transform: translate(14px, 12px) scale(1);
}
.nativeSelect .MuiListItem-gutters {
  padding: 0 25px 0 5px;
  display: flex;
}
.nativeSelect .MuiSelect-select:focus {
  background: white;
}
.nativeSelect .MuiOutlinedInput-input {
  padding: 5px 13px;
}
.nativeSelect .MuiListItem-root {
  padding-top: 0;
  padding-bottom: 0;
}
.nativeSelect .info {
  color: #212934;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 14px;
  padding-left: 10px;
  margin-top: 2px;
  opacity: 0.9;
}
.nativeSelect .MuiListItemText-primary {
  opacity: 0.65;
  color: #212934;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 19px;
}
.nativeSelect .MuiSvgIcon-colorPrimary {
  margin-right: 5px;
}
.nativeSelect .MuiSelect-selectMenu {
  opacity: unset !important;
}
.nativeSelect .MuiListItemText-root {
  margin: 0;
  text-align: left;
}
.nativeSelect .MuiSelect-select.MuiSelect-select {
  padding: 5px;
}
.nativeSelect .checkedStatus,
.nativeSelect .selectOptionsText {
  display: none;
}

.relativeDiv.quantityDD {
  max-width: unset;
}

.quantityDD {
  max-width: 90px;
}
.quantityDD .nativeSelect {
  width: 76px !important;
  margin-right: 8px;
}
.quantityDD .nativeSelect .MuiListItemText-root {
  text-align: center;
}
.quantityDD .autoCompleteBox .MuiListItemText-primary {
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 600;
  font-family: Kanit;
  color: #424c5b;
  opacity: initial;
}
.quantityDD .autoCompleteBox .MuiSelect-icon {
  color: #424c5b;
}
.quantityDD .autoCompleteBox .MuiOutlinedInput-notchedOutline,
.quantityDD .autoCompleteBox .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
  border: 1px solid #424c5b;
}
.quantityDD .autoCompleteBox .MuiOutlinedInput-root {
  height: 48px;
  border: none;
  overflow: -webkit-paged-y;
  /* Safari */
}
.quantityDD .autoCompleteBox .MuiOutlinedInput-input {
  padding: 5px 14px;
  height: auto;
}

#menu-country .MuiListItem-button,
#menu-country .MuiListItem-gutters {
  padding: 0 5px;
}
#menu-country .checkedStatus {
  justify-content: flex-end;
}
#menu-country .selectBoxText {
  display: none;
}
#menu-country .MuiListItemIcon-root {
  min-width: 30px;
}

.drop-down-list .MuiOutlinedInput-input {
  padding: 14px 12px !important;
  min-height: 20px !important;
  color: #212934 !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  align-items: center;
  display: flex;
  /*@include for-phone-only {
    padding: 9px 12px !important;
  }*/
}

@media (max-width: 767.98px) {
  .mobileMenu.otherSupports .languages {
    width: 50%;
    margin-top: 10px;
    margin-bottom: 10px;
  }
}

.loaderWrapper {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.loaderWrapper:empty {
  display: none;
}

.loaderOverlay {
  width: 100% !important;
  height: 100vh !important;
  display: flex;
  position: fixed;
  background: rgba(0, 0, 0, 0.25);
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
}

.lds-spinner {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh !important;
  display: flex;
  position: fixed;
  background: rgba(0, 0, 0, 0.25);
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1301;
}

.lds-spinner div {
  transform-origin: 40px 25px;
  animation: lds-spinner 1.2s linear infinite;
}

.lds-spinner div:after {
  content: " ";
  display: block;
  position: absolute;
  top: 3px;
  left: 37px;
  width: 5px;
  height: 10px;
  border-radius: 20%;
  background: #212934;
}

.lds-spinner div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}

.lds-spinner div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s;
}

.lds-spinner div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}

.lds-spinner div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}

.lds-spinner div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.7s;
}

.lds-spinner div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}

.lds-spinner div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}

.lds-spinner div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}

.lds-spinner div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}

.lds-spinner div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}

.lds-spinner div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}

.lds-spinner div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
}

@keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.simpleLoaderWrapper {
  display: grid;
  justify-content: center;
  place-content: center;
}

.dottedLoader,
.dottedLoader:before,
.dottedLoader:after {
  width: 20px;
  /* update this to control the size */
  aspect-ratio: 0.5;
  display: grid;
  background: radial-gradient(#004e7d 68%, #004e7d 72%) center/100% 50% no-repeat;
  animation: load 1.2s infinite linear calc(var(--_s, 0) * 0.4s);
  transform: translate(calc(var(--_s, 0) * 150%));
}

.dottedLoader:before,
.dottedLoader:after {
  content: "";
  grid-area: 1/1;
}

.dottedLoader:before {
  --_s: -1;
}

.dottedLoader:after {
  --_s: 1;
}

@keyframes load {
  20% {
    background-position: top;
  }
  40% {
    background-position: bottom;
  }
  60% {
    background-position: center;
  }
}
.lds-spinner-component-level {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.25);
  width: 100%;
  height: 100%;
  z-index: 1301;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  position: absolute;
}

.lds-spinner-component-level div {
  animation: lds-spinner-component-level 1.2s linear infinite;
}

.lds-spinner-component-level div:after {
  content: " ";
  display: block;
  position: absolute;
  top: -2px;
  left: 10px;
  width: 11px;
  height: 5px;
  border-radius: 20%;
  background: #212934;
}

.lds-spinner-component-level div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}

.lds-spinner-component-level div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s;
}

.lds-spinner-component-level div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}

.lds-spinner-component-level div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}

.lds-spinner-component-level div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.7s;
}

.lds-spinner-component-level div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}

.lds-spinner-component-level div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}

.lds-spinner-component-level div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}

.lds-spinner-component-level div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}

.lds-spinner-component-level div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}

.lds-spinner-component-level div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}

.lds-spinner-component-level div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
}

@keyframes lds-spinner-component-level {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.rec-carousel-wrapper .rec-pagination {
  display: none;
}
.rec-carousel-wrapper .rec-dot {
  width: 40px;
  height: 4px;
  background-color: #cccccc;
  box-shadow: none;
  border-radius: 0;
}
.rec-carousel-wrapper .rec-dot:hover, .rec-carousel-wrapper .rec-dot:focus {
  box-shadow: none;
}
.rec-carousel-wrapper .rec-dot_active {
  background-color: #004e7d;
}
.rec-carousel-wrapper .rec-arrow {
  /*background-color: $slider-background;
  border-radius: 4px;
  color: $text-color;
  width: 40px;
  height: 83px;
  min-width: 40px;*/
  width: 50px;
  min-width: 50px !important;
  pointer-events: none;
  height: 100%;
  background: transparent;
  color: #ffffff;
  border-radius: 0;
  box-shadow: none !important;
  border: 0 !important;
  z-index: 1;
}
@media (min-width: 880px) {
  .rec-carousel-wrapper .rec-arrow {
    width: 70px;
    min-width: 50px !important;
  }
}
.rec-carousel-wrapper .rec-arrow:disabled {
  opacity: 0;
}
.rec-carousel-wrapper .rec-arrow:disabled::before {
  pointer-events: none;
}
@media (max-width: 767.98px) {
  .rec-carousel-wrapper .rec-arrow:disabled {
    opacity: 0.4;
  }
}
.rec-carousel-wrapper .rec-arrow:hover:enabled, .rec-carousel-wrapper .rec-arrow:focus:enabled {
  background-color: transparent;
  box-shadow: none;
}
.rec-carousel-wrapper .rec-arrow::before, .rec-carousel-wrapper .rec-arrow::after {
  position: absolute;
}
.rec-carousel-wrapper .rec-arrow::before {
  content: "";
  top: 50%;
  margin-top: -41.5px;
  font-size: 20px;
  background-color: #212934;
  border-radius: 4px;
  width: 40px;
  height: 83px;
  min-width: 40px;
  box-shadow: 0 0 2px 0px #333;
  pointer-events: all;
}
.rec-carousel-wrapper .rec-arrow::before:hover:enabled, .rec-carousel-wrapper .rec-arrow::before:focus:enabled {
  box-shadow: none;
}
.rec-carousel-wrapper .rec-arrow::after {
  top: 50%;
  margin-top: -41.5px;
  z-index: 2;
  display: inline-block;
  width: 40px;
  height: 83px;
  background-repeat: no-repeat;
  content: "";
}
.rec-carousel-wrapper .rec-arrow.rec-arrow-right {
  background: white;
  background: -moz-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 50%);
  background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 50%);
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}
.rec-carousel-wrapper .rec-arrow.rec-arrow-right::before {
  right: 0;
}
.rec-carousel-wrapper .rec-arrow.rec-arrow-right::after {
  background-image: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 83" width="40" height="83"><path d="M17.2,32.9l7.3,7.8c0.2,0.2,0.3,0.5,0.3,0.8c0,0.3-0.1,0.6-0.3,0.8l-7.3,7.8c-0.5,0.5-1.2,0.5-1.7,0c-0.5-0.5-0.5-1.2,0-1.7l6.6-6.9l-6.6-6.9c-0.5-0.5-0.4-1.3,0-1.7C16,32.4,16.8,32.4,17.2,32.9z" fill="white"/></svg>');
  right: 0;
}
.rec-carousel-wrapper .rec-arrow.rec-arrow-left {
  background: white;
  background: -moz-linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0) 50%);
  background: -webkit-linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0) 50%);
  background: linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0) 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}
.rec-carousel-wrapper .rec-arrow.rec-arrow-left::before {
  left: 0;
}
.rec-carousel-wrapper .rec-arrow.rec-arrow-left::after {
  background-image: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 83" width="40" height="83"><path d="M22.8,50.1l-7.3-7.8c-0.2-0.2-0.3-0.5-0.3-0.8c0-0.3,0.1-0.6,0.3-0.8l7.3-7.8c0.5-0.5,1.2-0.5,1.7,0c0.5,0.5,0.5,1.2,0,1.7L18,41.5l6.6,6.9c0.5,0.5,0.4,1.3,0,1.7C24,50.6,23.2,50.6,22.8,50.1z" fill="white"/></svg>');
  left: 0;
}

.modalContainer .productCarousel .rec-carousel-wrapper .rec-arrow {
  position: unset !important;
  width: 50px !important;
  min-width: 50px !important;
}

.gridWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.gridWrapper .gridBox {
  width: 10rem;
}
@supports (display: grid) {
  .gridWrapper {
    display: grid;
    grid-gap: 0.75rem;
  }
  @media (min-width: 768px) {
    .gridWrapper {
      grid-gap: 1.2rem;
    }
  }
  .gridWrapper .gridBox {
    width: 100%;
  }
}
@supports (display: -ms-grid) {
  .gridWrapper {
    display: -ms-grid;
  }
  .gridWrapper .gridBox {
    grid-column: 1;
    -ms-grid-column: 1;
    padding-right: 0.75rem;
  }
  @media (min-width: 768px) {
    .gridWrapper .gridBox {
      ppadding-rightright: 1.2rem;
    }
  }
}

.tabContainer .MuiAppBar-root {
  background-color: #ffffff;
  box-shadow: none;
}
.tabContainer .MuiTabs-indicator {
  display: none;
}
.tabContainer .MuiTab-root {
  padding: 0 12px;
  color: #424c5b;
  font-size: 18px;
  font-weight: 400;
  text-transform: capitalize;
  border-bottom: 1px solid #bcbec0;
  font-family: "Kanit";
}
.tabContainer .MuiTab-root.Mui-selected {
  color: #004e7d;
  border-bottom: 3px solid #004e7d;
}
.tabContainer .MuiTab-wrapper {
  align-items: baseline;
}

.brxTableWrapper .brxTableDesc {
  font-size: 16px;
  font-weight: 300;
  color: #212934;
  line-height: 24px;
  margin: 30px 0;
}
.brxTableWrapper .customScrollbar::-webkit-scrollbar {
  height: 9px;
}
.brxTableWrapper .customScrollbar::-webkit-scrollbar-track {
  background: #A7A0A0;
  border: none;
}
.brxTableWrapper .customScrollbar::-webkit-scrollbar-thumb {
  border-right: none;
  border-left: none;
}
.brxTableWrapper .customScrollbar::-webkit-scrollbar-track-piece:end {
  background: transparent;
}
.brxTableWrapper .customScrollbar::-webkit-scrollbar-track-piece:start {
  background: transparent;
}
.brxTableWrapper .brxTable {
  margin-bottom: 20px;
  box-sizing: border-box;
  border: 1px solid #BCBEC0;
}
.brxTableWrapper .brxTable .brxTableStickyRow {
  position: sticky !important;
  z-index: 1 !important;
}
.brxTableWrapper .brxTable .brxTableHeader {
  color: rgba(0, 0, 0, 0.87);
  background-color: #F5F8FA !important;
  font-weight: 500;
  line-height: 22px;
}
.brxTableWrapper .brxTable .MuiTableRow-root:nth-child(n) .MuiTableCell-root {
  background-color: white;
  box-sizing: border-box;
  border-right: 0.5px solid #BCBEC0;
  border-bottom: 0.5px solid #BCBEC0;
}
.brxTableWrapper .brxTable .MuiTableRow-root:nth-child(2n) .MuiTableCell-root {
  background-color: #f4f4f4;
  box-sizing: border-box;
  border-right: 0.5px solid #BCBEC0;
  border-bottom: 0.5px solid #BCBEC0;
}

.brxTableWrapper .brxTable td {
  font-size: 16px;
  font-weight: 300;
  line-height: 22px;
}

.brxTableWrapper .brxTable td a, .brxTableWrapper .brxTable td a:hover {
  color: #004e7d;
  font-weight: 300;
  font-size: 16px;
  line-height: 22px;
}

.megaContainer {
  /** {
    box-sizing: border-box
  }*/
  /*  i { 
      &.fas { 
        &.fa-caret-down {
          width: 10px;
          min-height: 1px;
          display: inline-block;
        }
      }
    }*/
  /* .navbar {
     display: flex !important;
     justify-content: flex-start !important;

     background-color: #004e7d;

     max-width: 1440px !important;

     margin: 0 auto;

   }*/
  /* .navbar > li a {color: #fff;}*/
  /* .megaContainer{

     background-color: #004e7d;

   }*/
  /* ul,

   li {

     list-style-type: none;

     padding: 0;

     margin: 0;

   }*/
  /* ul.lv1 {

     clear: both;

     z-index: 100;

    // position: relative;

   }*/
  /* ul.lv1>li {

     float: left;

     width: auto;

     align-items: center;

     color: #fff;

     font-weight: 500;

     text-align: center;

     position: relative;

     justify-content: center;

     display: flex;

     flex: 1 1 auto;

     min-height: 58px;

   }

   .navbar::before {

     content: "";

     width: 36px;

     color: #ffffff;

     background: #004e7d;

   }
  */
  /*ul.lv1 li{
  	font-weight:600; font-size:16px;
  @include for-min-desktop-up {
      font-size: 14px;
  }
  }*/
  /* ul.lvn li:hover {

     background: rgba(0, 0, 0, 0.04) !important;
     color: #212934;

     font-weight: 500 !important;

     .mdesc {
       padding-right: 0; 
     }
   }*/
  /*.lv1 li:first-child {
    .lv2 {
      padding-bottom: 20px;
      border-bottom: 20px solid #f4f4f4;
    }
  }*/
  /* ul.lv1 li:nth-child(2) ul.lv2 {
     height: auto;
     width: 200px;
     overflow-y: hidden !important
   }

   ul.lv1 li:nth-child(2) .wrapper {
     height: auto
   }

   ul.lv1 li:hover {
     background-color: #002d50;
   }
   ul.lv1 li, ul.lv1 li:hover {
      cursor: pointer;
    }*/
  /* ul.lv1 li.hasChild:hover::before, .quick-order-menu::before {
     content: "";
     display: block;
     position: absolute;
     width: 0;
     height: 0;
     border-style: solid;
     border-width: 0 11.5px 15px 11.5px;
     border-color: transparent transparent #f4f4f4 transparent;
     bottom: -2px;
     right: 10px;
     z-index: 12;
   }*/
  /* ul.lv1 li.hasChild:hover::before{
    content: "";  
    bottom: -2px;
    right: 10px;
    z-index: 12;
  }*/
  /*ul.lvn::-webkit-scrollbar, .quickOrderForm::-webkit-scrollbar {
      width: 9px;
  }
   ul.lvn::-webkit-scrollbar-thumb, .quickOrderForm::-webkit-scrollbar-thumb {
      background-color: #cfcfcf;
      border-radius: 6.5px;
      border: 3px solid #cfcfcf;
  }
   ul.lvn::-webkit-scrollbar-track, .quickOrderForm::-webkit-scrollbar-track {
      border-radius: 20px;
      background-color: #a7a0a0;
  }*/
  /*.quick-order i.fal.fa-cart-arrow-down {
    color:#fff;
    font-size:x-large;
    width: 27px;
    min-height: 1px;
    display: inline-block;
  }*/
  /* .quick-order {
     display: flex;
     align-items: center;
      span.icon {
        margin-left: 5px;
      }
   }*/
}
.megaContainer ul.lvn {
  position: absolute;
  text-align: left;
  top: 0px;
  z-index: 1000;
  min-width: 261px;
  width: auto;
  display: flex;
  flex-direction: column;
  box-shadow: 20px 0px 15px rgba(0, 0, 0, 0.2);
}
.megaContainer ul.lvn li a {
  text-decoration: none;
  color: inherit;
  flex-direction: row;
  align-items: center;
  display: block;
  overflow: hidden;
  padding-right: 10px;
  width: 100%;
}
.megaContainer ul.lvn li a span {
  padding-top: 4px;
  padding-bottom: 4px;
}
.megaContainer ul.lvn li {
  padding: 0 0 0 25px;
  position: static;
  font-weight: 300;
  color: #212934;
}
.megaContainer ul.lvn li .mdesc {
  float: left;
  width: calc(100% - 24px);
  padding-right: 14px;
}
.megaContainer ul.lvn li .icon {
  float: right;
}
.megaContainer .megaContainer .activeATag:hover {
  font-weight: 500;
}
.megaContainer .megaContainer ul.lvn li:hover {
  background-color: transparent;
}
.megaContainer .megaContainer ul.lvn li.activeMenu, .megaContainer .megaContainer ul.lvn li.activeListMenu {
  background: rgba(0, 0, 0, 0.04) !important;
  color: #212934;
  font-weight: 500 !important;
}
.megaContainer .megaContainer ul.lvn li.activeMenu .mdesc, .megaContainer .megaContainer ul.lvn li.activeListMenu .mdesc {
  padding-right: 0;
}
.megaContainer ul.lvn .parent.viewall_parent {
  padding: 4px 0 4px 0;
  line-height: 1.3;
}
.megaContainer .quick-order-menu {
  position: absolute;
  right: 0;
  top: 0;
}
.megaContainer .quick-order-menu::before {
  top: 44px;
  right: 18px;
  z-index: 13;
}
.megaContainer a.parent {
  color: #004e7d !important;
  font-weight: 600 !important;
  text-decoration: underline !important;
}
.megaContainer .viewall_parent {
  color: #004e7d !important;
  font-weight: 600 !important;
  text-decoration: underline !important;
}
.megaContainer ul.lv2 {
  top: 60px;
  left: 0px;
  height: 692px;
  margin-left: 25px;
  overflow-y: auto;
  overflow-x: hidden;
  position: static;
  background: #f4f4f4;
  box-shadow: 20px 0px 15px rgba(0, 0, 0, 0.2);
}
.megaContainer ul.lv3 {
  position: static;
  overflow-y: auto;
  overflow-x: hidden;
  height: 692px;
}
.megaContainer ul.lv4 {
  position: static;
  overflow-y: auto;
  overflow-x: hidden;
  height: 692px;
}
.megaContainer .wrapper {
  position: absolute;
  top: 58px;
  left: 0px;
  margin-left: -25px;
  height: 692px;
  z-index: 13;
  display: unset !important;
}
.megaContainer .wrapper2 {
  position: absolute;
  top: 0px;
  left: 100%;
  background-color: transparent;
}
.megaContainer .wrapper3 {
  position: absolute;
  top: 0px;
  left: 100%;
  background-color: transparent;
  box-shadow: 20px 0px 15px rgba(0, 0, 0, 0.2);
}
.megaContainer .menu {
  position: relative;
  top: 0;
  left: 0;
}
.megaContainer ul.lvn li .icon {
  color: #004e7d !important;
  display: flex;
}
.megaContainer .activeMenuItem {
  background-color: #002d50;
}
.megaContainer .accountPopup {
  z-index: 1000 !important;
}
.megaContainer .quickOrderForm {
  position: absolute;
  right: 0;
  background: #f4f4f4;
  top: 58px;
  max-height: 660px;
  overflow-y: scroll;
  z-index: 13;
}
.megaContainer .quickOrderForm label {
  display: flex;
}
.megaContainer .itemRow span {
  color: #212934;
  font-weight: 300;
}
@media (min-width: 768px) {
  .megaContainer ul.lvn {
    background-color: #f4f4f4;
    width: calc((100vw - 72px) / 4);
    max-width: 345px;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .megaContainer ul.lvn {
    width: calc((100vw - 72px) / 3);
    max-width: 370px;
  }
}
@media (min-width: 768px) {
  .megaContainer .menuv2.quick-order .fa-cart-arrow-down {
    color: #ffffff;
    font-size: x-large;
  }
}
.megaContainer .bannerWrapper {
  position: absolute;
  left: 100%;
  top: 0;
  height: 692px;
  width: 340px;
  padding-left: 0;
  padding-right: 20px;
  background: #f4f4f4;
  padding-top: 30px;
  box-shadow: 20px 0px 15px rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: 1199.98px) and (min-width: 768px) {
  .megaContainer .bannerWrapper {
    width: 280px;
  }
}

.megaContainer ul.lvn li a.secondary-light span {
  line-height: 1;
}

ul.lvn.lv2 li:first-child {
  padding-top: 10px !important;
}

ul.lvn.lv2 li:last-child {
  padding-bottom: 10px !important;
}

.megaContainer ul.lvn li a {
  font-size: 14px;
}

.megaContainer ul.lvn li a > span:hover {
  text-decoration: underline;
}

li.outerListItem li a, li.outerListItemActive li a {
  display: flex;
}

li.hasChild li.hasChild a {
  display: flex;
}

ul.lv1 li.hasChild:has(.wrapper):before {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 11.5px 15px 11.5px;
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #f4f4f4 rgba(0, 0, 0, 0);
  bottom: -2px;
  right: 10px;
  z-index: 12;
}

.megaContainer ul.lv1 li:has(.wrapper) {
  background: #002d50 !important;
}

.productListWrapper {
  width: 100%;
}
@media (max-width: 767.98px) {
  .productListWrapper .rec-pagination {
    display: none !important;
  }
}
.productListWrapper .content .OneOverTwo {
  background-color: #fff;
}
.productListWrapper .content h4.title {
  padding: 0 0 16px;
  margin: 0 auto;
  max-width: 1368px;
  font-size: 26px;
  font-weight: 500;
  line-height: 36px;
  text-transform: capitalize;
  word-break: break-word;
}
.productListWrapper .content h2.title {
  padding: 0 0 16px;
  margin: 0 auto;
  max-width: 1368px;
  font-size: 26px;
  font-weight: 500;
  line-height: 36px;
  text-transform: capitalize;
}
@media (max-width: 767.98px) {
  .productListWrapper .content h2.title {
    padding: 0;
  }
}
.productListWrapper .content .categoryDesc {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
  color: #212934;
  max-width: 1368px;
  margin: 0 auto;
}
.productListWrapper .content h3.autoCorrect {
  padding: 0px 36px;
  font-size: 22px;
  font-weight: 300;
  line-height: 32px;
}
.productListWrapper .content .didyoumean a {
  color: blue;
  text-transform: capitalize;
}
.productListWrapper .content .breadCrumbText ol.MuiBreadcrumbs-ol {
  padding-left: 0px !important;
}
.productListWrapper .OneOverTwo-no-search-results .no-search-results {
  max-width: 1368px;
  list-style-position: inside;
  margin: 0 auto;
}
.productListWrapper .productListsection {
  display: flex;
  justify-content: space-between;
}
.productListWrapper .productListsection .filterWrapper {
  width: 24%;
}
.productListWrapper .productListsection .productListfeatures {
  width: 73%;
}
.productListWrapper .contentMargin .toolTipWishList.accountPopup {
  margin-left: -135px;
  right: 0;
}
.productListWrapper .contentMargin .inlineFlexWrapper.accountWishList > div {
  display: inline-flex;
  vertical-align: top;
}
@media (min-width: 768px) {
  .productListWrapper .contentMargin .accountWishList .accountPopup {
    display: block;
    box-sizing: border-box;
    margin-left: -185px;
    padding: 16px;
    font-size: 14px;
    width: 211px;
    border: 1px solid #DADADA;
    border-radius: 3px;
    background-color: #ffffff;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.07);
    position: absolute;
    z-index: 12;
    right: 0px;
    cursor: pointer;
  }
}
@media (min-width: 768px) and (max-width: 767.98px) {
  .productListWrapper .contentMargin .accountWishList .accountPopup {
    font-size: 14px;
  }
}
@media (min-width: 768px) {
  .productListWrapper .contentMargin .accountWishList .accountPopup::before, .productListWrapper .contentMargin .accountWishList .accountPopup::after {
    content: "";
    width: 0;
    height: 0;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    border-left: solid 8px transparent;
    border-right: solid 8px transparent;
    position: absolute;
    left: 176px;
  }
}
@media (min-width: 768px) {
  .productListWrapper .contentMargin .accountWishList .accountPopup::before {
    top: -8px;
    border-bottom: solid 6px #DADADA;
  }
}
@media (min-width: 768px) {
  .productListWrapper .contentMargin .accountWishList .accountPopup::after {
    top: -7px;
    border-bottom: solid 8px #fff;
  }
}
@media (min-width: 768px) {
  .productListWrapper .contentMargin .accountWishList .accountPopup .showCreateList {
    color: #212934;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
  }
  .productListWrapper .contentMargin .accountWishList .accountPopup .showCreateList .groupList li {
    margin: 0 0 16px;
  }
}
@media (min-width: 768px) {
  .productListWrapper .contentMargin .accountWishList .accountPopup .flexDisplay {
    display: flex !important;
    align-items: center;
  }
  .productListWrapper .contentMargin .accountWishList .accountPopup .flexDisplay .fal {
    font-size: 24px;
    font-weight: 300;
    color: #004e7d;
  }
  .productListWrapper .contentMargin .accountWishList .accountPopup .flexDisplay span.desc {
    padding-left: 12px;
    color: #004e7d;
  }
}
@media (min-width: 768px) {
  .productListWrapper .contentMargin .accountWishList .accountPopup .addList {
    margin-top: 16px;
  }
  .productListWrapper .contentMargin .accountWishList .accountPopup .addList .MuiFormControl-marginNormal {
    width: 100%;
  }
  .productListWrapper .contentMargin .accountWishList .accountPopup .addList .MuiOutlinedInput-input {
    padding: 7px 10px;
    text-align: center;
  }
  .productListWrapper .contentMargin .accountWishList .accountPopup .addList .customBtn {
    height: 40px;
  }
}
@media (min-width: 768px) {
  .productListWrapper .contentMargin .accountWishList .accountPopup .displayList .icon {
    color: #71B946;
    display: contents;
    margin-right: 8px;
  }
  .productListWrapper .contentMargin .accountWishList .accountPopup .displayList span.descSave {
    padding-left: 6px;
    font-size: 14px;
    font-weight: 500;
    color: #004e7d;
  }
}
@media (min-width: 768px) {
  .productListWrapper .contentMargin .addList .MuiFormControl-marginNormal {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .productListWrapper .contentMargin .fa-duotone::before, .productListWrapper .contentMargin .fa-duotone::after {
    content: "" !important;
  }
}
.productListWrapper .title {
  color: #212934;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 28px;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .productListWrapper .title {
    font-size: 36px;
    margin-top: 24px;
  }
}
.productListWrapper .productDescription {
  color: #212934;
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 768px) {
  .productListWrapper .productDescription {
    color: #212934;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
  }
}
.productListWrapper .type {
  display: none;
}
@media (min-width: 768px) {
  .productListWrapper .type {
    display: flex;
    height: 190px;
    background-color: #fafafa;
    justify-content: space-between;
  }
  .productListWrapper .type div {
    width: 211px;
    height: 110px;
    border-radius: 8px;
    background-color: #ffffff;
    box-shadow: 0 2px 18px 0 rgba(211, 211, 211, 0.5);
    margin: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    vertical-align: middle;
    justify-content: center;
    cursor: pointer;
  }
  .productListWrapper .type div span {
    margin-left: 8px;
  }
}
.productListWrapper .recomendedTitle {
  color: #212934;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 28px;
}
@media (min-width: 768px) {
  .productListWrapper .recomendedTitle {
    font-size: 26px;
    font-weight: 600;
  }
}
.productListWrapper .lineDivider {
  box-sizing: border-box;
  border-bottom: 1px solid #bcbec0;
}
@media (min-width: 768px) {
  .productListWrapper .noResultSection {
    padding-left: 350px;
    justify-content: center;
    align-items: center;
    height: 400px;
    flex-direction: column;
    text-align: center;
    vertical-align: middle;
    display: flex;
  }
}
.productListWrapper .shopNowBtn {
  color: #004e7d;
  height: 48px;
  width: 80%;
  border-radius: 8px;
  background-color: #ffffff;
  text-align: center;
  margin-left: 48px;
  padding-bottom: 16px;
  padding-top: 16px;
  margin-bottom: 23px;
  text-transform: initial;
}
@media (min-width: 768px) {
  .productListWrapper .shopNowBtn {
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    height: 48px;
    width: 144px;
    border-radius: 8px;
    background-color: #ffffff;
    margin: 24px;
    padding: 0;
  }
  .productListWrapper .shopNowBtn:hover {
    background-color: #ffffff;
  }
}
@media (min-width: 768px) {
  .productListWrapper .imageAddWrapper {
    width: 100%;
    display: flex;
  }
}
.productListWrapper .adImageSection {
  width: 50%;
}
@media (min-width: 768px) {
  .productListWrapper .productAd {
    height: 300px;
    background-color: #004e7d;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    width: 50%;
  }
}
@media (min-width: 768px) {
  .productListWrapper .productAdTitle {
    height: 120px;
    width: 496px;
    color: #ffffff;
    font-family: Kanit;
    font-size: 50px;
    font-weight: 800;
    letter-spacing: -0.63px;
    line-height: 40px;
    margin-left: 32px;
  }
}
.productListWrapper .loadMoreSection {
  margin-bottom: 32px;
  padding-top: 32px;
}
.productListWrapper .loadMoreSection button {
  box-sizing: border-box;
  height: 50px;
  width: 100%;
  border: 2px solid #004e7d;
  border-radius: 8px;
  background-color: #ffffff;
  color: #004e7d;
  font-weight: bold;
  text-align: center;
}
@media (min-width: 768px) {
  .productListWrapper .loadMoreSection button {
    width: 277px;
  }
}
@media (min-width: 768px) {
  .productListWrapper .loadMoreSection {
    width: 100%;
    text-align: center;
    height: 150px;
    margin-bottom: 0;
  }
}
.productListWrapper .totalCount {
  font-size: 14px;
  line-height: 16px;
  margin-top: 8px;
  color: #424c5b;
  letter-spacing: 0;
  text-align: center;
}
@media (min-width: 768px) {
  .productListWrapper .totalCount {
    margin-top: 8px;
  }
}
.productListWrapper .bannerDivider {
  margin: 40px 0;
}
@media (min-width: 768px) {
  .productListWrapper .bannerDivider {
    margin: 70px 0 0 0;
  }
}
.productListWrapper .breadCrumbText .MuiBreadcrumbs-separator {
  color: #68707c;
  font-size: 25px;
  height: 40px;
  width: 18px;
  margin: 0 8px;
}
.productListWrapper .swipeWrapper {
  margin: 16px 0;
  padding: 40px 0;
  background-color: #fafafa;
}
.productListWrapper .swipeWrapper .rec-carousel-wrapper .rec-arrow {
  display: none;
}
.productListWrapper .swipeWrapper .categoryWrapper {
  height: 80px;
  width: 90%;
  border-radius: 8px;
  background-color: #ffffff;
  box-shadow: 0px 2px 18px rgba(211, 211, 211, 0.2);
  display: flex;
  flex-direction: row;
  padding: 0 8px;
  align-items: center;
  vertical-align: middle;
  justify-content: center;
  margin: 8px;
}
.productListWrapper .swipeWrapper .rec-pagination {
  display: none;
}
.productListWrapper .swipeWrapper .swipeableItem {
  height: 100px;
  width: 100%;
  border-radius: 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.productListWrapper .swipeWrapper .swipeableItem span {
  color: #212934;
  font-size: 14px;
  margin-left: 8px;
  line-height: 1.2;
}
.productListWrapper .swipeWrapper .swipeableItem img {
  height: 46.84px;
  width: 51px;
}
.productListWrapper .swipeWrapper .contentWrapper {
  padding: 0;
}
.productListWrapper .swipeWrapper .rec-slider-container {
  margin: 0;
}

.productAdWrapper {
  height: 476px;
  width: 100%;
  background: lightblue;
  background-color: #004e7d;
  margin-top: 24px;
}
@media (min-width: 768px) {
  .productAdWrapper {
    height: 695px;
    width: 327px;
    margin-top: 24px;
  }
}

.adFlex {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  background-color: #004e7d;
}
.adFlex section {
  margin: 0px 48px;
}
@media (min-width: 768px) {
  .adFlex section {
    margin: 24px;
  }
}
.adFlex section img {
  height: 210px;
  width: 193px;
}
@media (min-width: 768px) {
  .adFlex {
    border-radius: 4px;
    margin: 2px;
    margin-left: 16px;
  }
}

.adTitle {
  color: #ffffff;
  padding-left: 48px;
  font-size: 26px;
  font-weight: bold;
  letter-spacing: -0.33px;
  line-height: 30px;
  padding: 0 32px;
}
@media (min-width: 768px) {
  .adTitle {
    font-size: 40px;
    line-height: 40px;
    padding-left: 16px;
  }
}

@media (max-width: 767.98px) {
  .modal-open .totalResults {
    font-size: 14px !important;
    margin: 15px 0 0 0 !important;
    line-height: 20px !important;
    font-weight: 400 !important;
  }
}
@media (max-width: 767.98px) {
  .modal-open .sortSection {
    position: absolute;
    top: 0;
    /* font-size: 14px !important; */
    z-index: 3;
    left: 15px;
  }
}
@media (max-width: 767.98px) {
  .modal-open .right_col .sortSection {
    display: none;
  }
}

.OneOverTwo .categoryWrapper {
  display: flex;
  background-color: #FFFFFF;
  width: 210px;
  height: 112px;
  padding: 25px 15px;
  border-radius: 8px;
  border: 1px solid #FAFAFA;
  cursor: pointer;
}
@media (max-width: 767.98px) {
  .OneOverTwo .categoryWrapper {
    height: 80px;
    padding: 10px;
    align-items: center;
  }
}
.OneOverTwo .categoryWrapper:hover, .OneOverTwo .categoryWrapper.active {
  border-color: #004E7D;
  font-weight: 600;
  color: #212934;
}
.OneOverTwo .categoryWrapper.active {
  cursor: inherit;
}
.OneOverTwo .categoryWrapper > a, .OneOverTwo .categoryWrapper > b {
  width: 60px;
  height: 60px;
}
.OneOverTwo .categoryWrapper > b {
  display: block;
}
.OneOverTwo .categoryWrapper img {
  width: 100%;
  min-width: 60px;
}
@media (max-width: 767.98px) {
  .OneOverTwo .categoryWrapper img {
    width: 100%;
    min-width: unset;
  }
}
.OneOverTwo .categoryWrapper > a, .OneOverTwo .categoryWrapper span {
  align-self: center;
}
.OneOverTwo .rec-carousel-wrapper {
  padding: 40px 0;
  background-color: #FAFAFA;
}
@media (max-width: 767.98px) {
  .OneOverTwo .rec-carousel-wrapper {
    font-size: 14px;
    font-weight: 400;
    min-height: unset;
  }
}
.OneOverTwo .rec-item-wrapper {
  padding: 28px 0 !important;
}
.OneOverTwo .sibling_category_desc {
  margin-left: 10px;
  line-height: 21px;
  hyphens: auto;
  word-break: break-word;
}
@media (max-width: 767.98px) {
  .OneOverTwo .sibling_category_desc {
    width: 70%;
  }
}
.OneOverTwo .sibling_category_desc a {
  color: #212934;
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
}
@media (max-width: 767.98px) {
  .OneOverTwo .sibling_category_desc a {
    font-size: 14px;
    font-weight: 400;
  }
}
.OneOverTwo .rec-slider-container {
  overflow: hidden;
  position: relative;
  width: 100%;
  margin: 0 10px;
}
.OneOverTwo .rec-slider {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  margin: 0 0px;
}
.OneOverTwo .rec-carousel-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  direction: ltr;
  max-width: 1368px;
  padding: 0 36px;
  margin: 0 auto;
  position: relative;
}
@media (max-width: 767.98px) {
  .OneOverTwo .rec-carousel-wrapper {
    padding: 0 0;
  }
}
.OneOverTwo .rec-item-wrapper {
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-pack: CENTER;
  -webkit-justify-content: CENTER;
  -ms-flex-pack: CENTER;
  justify-content: CENTER;
}
.OneOverTwo .rec-carousel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 100%;
}
.OneOverTwo .rec-arrow {
  box-sizing: border-box;
  transition: all 0.3s ease 0s;
  box-shadow: #333333 0px 0px 2px 0px;
  border: none;
  padding: 0px;
  line-height: 50px;
  align-self: center;
  cursor: pointer;
  outline: none;
  position: absolute;
}
.OneOverTwo .rec-arrow.rec-arrow-left {
  left: 0;
}
.OneOverTwo .rec-arrow.rec-arrow-right {
  right: 0;
}
.OneOverTwo .rec-pagination {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 15px;
  display: none;
}
.OneOverTwo .rec-dot {
  box-sizing: border-box;
  padding: 0;
  -webkit-transition: all 250ms ease;
  transition: all 250ms ease;
  border: none;
  margin: 5px;
  font-size: 1.3em;
  content: "";
  outline: none;
}

.modalContainerFilterWraperPLP {
  height: 100vh;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .modalContainerFilterWraperPLP {
    overflow-y: auto;
    outline: none;
    position: absolute;
    background-color: #ffffff;
    height: 100%;
    left: 0 !important;
    transform: translate(0, -50%) !important;
    width: 50%;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .modalContainerFilterWraperPLP {
    overflow-y: auto;
    outline: none;
    position: absolute;
    background-color: #ffffff;
    height: 100%;
    width: 100%;
  }
}
@media (min-device-width: 320px) and (max-device-width: 575.98px) {
  .modalContainerFilterWraperPLP {
    overflow-y: auto;
    outline: none;
    position: absolute;
    background-color: #ffffff;
    height: 100%;
    width: 100%;
  }
}
.modalContainerFilterWraperPLP .alignVCenter .back {
  padding: 20px 20px 0 20px;
}
.modalContainerFilterWraperPLP .filterModal .sortSection {
  position: unset;
  padding: 0 20px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .modalContainerFilterWraperPLP .filterModal .sortSection {
    margin: 20px 0;
  }
}
.modalContainerFilterWraperPLP .filterModal .sortSection h1 {
  color: #212934;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0;
  padding: 0;
  margin: 0;
  line-height: 28px;
  display: none;
}
@media (max-width: 767.98px) {
  .modalContainerFilterWraperPLP .filterModal .sortSection h1 {
    display: block;
  }
}
@media (max-width: 767.98px) {
  .modalContainerFilterWraperPLP .filterModal .sortSection {
    border-bottom: 1px solid #BCBEC0;
    padding-bottom: 20px;
    background: #fff;
    position: sticky;
    padding-top: 20px;
  }
}
.modalContainerFilterWraperPLP .filterModal .filterBtn.close {
  right: 0px;
  font-size: 21px;
  font-weight: 400;
  float: right;
  min-width: unset;
  text-align: right;
}

.left_col .totalResults {
  color: #424c5b;
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  margin-top: 16px;
}
@media (min-width: 768px) {
  .left_col .totalResults {
    color: #212934;
    font-size: 26px;
    line-height: 36px;
  }
}
.left_col .sortSection {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.left_col .sortSection h1 {
  display: none;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .left_col .sortSection {
    margin: 0;
    float: left;
    padding: 0;
    justify-content: unset;
    flex-direction: column;
    width: 60%;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .left_col .sortSection {
    margin: 0;
    float: left;
    padding: 0;
    justify-content: unset;
    flex-direction: column;
    width: 60%;
  }
}
@media (min-device-width: 320px) and (max-device-width: 575.98px) {
  .left_col .sortSection {
    margin: 0;
    float: left;
    padding: 0;
    justify-content: unset;
    flex-direction: column;
    width: 60%;
    display: none;
  }
}
@media (max-width: 767.98px) {
  .left_col .sortSection {
    display: none;
  }
}
.left_col .sortSection div {
  display: none;
}
@media (min-width: 768px) {
  .left_col .sortSection div {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}
.left_col .sortLabel {
  color: #424c5b;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  text-align: right;
  margin-right: 8px;
}
.left_col .sortSelect .MuiInputBase-formControl {
  box-sizing: border-box;
  height: 36px;
  width: 210px;
  border: 1px solid #004e7d;
  border-radius: 4px;
  background-color: #ffffff;
}
.left_col .sortSelect .MuiOutlinedInput-input {
  padding: 10px 14px;
  font-weight: 600;
}
.left_col .sortSelect .MuiSelect-select:focus {
  background-color: none;
}
.left_col .sortSelect option {
  height: 20px;
  width: 83px;
  color: #212934;
  font-family: Kanit;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 20px;
}
.left_col .filterBtn {
  box-sizing: border-box;
  border: 1px solid #004e7d;
  text-transform: initial;
  border-radius: 4px;
  margin-top: 16px;
  color: #004e7d;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 16px;
}
@media (max-width: 767.98px) {
  .left_col .filterBtn {
    display: flex;
    float: right;
    flex-direction: column;
    margin: 10px 0 0 0;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .left_col .filterBtn {
    display: flex !important;
    float: right;
    width: 210px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .left_col .filterBtn {
    display: flex !important;
    float: right;
  }
}
@media (min-device-width: 320px) and (max-device-width: 575.98px) {
  .left_col .filterBtn {
    display: flex !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .left_col .filterBtn {
    display: none !important;
  }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .left_col .filterBtn {
    display: none !important;
  }
}
@media (min-width: 1400px) {
  .left_col .filterBtn {
    display: none !important;
  }
}
@media (max-width: 767.98px) {
  .left_col .filterBtn.close {
    position: absolute;
    top: 0;
    z-index: 2;
    border: none;
    right: 0;
    right: 0;
    width: auto;
    text-align: right;
  }
  .left_col .filterBtn.close i.fal {
    font-size: 21px;
    font-weight: 400;
  }
}
.left_col .filterIcon {
  margin-right: 16px;
}
@media (max-width: 767.98px) {
  .left_col {
    position: sticky;
    top: 0;
    padding: 5px 4px 16px !important;
  }
}

.right_col .productList {
  display: flex;
  flex-wrap: wrap;
}
.right_col .productList #productContainer {
  margin-right: 20px;
}
@media (min-width: 1400px) {
  .right_col .contentMargin {
    width: calc(33.33% - 20px);
  }
  .right_col .contentMargin #productContainer:nth-child(3n+3) {
    margin-right: 0;
  }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .right_col .contentMargin {
    width: calc(33.33% - 20px);
  }
  .right_col .contentMargin #productContainer:nth-child(3n+3) {
    margin-right: 0;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .right_col .contentMargin {
    width: calc(33.33% - 20px);
  }
  .right_col .contentMargin #productContainer:nth-child(3n+3) {
    margin-right: 0;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .right_col .contentMargin {
    width: calc(33.33% - 20px);
  }
  .right_col .contentMargin #productContainer:nth-child(3n+3) {
    margin-right: 0;
  }
}
@media (min-width: 540px) and (max-width: 767.98px) {
  .right_col .contentMargin {
    width: calc(50% - 20px);
  }
  .right_col .contentMargin #productContainer:nth-child(2n+3) {
    margin-right: 0;
  }
}
@media (max-width: 539.98px) {
  .right_col .contentMargin {
    width: 100%;
    margin: 0;
  }
  .right_col .contentMargin .productList #productContainer {
    margin-right: 0 !important;
  }
}
@media (min-width: 992px) and (max-width: 1059.98px) {
  .right_col .contentMargin {
    width: calc(50% - 20px);
  }
  .right_col .contentMargin #productContainer:nth-child(2n+3) {
    margin-right: 0;
  }
}
.right_col .sortLabel {
  color: #212934;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  text-align: right;
  margin-right: 8px;
}
.right_col .sortSelect .MuiInputBase-formControl {
  box-sizing: border-box;
  width: 210px;
  border: 1px solid #004e7d;
  border-radius: 4px;
  background-color: #ffffff;
  /*&.Mui-focused .MuiSelect-icon {
      transform: rotate(180deg);
  }*/
}
.right_col .sortSelect .MuiOutlinedInput-input {
  padding: 10px 14px;
  font-weight: 300;
  color: #212934;
}
@media (max-width: 539.98px) {
  .right_col .productGridViews .wrapper .productTileContainer {
    flex-wrap: wrap;
  }
}
@media (min-width: 540px) and (max-width: 767.98px) {
  .right_col .productGridViews .wrapper {
    flex-wrap: wrap;
  }
}

.left_col .jss12 {
  right: unset;
  width: unset;
  height: unset;
}

span.sibling_category_img {
  width: 60px;
  height: 60px;
}

.colorswatch .undefinedColor, .colorswatch.activeColorVariant .undefinedColor {
  border: 1px solid;
}
.colorswatch .undefinedColor::before, .colorswatch.activeColorVariant .undefinedColor::before {
  content: " x ";
  display: block;
  text-align: center;
  margin: 0 auto;
  margin-top: -5px;
}

.MuiFormGroup-root.input-element-select-formGroup.sortSelect {
  flex-direction: inherit;
  align-items: center;
}

.MuiFormLabel-root.input-element-select-formLabel.sortLabelClassName {
  margin-right: 8px;
}

.left_col .filterWrapper .MuiAccordionDetails-root .MuiFormGroup-root label {
  width: 100%;
}

#on-over-two .col_container .left_col,
#OneOverTwo .col_container .left_col {
  float: left;
  top: 0;
}
#on-over-two .col_container .right_col,
#OneOverTwo .col_container .right_col {
  float: right;
}

@media (min-width: 768px) and (max-width: 991.98px) {
  #on-over-two .col_container .left_col, #on-over-two-right .col_container .left_col {
    position: sticky;
  }
}

#on-over-two-right .col_container .left_col {
  float: left !important;
  position: relative;
  margin-left: 0;
  width: 100% !important;
}
@media (min-width: 768px) {
  #on-over-two-right .col_container .left_col {
    width: 1080px !important;
  }
}
#on-over-two-right .col_container .right_col {
  float: right !important;
  top: 0;
  margin-right: 0;
  width: 100% !important;
}
@media (min-width: 768px) {
  #on-over-two-right .col_container .right_col {
    width: 320px !important;
  }
}

.col_container {
  width: 100%;
  max-width: 1368px;
  margin: 0 auto;
}
@media (max-width: 767.98px) {
  .col_container {
    position: relative;
    z-index: 2;
    background: #ffffff;
  }
}

.col_container::after {
  clear: both;
  content: " ";
  display: block;
}

.col_container .left_col {
  width: 100%;
  padding: 0;
  float: left;
  top: 0;
}
@media (max-width: 767.98px) {
  .col_container .left_col {
    margin: 0;
    z-index: 1;
    background: #fff;
  }
}
.col_container .left_col span.MuiButtonBase-root input[type=checkbox] {
  top: 0;
  left: 0;
  width: 100%;
  cursor: inherit;
  height: 100%;
  margin: 0;
  opacity: 0;
  padding: 0;
  z-index: 1;
  position: absolute;
}
.col_container .left_col .totalResults {
  font-weight: 500;
  line-height: 36px;
  margin: 15px 0;
  font-size: 20px;
  color: #212934;
}
@media (max-width: 767.98px) {
  .col_container .left_col .totalResults {
    font-size: 18px;
    font-weight: 500;
    color: #212934;
  }
}
@media (max-width: 767.98px) {
  .col_container .left_col .totalResults.filterOpen::before {
    content: " Filter";
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .col_container .left_col {
    width: 100%;
    margin-left: 0;
    background: #fff;
    z-index: 12;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .col_container .left_col {
    width: 100%;
    margin-left: 0;
    background: #fff;
    z-index: 12;
  }
}
@media (min-device-width: 320px) and (max-device-width: 575.98px) {
  .col_container .left_col {
    width: 100%;
    margin-left: 0;
    background: #fff;
    z-index: 12;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .col_container .left_col {
    width: 320px;
  }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .col_container .left_col {
    width: 320px;
  }
}
@media (min-width: 1400px) {
  .col_container .left_col {
    width: 320px;
  }
}
.col_container .left_col .verticalMenu {
  background: #f9f9f9;
  padding: 20px;
}
@media (max-width: 767.98px) {
  .col_container .left_col .verticalMenu {
    background: unset;
    padding: 0;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .col_container .left_col .verticalMenu {
    padding: 0;
    background: unset;
  }
}
.col_container .left_col .verticalMenu .childMenuItem {
  padding: 0 0 10px 0;
}
.col_container .left_col .verticalMenu .childMenuItem span {
  font-size: 17px;
  color: #004e7d;
  line-height: 26px;
  font-weight: 500;
  padding: 0 0 0 0;
}
.col_container .left_col .verticalMenu .childMenuItem ul.parentMenuItem {
  margin-left: 18px;
}
.col_container .left_col .verticalMenu .childMenuItem ul.parentMenuItem a,
.col_container .left_col .verticalMenu .childMenuItem ul.parentMenuItem a:hover {
  font-size: 16px;
  line-height: 22px;
  color: #004e7d;
  font-weight: 300;
}
.col_container .left_col .verticalMenu .childMenuItem ul.parentMenuItem a span.parentMenu,
.col_container .left_col .verticalMenu .childMenuItem ul.parentMenuItem a:hover span.parentMenu {
  font-size: 16px;
  line-height: 22px;
  color: #004e7d;
  font-weight: 300;
  padding: 0;
}
.col_container .left_col .verticalMenu .childMenuItem ul.parentMenuItem a span,
.col_container .left_col .verticalMenu .childMenuItem ul.parentMenuItem a:hover span {
  font-size: 17px;
  line-height: 22px;
  color: #004e7d;
  font-weight: 500;
  display: block;
  padding-bottom: 14px;
}
.col_container .left_col .PrivateNotchedOutline-root-13 {
  display: none;
}

.col_container .right_col {
  float: right;
}
@media (max-width: 767.98px) {
  .col_container .right_col {
    width: 100%;
    padding: 0;
    margin: 0;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .col_container .right_col {
    width: 100%;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .col_container .right_col {
    width: 100%;
  }
}
@media (min-device-width: 320px) and (max-device-width: 575.98px) {
  .col_container .right_col {
    width: 100%;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .col_container .right_col {
    width: calc(100% - 320px);
    padding-left: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .col_container .right_col {
    width: calc(100% - 320px);
    padding-left: 20px;
  }
}
@media (min-width: 1400px) {
  .col_container .right_col {
    width: calc(100% - 320px);
    padding-left: 20px;
  }
}
.col_container .right_col .container > .section_title_h3 {
  visibility: hidden;
}
.col_container .right_col .container > .section_title_h3:empty {
  margin-bottom: 0 !important;
}
.col_container .right_col .sortSection {
  display: none;
}
.col_container .right_col .sortBlock {
  display: flex;
  justify-content: flex-end;
  margin: 15px 0;
  align-items: center;
}
.col_container .right_col .searchWrapper .MuiFormControl-marginNormal {
  width: 100%;
}
.col_container .right_col .searchWrapper .MuiOutlinedInput-adornedEnd {
  padding: 0;
  margin: 0;
}
.col_container .right_col .searchWrapper .MuiOutlinedInput-inputAdornedEnd {
  padding: 14px;
  font-size: 16px;
  font-weight: 400;
}
@media (max-width: 767.98px) {
  .col_container .right_col .searchWrapper .MuiOutlinedInput-inputAdornedEnd {
    padding: 9px 14px;
    font-size: 12px;
  }
}

.col_container .left_col .filterWrapper ul.hyperlinkWrap li a,
.col_container .left_col .filterWrapper ul.hyperlinkWrap li a:hover {
  font-size: 16px;
  line-height: 22px;
  color: #004e7d;
  font-weight: 300;
}
@media (max-width: 767.98px) {
  .col_container .left_col .filterWrapper {
    width: 100%;
    margin: 40px 0 0 0;
    background: #fff;
    overflow-y: scroll;
    max-height: 100vh;
  }
}
.col_container .left_col .filterWrapper .MuiOutlinedInput-root.MuiInputBase-formControl {
  background: #ffffff;
  border: 1px solid #424c5b;
  box-sizing: border-box;
  border-radius: 4px;
}
.col_container .left_col .filterWrapper .MuiOutlinedInput-root.MuiInputBase-formControl fieldset {
  display: none;
}
.col_container .left_col .filterWrapper .MuiOutlinedInput-root.MuiInputBase-formControl input::placeholder {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 21px;
  color: #9b9b9b;
}
.col_container .left_col .filterWrapper .rangeFilterForm .textField {
  margin-right: 10px;
}
.col_container .left_col .filterWrapper .rangeFilterForm .textField input {
  height: 22px;
}

@media (min-width: 768px) {
  .col-container .columnWrapper {
    display: flex;
  }
}

.PrivateSwitchBase-input-12,
.PrivateSwitchBase-input-171,
.compareProduct input[type=checkbox] {
  top: 0;
  left: 0;
  width: 100%;
  cursor: inherit;
  height: 100%;
  margin: 0;
  opacity: 0;
  padding: 0;
  z-index: 1;
  position: absolute;
}

.productSection .imageSection {
  display: flex;
  align-items: center;
  justify-content: center;
}
.productSection .imageSection .refVariantSection {
  position: absolute;
  background: rgba(255, 255, 255, 0.8) !important;
  border-radius: 6px;
  cursor: pointer;
  font-size: 14px;
  border: 1px solid #dddddd;
  color: #444B5B;
  padding: 3px 10px;
}
@media (max-width: 539.98px) {
  .productSection .imageSection .refVariantSection {
    left: 0 !important;
  }
}
@media (max-width: 767.98px) {
  .productSection .imageSection .refVariantSection {
    top: 35% !important;
  }
}

.left_col .filterWrapper .jss9 {
  border: none;
}

.content nav {
  width: 100%;
  max-width: 1368px;
  margin: 0 auto;
}
@media (max-width: 767.98px) {
  .content nav {
    width: 100%;
    max-width: 100%;
  }
}
@media (resolution: 120dpi) {
  .content nav {
    width: 100%;
  }
}

.qa-menu-link:last-child {
  margin-top: 50px !important;
}

.columnWrapper::after {
  clear: both;
  content: " ";
  display: block;
}

.verticalMenuMobile {
  margin-top: 20px;
}
@media (max-width: 767.98px) {
  .verticalMenuMobile {
    margin-top: 0;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .verticalMenuMobile {
    margin: 0;
  }
}
.verticalMenuMobile i {
  font-size: 21px;
  font-weight: 600;
}
.verticalMenuMobile .Title {
  display: inline-block;
  padding: 0 0 0 15px;
}

.verticalMenuModal {
  height: 100vh;
  width: auto;
  background-color: #FFFFFF;
  padding: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  overflow-y: auto;
}
.verticalMenuModal .ModalClose {
  position: sticky;
  top: 5px;
  float: right;
  margin-right: 20px;
  color: #6a7681;
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .verticalMenuModal {
    width: 100%;
  }
}
@media (min-device-width: 320px) and (max-device-width: 575.98px) {
  .verticalMenuModal {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .verticalMenuModal {
    width: 50%;
    left: 0;
    height: 100vh;
    transform: translate(0%, -50%);
    border-radius: 0;
  }
}
.verticalMenuModal .verticalMenu {
  background: #f9f9f9;
  padding: 20px;
}
.verticalMenuModal .verticalMenu .childMenuItem {
  padding: 0 0 10px 0;
}
.verticalMenuModal .verticalMenu .childMenuItem span {
  font-size: 18px;
  color: #424c5b;
  line-height: 26px;
  font-weight: 600;
  padding: 0 0 0 0;
}
.verticalMenuModal .verticalMenu .childMenuItem ul.parentMenuItem a,
.verticalMenuModal .verticalMenu .childMenuItem ul.parentMenuItem a:hover {
  font-size: 16px;
  line-height: 22px;
  color: #004e7d;
  font-weight: 300;
}
.verticalMenuModal .verticalMenu .childMenuItem ul.parentMenuItem a span.parentMenu,
.verticalMenuModal .verticalMenu .childMenuItem ul.parentMenuItem a:hover span.parentMenu {
  font-size: 16px;
  line-height: 22px;
  color: #004e7d;
  font-weight: 300;
}
.verticalMenuModal .verticalMenu .childMenuItem ul.parentMenuItem a span,
.verticalMenuModal .verticalMenu .childMenuItem ul.parentMenuItem a:hover span {
  font-size: 16px;
  line-height: 22px;
  color: #004e7d;
  font-weight: 600;
}

.parentMenuItem .childMenuItem:first-child {
  margin-top: 9px;
}

li.hyperlinks:last-child {
  padding-bottom: 0;
}

.filterWrapper .MuiAccordionDetails-root .MuiFormGroup-root label span:nth-child(2) {
  padding-left: 5px;
}

.filterWrapper .MuiAccordionDetails-root .MuiFormGroup-root label span {
  padding: 2px 0 2px 5px;
  font-weight: 300;
  padding-left: 0;
}

.filterWrapper .MuiAccordionDetails-root .MuiFormGroup-root label {
  padding: 3px 0;
  align-items: self-start;
  width: max-content;
}

.filterWrapper .MuiAccordionDetails-root .MuiFormGroup-root label span:first-child {
  padding-top: 0;
  padding-bottom: 0;
  display: inline;
}

.filterWrapper .MuiAccordionDetails-root .MuiFormGroup-root label:first-child {
  padding: 0;
}

.filterWrapper .MuiAccordionDetails-root .MuiFormGroup-root label:nth-child(2) {
  padding-top: 6px;
}

.fullListViewModal .filterWrapper .MuiFormControlLabel-root {
  margin-left: 0;
}

.seeMore span {
  font-weight: 400 !important;
  font-size: 15px !important;
  text-decoration: underline;
}

/*.searchWrapper {
    @include for-xLarge-device {
        padding-top: 40px; padding-bottom: 16px;
    }
    @include for-Large-device {
        padding-top: 40px; padding-bottom: 16px;
    }
    @include for-xxLarge-device {
        padding-top: 40px; padding-bottom: 16px;
    }
}*/
.filterWrapper .MuiRadio-root {
  padding-right: 9px !important;
}

@media (max-width: 539.98px) {
  .rec-item-wrapper .productSection .imageSection .refVariantSection {
    left: unset !important;
  }
}

.productListWrapper .filterWrapper .MuiCheckbox-root {
  border: 0;
}

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: 39px;
  }
}

.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;
    font-size: 10px !important;
  }
}
.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: 10px !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;
}

.loaderWrapper {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.loaderWrapper:empty {
  display: none;
}

.loaderOverlay {
  width: 100% !important;
  height: 100vh !important;
  display: flex;
  position: fixed;
  background: rgba(0, 0, 0, 0.25);
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
}

.lds-spinner {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh !important;
  display: flex;
  position: fixed;
  background: rgba(0, 0, 0, 0.25);
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1301;
}

.lds-spinner div {
  transform-origin: 40px 25px;
  animation: lds-spinner 1.2s linear infinite;
}

.lds-spinner div:after {
  content: " ";
  display: block;
  position: absolute;
  top: 3px;
  left: 37px;
  width: 5px;
  height: 10px;
  border-radius: 20%;
  background: #212934;
}

.lds-spinner div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}

.lds-spinner div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s;
}

.lds-spinner div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}

.lds-spinner div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}

.lds-spinner div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.7s;
}

.lds-spinner div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}

.lds-spinner div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}

.lds-spinner div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}

.lds-spinner div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}

.lds-spinner div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}

.lds-spinner div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}

.lds-spinner div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
}

@keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.simpleLoaderWrapper {
  display: grid;
  justify-content: center;
  place-content: center;
}

.dottedLoader,
.dottedLoader:before,
.dottedLoader:after {
  width: 20px;
  /* update this to control the size */
  aspect-ratio: 0.5;
  display: grid;
  background: radial-gradient(#004e7d 68%, #004e7d 72%) center/100% 50% no-repeat;
  animation: load 1.2s infinite linear calc(var(--_s, 0) * 0.4s);
  transform: translate(calc(var(--_s, 0) * 150%));
}

.dottedLoader:before,
.dottedLoader:after {
  content: "";
  grid-area: 1/1;
}

.dottedLoader:before {
  --_s: -1;
}

.dottedLoader:after {
  --_s: 1;
}

@keyframes load {
  20% {
    background-position: top;
  }
  40% {
    background-position: bottom;
  }
  60% {
    background-position: center;
  }
}
.herobanner .BannerContainer {
  max-width: 1440px;
  margin: 0 auto;
  display: block;
  font-family: Kanit;
}
.herobanner .bannerBg {
  background-repeat: no-repeat;
  background-size: cover !important;
  background-position: center center !important;
}
@media (min-width: 1440px) {
  .herobanner .bannerBg {
    height: 616px !important;
    max-height: 616px !important;
  }
}
@media (min-width: 1200px) {
  .herobanner .bannerBg {
    height: 500px;
    max-height: 500px;
  }
}
@media (max-width: 767.98px) {
  .herobanner .bannerBg {
    height: 173px;
    max-height: 173px;
  }
}
@media only screen and (max-width: 1024px) and (min-width: 768px) {
  .herobanner .bannerBg {
    height: 400px;
    max-height: 400px;
  }
}
@media only screen and (max-width: 983px) and (min-width: 768px) {
  .herobanner .bannerBg {
    height: 400px;
    max-height: 400px;
  }
}
@media only screen and (max-width: 1199.98px) and (min-width: 768px) {
  .herobanner .bannerBg {
    height: 400px;
    max-height: 400px;
  }
}
.herobanner .bannerImageLeft .bannertitle {
  float: right;
}
.herobanner .bannerImageLeft .bannergradient {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 6.56%, #000000 120%);
}
@media (max-width: 767.98px) {
  .herobanner .bannerImageLeft .bannergradient {
    background: none;
  }
}
.herobanner .bannerImageLeft .bannerButton {
  padding: 40px 66px 0 0;
  display: block !important;
  float: left;
}
@media (max-width: 767.98px) {
  .herobanner .bannerImageLeft .bannerButton {
    padding: 10px 0 0 0 !important;
    float: unset !important;
  }
}
@media (max-width: 767.98px) {
  .herobanner .bannerImageLeft .BackgorundWithTexture {
    background-size: cover !important;
    background-position: left !important;
  }
}
.herobanner .bannerImageRight .bannertitle {
  float: left;
}
.herobanner .bannerImageRight .bannergradient {
  background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 6.56%, #000000 120%);
}
@media (max-width: 767.98px) {
  .herobanner .bannerImageRight .bannergradient {
    background: none;
  }
}
@media (max-width: 767.98px) {
  .herobanner .bannerImageRight .BackgorundWithTexture {
    background-size: cover !important;
    background-position: right !important;
  }
}
.herobanner .bannergradient {
  height: 100%;
  width: 100%;
}
.herobanner .bannertitle {
  width: 50%;
  color: #ffffff;
  font-weight: 700;
  letter-spacing: 0;
  display: flex;
  flex-flow: column;
}
@media (max-width: 767.98px) {
  .herobanner .bannertitle {
    max-height: auto;
    min-height: 171px;
    width: auto;
    color: #ffffff;
    font-size: 25px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 25px;
    padding: 18px;
    margin: 173px 0 0 0;
  }
}
@media (min-width: 1440px) {
  .herobanner .bannertitle {
    padding: 104px 0 0 66px !important;
    font-size: 65px !important;
    line-height: 55px !important;
  }
}
@media (min-width: 1200px) {
  .herobanner .bannertitle {
    padding: 50px 0 0 66px;
    font-size: 55px;
    line-height: 55px;
  }
}
@media only screen and (max-width: 1199.98px) and (min-width: 768px) {
  .herobanner .bannertitle {
    padding: 50px 0 0 66px;
    font-size: 40px;
    line-height: 45px;
  }
}
@media (min-width: 768px) {
  .herobanner .bannertitle {
    padding: 20px 0 0 66px;
  }
}
.herobanner .bannertitle p,
.herobanner .bannertitle div,
.herobanner .bannertitle span {
  display: inline;
}
.herobanner .bannerButton {
  padding: 40px 0 0 0;
}
.herobanner .bannerButton a {
  font-size: 16px;
  text-align: center;
  font-family: Kanit;
  font-weight: 600;
  color: #ffffff;
  text-transform: none;
  width: 237px;
  height: 48px;
  box-shadow: none;
  border-radius: 8px;
}
@media (max-width: 767.98px) {
  .herobanner .bannerButton {
    padding: 10px 0 0 0;
    display: block !important;
  }
  .herobanner .bannerButton a {
    font-size: 16px;
    text-align: center;
    font-family: Kanit;
    font-weight: 600;
    color: #ffffff;
    text-transform: none;
    width: 164px;
    height: 42px;
    box-shadow: none;
    border-radius: 8px;
  }
}
@media (max-width: 767.98px) {
  .herobanner .mobile_primary_blue {
    background: url(../../../images/bg/mobile/mobile_primary_blue.jpg);
  }
  .herobanner .mobile_primary_red {
    background: url(../../../images/bg/mobile/mobile_primary_red.jpg);
  }
  .herobanner .mobile_secondary_blue {
    background: url(../../../images/bg/mobile/mobile_secondary_blue.jpg);
  }
  .herobanner .mobile_secondary_green {
    background: url(../../../images/bg/mobile/mobile_secondary_green.jpg);
  }
  .herobanner .mobile_secondary_grey {
    background: url(../../../images/bg/mobile/mobile_secondary_grey.jpg);
  }
  .herobanner .mobile_secondary_orange {
    background: url(../../../images/bg/mobile/mobile_secondary_orange.jpg);
  }
  .herobanner .mobile_secondary_yellow {
    background: url(../../../images/bg/mobile/mobile_secondary_yellow.jpg);
  }
  .herobanner .mobile_white_background {
    background: url(../../../images/bg/mobile/mobile_white_background.jpg);
  }
}

.desktop_primary_blue {
  background: url(../../../images/bg/mobile/mobile_primary_blue.jpg);
}

.desktop_primary_red {
  background: url(../../../images/bg/mobile/mobile_primary_red.jpg);
}

.desktop_secondary_blue {
  background: url(../../../images/bg/mobile/mobile_secondary_blue.jpg);
}

.desktop_secondary_green {
  background: url(../../../images/bg/mobile/mobile_secondary_green.jpg);
}

.desktop_secondary_grey {
  background: url(../../../images/bg/mobile/mobile_secondary_grey.jpg);
}

.desktop_secondary_orange {
  background: url(../../../images/bg/mobile/mobile_secondary_orange.jpg);
}

.desktop_secondary_yellow {
  background: url(../../../images/bg/mobile/mobile_secondary_yellow.jpg);
}

.desktop_white_background {
  background: url(../../../images/bg/mobile/mobile_white_background.jpg);
}

.bannerhero .BannerContainer {
  height: 616px !important;
}
@media (max-width: 767.98px) {
  .bannerhero .BannerContainer {
    height: 100% !important;
  }
}
.bannerhero .BannerContainer .bannertitle {
  color: #ffffff;
  font-weight: 700;
  letter-spacing: 0;
  display: flex;
  flex-flow: column;
  font-size: qe3w4wdrs4tfdgcvbhy nfdxszcfxvb cfgdxeswqa 1 tgrfew;
  line-height: 55px;
}
@media (max-width: 767.98px) {
  .bannerhero .BannerContainer .bannertitle {
    max-height: auto;
    min-height: 171px;
    width: auto;
    color: #ffffff;
    font-size: 25px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 25px;
    padding: 18px;
    margin: 150px 0 0 0;
  }
}

.bannerheroSmall .BannerContainer {
  height: 300px !important;
  /*max-height: 300px;*/
  overflow: unset !important;
}
@media (max-width: 767.98px) {
  .bannerheroSmall .BannerContainer {
    height: auto !important;
  }
}
.bannerheroSmall .BannerContainer .bannertitle h1,
.bannerheroSmall .BannerContainer .bannertitle div,
.bannerheroSmall .BannerContainer .bannertitle p {
  font-size: 40px;
  line-height: 35px;
  font-weight: 700;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .bannerheroSmall .BannerContainer .bannertitle h1,
.bannerheroSmall .BannerContainer .bannertitle div,
.bannerheroSmall .BannerContainer .bannertitle p {
    font-size: 35px;
    line-height: 30px;
  }
}

.bannerheroExtraSmall .bannerButton {
  padding-top: 17px;
}
.bannerheroExtraSmall .BannerContainer {
  height: 220px !important;
  /*max-height: 300px;*/
  overflow: unset !important;
}
@media (max-width: 767.98px) {
  .bannerheroExtraSmall .BannerContainer {
    height: auto !important;
  }
}
.bannerheroExtraSmall .BannerContainer .bannertitle h1,
.bannerheroExtraSmall .BannerContainer .bannertitle div,
.bannerheroExtraSmall .BannerContainer .bannertitle p {
  font-size: 28px;
  line-height: 30px;
  font-weight: 700;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .bannerheroExtraSmall .BannerContainer .bannertitle h1,
.bannerheroExtraSmall .BannerContainer .bannertitle div,
.bannerheroExtraSmall .BannerContainer .bannertitle p {
    font-size: 21px;
    line-height: 25px;
  }
}

@media (max-width: 767.98px) {
  .bannerhero .Partial .bannertitle,
.bannerheroSmall .Partial .bannertitle,
.bannerheroExtraSmall .Partial .bannertitle,
.catalog_hero .Partial .bannertitle {
    margin: 0 !important;
  }
}
.bannerhero.standalone,
.bannerheroSmall.standalone,
.bannerheroExtraSmall.standalone,
.catalog_hero.standalone {
  width: 100%;
  display: block;
}
.bannerhero .Full,
.bannerheroSmall .Full,
.bannerheroExtraSmall .Full,
.catalog_hero .Full {
  height: 412px !important;
  background-size: cover !important;
}
.bannerhero .BannerContainer,
.bannerheroSmall .BannerContainer,
.bannerheroExtraSmall .BannerContainer,
.catalog_hero .BannerContainer {
  max-width: 1400px;
  margin: 0 auto;
  display: block;
  height: 420px;
  font-family: Kanit;
  overflow: hidden;
}
@media (max-width: 767.98px) {
  .bannerhero .BannerContainer,
.bannerheroSmall .BannerContainer,
.bannerheroExtraSmall .BannerContainer,
.catalog_hero .BannerContainer {
    height: auto;
  }
}
.bannerhero .BannerContainer img,
.bannerheroSmall .BannerContainer img,
.bannerheroExtraSmall .BannerContainer img,
.catalog_hero .BannerContainer img {
  height: 100%;
  transform: translate(-50%, 0%);
  position: relative;
  left: 50%;
}
@media (min-device-width: 320px) and (max-device-width: 575.98px) {
  .bannerhero .BannerContainer img,
.bannerheroSmall .BannerContainer img,
.bannerheroExtraSmall .BannerContainer img,
.catalog_hero .BannerContainer img {
    height: auto;
    width: 100%;
    transform: unset;
    left: unset;
  }
}
.bannerhero .BannerContainer a,
.bannerheroSmall .BannerContainer a,
.bannerheroExtraSmall .BannerContainer a,
.catalog_hero .BannerContainer a {
  width: 100%;
  display: flex;
}
.bannerhero .BannerContainer .bannerBg,
.bannerheroSmall .BannerContainer .bannerBg,
.bannerheroExtraSmall .BannerContainer .bannerBg,
.catalog_hero .BannerContainer .bannerBg {
  width: 100%;
  height: 100%;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  image-rendering: -webkit-optimize-contrast;
}
@media (max-width: 767.98px) {
  .bannerhero .BannerContainer .bannerBg,
.bannerheroSmall .BannerContainer .bannerBg,
.bannerheroExtraSmall .BannerContainer .bannerBg,
.catalog_hero .BannerContainer .bannerBg {
    background-size: cover !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
  }
}
.bannerhero .BannerContainer.bannerImageRight .bannernogradient,
.bannerheroSmall .BannerContainer.bannerImageRight .bannernogradient,
.bannerheroExtraSmall .BannerContainer.bannerImageRight .bannernogradient,
.catalog_hero .BannerContainer.bannerImageRight .bannernogradient {
  display: flex;
  height: 100%;
}
@media (max-width: 767.98px) {
  .bannerhero .BannerContainer.bannerImageRight .bannernogradient,
.bannerheroSmall .BannerContainer.bannerImageRight .bannernogradient,
.bannerheroExtraSmall .BannerContainer.bannerImageRight .bannernogradient,
.catalog_hero .BannerContainer.bannerImageRight .bannernogradient {
    flex-direction: column;
  }
}
.bannerhero .BannerContainer.bannerImageRight .bannergradient,
.bannerheroSmall .BannerContainer.bannerImageRight .bannergradient,
.bannerheroExtraSmall .BannerContainer.bannerImageRight .bannergradient,
.catalog_hero .BannerContainer.bannerImageRight .bannergradient {
  display: flex;
  height: 100%;
  background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 6.56%, #000000 120%);
}
@media (max-width: 767.98px) {
  .bannerhero .BannerContainer.bannerImageRight .bannergradient,
.bannerheroSmall .BannerContainer.bannerImageRight .bannergradient,
.bannerheroExtraSmall .BannerContainer.bannerImageRight .bannergradient,
.catalog_hero .BannerContainer.bannerImageRight .bannergradient {
    position: relative;
    flex-direction: column;
  }
}
.bannerhero .BannerContainer.bannerImageRight .fullImageTitle,
.bannerheroSmall .BannerContainer.bannerImageRight .fullImageTitle,
.bannerheroExtraSmall .BannerContainer.bannerImageRight .fullImageTitle,
.catalog_hero .BannerContainer.bannerImageRight .fullImageTitle {
  padding: 40px;
  flex-direction: column;
  vertical-align: middle;
  justify-content: center;
  margin-right: auto;
  display: flex;
}
@media (max-width: 767.98px) {
  .bannerhero .BannerContainer.bannerImageRight .fullImageTitle,
.bannerheroSmall .BannerContainer.bannerImageRight .fullImageTitle,
.bannerheroExtraSmall .BannerContainer.bannerImageRight .fullImageTitle,
.catalog_hero .BannerContainer.bannerImageRight .fullImageTitle {
    width: 100% !important;
    position: relative;
    bottom: 30px;
    font-size: 38px !important;
    line-height: 33px !important;
  }
}
.bannerhero .BannerContainer.bannerImageRight .bannerImg,
.bannerheroSmall .BannerContainer.bannerImageRight .bannerImg,
.bannerheroExtraSmall .BannerContainer.bannerImageRight .bannerImg,
.catalog_hero .BannerContainer.bannerImageRight .bannerImg {
  display: flex;
  align-items: center;
  order: 2;
  overflow: hidden;
}
@media (max-width: 767.98px) {
  .bannerhero .BannerContainer.bannerImageRight .bannerImg,
.bannerheroSmall .BannerContainer.bannerImageRight .bannerImg,
.bannerheroExtraSmall .BannerContainer.bannerImageRight .bannerImg,
.catalog_hero .BannerContainer.bannerImageRight .bannerImg {
    width: 100% !important;
    float: unset;
    min-height: unset;
    align-items: center;
    vertical-align: middle;
    max-height: unset;
    display: flex;
    order: unset;
  }
}
.bannerhero .BannerContainer.bannerImageRight .bannertitle,
.bannerheroSmall .BannerContainer.bannerImageRight .bannertitle,
.bannerheroExtraSmall .BannerContainer.bannerImageRight .bannertitle,
.catalog_hero .BannerContainer.bannerImageRight .bannertitle {
  display: flex;
  justify-content: center;
  align-items: unset;
  vertical-align: middle;
  flex-direction: column;
  font-size: 60px;
  line-height: 50px;
  font-weight: 700;
  color: #fff;
  padding: 40px;
  flex-direction: column;
}
.bannerhero .BannerContainer.bannerImageRight .bannertitle h1,
.bannerhero .BannerContainer.bannerImageRight .bannertitle h2,
.bannerhero .BannerContainer.bannerImageRight .bannertitle h3,
.bannerhero .BannerContainer.bannerImageRight .bannertitle h4,
.bannerhero .BannerContainer.bannerImageRight .bannertitle h5,
.bannerhero .BannerContainer.bannerImageRight .bannertitle h6,
.bannerheroSmall .BannerContainer.bannerImageRight .bannertitle h1,
.bannerheroSmall .BannerContainer.bannerImageRight .bannertitle h2,
.bannerheroSmall .BannerContainer.bannerImageRight .bannertitle h3,
.bannerheroSmall .BannerContainer.bannerImageRight .bannertitle h4,
.bannerheroSmall .BannerContainer.bannerImageRight .bannertitle h5,
.bannerheroSmall .BannerContainer.bannerImageRight .bannertitle h6,
.bannerheroExtraSmall .BannerContainer.bannerImageRight .bannertitle h1,
.bannerheroExtraSmall .BannerContainer.bannerImageRight .bannertitle h2,
.bannerheroExtraSmall .BannerContainer.bannerImageRight .bannertitle h3,
.bannerheroExtraSmall .BannerContainer.bannerImageRight .bannertitle h4,
.bannerheroExtraSmall .BannerContainer.bannerImageRight .bannertitle h5,
.bannerheroExtraSmall .BannerContainer.bannerImageRight .bannertitle h6,
.catalog_hero .BannerContainer.bannerImageRight .bannertitle h1,
.catalog_hero .BannerContainer.bannerImageRight .bannertitle h2,
.catalog_hero .BannerContainer.bannerImageRight .bannertitle h3,
.catalog_hero .BannerContainer.bannerImageRight .bannertitle h4,
.catalog_hero .BannerContainer.bannerImageRight .bannertitle h5,
.catalog_hero .BannerContainer.bannerImageRight .bannertitle h6 {
  color: #fff;
  padding: 0;
  margin: 0;
}
.bannerhero .BannerContainer.bannerImageRight .bannertitle a,
.bannerhero .BannerContainer.bannerImageRight .bannertitle span,
.bannerhero .BannerContainer.bannerImageRight .bannertitle div,
.bannerhero .BannerContainer.bannerImageRight .bannertitle p,
.bannerheroSmall .BannerContainer.bannerImageRight .bannertitle a,
.bannerheroSmall .BannerContainer.bannerImageRight .bannertitle span,
.bannerheroSmall .BannerContainer.bannerImageRight .bannertitle div,
.bannerheroSmall .BannerContainer.bannerImageRight .bannertitle p,
.bannerheroExtraSmall .BannerContainer.bannerImageRight .bannertitle a,
.bannerheroExtraSmall .BannerContainer.bannerImageRight .bannertitle span,
.bannerheroExtraSmall .BannerContainer.bannerImageRight .bannertitle div,
.bannerheroExtraSmall .BannerContainer.bannerImageRight .bannertitle p,
.catalog_hero .BannerContainer.bannerImageRight .bannertitle a,
.catalog_hero .BannerContainer.bannerImageRight .bannertitle span,
.catalog_hero .BannerContainer.bannerImageRight .bannertitle div,
.catalog_hero .BannerContainer.bannerImageRight .bannertitle p {
  display: inline;
}
@media (max-width: 767.98px) {
  .bannerhero .BannerContainer.bannerImageRight .bannertitle,
.bannerheroSmall .BannerContainer.bannerImageRight .bannertitle,
.bannerheroExtraSmall .BannerContainer.bannerImageRight .bannertitle,
.catalog_hero .BannerContainer.bannerImageRight .bannertitle {
    max-height: auto;
    width: auto;
    color: #ffffff;
    font-size: 28px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 26px;
    padding: 30px;
    width: 100% !important;
    margin: 150px 0 0 0;
  }
}
.bannerhero .BannerContainer.bannerImageLeft .bannernogradient,
.bannerheroSmall .BannerContainer.bannerImageLeft .bannernogradient,
.bannerheroExtraSmall .BannerContainer.bannerImageLeft .bannernogradient,
.catalog_hero .BannerContainer.bannerImageLeft .bannernogradient {
  display: flex;
  height: 100%;
}
@media (max-width: 767.98px) {
  .bannerhero .BannerContainer.bannerImageLeft .bannernogradient,
.bannerheroSmall .BannerContainer.bannerImageLeft .bannernogradient,
.bannerheroExtraSmall .BannerContainer.bannerImageLeft .bannernogradient,
.catalog_hero .BannerContainer.bannerImageLeft .bannernogradient {
    flex-direction: column;
  }
}
.bannerhero .BannerContainer.bannerImageLeft .bannergradient,
.bannerheroSmall .BannerContainer.bannerImageLeft .bannergradient,
.bannerheroExtraSmall .BannerContainer.bannerImageLeft .bannergradient,
.catalog_hero .BannerContainer.bannerImageLeft .bannergradient {
  display: flex;
  height: 100%;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 6.56%, #000000 120%);
}
@media (max-width: 767.98px) {
  .bannerhero .BannerContainer.bannerImageLeft .bannergradient,
.bannerheroSmall .BannerContainer.bannerImageLeft .bannergradient,
.bannerheroExtraSmall .BannerContainer.bannerImageLeft .bannergradient,
.catalog_hero .BannerContainer.bannerImageLeft .bannergradient {
    background: none;
    flex-direction: column;
  }
}
.bannerhero .BannerContainer.bannerImageLeft .fullImageTitle,
.bannerheroSmall .BannerContainer.bannerImageLeft .fullImageTitle,
.bannerheroExtraSmall .BannerContainer.bannerImageLeft .fullImageTitle,
.catalog_hero .BannerContainer.bannerImageLeft .fullImageTitle {
  padding: 40px;
  width: 70%;
  flex-direction: column;
  vertical-align: middle;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  display: flex;
}
@media (max-width: 767.98px) {
  .bannerhero .BannerContainer.bannerImageLeft .fullImageTitle,
.bannerheroSmall .BannerContainer.bannerImageLeft .fullImageTitle,
.bannerheroExtraSmall .BannerContainer.bannerImageLeft .fullImageTitle,
.catalog_hero .BannerContainer.bannerImageLeft .fullImageTitle {
    width: 100% !important;
  }
}
.bannerhero .BannerContainer.bannerImageLeft .bannerImg,
.bannerheroSmall .BannerContainer.bannerImageLeft .bannerImg,
.bannerheroExtraSmall .BannerContainer.bannerImageLeft .bannerImg,
.catalog_hero .BannerContainer.bannerImageLeft .bannerImg {
  display: flex;
  align-items: center;
  overflow: hidden;
}
@media (max-width: 767.98px) {
  .bannerhero .BannerContainer.bannerImageLeft .bannerImg,
.bannerheroSmall .BannerContainer.bannerImageLeft .bannerImg,
.bannerheroExtraSmall .BannerContainer.bannerImageLeft .bannerImg,
.catalog_hero .BannerContainer.bannerImageLeft .bannerImg {
    width: 100% !important;
    float: unset;
    min-height: unset;
    align-items: center;
    vertical-align: middle;
    max-height: unset;
    display: flex;
  }
}
.bannerhero .BannerContainer.bannerImageLeft .bannertitle,
.bannerheroSmall .BannerContainer.bannerImageLeft .bannertitle,
.bannerheroExtraSmall .BannerContainer.bannerImageLeft .bannertitle,
.catalog_hero .BannerContainer.bannerImageLeft .bannertitle {
  display: flex;
  justify-content: center;
  align-items: unset;
  vertical-align: middle;
  flex-direction: column;
  font-size: 60px;
  line-height: 55px;
  font-weight: 700;
  color: #fff;
  padding: 40px;
  flex-direction: column;
}
.bannerhero .BannerContainer.bannerImageLeft .bannertitle h1,
.bannerhero .BannerContainer.bannerImageLeft .bannertitle h2,
.bannerhero .BannerContainer.bannerImageLeft .bannertitle h3,
.bannerhero .BannerContainer.bannerImageLeft .bannertitle h4,
.bannerhero .BannerContainer.bannerImageLeft .bannertitle h5,
.bannerhero .BannerContainer.bannerImageLeft .bannertitle h6,
.bannerheroSmall .BannerContainer.bannerImageLeft .bannertitle h1,
.bannerheroSmall .BannerContainer.bannerImageLeft .bannertitle h2,
.bannerheroSmall .BannerContainer.bannerImageLeft .bannertitle h3,
.bannerheroSmall .BannerContainer.bannerImageLeft .bannertitle h4,
.bannerheroSmall .BannerContainer.bannerImageLeft .bannertitle h5,
.bannerheroSmall .BannerContainer.bannerImageLeft .bannertitle h6,
.bannerheroExtraSmall .BannerContainer.bannerImageLeft .bannertitle h1,
.bannerheroExtraSmall .BannerContainer.bannerImageLeft .bannertitle h2,
.bannerheroExtraSmall .BannerContainer.bannerImageLeft .bannertitle h3,
.bannerheroExtraSmall .BannerContainer.bannerImageLeft .bannertitle h4,
.bannerheroExtraSmall .BannerContainer.bannerImageLeft .bannertitle h5,
.bannerheroExtraSmall .BannerContainer.bannerImageLeft .bannertitle h6,
.catalog_hero .BannerContainer.bannerImageLeft .bannertitle h1,
.catalog_hero .BannerContainer.bannerImageLeft .bannertitle h2,
.catalog_hero .BannerContainer.bannerImageLeft .bannertitle h3,
.catalog_hero .BannerContainer.bannerImageLeft .bannertitle h4,
.catalog_hero .BannerContainer.bannerImageLeft .bannertitle h5,
.catalog_hero .BannerContainer.bannerImageLeft .bannertitle h6 {
  color: #fff;
  padding: 0;
  margin: 0;
}
.bannerhero .BannerContainer.bannerImageLeft .bannertitle a,
.bannerhero .BannerContainer.bannerImageLeft .bannertitle span,
.bannerhero .BannerContainer.bannerImageLeft .bannertitle div,
.bannerhero .BannerContainer.bannerImageLeft .bannertitle p,
.bannerheroSmall .BannerContainer.bannerImageLeft .bannertitle a,
.bannerheroSmall .BannerContainer.bannerImageLeft .bannertitle span,
.bannerheroSmall .BannerContainer.bannerImageLeft .bannertitle div,
.bannerheroSmall .BannerContainer.bannerImageLeft .bannertitle p,
.bannerheroExtraSmall .BannerContainer.bannerImageLeft .bannertitle a,
.bannerheroExtraSmall .BannerContainer.bannerImageLeft .bannertitle span,
.bannerheroExtraSmall .BannerContainer.bannerImageLeft .bannertitle div,
.bannerheroExtraSmall .BannerContainer.bannerImageLeft .bannertitle p,
.catalog_hero .BannerContainer.bannerImageLeft .bannertitle a,
.catalog_hero .BannerContainer.bannerImageLeft .bannertitle span,
.catalog_hero .BannerContainer.bannerImageLeft .bannertitle div,
.catalog_hero .BannerContainer.bannerImageLeft .bannertitle p {
  display: inline;
}
@media (max-width: 767.98px) {
  .bannerhero .BannerContainer.bannerImageLeft .bannertitle,
.bannerheroSmall .BannerContainer.bannerImageLeft .bannertitle,
.bannerheroExtraSmall .BannerContainer.bannerImageLeft .bannertitle,
.catalog_hero .BannerContainer.bannerImageLeft .bannertitle {
    max-height: auto;
    min-height: 171px;
    width: auto;
    color: #ffffff;
    font-size: 25px !important;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 25px !important;
    padding: 18px;
    margin: 108px 0 0 0;
    width: 100% !important;
  }
}
.bannerhero .BannerContainer .bannerButton,
.bannerheroSmall .BannerContainer .bannerButton,
.bannerheroExtraSmall .BannerContainer .bannerButton,
.catalog_hero .BannerContainer .bannerButton {
  padding: 20px 0 0 0;
  display: block;
}
@media only screen and (max-width: 1024px) and (min-width: 768px) {
  .bannerhero .BannerContainer .bannerButton,
.bannerheroSmall .BannerContainer .bannerButton,
.bannerheroExtraSmall .BannerContainer .bannerButton,
.catalog_hero .BannerContainer .bannerButton {
    padding-top: 20px;
  }
}
.bannerhero .BannerContainer .bannerButton a,
.bannerheroSmall .BannerContainer .bannerButton a,
.bannerheroExtraSmall .BannerContainer .bannerButton a,
.catalog_hero .BannerContainer .bannerButton a {
  font-size: 16px;
  display: block !important;
  line-height: 35px;
  text-align: center;
  font-family: Kanit;
  font-weight: 600;
  text-transform: none;
  width: 191px;
  height: 48px;
  box-shadow: none;
  border-radius: 8px;
}
@media (max-width: 767.98px) {
  .bannerhero .BannerContainer .bannerButton,
.bannerheroSmall .BannerContainer .bannerButton,
.bannerheroExtraSmall .BannerContainer .bannerButton,
.catalog_hero .BannerContainer .bannerButton {
    padding: 20px 0 0 0;
    display: flex !important;
  }
  .bannerhero .BannerContainer .bannerButton a,
.bannerheroSmall .BannerContainer .bannerButton a,
.bannerheroExtraSmall .BannerContainer .bannerButton a,
.catalog_hero .BannerContainer .bannerButton a {
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    font-family: Kanit;
    font-weight: 600;
    text-transform: none;
    width: auto;
    height: 42px;
    box-shadow: none;
    border-radius: 8px;
  }
}
.bannerhero .BannerContainer Button:hover,
.bannerheroSmall .BannerContainer Button:hover,
.bannerheroExtraSmall .BannerContainer Button:hover,
.catalog_hero .BannerContainer Button:hover {
  box-shadow: none;
}
.bannerhero .primary-white,
.bannerhero .primary-white:hover,
.bannerheroSmall .primary-white,
.bannerheroSmall .primary-white:hover,
.bannerheroExtraSmall .primary-white,
.bannerheroExtraSmall .primary-white:hover,
.catalog_hero .primary-white,
.catalog_hero .primary-white:hover {
  background-color: #ffffff;
  color: #004e7d;
}
.bannerhero .primary-blue,
.bannerhero .primary-blue:hover,
.bannerheroSmall .primary-blue,
.bannerheroSmall .primary-blue:hover,
.bannerheroExtraSmall .primary-blue,
.bannerheroExtraSmall .primary-blue:hover,
.catalog_hero .primary-blue,
.catalog_hero .primary-blue:hover {
  background-color: #004e7d;
  color: #ffffff;
}
.bannerhero .primary-red,
.bannerhero .primary-red:hover,
.bannerheroSmall .primary-red,
.bannerheroSmall .primary-red:hover,
.bannerheroExtraSmall .primary-red,
.bannerheroExtraSmall .primary-red:hover,
.catalog_hero .primary-red,
.catalog_hero .primary-red:hover {
  background-color: #d41e3d;
  color: #ffffff;
}
.bannerhero .primary-blue-tint,
.bannerhero .primary-blue-tint:hover,
.bannerheroSmall .primary-blue-tint,
.bannerheroSmall .primary-blue-tint:hover,
.bannerheroExtraSmall .primary-blue-tint,
.bannerheroExtraSmall .primary-blue-tint:hover,
.catalog_hero .primary-blue-tint,
.catalog_hero .primary-blue-tint:hover {
  background-color: #b2c8db;
  color: #ffffff;
}
.bannerhero .primary-red-tint,
.bannerhero .primary-red-tint:hover,
.bannerheroSmall .primary-red-tint,
.bannerheroSmall .primary-red-tint:hover,
.bannerheroExtraSmall .primary-red-tint,
.bannerheroExtraSmall .primary-red-tint:hover,
.catalog_hero .primary-red-tint,
.catalog_hero .primary-red-tint:hover {
  background-color: #f3b2c3;
  color: #ffffff;
}
.bannerhero .secondary-orange,
.bannerhero .secondary-orange:hover,
.bannerheroSmall .secondary-orange,
.bannerheroSmall .secondary-orange:hover,
.bannerheroExtraSmall .secondary-orange,
.bannerheroExtraSmall .secondary-orange:hover,
.catalog_hero .secondary-orange,
.catalog_hero .secondary-orange:hover {
  background-color: #e25411;
  color: #ffffff;
}
.bannerhero .secondary-green,
.bannerhero .secondary-green:hover,
.bannerheroSmall .secondary-green,
.bannerheroSmall .secondary-green:hover,
.bannerheroExtraSmall .secondary-green,
.bannerheroExtraSmall .secondary-green:hover,
.catalog_hero .secondary-green,
.catalog_hero .secondary-green:hover {
  background-color: #d41e3d;
  color: #ffffff;
}
.bannerhero .secondary-yellow,
.bannerhero .secondary-yellow:hover,
.bannerheroSmall .secondary-yellow,
.bannerheroSmall .secondary-yellow:hover,
.bannerheroExtraSmall .secondary-yellow,
.bannerheroExtraSmall .secondary-yellow:hover,
.catalog_hero .secondary-yellow,
.catalog_hero .secondary-yellow:hover {
  background-color: #d89f02;
  color: #ffffff;
}
.bannerhero .secondary-blue,
.bannerhero .secondary-blue:hover,
.bannerheroSmall .secondary-blue,
.bannerheroSmall .secondary-blue:hover,
.bannerheroExtraSmall .secondary-blue,
.bannerheroExtraSmall .secondary-blue:hover,
.catalog_hero .secondary-blue,
.catalog_hero .secondary-blue:hover {
  background-color: #6cc2ed;
  color: #ffffff;
}
.bannerhero .secondary-grey,
.bannerhero .secondary-grey:hover,
.bannerheroSmall .secondary-grey,
.bannerheroSmall .secondary-grey:hover,
.bannerheroExtraSmall .secondary-grey,
.bannerheroExtraSmall .secondary-grey:hover,
.catalog_hero .secondary-grey,
.catalog_hero .secondary-grey:hover {
  background-color: #bcbec0;
  color: #ffffff;
}
.bannerhero .secondary-dark-blue,
.bannerhero .secondary-dark-blue:hover,
.bannerheroSmall .secondary-dark-blue,
.bannerheroSmall .secondary-dark-blue:hover,
.bannerheroExtraSmall .secondary-dark-blue,
.bannerheroExtraSmall .secondary-dark-blue:hover,
.catalog_hero .secondary-dark-blue,
.catalog_hero .secondary-dark-blue:hover {
  background-color: "#002d50";
  color: #ffffff;
}
.bannerhero .mobile_primary_blue,
.bannerheroSmall .mobile_primary_blue,
.bannerheroExtraSmall .mobile_primary_blue,
.catalog_hero .mobile_primary_blue {
  background: url(../../../images/bg/mobile/mobile_primary_blue.jpg);
}
.bannerhero .mobile_primary_red,
.bannerheroSmall .mobile_primary_red,
.bannerheroExtraSmall .mobile_primary_red,
.catalog_hero .mobile_primary_red {
  background: url(../../../images/bg/mobile/mobile_primary_red.jpg);
}
.bannerhero .mobile_secondary_blue,
.bannerheroSmall .mobile_secondary_blue,
.bannerheroExtraSmall .mobile_secondary_blue,
.catalog_hero .mobile_secondary_blue {
  background: url(../../../images/bg/mobile/mobile_secondary_blue.jpg);
}
.bannerhero .mobile_secondary_green,
.bannerheroSmall .mobile_secondary_green,
.bannerheroExtraSmall .mobile_secondary_green,
.catalog_hero .mobile_secondary_green {
  background: url(../../../images/bg/mobile/mobile_secondary_green.jpg);
}
.bannerhero .mobile_secondary_grey,
.bannerheroSmall .mobile_secondary_grey,
.bannerheroExtraSmall .mobile_secondary_grey,
.catalog_hero .mobile_secondary_grey {
  background: url(../../../images/bg/mobile/mobile_secondary_grey.jpg);
}
.bannerhero .mobile_secondary_orange,
.bannerheroSmall .mobile_secondary_orange,
.bannerheroExtraSmall .mobile_secondary_orange,
.catalog_hero .mobile_secondary_orange {
  background: url(../../../images/bg/mobile/mobile_secondary_orange.jpg);
}
.bannerhero .mobile_secondary_yellow,
.bannerheroSmall .mobile_secondary_yellow,
.bannerheroExtraSmall .mobile_secondary_yellow,
.catalog_hero .mobile_secondary_yellow {
  background: url(../../../images/bg/mobile/mobile_secondary_yellow.jpg);
}
.bannerhero .mobile_white_background,
.bannerheroSmall .mobile_white_background,
.bannerheroExtraSmall .mobile_white_background,
.catalog_hero .mobile_white_background {
  background: url(../../../images/bg/mobile/mobile_white_background.jpg);
}

.has-edit-button {
  position: relative !important;
}

/****************************** Responsive Banners CSS ******************************************/
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .bannerhero .BannerContainer.bannerImageLeft .bannertitle,
.catalog_hero .BannerContainer.bannerImageLeft .bannertitle {
    font-size: 47px;
    line-height: 42px;
  }

  .bannerhero .BannerContainer.bannerImageRight .bannertitle,
.catalog_hero .BannerContainer.bannerImageRight .bannertitle {
    font-size: 47px;
    line-height: 42px;
  }

  .bannerhero .BannerContainer {
    height: 520px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .bannerhero .BannerContainer.bannerImageLeft .bannertitle,
.catalog_hero .BannerContainer.bannerImageLeft .bannertitle {
    font-size: 47px;
    line-height: 42px;
  }

  .bannerhero .BannerContainer.bannerImageRight .bannertitle,
.catalog_hero .BannerContainer.bannerImageRight .bannertitle {
    font-size: 47px;
    line-height: 42px;
  }

  .bannerhero .BannerContainer {
    height: 410px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .bannerhero .BannerContainer.bannerImageLeft .bannertitle,
.catalog_hero .BannerContainer.bannerImageLeft .bannertitle {
    font-size: 42px;
    line-height: 37px;
  }

  .bannerhero .BannerContainer.bannerImageRight .bannertitle,
.catalog_hero .BannerContainer.bannerImageRight .bannertitle {
    font-size: 42px;
    line-height: 37px;
  }

  .bannerhero .BannerContainer {
    height: 340px !important;
  }

  .catalog_hero .BannerContainer {
    height: 280px;
  }

  .catalog_hero .BannerContainer {
    height: 380px !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .bannerhero .BannerContainer.bannerImageLeft .bannertitle,
.catalog_hero .BannerContainer.bannerImageLeft .bannertitle {
    font-size: 2.4rem;
    line-height: 2.4rem;
  }

  .bannerhero .BannerContainer.bannerImageRight .bannertitle,
.catalog_hero .BannerContainer.bannerImageRight .bannertitle {
    font-size: 2.4rem;
    line-height: 2.4rem;
  }

  .bannerhero .BannerContainer img,
.catalog_hero .BannerContainer img {
    width: 100%;
    height: auto;
    position: relative;
    transform: unset;
    left: unset;
  }
}
@media (min-device-width: 320px) and (max-device-width: 576.98px) {
  .bannerhero .BannerContainer.bannerImageLeft .bannertitle,
.catalog_hero .BannerContainer.bannerImageLeft .bannertitle {
    font-size: 1.7rem;
    line-height: 1.7rem;
  }

  .bannerhero .BannerContainer.bannerImageRight .bannertitle {
    font-size: 1.7rem;
    line-height: 1.7rem;
    margin: 200px 0 0 0;
  }

  .catalog_hero .BannerContainer.bannerImageRight .bannertitle {
    font-size: 1.9rem;
    line-height: 1.9rem;
    margin: 130px 0 0 0;
  }

  .bannerhero .BannerContainer {
    height: 100% !important;
  }

  .catalog_hero .BannerContainer {
    height: auto !important;
  }
}
@media (max-width: 320px) {
  .bannerhero .BannerContainer.bannerImageRight .bannertitle,
.catalog_hero .BannerContainer.bannerImageRight .bannertitle {
    margin: 110px 0 0 0;
    padding: 10px 40px;
  }

  .bannerButton .MuiButton-root {
    min-width: 140px;
  }
}
@media (max-width: 580px) {
  .BannerContainer.bannerImageRight .bannertitle {
    font-size: 2.4rem;
    line-height: 2.4rem;
    margin: 250px 0 0 0;
  }
}
.BannerImage {
  flex: auto;
  height: 100%;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  image-rendering: -webkit-optimize-contrast;
}
@media (max-width: 767.98px) {
  .BannerImage {
    height: 300px;
  }
}

/**** RIGHT PANEL BANNER FONT OVERRIDES *****/
.right_col .bannerhero .BannerContainer.bannerImageLeft .bannertitle,
.right_col .catalog_hero .BannerContainer.bannerImageLeft .bannertitle {
  font-size: 50px;
  line-height: 45px;
  word-break: break-word;
}
@media (max-width: 1200px) {
  .right_col .bannerhero .BannerContainer.bannerImageLeft .bannertitle,
.right_col .catalog_hero .BannerContainer.bannerImageLeft .bannertitle {
    font-size: 40px;
    line-height: 35px;
  }
}

.productTileContainer .brxComponentCatBanner {
  width: 100%;
}

.filterWrapper .MuiAccordionSummary-expandIcon {
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-top: 0;
}
.filterWrapper .applyFilter {
  background: #f9f9f9;
  padding: 24px 2%;
}
@media (max-width: 767.98px) {
  .filterWrapper .applyFilter {
    padding: 2%;
  }
}
.filterWrapper .MuiAccordion-root {
  background: #f9f9f9;
  box-shadow: none;
  border-top: 1px solid #bcbec0;
}
.filterWrapper .MuiAccordion-root:first-child {
  border-top: none;
}
.filterWrapper .MuiAccordion-root::before {
  display: none;
}
@media (max-width: 767.98px) {
  .filterWrapper .MuiAccordion-root {
    background: #ffffff;
  }
}
.filterWrapper .accordionTitle {
  color: #212934;
  font-size: 17px;
  font-weight: 500;
  line-height: 26px;
  word-break: break-word;
}
.filterWrapper .MuiSvgIcon-root {
  fill: #004e7d;
}
.filterWrapper .MuiAccordionSummary-content.Mui-expanded,
.filterWrapper .MuiAccordion-root.Mui-expanded {
  margin: 0;
}
.filterWrapper .MuiAccordionSummary-root {
  padding: 12px 16px;
  min-height: unset;
}
.filterWrapper .MuiAccordionSummary-root .MuiAccordionSummary-content {
  margin: 0;
}
.filterWrapper .MuiAccordionDetails-root {
  flex-direction: column;
  padding-top: 0;
  padding-bottom: 20px;
}
.filterWrapper .MuiOutlinedInput-input {
  padding: 9px 14px;
}
.filterWrapper .hyperlinks:first-child {
  padding-top: 0;
}
.filterWrapper .hyperlinks {
  color: #212934;
  font-size: 16px;
  padding: 0 0 10px 0;
}
.filterWrapper .hyperlinks a:hover {
  text-decoration: underline;
  cursor: pointer;
}
.filterWrapper .hyperlinkWrap {
  padding-top: 0;
}
.filterWrapper .countList {
  padding-left: 6px;
}
.filterWrapper .MuiFormControl-marginNormal {
  margin: 0 !important;
  margin-bottom: 16px !important;
}
.filterWrapper .toggleValues {
  cursor: pointer;
  color: #004e7d;
  padding: 10px 0;
  font-weight: 400 !important;
  font-size: 15px !important;
  width: max-content;
  text-decoration: underline;
}
.filterWrapper .MuiInputBase-root {
  font-family: "Kanit", sans-serif !important;
  color: #9b9b9b;
  background-color: #ffffff;
  font-size: 14px;
}
.filterWrapper .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline,
.filterWrapper .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
  border: 1px solid #424c5b !important;
}
.filterWrapper .appliedFilterWrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 0 8px;
}
.filterWrapper .filterLabel {
  color: #424c5b;
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
}
.filterWrapper .clearAllLabel {
  color: #004e7d;
  font-size: 16px;
  line-height: 24px;
  cursor: pointer;
}
.filterWrapper .clearAllLabel.desktop {
  display: block;
}
@media (max-width: 767.98px) {
  .filterWrapper .clearAllLabel.desktop {
    display: none;
  }
}
.filterWrapper .clearAllLabel.mobile {
  display: none;
}
@media (max-width: 767.98px) {
  .filterWrapper .clearAllLabel.mobile {
    display: block;
    padding-left: 8px;
  }
}
.filterWrapper .tagsWrapper {
  margin: 16px 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
@media (max-width: 767.98px) {
  .filterWrapper .tagsWrapper::-webkit-scrollbar {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .filterWrapper .tagsWrapper {
    align-items: center;
    margin: 2% 0;
    width: auto;
    white-space: nowrap;
    overflow: auto;
    flex-wrap: nowrap;
  }
}
.filterWrapper .tagsWrapper .MuiChip-outlined {
  border: none;
  background-color: transparent;
  border-radius: 15.5px;
  background-color: #e1eef7;
}
.filterWrapper .tagsWrapper .MuiChip-label {
  color: #424c5b;
  font-size: 14px;
  line-height: 20px;
  padding: 0 8px 0 12px;
}
.filterWrapper .tagsWrapper .MuiChip-deleteIcon {
  color: #6a7681;
  margin-right: 6px;
}
.filterWrapper .tagsWrapper .tag {
  margin: 8px;
  margin-bottom: 0;
  width: auto;
  overflow: auto;
  cursor: default;
  height: 32px;
  display: inline-flex;
  box-sizing: border-box;
  align-items: center;
}
@media (max-width: 767.98px) {
  .filterWrapper .tagsWrapper .tag {
    overflow: visible;
  }
}
.filterWrapper .rangeFilterForm {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 991.98px) {
  .filterWrapper .rangeFilterForm {
    align-items: center;
  }
}
@media (max-width: 991.98px) {
  .filterWrapper .rangeFilterForm .textField {
    width: calc((100% - 127px) / 2);
  }
}
.filterWrapper .rangeFilterForm button {
  width: 107px;
  height: 42px;
  text-transform: none;
  box-sizing: border-box;
  border: 2px solid #004e7d;
  color: #004e7d;
  border-radius: 8px;
  background-color: #ffffff;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 21px;
  font-weight: 500;
  font-family: Kanit;
}
.filterWrapper .rangeFilterForm .MuiButtonBase-root.Mui-disabled {
  cursor: default;
  pointer-events: none;
  background-color: #bcbec0;
  border: 2px solid #bcbec0;
}
.filterWrapper.plpMobile {
  text-align: center;
  line-height: 1.2;
  font-size: 14px;
  letter-spacing: 0.5px;
  color: white;
}
.filterWrapper.plpMobile .applyFilter {
  padding: 0;
}
.filterWrapper.plpMobile .appliedFilterWrapper {
  display: none;
}

/*$heroCompareWidth: 70px;
$heroImageWidth: 100px;
$heroModelWidth: 90px;
$heroPriceWidth: 150px;*/
.listViewTable {
  overflow: hidden;
}
.listViewTable .MuiTableCell-head {
  color: #212934;
  line-height: normal;
  vertical-align: bottom;
  line-height: 16px;
  padding: 8px;
}
.listViewTable .MuiTableCell-root {
  border-bottom: 0;
}
.listViewTable .MuiTableCell-root.alignRight {
  text-align: right;
}
.listViewTable .compareProduct {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.listViewTable .tagsRow {
  padding: 0;
  min-height: auto;
}
.listViewTable .tileDivider .tagsRow {
  text-align: left;
  padding-bottom: 5px;
}
.listViewTable .reviewDesktopView {
  justify-content: flex-start;
}
.listViewTable .CTABlockAddtoCart {
  justify-content: end;
}
.listViewTable .CTABlockAddtoCart .customBtn {
  width: 172px;
}
.listViewTable .borderLines {
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 14px;
}
.listViewTable .borderLines .flexNote {
  justify-content: end;
}
.listViewTable .paddingtdStyle {
  padding-top: 14px;
  padding-bottom: 14px;
}
.listViewTable .paddingtdStyle .ellipsis {
  font-weight: 500;
}
.listViewTable .outOfStockBlock {
  justify-content: end;
}
.listViewTable .outOfStockBlock .MuiGrid-root.MuiGrid-item:nth-child(1) {
  text-align: left;
}
.listViewTable .bannerRow #productContainer {
  width: 100%;
  margin-right: 0;
  border: none;
}
.listViewTable .bannerRow #productContainer .vertical-artical-banner {
  display: flex;
}
.listViewTable .loopHeads {
  min-width: 90px;
}
.listViewTable .table-banners .article_img {
  width: 40%;
  padding-right: 16px;
}
.listViewTable .table-banners .horizontal-content {
  width: 60%;
}
.listViewTable .table-banners .horizontal-content .description {
  min-height: auto;
}
.listViewTable .userRatings {
  font-size: 14px;
  color: #424c5b;
  line-height: 21px;
  margin: 2px 5px 0 8px;
  font-weight: 300;
}
@media (max-width: 767.98px) {
  .listViewTable .userRatings {
    margin: 0 1px;
  }
}
.listViewTable .reviewDesktopView {
  padding-right: 16px;
  margin-top: 16px;
  margin-bottom: 16px;
  display: flex !important;
  flex-direction: row;
  height: 24px;
}
.listViewTable .reviewDesktopView .accountWishList .accountPopup {
  display: block;
  cursor: pointer;
  box-sizing: border-box;
  padding: 16px;
  width: 211px;
  border: 1px solid #DADADA;
  border-radius: 3px;
  background-color: #ffffff;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.07);
  position: absolute;
  z-index: 12;
  left: 0px;
}
.listViewTable .reviewDesktopView .accountWishList .accountPopup::before, .listViewTable .reviewDesktopView .accountWishList .accountPopup::after {
  content: "";
  width: 0;
  height: 0;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  border-left: solid 8px transparent;
  border-right: solid 8px transparent;
  position: absolute;
  left: 132px;
}
.listViewTable .reviewDesktopView .accountWishList .accountPopup::before {
  top: -8px;
  border-bottom: solid 6px #DADADA;
}
.listViewTable .reviewDesktopView .accountWishList .accountPopup::after {
  top: -7px;
  border-bottom: solid 8px #fff;
}
.listViewTable .reviewDesktopView .accountWishList .accountPopup .showCreateList .groupList li {
  margin: 0 0 16px;
}
.listViewTable .reviewDesktopView .accountWishList .accountPopup .flexDisplay .fal {
  font-size: 24px;
  font-weight: 300;
  color: #004e7d;
}
.listViewTable .reviewDesktopView .accountWishList .accountPopup .flexDisplay span.desc {
  padding-left: 12px;
  font-size: 14px;
  font-weight: 600;
  color: #004e7d;
}
.listViewTable .reviewDesktopView .accountWishList .accountPopup .displayList {
  justify-content: space-around;
}
.listViewTable .reviewDesktopView .accountWishList .accountPopup .displayList .icon {
  color: #71B946;
  display: contents;
}
.listViewTable .reviewDesktopView .accountWishList .accountPopup .displayList span.descSave {
  padding-left: 6px;
  font-size: 14px;
  font-weight: 500;
  color: #004e7d;
}
.listViewTable .reviewDesktopView .accountWishList .accountPopup .addList {
  margin: 8px 0;
}
.listViewTable .reviewDesktopView .accountWishList .accountPopup .addList .MuiFormControl-marginNormal {
  width: 100%;
}
.listViewTable .reviewDesktopView .accountWishList .accountPopup .addList .MuiOutlinedInput-input {
  padding: 10.5px 10px;
}
.listViewTable .reviewDesktopView .accountWishList .accountPopup .addList .customBtn {
  height: 40px;
}
.listViewTable .reviewDesktopView .fa-heart {
  font-weight: 500;
  font-size: 21px !important;
  margin-left: 5px;
}
.listViewTable .readmore {
  text-align: right;
}
.listViewTable .contentMargin {
  max-width: 100%;
}
.listViewTable .refVariantSection {
  font-size: 12px;
  margin-top: unset;
  position: unset !important;
  border: 1px solid #dddddd;
  width: fit-content;
  padding: 5px 10px !important;
}
.listViewTable .fa-info-circle.freeShppingToolTip .MuiTypography-subtitle2::before, .listViewTable .fa-info-circle.ToolTip .MuiTypography-subtitle2::before {
  right: 5px !important;
}
.listViewTable .outOfStockOverlay {
  position: unset;
  top: unset;
  display: block;
  margin-bottom: 10px;
  width: 200px;
}
.listViewTable .outOfStockBlock .bacInStockMsg {
  text-align: left;
}
.listViewTable section.flexNote.qtyMessage {
  text-align: right;
  width: 100%;
  flex-direction: column;
}

.productViews .sortSelect, .productGridViews .sortSelect {
  flex-direction: inherit;
  align-items: center;
}
.productViews .sortSelect .MuiOutlinedInput-input, .productGridViews .sortSelect .MuiOutlinedInput-input {
  border-radius: 4px;
}
.productViews .MuiFormLabel-root, .productGridViews .MuiFormLabel-root {
  margin-right: 8px;
}

div#menu-sortBy {
  /*.MuiPaper-root {
      width: 210px;
  }*/
}
div#menu-sortBy .MuiMenu-list {
  max-height: 370px;
}
div#menu-sortBy li {
  padding: 6px 16px;
}
div#menu-sortBy li .PrivateSwitchBase-root-23 {
  padding: 0 8px 0 0;
}
div#menu-sortBy li .MuiButtonBase-root {
  padding: 0 9px 0 0;
}
div#menu-sortBy li .MuiListItemText-root {
  margin: 0;
}
div#menu-sortBy li .MuiTypography-root {
  font-size: 15px;
  font-weight: 400;
}
div#menu-sortBy li .MuiListItem-gutters {
  padding: 0;
}

@media (min-width: 1200px) {
  .productViews {
    display: block;
    position: relative;
  }
  .productViews .tabContainer {
    position: absolute;
    right: 0;
    top: 8px;
  }
  .productViews .tabContainer .MuiTab-root {
    padding: 0;
    min-width: 68px;
    font-size: 15px;
    border-bottom: none;
    color: rgba(33, 41, 52, 0.5);
    font-weight: 500;
  }
  .productViews .tabContainer .MuiTab-root.MuiTab-labelIcon {
    min-height: 41px;
  }
  .productViews .tabContainer .MuiTab-root:last-child .MuiSvgIcon-root {
    width: 0.86em;
  }
  .productViews .tabContainer .MuiTab-wrapper {
    display: flex;
    align-items: center;
    flex-direction: row;
    margin-right: 6px;
  }
  .productViews .tabContainer .MuiTab-wrapper .MuiSvgIcon-root {
    margin-right: 4px;
    margin-bottom: 0;
  }
  .productViews .MuiTab-root.Mui-selected {
    color: #004e7d;
    border-bottom: none !important;
    font-weight: 500;
  }
  .productViews .sortBlock {
    margin-right: 146px !important;
  }
}
.sorttd {
  cursor: pointer;
}

.sort_ascending:after {
  content: "";
  padding-left: 4px;
  display: inline-block;
  margin-left: 4px;
  width: 12px;
  height: 12px;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="rgb(0,78,125)" d="M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zM224 160c6.7 0 13 2.8 17.6 7.7l104 112c6.5 7 8.2 17.2 4.4 25.9s-12.5 14.4-22 14.4H120c-9.5 0-18.2-5.7-22-14.4s-2.1-18.9 4.4-25.9l104-112c4.5-4.9 10.9-7.7 17.6-7.7z"/></svg>');
}

.sort_descending:after {
  content: "";
  padding-left: 2px;
  display: inline-block;
  margin-left: 4px;
  width: 12px;
  height: 12px;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="rgb(0,78,125)" d="M384 432c8.8 0 16-7.2 16-16l0-320c0-8.8-7.2-16-16-16L64 80c-8.8 0-16 7.2-16 16l0 320c0 8.8 7.2 16 16 16l320 0zm64-16c0 35.3-28.7 64-64 64L64 480c-35.3 0-64-28.7-64-64L0 96C0 60.7 28.7 32 64 32l320 0c35.3 0 64 28.7 64 64l0 320zM224 352c-6.7 0-13-2.8-17.6-7.7l-104-112c-6.5-7-8.2-17.2-4.4-25.9s12.5-14.4 22-14.4l208 0c9.5 0 18.2 5.7 22 14.4s2.1 18.9-4.4 25.9l-104 112c-4.5 4.9-10.9 7.7-17.6 7.7z"/></svg>');
}

.listViewTable.MuiTable-stickyHeader {
  width: 100%;
  max-width: 1023px;
}
.listViewTable.MuiTable-stickyHeader thead {
  max-width: 1023px;
}
.listViewTable.MuiTable-stickyHeader tr {
  display: flex;
  width: 100%;
  max-width: 1023px;
  padding-bottom: 0 !important;
}
.listViewTable.MuiTable-stickyHeader .reviewDesktopView {
  margin: 0 0 8px 45px;
}
.listViewTable.MuiTable-stickyHeader .variantSwatch {
  padding: 0;
  margin: 0 0 8px 40px;
}
.listViewTable.MuiTable-stickyHeader .oldprice {
  display: block;
  margin: 0;
}
.listViewTable.MuiTable-stickyHeader .sameDayShipping {
  margin-bottom: 8px;
}
.listViewTable.MuiTable-stickyHeader .freeShipping {
  margin-top: 8px;
}
.listViewTable.MuiTable-stickyHeader .price {
  padding: 0;
}
.listViewTable.MuiTable-stickyHeader .soldpkg {
  line-height: 1;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .listViewTable.MuiTable-stickyHeader .hero-filled-head.HeroAttr_5, .listViewTable.MuiTable-stickyHeader .hero-filled-text.HeroAttr_5, .listViewTable.MuiTable-stickyHeader .hero-blank-head.HeroAttr_5 {
    width: calc((100% - 410px) / 4) !important;
  }
}
.listViewTable.MuiTable-stickyHeader .hero-filled-head.HeroAttr_6, .listViewTable.MuiTable-stickyHeader .hero-filled-text.HeroAttr_6, .listViewTable.MuiTable-stickyHeader .hero-blank-head.HeroAttr_6 {
  width: calc((100% - 410px) / 6) !important;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .listViewTable.MuiTable-stickyHeader .hero-filled-head.HeroAttr_6, .listViewTable.MuiTable-stickyHeader .hero-filled-text.HeroAttr_6, .listViewTable.MuiTable-stickyHeader .hero-blank-head.HeroAttr_6 {
    width: calc((100% - 220px) / 6) !important;
  }
}
.listViewTable.MuiTable-stickyHeader .hero-filled-head, .listViewTable.MuiTable-stickyHeader .hero-blank-head {
  width: calc((100% - 410px) / 6);
  text-align: center;
}
.listViewTable.MuiTable-stickyHeader .hero-filled-text, .listViewTable.MuiTable-stickyHeader .hero-blank-text {
  width: calc((100% - 410px) / 6);
  text-align: center;
  padding: 8px;
  align-self: center;
}
.listViewTable.MuiTable-stickyHeader .hero-compare-head {
  width: 70px;
  text-align: center;
}
.listViewTable.MuiTable-stickyHeader .hero-compare-text {
  width: 70px;
  text-align: center;
  padding: 8px;
  align-self: center;
}
.listViewTable.MuiTable-stickyHeader .hero-image-head {
  width: 100px;
  text-align: center;
}
.listViewTable.MuiTable-stickyHeader .hero-image-text {
  width: 100px;
  text-align: center;
  padding: 8px;
  align-self: center;
}
.listViewTable.MuiTable-stickyHeader .hero-productid-head {
  width: 90px;
  text-align: center;
}
.listViewTable.MuiTable-stickyHeader .hero-productid-text {
  width: 90px;
  text-align: center;
  padding: 8px;
  align-self: center;
}
.listViewTable.MuiTable-stickyHeader .hero-price-head {
  width: 150px;
  text-align: right;
}
.listViewTable.MuiTable-stickyHeader .hero-price-text {
  width: 150px;
  text-align: right;
  padding: 8px;
  align-self: center;
}
.listViewTable.MuiTable-stickyHeader .MuiTableCell-stickyHeader {
  align-self: end;
  font-size: 12px;
  font-weight: 700;
}
.listViewTable.MuiTable-stickyHeader .borderLines.MuiTableRow-head {
  background-color: #fafafa;
}
.listViewTable.MuiTable-stickyHeader .hero-product-details {
  width: 75%;
  padding: 8px;
  margin-top: 10px;
}
.listViewTable.MuiTable-stickyHeader .hero-product-brands {
  width: 25%;
  padding: 8px;
  margin-top: 10px;
  text-align: right;
}
.listViewTable.MuiTable-stickyHeader .hero-review-colorswatch {
  width: 65%;
  padding: 0 8px 18px;
  border-bottom: 1px solid #e0e0e0;
}
.listViewTable.MuiTable-stickyHeader .hero-cta-shipping {
  width: 35%;
  padding: 0 8px 18px;
  text-align: right;
  border-bottom: 1px solid #e0e0e0;
}
.listViewTable.MuiTable-stickyHeader .flexNote:empty {
  display: none;
}
.listViewTable.MuiTable-stickyHeader .refVariantSection {
  padding: 5px 20px !important;
  border-radius: 20px !important;
  display: inline-block;
  line-height: 1;
  border-color: #212934;
  margin-left: 50px;
}
.listViewTable.MuiTable-stickyHeader p.ellipsis:hover {
  color: #004e7d !important;
}

.enhancedListViewTable .listViewTable .borderLines {
  border-bottom: 1px solid #333333;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}
.enhancedListViewTable .listViewTable .MuiTableCell-head {
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #212934;
  font-family: "Kanit";
  text-align: center;
  border-bottom: 2px solid #999999 !important;
}
.enhancedListViewTable .listViewTable .fontSize14Normal {
  font-family: "Kanit";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 28px;
}
.enhancedListViewTable .listViewTable .MuiTableCell-root {
  text-align: center;
  vertical-align: top;
  text-align: center;
  vertical-align: middle;
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: 12px;
  font-weight: 400;
}
.enhancedListViewTable .listViewTable .MuiTableCell-root.hero-image-text {
  width: 100px;
}
.enhancedListViewTable .listViewTable .hero-price-text .price {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #212934;
  padding-top: 0;
}
.enhancedListViewTable .listViewTable .hero-price-text .price .discountedPrice {
  font-size: 12px;
  padding: 0;
}
.enhancedListViewTable .listViewTable .hero-price-text .price .oldprice {
  font-size: 12px !important;
  text-decoration: line-through;
  color: #bcbec0 !important;
  display: block !important;
  line-height: 14px !important;
  padding: 0;
  margin: 0;
  font-weight: 400 !important;
}
.enhancedListViewTable .listViewTable .hero-image-text a {
  display: block;
  width: 100px;
}
.enhancedListViewTable .listViewTable .MuiTableBody-root tr {
  border-top: 1px solid #BCBEC0;
}

.enhancedListViewTable .listViewTable .hero-product-details {
  text-align: left;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
}
.enhancedListViewTable .listViewTable .fontSize14Normal.hero-productid-text {
  text-align: left;
}

.enhancedListViewTable .listViewTable .MuiTableBody-root tr tr {
  border: none;
}

.ListViewEnhanceSwaper {
  position: relative;
}
.ListViewEnhanceSwaper .rec-carousel-wrapper .rec-arrow {
  width: 40px;
  min-width: 40px !important;
  display: block;
  position: absolute;
  z-index: 1;
}
.ListViewEnhanceSwaper .rec-carousel-wrapper .rec-arrow-right {
  right: 0;
  background: #fff;
  background: -moz-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 50%);
  background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 50%);
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 50%);
}
.ListViewEnhanceSwaper .rec-carousel-wrapper .rec-arrow-left {
  left: 0;
  background: #fff;
  background: -moz-linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0) 50%);
  background: -webkit-linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0) 50%);
  background: linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0) 50%);
}
.ListViewEnhanceSwaper .sibling_category_desc .Text {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  max-width: 170px;
}
.ListViewEnhanceSwaper span.sibling_category_img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  text-align: center;
  height: auto;
}
.ListViewEnhanceSwaper span.sibling_category_img img {
  border: 0.5px solid #424C5B;
  padding: 10px;
  border-radius: 4px;
}
.ListViewEnhanceSwaper .rec.rec-carousel-item {
  cursor: pointer;
}

.enhancedListViewTable tr.MuiTableRow-root.bannerRow:hover {
  background-color: #f1f1f1;
  cursor: pointer;
}

.enhancedListViewTable tr.MuiTableRow-root.bannerRow {
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}

.enhancedListViewTable .loadMoreSection {
  height: auto !important;
  z-index: 123;
  background-color: #fff;
}

th.MuiTableCell-root.MuiTableCell-head.sorttd.hero-filled-head.HeroAttr_undefined.sort_ascending.fas {
  font-weight: unset !important;
}

.listViewTable .hero-price-text .price .oldprice {
  font-size: 12px;
  display: block;
  padding: 0;
  margin: 0;
  text-decoration: line-through;
  color: #bcbec0;
  line-height: 14px !important;
}

.compareWrapper .addtocompare-error {
  margin-top: 0;
  margin-bottom: 8px;
}
.compareWrapper .zipCodeField {
  position: relative;
}
.compareWrapper .zipCodeField .zipcodeCancel {
  position: absolute;
  right: 0;
  bottom: 0;
}
.compareWrapper .compareTilesWrap {
  display: flex;
}
@media (min-width: 868px) {
  .compareWrapper .compareTilesWrap {
    width: 80%;
  }
}
.compareWrapper.mainComparePage {
  padding: 0;
}
.compareWrapper.mainComparePage #productContainer {
  width: 100%;
}
.compareWrapper .compare-autocomplete-price .price {
  padding-top: 0;
}
.compareWrapper .compare-autocomplete-price .price span:first-child {
  font-size: 14px;
}
.compareWrapper .MuiTableCell-root .dv-star-rating {
  justify-content: flex-end;
}
@media (min-width: 868px) {
  .compareWrapper {
    padding: 24px 24px;
  }
  .compareWrapper .MuiTableContainer-root {
    overflow-x: hidden;
  }
}
.compareWrapper .compareTable .MuiTableCell-root, .compareWrapper .compareTable.MuiTable-root {
  border: 0;
}
@media (max-width: 991.98px) {
  .compareWrapper .desktopColumn {
    display: none;
  }
}
.compareWrapper #productContainer {
  width: 96%;
  border-bottom: 0;
  padding: 0;
  margin-right: 0;
}
.compareWrapper #productContainer .imageSection {
  margin-right: 0;
  padding: 10px;
}
@media (max-width: 539.98px) {
  .compareWrapper #productContainer .imageSection {
    width: 100%;
  }
}
.compareWrapper #productContainer .imageSection img {
  width: 100%;
}
.compareWrapper #productContainer .selfItemDesc {
  float: left;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  margin-right: 5px;
}
@media (max-width: 867.98px) {
  .compareWrapper #productContainer .tileCTAContainer section.flexDisplay.selectWrapper.CTABlockAddtoCart {
    flex-direction: column;
    justify-content: space-between;
    height: 112px;
  }
}
.compareWrapper #productContainer .dv-star-rating {
  justify-content: center;
}
.compareWrapper .extraTiles #productContainer {
  margin-top: unset;
}
.compareWrapper h5 {
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  margin-top: 25px;
  margin-bottom: 15px;
}
.compareWrapper .listWrapper {
  display: flex;
  flex-direction: column;
  padding-bottom: 15px;
}
@media (min-width: 868px) {
  .compareWrapper .listWrapper {
    flex-direction: row;
  }
}
.compareWrapper .listWrapper .listedOnly {
  display: flex;
  flex: 1;
}
.compareWrapper .listWrapper .listedOnly .closeIcon {
  cursor: pointer;
}
.compareWrapper .listWrapper .listedOnly .compareTiles {
  border-left: 1px solid #dddddd;
  padding: 0 15px;
  padding-top: 30px;
}
@media (max-width: 867.98px) {
  .compareWrapper .listWrapper .compareTilesWrap {
    overflow-y: auto;
    padding-top: 35px;
  }
  .compareWrapper .listWrapper .compareTilesWrap #productContainer .closeIcon {
    right: -10px;
    top: -16px;
  }
}
@media (max-width: 539.98px) {
  .compareWrapper .listWrapper .compareTilesWrap .imageSection {
    width: 100%;
    float: none;
  }
  .compareWrapper .listWrapper .compareTilesWrap .tileDescContainer {
    width: 100% !important;
    float: none;
  }
}
@media (max-width: 673px) {
  .compareWrapper .listWrapper .compareTilesWrap {
    padding-top: 40px;
  }
}
@media (max-width: 420px) {
  .compareWrapper .listWrapper .compareTilesWrap .itemkeyDetails .prod-itemkey-num {
    font-size: 12px;
  }
}
.compareWrapper .listWrapper .compareTiles {
  display: flex;
  border-left: 1px solid #dddddd;
  padding: 0 15px;
  padding-top: 30px;
  width: 25%;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .compareWrapper .listWrapper .compareTiles {
    width: 25%;
  }
}
@media (min-width: 868px) and (max-width: 1091.98px) {
  .compareWrapper .listWrapper .compareTiles {
    width: 33.3%;
  }
}
@media (max-width: 867.98px) {
  .compareWrapper .listWrapper .compareTiles {
    display: flex;
    flex: 1;
    width: 33.3%;
    padding: 0 12px;
    border-left: 0;
    padding-top: 30px;
  }
  .compareWrapper .listWrapper .compareTiles .fixedHeight24 {
    display: none;
  }
  .compareWrapper .listWrapper .compareTiles .productSection {
    margin-top: 0;
  }
}
.compareWrapper .listWrapper .brSuggestion {
  width: 50%;
}
@media (min-width: 868px) and (max-width: 1091.98px) {
  .compareWrapper .listWrapper .brSuggestion {
    width: 50%;
  }
}
.compareWrapper .listWrapper .brSuggestion .compareLabels {
  color: #424c5b;
  padding-bottom: 2px;
  font-size: 14px;
  font-weight: 300;
  line-height: 24px;
}
.compareWrapper .listWrapper .brSuggestion .addToCompareLink {
  color: #004e7d;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 600;
  margin-left: 15px;
}
.compareWrapper .listWrapper .brSuggestion .addToCompareLink:hover {
  cursor: pointer;
}
@media (max-width: 1380px) {
  .compareWrapper .listWrapper .brSuggestion .horizontalFlex {
    display: block;
  }
  .compareWrapper .listWrapper .brSuggestion .compareLabels {
    display: block;
    width: 100%;
  }
  .compareWrapper .listWrapper .brSuggestion .addToCompareLink {
    display: block;
    width: 100%;
    text-align: left;
    padding-left: 0;
  }
}
.compareWrapper .listWrapper .brSuggestion #productContainer {
  padding: 0 10px;
  background: #ffffff;
  padding-bottom: 20px;
}
.compareWrapper.compareFloating {
  position: fixed;
  bottom: 0;
  width: 100%;
  left: 0;
  padding: 15px 40px;
  box-shadow: rgba(203, 189, 189, 0.75) 0px -3px 5px 0px;
  background: white;
  z-index: 999;
}
@media (max-width: 867.98px) {
  .compareWrapper.compareFloating {
    padding: 15px;
  }
}
@media only screen and (max-width: 1199.98px) and (min-width: 768px) {
  .compareWrapper.compareFloating .compareCountDisplay {
    overflow-x: scroll;
    order: 2;
  }
}
@media (max-width: 867.98px) {
  .compareWrapper.compareFloating .compareCountDisplay {
    overflow-x: scroll;
    order: 2;
    width: 70%;
  }
  .compareWrapper.compareFloating .compareCountDisplay .compareProducts {
    width: 50%;
    padding: 0 2px;
  }
  .compareWrapper.compareFloating .compareCountDisplay .compareProducts .compareProductSection {
    width: 100%;
  }
  .compareWrapper.compareFloating .compareCountDisplay .compareProducts .compareProductSection .closeButton {
    left: 75%;
  }
}
.compareWrapper.compareFloating .compareError {
  color: #d41e3d;
  display: flex;
  justify-content: center;
}
.compareWrapper.compareFloating .compareError span {
  padding-left: 8px;
  padding-bottom: 10px;
}
.compareWrapper .fa-info-circle {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill="rgb(0, 73, 135)" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM296 336h-16V248C280 234.8 269.3 224 256 224H224C210.8 224 200 234.8 200 248S210.8 272 224 272h8v64h-16C202.8 336 192 346.8 192 360S202.8 384 216 384h80c13.25 0 24-10.75 24-24S309.3 336 296 336zM256 192c17.67 0 32-14.33 32-32c0-17.67-14.33-32-32-32S224 142.3 224 160C224 177.7 238.3 192 256 192z"/></svg>');
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
}
.compareWrapper .fa-info-circle::before {
  content: "";
}
.compareWrapper .floatingWrapper {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 867.98px) {
  .compareWrapper .floatingWrapper .flexDisplay.justifyContent {
    flex-wrap: nowrap;
  }
}
.compareWrapper .justifyContent {
  justify-content: center;
  width: 100%;
  flex-wrap: wrap;
}
@media only screen and (max-width: 1199.98px) and (min-width: 768px) {
  .compareWrapper .justifyContent {
    flex-wrap: inherit;
  }
}
.compareWrapper .justifyContent .selectCompareText {
  margin-right: 32px;
  width: 275px;
}
.compareWrapper .justifyContent .selectCompareText h2.flexOnDesktopUp {
  line-height: 1;
  margin: 0px;
}
@media only screen and (max-width: 1199.98px) and (min-width: 768px) {
  .compareWrapper .justifyContent .selectCompareText {
    order: 3;
    display: none;
  }
}
@media (max-width: 867.98px) {
  .compareWrapper .justifyContent .selectCompareText {
    order: 3;
    display: none;
  }
}
.compareWrapper .compareItems {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  width: 20%;
}
@media only screen and (max-width: 1199.98px) and (min-width: 768px) {
  .compareWrapper .compareItems {
    order: 1;
    width: 20%;
    margin-right: 32px;
  }
}
.compareWrapper .compareItems h2 {
  text-align: left;
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
}
.compareWrapper .compareItems .link {
  font-size: 16px;
  color: #004e7d;
  font-weight: 500;
  text-align: center;
  padding-top: 12px;
}
@media (max-width: 867.98px) {
  .compareWrapper .compareItems {
    order: 1;
    width: 30%;
    margin-right: 15px;
    padding-bottom: 10px;
  }
}
.compareWrapper .compareItems button span.MuiButton-label {
  line-height: 1;
}
.compareWrapper .compareProductsImage {
  width: 75px;
  height: 75px;
  border: 1px solid #bcbec0;
  border-top-right-radius: 10px;
  padding: 10px;
}
.compareWrapper .closeButton {
  position: absolute !important;
  left: 105px;
  top: -2px;
  z-index: 100;
  color: grey;
  cursor: pointer;
}
.compareWrapper .compareProductSection {
  position: relative;
  margin-bottom: 8px;
}
@media (max-width: 867.98px) {
  .compareWrapper .compareProductSection {
    width: 150px;
    order: 1;
  }
}
.compareWrapper .compareProducts {
  max-width: 134px;
  font-size: 13px;
  margin-right: 32px;
}
@media (max-width: 867.98px) {
  .compareWrapper .compareProducts {
    margin-right: 0px;
  }
}
.compareWrapper .MuiTable-root {
  border: 0;
}
.compareWrapper .MuiTableCell-body {
  color: rgba(0, 0, 0, 0.87);
  border: 1px solid #dddddd;
  font-size: 16px;
  width: 20%;
}
.compareWrapper .boldFont {
  font-weight: 500 !important;
}
.compareWrapper .headerCell {
  min-width: 150px;
  display: table-caption;
}
.compareWrapper .wrapper {
  padding-left: 20%;
}
.compareWrapper .contentMargin {
  margin: 0;
  position: relative;
  padding: 16px;
  width: 50%;
}
.compareWrapper .suggestionWithAddTo {
  display: flex;
  background-color: rgba(0, 78, 125, 0.08);
  padding: 5px 10px;
  width: 50%;
  margin-top: -1px;
}
@media (min-width: 868px) and (max-width: 1091.98px) {
  .compareWrapper .suggestionWithAddTo {
    width: 66.6%;
  }
}
@media (max-width: 1380px) {
  .compareWrapper .suggestionWithAddTo {
    margin-top: -25px;
  }
}
.compareWrapper .suggestionWithAddTo .brSuggestionFull {
  width: 50%;
  font-size: 13px;
}
.compareWrapper .suggestionWithAddTo .brSuggestionFull .link {
  color: #004e7d;
  cursor: pointer;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 600;
  font-family: Kanit;
}
@media (min-width: 868px) {
  .compareWrapper .suggestionWithAddTo .brSuggestionFull .contentMargin {
    width: 100%;
    background-color: #ffffff;
  }
}
.compareWrapper .suggestionWithAddTo .addToCompare {
  width: 50%;
}
.compareWrapper .suggestionWithAddTo .searchItem {
  box-sizing: border-box;
  border: 1px dashed lightgray;
  display: flex;
  align-items: baseline;
  margin-top: 23px;
  margin-left: 10px;
  padding-left: 10px;
  padding-right: 10px;
  height: 95%;
}
.compareWrapper .suggestionWithAddTo .searchItem form {
  width: 100%;
}
.compareWrapper .suggestionWithAddTo .searchItem .formInput {
  border: 1px solid #bcbec0;
  padding: 16px;
  box-sizing: border-box;
  border-radius: 4px;
  background-color: #ffffff;
  height: 50px;
  margin: 8px 0;
  width: 100%;
}
@media (max-width: 867.98px) {
  .compareWrapper .suggestionWithAddTo {
    width: 66.6%;
    margin-top: -25px;
  }
  .compareWrapper .suggestionWithAddTo .addToCompare {
    width: 50%;
  }
  .compareWrapper .suggestionWithAddTo .brSuggestionFull {
    width: 66.6%;
  }
}
.compareWrapper .similarTiles {
  display: flex;
  flex: 1;
  background-color: rgba(0, 78, 125, 0.08);
  width: 25%;
  align-items: baseline;
  justify-content: left;
  border: 1px dashed lightgray;
}
@media (max-width: 1380px) {
  .compareWrapper .similarTiles {
    margin-top: -35px;
  }
}
@media (max-width: 867.98px) {
  .compareWrapper .similarTiles {
    width: 33.3%;
    padding: 12px;
    margin-top: -32px;
  }
}
@media (min-width: 868px) and (max-width: 1091.98px) {
  .compareWrapper .similarTiles {
    width: 33.3%;
  }
}
@media (max-width: 673px) {
  .compareWrapper .similarTiles {
    margin-top: -32px;
  }
}
.compareWrapper .similarTiles .brSuggestion {
  width: 100%;
}
.compareWrapper .similarTiles .brSuggestion .horizontalFlex {
  padding-left: 5px;
  padding-top: 2px;
}
.compareWrapper .similarTiles .searchItem {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
}
.compareWrapper .similarTiles .searchItem .formInput {
  border: 1px solid #bcbec0;
  padding: 16px;
  box-sizing: border-box;
  border-radius: 4px;
  background-color: #ffffff;
  height: 50px;
  margin: 8px 0;
}
.compareWrapper .similarTiles .brSuggestionFull {
  width: 50%;
  font-size: 13px;
}
.compareWrapper .similarTiles .brSuggestionFull .link {
  color: #004e7d;
  cursor: pointer;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 600;
  font-family: Kanit;
}
@media (min-width: 868px) {
  .compareWrapper .similarTiles .brSuggestionFull .contentMargin {
    width: 100%;
    background-color: #ffffff;
  }
}
@media (min-width: 868px) and (max-width: 1091.98px) {
  .compareWrapper .similarTiles .brSuggestionFull {
    width: 33.3%;
  }
}
@media (max-width: 867.98px) {
  .compareWrapper .similarTiles .brSuggestionFull {
    width: 66.6%;
  }
}
.compareWrapper .similarTiles .imageSection {
  padding: 10px 0 !important;
}
.compareWrapper .similarTiles .addToCompare {
  max-width: 100%;
}
.compareWrapper .similarTiles .addToCompare .MuiButton-label {
  line-height: 18px;
}
.compareWrapper .similarTiles .addToCompare form {
  max-width: 100%;
}
.compareWrapper .similarTiles .addToCompare form .autocompleteBox {
  max-width: 100%;
}
.compareWrapper .similarTiles .addToCompare form .autocompleteBox .formInput {
  max-width: 100%;
}
.compareWrapper .capacities {
  display: none;
}
.compareWrapper .ratings {
  display: none !important;
}
.compareWrapper .reviewDesktopView {
  flex-direction: row;
}
.compareWrapper .reviewDesktopView .wishListWrapper {
  width: 37px;
}
@media (max-width: 673px) {
  .compareWrapper .reviewDesktopView .accountWishList .accountPopup {
    max-width: calc(50vw - 24px);
    right: -4px;
  }
  .compareWrapper .reviewDesktopView .accountWishList .accountPopup::after, .compareWrapper .reviewDesktopView .accountWishList .accountPopup::before {
    left: unset;
    right: 1px;
    top: -7px;
  }
}
.compareWrapper .compareProduct {
  display: none;
}
.compareWrapper .MuiDivider-vertical {
  width: 1px;
  height: auto !important;
  margin: 16px !important;
}
.compareWrapper .divider {
  display: none;
}
.compareWrapper .price {
  font-size: 22px;
  font-weight: bold;
}
.compareWrapper label.MuiFormControlLabel-root.shippingMethod5::after {
  content: "Next Day Air";
}
.compareWrapper label.MuiFormControlLabel-root.shippingMethod6::after {
  content: "Second Day";
}
.compareWrapper label.MuiFormControlLabel-root.shippingMethod4::after {
  content: "Ground";
}
.compareWrapper .scrollableProduct {
  box-sizing: border-box;
  position: fixed;
  top: 0px;
  width: 100%;
  left: 0px;
  padding: 0 2.5%;
  display: flex;
  align-items: center;
  justify-content: space-around;
  box-shadow: rgba(203, 189, 189, 0.75) 0px 6px 5px 0px;
  background: white;
  height: auto;
  z-index: 999;
  padding-top: 30px;
  padding-bottom: 19px;
}
.compareWrapper .scrollableProduct .fullWidth {
  width: 1440px;
  position: relative;
}
.compareWrapper .scrollableProduct .fullWidth section.alignVCenter {
  position: static;
  width: 20%;
  padding-right: 14px;
  box-sizing: border-box;
  top: 0px;
  left: 0px;
  cursor: pointer;
}
@media (min-width: 868px) and (max-width: 1091.98px) {
  .compareWrapper .scrollableProduct .fullWidth section.alignVCenter {
    width: 25%;
  }
}
@media (max-width: 867.98px) {
  .compareWrapper .scrollableProduct .compareProductSection {
    order: 0;
  }
  .compareWrapper .scrollableProduct .containerWidth .productsSection .buttonQuantityPrice {
    display: block !important;
    text-align: left;
    padding-bottom: 0;
  }
  .compareWrapper .scrollableProduct .containerWidth .productsSection .quantityDD {
    display: none;
  }
  .compareWrapper .scrollableProduct .containerWidth .productsSection .MuiButtonBase-root {
    display: none;
  }
  .compareWrapper .scrollableProduct .containerWidth .productsSection .titleFont {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
  }
  .compareWrapper .scrollableProduct .containerWidth .productsSection .compareProductSection {
    width: 100%;
  }
  .compareWrapper .scrollableProduct .containerWidth .productsSection .compareProductSection .productsImage {
    width: 100%;
    max-width: 180px;
    height: auto;
  }
}
.compareWrapper .scrollableProduct.compareMobileWidth {
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 0;
}
@media (min-width: 768px) {
  .compareWrapper .scrollableProduct.compareMobileWidth {
    padding-left: 2.5%;
    padding-right: 2.5%;
  }
}
.compareWrapper .scrollableProduct.compareMobileWidth .fullWidth section.alignVCenter {
  position: absolute;
  top: -7px;
  width: 100%;
  padding-right: 0;
}
@media (max-width: 867.98px) {
  .compareWrapper .scrollableProduct .fullWidth {
    overflow-x: auto;
  }
  .compareWrapper .scrollableProduct .alignVCenter {
    position: absolute;
    top: 0px;
    left: 0px;
    cursor: pointer;
  }
}
@media (max-width: 867.98px) and (max-width: 867.98px) {
  .compareWrapper .scrollableProduct .alignVCenter {
    top: 15px;
    left: 21px;
  }
}
@media (max-width: 867.98px) {
  .compareWrapper .scrollableProduct .alignVCenter .leftArrow {
    margin-right: 7px;
  }
}
.compareWrapper .productsImage {
  width: 100px;
  height: 100px;
  border: 1px solid #bcbec0;
  padding: 5px;
  border-radius: 3px;
}
.compareWrapper .titleSection {
  margin-left: 6px;
  display: flex;
  flex-direction: column;
}
.compareWrapper .titleSection h3 {
  font-size: 19px;
}
.compareWrapper .titleSection h3.buttonQuantityPrice {
  padding-bottom: 10px;
}
@media (max-width: 867.98px) {
  .compareWrapper .titleSection {
    margin-left: 0px;
  }
  .compareWrapper .titleSection h3 {
    margin: 5px 0;
    text-align: center;
  }
}
.compareWrapper .titleFont {
  font-size: 15px;
  -webkit-line-clamp: 4;
}
@media (max-width: 867.98px) {
  .compareWrapper .titleFont {
    min-height: 48px;
    -webkit-line-clamp: 3;
  }
}
.compareWrapper .containerWidth {
  width: 100%;
  margin-left: auto;
  display: flex !important;
}
@media (max-width: 867.98px) {
  .compareWrapper .containerWidth {
    width: 100%;
    margin-top: 30px;
    margin-bottom: 16px;
  }
}
.compareWrapper .containerWidth .productsSection {
  font-size: 13px;
  flex-direction: column;
  width: 20%;
  padding-right: 12px;
  align-items: stretch;
  border-left: 1px solid #ddd;
  padding-left: 12px;
}
@media (min-width: 868px) and (max-width: 1091.98px) {
  .compareWrapper .containerWidth .productsSection {
    width: 25%;
  }
}
.compareWrapper .containerWidth .productsSection:last-child {
  border-right: 1px solid #ddd;
}
@media (max-width: 867.98px) {
  .compareWrapper .containerWidth .productsSection {
    width: 33.3%;
  }
}
@media (max-width: 673px) {
  .compareWrapper .containerWidth .productsSection {
    width: 50%;
  }
}
.compareWrapper .containerWidth .productsSection .buttonQuantityPrice {
  align-items: left;
  margin: 0;
  line-height: 29px;
}
@media (max-width: 867.98px) {
  .compareWrapper .containerWidth .productsSection .buttonQuantityPrice {
    display: none !important;
  }
}
.compareWrapper .containerWidth .productsSection .flexDisplay {
  display: flex !important;
  align-items: start;
}
.compareWrapper .containerWidth.flexDisplay {
  align-items: start;
}
.compareWrapper .cartButton {
  background-color: #d41e3d !important;
  color: #ffffff !important;
  padding: 12px;
  text-transform: inherit;
  font-size: 16px;
  border-radius: 5px;
}
.compareWrapper .autocomplete {
  width: 50%;
}
.compareWrapper .productImageDescription {
  display: flex;
  align-items: start;
}
@media (max-width: 867.98px) {
  .compareWrapper .productImageDescription {
    flex-direction: column;
  }
}
.compareWrapper .horizontalDivider {
  margin: 16px 0 !important;
  width: 100%;
  margin-right: 0;
}
.compareWrapper .navigationFlex {
  display: flex;
  align-items: center;
  text-align: center;
  font-size: 14px;
  color: #495261;
  cursor: pointer;
  width: 25%;
  height: 15px;
}
.compareWrapper .navigationFlex .MuiSvgIcon-root {
  width: 15px;
  height: 15px;
}
.compareWrapper .minQuantityCompare {
  background-color: #f7c2cb !important;
}
.compareWrapper .MuiTableCell-root:nth-child(1) {
  padding: 0;
  height: 40px;
  padding-left: 15px;
  width: 20% !important;
}
.compareWrapper .MuiTableCell-root {
  width: 20% !important;
  font-weight: 300;
}
@media (max-width: 673px) {
  .compareWrapper .MuiTableCell-root {
    width: 50% !important;
  }
}
.compareWrapper .compareProductTable .mobileRow .MuiTableCell-root {
  text-align: center;
  padding: 0;
}
@media (min-width: 868px) {
  .compareWrapper .compareProductTable .mobileRow {
    display: none;
  }
}
@media (max-width: 867.98px) {
  .compareWrapper .compareProductTable .comapareHead {
    display: none;
  }
  .compareWrapper .compareProductTable .compareDimensions .MuiTableCell-root {
    display: table-cell;
    background: #ffffff;
    text-align: center;
    padding: 7px 10px;
  }
  .compareWrapper .compareProductTable .compareDimensions .MuiTableCell-root:first-child {
    display: none;
  }
  .compareWrapper .compareProductTable .compareDimensions .MuiTableCell-root .dv-star-rating {
    justify-content: center;
  }
  .compareWrapper .compareProductTable .compareDimensions.higlightCell .MuiTableCell-root:nth-child(2), .compareWrapper .compareProductTable .compareDimensions.higlightCell .MuiTableCell-root:nth-child(3) {
    background: #f9f1d9;
  }
}
@media (max-width: 991.98px) {
  .compareWrapper .compareProductTable .compareDimensions .MuiTableCell-root:nth-child(5) {
    display: none;
  }
}
.compareWrapper .fixedColumnStyle {
  position: sticky;
  left: -1px;
  z-index: 1;
}
.compareWrapper .highlightDifference {
  position: absolute;
  right: 0;
  margin: 26px 0 0 0;
  font-size: 16px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.compareWrapper .highlightDifference .MuiSwitch-root {
  width: 41px;
  height: 24px;
  display: flex;
  padding: 0px;
}
.compareWrapper .highlightDifference .MuiSwitch-root .MuiSwitch-thumb {
  background: #004e7d;
  width: 18px;
  height: 18px;
}
.compareWrapper .highlightDifference .MuiSwitch-root .MuiSwitch-track {
  background: #ffffff;
  opacity: 1;
  border: 2px solid #034e7d;
  border-radius: 24px;
}
.compareWrapper .highlightDifference .MuiSwitch-root .Mui-checked {
  padding-left: 2px;
}
.compareWrapper .highlightDifference .MuiSwitch-root .Mui-checked + .MuiSwitch-track {
  background: #004e7d;
}
.compareWrapper .highlightDifference .MuiSwitch-root .Mui-checked .MuiSwitch-thumb {
  background: #ffffff;
  width: 18px;
  height: 18px;
}
.compareWrapper .highlightDifference .MuiSwitch-switchBase {
  position: absolute;
  padding: 2px;
  top: 1px;
  left: 1px;
}
.compareWrapper .highlightDifference .MuiSwitch-switchBase .MuiSwitch-input {
  left: -100%;
  width: 300%;
}
.compareWrapper .highlightDifference .labelDiff {
  padding-right: 12px;
}
.compareWrapper .MuiSwitch-track {
  border-radius: 20px;
}
.compareWrapper .MuiSwitch-colorSecondary.Mui-checked {
  color: #ffffff;
}
.compareWrapper .MuiSwitch-switchBase.Mui-checked .MuiSwitch-track {
  opacity: 1;
  color: #004e7d;
  background-color: #004e7d;
}
.compareWrapper .breadcrumbWrapper {
  justify-content: space-between;
  padding-bottom: 24px;
  padding-top: 16px;
}
.compareWrapper .breadcrumbWrapper .alignVCenter {
  cursor: pointer;
  margin: 0px;
}
.compareWrapper .breadcrumbWrapper .alignVCenter .leftArrow {
  margin-right: 7px;
}
.compareWrapper .breadcrumbWrapper .compareShare:hover .sharePopup {
  display: block;
  box-sizing: border-box;
  padding: 16px;
  width: 226px;
  top: 29px;
  border-radius: 3px;
  background-color: #ffffff;
  box-shadow: 0 2px 23px 0 rgba(89, 108, 119, 0.15), 0 2px 15px 0 rgba(89, 108, 119, 0.15), 0 1px 5px 0 rgba(89, 108, 119, 0.15);
  position: absolute;
  z-index: 12;
  right: 0px;
}
.compareWrapper .breadcrumbWrapper .compareShare:hover .sharePopup::before, .compareWrapper .breadcrumbWrapper .compareShare:hover .sharePopup::after {
  content: "";
  width: 0;
  height: 0;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  border-left: solid 8px transparent;
  border-right: solid 8px transparent;
  position: absolute;
  right: 47px;
}
.compareWrapper .breadcrumbWrapper .compareShare:hover .sharePopup::before {
  top: -9px;
  border-bottom: solid 6px #dadada;
}
.compareWrapper .breadcrumbWrapper .compareShare:hover .sharePopup::after {
  top: -8px;
  border-bottom: solid 8px #fff;
}
.compareWrapper .breadcrumbWrapper .compareShare:hover .sharePopup .flexDisplay {
  align-items: start;
}
.compareWrapper .breadcrumbWrapper .compareShare:hover .sharePopup .flexDisplay .icon {
  margin: 0px;
}
.compareWrapper .breadcrumbWrapper .compareShare:hover .sharePopup .flexDisplay .desc {
  margin: 0px;
}
.compareWrapper .breadcrumbWrapper .compareShare:hover .sharePopup .flexDisplay:nth-child(2) {
  margin-top: 16px;
}
.compareWrapper .inlineFlexWrapper {
  vertical-align: middle;
  color: #004e7d;
  cursor: pointer;
  position: relative;
}
.compareWrapper .inlineFlexWrapper span {
  margin-top: 2px;
  margin-right: 16px;
  margin-left: 8px;
}
.compareWrapper .inlineFlexWrapper .fal {
  font-size: 21px;
  font-weight: 500;
}
.compareWrapper .inlineFlexWrapper .fal {
  font-size: 21px;
  font-weight: 500;
}
.compareWrapper .higlightCell {
  border: 1px solid #dddddd;
  background-color: #f9f1d9 !important;
}
.compareWrapper .summarySection {
  position: relative;
  display: block;
  box-sizing: border-box;
  border: 1px solid #dddddd;
  border-radius: 4px;
  padding: 16px;
}
.compareWrapper .summarySection .zipTitle {
  padding-top: 15px;
}
.compareWrapper .summarySection .boldText {
  font-weight: 600;
}
.compareWrapper .summarySection h2 {
  padding: 0;
  margin: 0;
  font-weight: 500;
  font-size: 20px;
}
.compareWrapper .summarySection h2 .info {
  margin-left: 5px;
}
.compareWrapper .summarySection .MuiFormLabel-root {
  padding-top: 10px;
  margin-top: 0;
  font-weight: 500;
}
.compareWrapper .summarySection .MuiInputBase-input {
  padding: 14px;
}
.compareWrapper .summarySection .zipcodeclear {
  position: absolute;
  right: 0;
  /* top: 10px; */
  margin-top: 40px;
  margin-right: 15px;
}
@media (min-width: 868px) {
  .compareWrapper .summarySection {
    margin-right: 10px;
    height: 420px;
    width: calc(20% - 10px);
  }
  .compareWrapper .summarySection button.MuiButtonBase-root.MuiIconButton-root.zipcodeCancel {
    position: absolute;
    top: 100px;
    right: 16px;
    z-index: 99;
  }
}
@media (min-width: 868px) and (max-width: 1091.98px) {
  .compareWrapper .summarySection {
    width: 25%;
  }
}

.pageWrapperForScrollState {
  margin-top: 300px;
}

figure.img-compare {
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
  width: 30%;
  height: 30%;
}
figure.img-compare a,
figure.img-compare img {
  width: 100%;
  height: 100%;
  display: block;
}

.compare-autocomplete-info {
  width: 70%;
  padding-left: 10px;
}
.compare-autocomplete-info .ratings {
  display: flex !important;
}
.compare-autocomplete-info .dv-star-rating-star {
  font-size: 12px;
}

.autoCompleteItem-compare {
  border-bottom: 1px solid #ddd;
  padding: 10px;
}

.menuItemWrapper-compare {
  display: flex;
}
.menuItemWrapper-compare .itemDesc {
  font-size: 12px;
}

@media print {
  .printOnly {
    display: block;
  }
  .printOnly .printTitle {
    font-size: 16px;
    padding: 10px 0;
    border-bottom: 2px solid #bcbec0;
  }
  .printOnly .mainImage {
    margin: 0;
    width: 100%;
  }
  .printOnly.mainImageWrap {
    width: 100%;
  }

  header a {
    margin-left: 0;
  }

  footer .copyrightWrapper,
footer .copyright {
    background: #212934 !important;
  }

  .compareWrapper .compareProductTable .mobileRow {
    display: table-row !important;
  }
  .compareWrapper .compareProductTable .compareDimensions .MuiTableCell-root {
    display: table-cell;
  }
  .compareWrapper .compareProductTable .compareDimensions .MuiTableCell-root.comapareHead {
    display: none;
  }
  .compareWrapper .compareProductTable .compareDimensions .MuiTableCell-root:nth-child(2), .compareWrapper .compareProductTable .compareDimensions .MuiTableCell-root:nth-child(3) {
    display: table-cell;
  }
  .compareWrapper .compareTiles {
    display: flex !important;
    flex: 1 !important;
    border-left: 1px solid #dddddd !important;
    padding: 0 15px !important;
    padding-top: 30px !important;
  }

  .flexDisplay.breadcrumbWrapper,
.compareWrapper .compareProductTable .comapareHead,
.searchWrapper,
.headerRight,
.highlightDifference,
.compareWrapper .reviewDesktopView,
.reviewDesktopView .fa-heart,
.flexDisplay.CTABlockAddtoCart,
.closeIcon,
.summarySection,
footer .footerMain,
.MuiSvgIcon-root.menuIcon,
.megaContainer,
.copyrightWrapper,
.supportContainer,
footer .footerSections, .recommendedItems {
    display: none !important;
  }

  .priceSection .price {
    font-size: 20px !important;
  }

  .prodSpec,
.actionArea,
.product-other-details {
    margin-left: 20px !important;
  }
}
@media (min-width: 868px) {
  .pdpDetailPage .compareWrapper .MuiTableContainer-root {
    overflow-x: auto;
  }
}

.pageWrapperForCompareTable {
  position: relative;
}

.pageWrapperForCompareTable .alignVCenter {
  position: relative;
}
.pageWrapperForCompareTable .toolTipContainer.estShippingToolTip {
  top: 40px;
  right: inherit;
  left: 0;
  margin-left: 0;
  width: 230px;
}
@media (max-width: 767.98px) {
  .pageWrapperForCompareTable .toolTipContainer.estShippingToolTip {
    width: 100%;
    max-width: 310px;
  }
}
.pageWrapperForCompareTable .toolTipContainer.estShippingToolTip p {
  font-size: 14px;
}
.pageWrapperForCompareTable .toolTipContainer.estShippingToolTip::before {
  right: 87px;
}
@media (max-width: 767.98px) {
  .pageWrapperForCompareTable .toolTipContainer.estShippingToolTip::before {
    right: inherit;
    left: 120px;
  }
}
.pageWrapperForCompareTable .estShipping::before {
  right: 87px;
}
@media (max-width: 767.98px) {
  .pageWrapperForCompareTable .estShipping::before {
    right: inherit;
    left: 120px;
  }
}

.pageWrapperForCompareTable .fa-info-circle {
  background: unset;
}

.noResultWrapper {
  text-align: center;
}
.noResultWrapper .customBtn {
  margin-top: 16px;
  margin-bottom: 16px;
  width: auto;
}

.noResultText {
  color: #424c5b;
  font-size: 12px;
  letter-spacing: 0;
  text-align: center;
}
@media (min-width: 768px) {
  .noResultText {
    font-size: 18px;
    font-weight: 300;
  }
}

.noResultsIcon {
  height: 70px !important;
  width: 70px !important;
  color: rgba(0, 78, 125, 0.5);
}

.noResultsTitle {
  color: #424c5b;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
@media (min-width: 768px) {
  .noResultsTitle {
    color: #212934;
    font-size: 26px;
    font-weight: bold;
    text-align: center;
  }
}

.wrapper {
  display: flex;
  flex-direction: column;
}
.wrapper .productTileContainer {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: inherit;
}
.wrapper .productTileContainer .MuiTableContainer-root {
  overflow-x: inherit;
}
.wrapper .productTileContainer .fixed-list-nav {
  width: 100%;
  background: #fafafa;
  height: 34px;
  position: fixed;
  top: 0;
  left: 0;
  border-bottom: 1px solid #979797;
  z-index: 2;
  box-sizing: content-box;
}
@media (min-width: 768px) {
  .wrapper {
    flex-direction: row;
    flex-wrap: wrap;
    padding-left: 5px;
  }
}
@media (min-width: 1400px) {
  .wrapper {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .wrapper {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .wrapper {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .wrapper {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .wrapper {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
@media (min-device-width: 320px) and (max-device-width: 575.98px) {
  .wrapper {
    flex-direction: column;
    flex-wrap: wrap;
  }
}

.contentMargin {
  margin-top: 16px;
}
@media (max-width: 767.98px) {
  .contentMargin {
    padding-right: 0;
  }
}
@media (min-width: 768px) {
  .contentMargin {
    position: relative;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .contentMargin {
    max-width: 350px;
    position: relative;
  }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .contentMargin {
    max-width: 350px;
    position: relative;
  }
}
@media (min-width: 1400px) {
  .contentMargin {
    max-width: 350px;
    position: relative;
  }
}

#productContainer .tagsRow {
  margin: 16px 0;
  height: 30px;
  min-height: 30px;
  padding: 0 !important;
}

.rec-carousel-wrapper div#productContainer .tagSlack {
  /* margin: 0 !important; */
  height: 30px;
  min-height: 30px;
}

.tagsRow {
  padding: 16px 0;
  min-height: 62px;
}

.tags, .mediumGreyTag, .greenTag, .orangeTag, .blueTag, .exclusive, .discounted, .featured, .best-seller, .new-arrival, .clearance {
  border: none;
  display: inline-block;
  padding: 3px 16px;
  padding-right: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  text-align: center;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  height: 23px;
  color: #fff;
  background-position: right;
  font-size: 9px;
  background-color: unset;
}
@media (min-width: 1360px) {
  .tags, .mediumGreyTag, .greenTag, .orangeTag, .blueTag, .exclusive, .discounted, .featured, .best-seller, .new-arrival, .clearance {
    font-size: 9px;
    padding-left: 20px;
    padding-right: 24px;
  }
}

.rec-slider-container .tags, .rec-slider-container .mediumGreyTag, .rec-slider-container .greenTag, .rec-slider-container .orangeTag, .rec-slider-container .blueTag, .rec-slider-container .exclusive, .rec-slider-container .discounted, .rec-slider-container .featured, .rec-slider-container .best-seller, .rec-slider-container .new-arrival, .rec-slider-container .clearance {
  font-size: 9px;
  padding-left: 18px;
  padding-right: 22px;
}

.clearance {
  background-image: url('data:image/svg+xml;utf8,<svg width="175" height="30" viewBox="0 0 175 30" xmlns="http://www.w3.org/2000/svg"><path d="M175 0H4.05312e-06V30H159.084C160.665 30 162.098 29.0682 162.74 27.6227L175 0Z" fill="rgb(226,84,17)"/></svg>');
}

.new-arrival {
  background-image: url('data:image/svg+xml;uft8,<svg width="175" height="30" viewBox="0 0 175 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M175 0H4.05312e-06V30H159.084C160.665 30 162.098 29.0682 162.74 27.6227L175 0Z" fill="rgb(212,30,61)"/></svg>');
}

.best-seller {
  background-image: url('data:image/svg+xml;uft8,<svg width="175" height="30" viewBox="0 0 175 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M175 0H4.05312e-06V30H159.084C160.665 30 162.098 29.0682 162.74 27.6227L175 0Z" fill="rgb(216,159,2)"/></svg>');
}

.featured {
  background-image: url('data:image/svg+xml;uft8,<svg width="175" height="30" viewBox="0 0 175 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M175 0H4.05312e-06V30H159.084C160.665 30 162.098 29.0682 162.74 27.6227L175 0Z" fill="rgb(108,194,237)"/></svg>');
}

.discounted {
  background-image: url('data:image/svg+xml;uft8,<svg width="175" height="30" viewBox="0 0 175 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M175 0H4.05312e-06V30H159.084C160.665 30 162.098 29.0682 162.74 27.6227L175 0Z" fill="rgb(113,185,70)"/></svg>');
}

.exclusive {
  background-position: right;
  margin-right: -14px;
  position: relative;
  background-image: url('data:image/svg+xml;uft8,<svg width="175" height="30" viewBox="0 0 175 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M175 0H4.05312e-06V30H159.084C160.665 30 162.098 29.0682 162.74 27.6227L175 0Z" fill="rgb(0,45,80)"/></svg>');
}

.blueTag {
  color: #0198f3;
  border: 1.5px solid #0198f3;
}

.orangeTag {
  color: #e25411;
  border: 1.5px solid #e25411;
}

.greenTag {
  color: #4e832e;
  border: 1.5px solid #4e832e;
}

.mediumGreyTag {
  color: #7d7d7d;
  border: 1.5px solid #7d7d7d;
}

.flexDisplay {
  display: flex !important;
  align-items: center;
}
.flexDisplay .MuiRating-root {
  font-size: 20px;
}
.flexDisplay span.icon {
  height: 24px;
}
.flexDisplay span.desc {
  padding-left: 6px;
}

.fullWidth {
  width: auto;
}

.fullWidth:empty {
  padding: 0;
  margin: 0;
}

.fixedHeight24 {
  min-height: 52px;
  max-height: 52px;
}

.userRatings {
  font-size: 14px;
  color: #424c5b;
  line-height: 21px;
  margin: 2px 16px 0 8px;
  font-weight: 300;
}
@media (max-width: 767.98px) {
  .userRatings {
    margin: 0 1px;
  }
}

.alignItems {
  align-items: center;
}
@media (min-width: 768px) {
  .alignItems {
    display: none !important;
  }
}

.wishListIcon {
  color: #004e7d;
  width: 1.35em !important;
  height: 1.2em !important;
}

.productSection {
  margin: 0 0 16px 0;
  width: 100%;
}
.productSection .variantSwatch {
  padding: 8px 0 4px 0;
}
@media (max-width: 767.98px) {
  .productSection .description {
    width: 100%;
  }
}
.imageSection {
  width: 80%;
  margin-right: 16px;
}
@media (max-width: 767.98px) {
  .imageSection {
    position: relative !important;
    width: 100%;
    text-align: center;
  }
}
@media (min-width: 768px) {
  .imageSection {
    width: 100%;
    text-align: center;
  }
}
@media (max-width: 539.98px) {
  .imageSection {
    width: calc(40% - 20px);
    float: left;
    margin-bottom: 16px;
  }
  .imageSection img {
    width: 100%;
    height: auto;
  }
}

.tileCTAContainer::before {
  display: block;
  content: " ";
}

@media (max-width: 539.98px) {
  .tileDescContainer {
    width: 60% !important;
    float: right;
  }
}

.CTADivider {
  display: none;
}
@media (max-width: 539.98px) {
  .CTADivider {
    display: block;
    padding: 0;
    margin: 0;
    clear: both;
  }
}

.rec-item-wrapper .description p {
  min-height: 55px;
  max-height: 55px;
}

.description p {
  margin-bottom: 8px;
  font-size: 16px;
  color: #212934;
  font-weight: 400;
  min-height: 65px;
  line-height: 20px;
  max-height: 70px;
}
@media (min-width: 768px) {
  .description p {
    width: 90%;
  }
}
.description p.ellipsis {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.description section {
  margin-top: 0;
  margin-bottom: 0;
  align-items: center;
}
@media (min-width: 768px) {
  .description section {
    display: flex;
  }
}

.price {
  color: #212934;
  font-size: 26px;
  font-weight: 500;
  line-height: 26px;
  padding-top: 16px;
  display: inline-block;
}
.price h6:first-child {
  font-size: 26px;
  color: #212934;
  font-weight: 500;
  line-height: 26px;
}
.price span:first-child {
  color: #212934;
  font-size: 26px;
  font-weight: 500;
  line-height: 26px;
  padding-top: 0;
  display: inline-block;
}
.price span span {
  font-size: 12px;
}
.price .soldpkg {
  font-size: 14px;
  display: block;
  font-weight: 400;
  width: 100%;
  color: #212934;
}
.price .soldpkg span {
  font-size: 14px;
}
.price .soldpkg .bold {
  margin-left: 2px;
}
.price .callforpricing {
  font-size: 22px !important;
  font-weight: 500 !important;
  line-height: 26px !important;
}

span.seepriceincart {
  font-size: 20px !important;
  color: #004e7d !important;
}

.oldprice {
  margin-left: 8px;
  font-size: 14px;
  text-decoration: line-through;
  color: #bcbec0;
}
@media (min-width: 768px) {
  .oldprice {
    margin-top: 3px;
  }
}

.desktopOnly {
  display: none;
}
@media (min-width: 768px) {
  .desktopOnly {
    display: flex;
  }
  .desktopOnly .productAssets {
    display: none;
  }
  .desktopOnly .productColor {
    display: flex;
  }
}

.discountedPrice {
  color: #4e832e;
  font-size: 14px;
  padding-left: 10px;
  display: inline-block;
}
@media (min-width: 768px) {
  .discountedPrice {
    padding-left: 5px;
    line-height: 18px;
  }
}

.sameDayShipping {
  margin-top: 3px;
  font-size: 14px;
  color: #004e7d !important;
}

.shippingTag {
  color: #71b946 !important;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}

.frequentlyViewedProductList .shippingTag {
  align-items: flex-start;
}

.freeShipping {
  margin-top: 12px;
}
.freeShipping span {
  margin-left: 8px;
  color: #71b946 !important;
  font-weight: 500;
}
@media (max-width: 767.98px) {
  .freeShipping .freeShppingToolTip .priceinfopopup {
    left: -154px;
  }
}

.compareToolTip {
  margin: 0;
}
.compareToolTip .freeShppingToolTip {
  margin: 0;
}
@media (max-width: 767.98px) {
  .compareToolTip .fa-info-circle.freeShppingToolTip .MuiTypography-subtitle2,
.compareToolTip .fa-info-circle.ToolTip .MuiTypography-subtitle2 {
    left: inherit;
    z-index: 2;
    top: 25px !important;
  }
  .compareToolTip .fa-info-circle.freeShppingToolTip .MuiTypography-subtitle2::before,
.compareToolTip .fa-info-circle.ToolTip .MuiTypography-subtitle2::before {
    left: 163px !important;
  }
}

.quantity {
  max-width: 100px !important;
  margin-right: 16px !important;
}
.quantity .MuiSelect-outlined {
  margin-left: 16px !important;
}

.cartButton {
  width: 100%;
  max-height: 45px;
  background-color: #d41e3d !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  text-transform: none !important;
  border-radius: 8px;
}

.purchaseQty {
  margin-bottom: 0;
  color: #424c5b;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.divider {
  margin: 20px 0 !important;
}
@media (min-width: 768px) {
  .divider {
    margin: 30px 0 !important;
  }
}

.colorAvailable {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 2px solid #ffffff;
  display: inline-block;
  margin: 0 4px;
  cursor: pointer;
}

.reviewTiles .dv-star-rating {
  pointer-events: none;
}

#ratingOrderFeedback .dv-star-rating {
  pointer-events: all !important;
}

.productListWrapper .MuiTooltip-tooltip.MuiTooltip-tooltipPlacementTop, .productListWrapper .MuiTooltip-tooltip {
  background: none;
  padding: 0;
  position: relative;
}

.productCarousel .MuiTooltip-tooltip.MuiTooltip-tooltipPlacementTop, .productCarousel .MuiTooltip-tooltip, .productCarousel .MuiTooltip-tooltip.MuiTooltip-tooltipPlacementTop, .productCarousel div .MuiTooltip-tooltip.MuiTooltip-tooltipPlacementTop {
  background: none;
  padding: 0;
}

.reviewDesktopView {
  padding-right: 16px;
  margin-top: 16px;
  margin-bottom: 16px;
  display: flex !important;
  flex-direction: row;
  justify-content: space-between;
  height: 24px;
}

.toolTipWishList {
  position: inherit !important;
  width: 250px !important;
  margin-left: -75px;
  padding: 0 !important;
  background: #ffffff;
  display: block;
  box-sizing: border-box;
  font-size: 14px;
  border: 1px solid #dadada;
  border-radius: 3px;
  color: #212934;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.07);
  z-index: 12;
  right: 55px;
  cursor: pointer;
}
.toolTipWishList::before, .toolTipWishList::after {
  border-left: solid 10px transparent !important;
  border-right: solid 10px transparent !important;
  right: 16px;
  left: initial !important;
}
@media (max-width: 767.98px) {
  .toolTipWishList::before, .toolTipWishList::after {
    right: 30px;
    left: initial;
  }
}
.toolTipWishList::before {
  top: 0px !important;
  border-bottom: solid 10px #dadada !important;
}
.toolTipWishList::after {
  top: 1px !important;
  border-bottom: solid 10px #fff !important;
}
.toolTipWishList .addtolist-wrapper .addListClick {
  display: flex;
  justify-content: space-between;
  padding-bottom: 10px;
  border-bottom: 2px solid #D8D8D8;
  padding: 8px 16px;
}
.toolTipWishList .addtolist-wrapper .addListClick .lableList {
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  display: block;
  color: #212934;
}
.toolTipWishList .addtolist-wrapper .addListClick .flexDisplay span.desc {
  padding-left: 0px !important;
  padding-right: 4px;
  font-size: 14px;
  font-weight: 400;
  color: #004e7d;
}
.toolTipWishList .addtolist-wrapper .addButton {
  border-bottom: 2px solid #D8D8D8;
  padding: 0 16px 10px 16px;
}
.toolTipWishList .addtolist-wrapper .addButton .grayOutlinedButton {
  border: 1px solid #D8D8D8 !important;
  margin-right: 10px;
  color: #212934 !important;
}
.toolTipWishList .addtolist-wrapper .addButton .blueOutlinedButton {
  height: 35px;
}
.toolTipWishList .addtolist-wrapper .addButton .blueOutlinedButton .MuiButton-label {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.toolTipWishList .showCreateList .groupList li {
  padding: 11px 16px !important;
  color: #004E7D;
  font-size: 14px;
  font-weight: 300;
  line-height: 21px;
  border-bottom: 2px solid #D8D8D8;
  margin: 0px !important;
}
.toolTipWishList .showCreateList .groupList li:last-child {
  border: none;
}
@media (max-width: 767.98px) {
  .toolTipWishList .showCreateList .groupList li {
    margin: 0 0 12px;
  }
}
.toolTipWishList .showCreateList .groupList li:hover {
  background-color: #004e7d;
  color: #ffffff;
}
.toolTipWishList .flexDisplay.displayList {
  padding: 10px;
  font-weight: 400;
}
.toolTipWishList .addListScroll {
  max-height: 145px;
  overflow-x: hidden;
  overflow-y: auto;
  /* .displayList{
    justify-content: space-between;
  } */
}
.toolTipWishList .addListScroll .addList {
  flex-direction: column;
  align-items: flex-start !important;
  padding: 0 16px;
  margin-top: 10px;
  margin-bottom: 10px;
}
@media (max-width: 767.98px) {
  .toolTipWishList .addListScroll .addList {
    margin: 10px 0 12px;
  }
}
.toolTipWishList .addListScroll .addList .MuiFormControl-marginNormal {
  width: 100%;
  margin: 0;
}
.toolTipWishList .addListScroll .addList .MuiInputBase-root {
  border: 1px solid #DADADA;
}
.toolTipWishList .addListScroll .addList .MuiOutlinedInput-input {
  padding: 7.5px 10px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 300;
  color: #424C5B;
}
.toolTipWishList .addListScroll .addList .customBtn {
  height: 40px;
}
.toolTipWishList .addListScroll .addList .lableWishList {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 10px;
  color: #212934;
}
.toolTipWishList .MuiTooltip-tooltip {
  background: none;
  padding: 0;
}

.fa-duotone::before, .fa-duotone::after {
  content: "" !important;
}

.MuiTooltip-tooltipArrow .MuiTooltip-arrow {
  width: 20px;
  height: 20px;
  margin: 0;
  color: #dadada;
  z-index: 20;
  overflow: hidden;
  position: absolute;
  box-sizing: border-box;
}
.MuiTooltip-tooltipArrow .MuiTooltip-arrow::before {
  width: 100%;
  height: 100%;
  margin: auto;
  content: "";
  display: block;
  transform: rotate(45deg);
  background-color: currentColor;
}
.MuiTooltip-tooltipArrow .MuiTooltip-arrow::after {
  position: absolute;
  width: 17px;
  height: 14px;
  content: "";
  display: block;
  background-color: #fff;
  transform: rotate(45deg);
  top: 0;
  margin-top: -10px;
}

.MuiTooltip-popperArrow[x-placement*=top] .MuiTooltip-arrow {
  margin-bottom: -19px;
}
.MuiTooltip-popperArrow[x-placement*=top] .MuiTooltip-arrow::before {
  margin-top: -14px;
  margin-left: -1px;
  transform-origin: initial;
}

.MuiTooltip-popperArrow[x-placement*=bottom] .MuiTooltip-arrow {
  margin-top: -19px;
  top: 0;
}
.MuiTooltip-popperArrow[x-placement*=bottom] .MuiTooltip-arrow::before {
  margin-top: 4px;
  margin-left: -5px;
  transform-origin: 0 100%;
}
.MuiTooltip-popperArrow[x-placement*=bottom] .MuiTooltip-arrow::after {
  margin-top: 15px;
  margin-left: 2px;
}

.accountWishList .MuiTooltip-tooltip, .addListIcone .MuiTooltip-tooltip, .wishListWrapper .MuiTooltip-tooltip {
  background: none;
  padding: 0;
  margin: 14px 0;
  position: relative;
}
.accountWishList .MuiTooltip-popper, .addListIcone .MuiTooltip-popper, .wishListWrapper .MuiTooltip-popper {
  z-index: 1;
}

.accountWishList .accountPopup {
  display: block;
  box-sizing: border-box;
  font-size: 14px;
  padding: 16px;
  width: 211px;
  border: 1px solid #dadada;
  border-radius: 3px;
  background-color: #ffffff;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.07);
  position: absolute;
  z-index: 12;
  right: 55px;
  cursor: pointer;
  /* &::before,
  &::after {
    content: "";
    width: 0;
    height: 0;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    border-left: solid 8px transparent;
    border-right: solid 8px transparent;
    position: absolute;
    left: 176px;

    @include for-phone-only {
      right: 32px;
      left: initial;
    }
  }

  &::before {
    top: -8px;
    border-bottom: solid 6px #dadada;
  }

  &::after {
    top: -7px;
    border-bottom: solid 8px #fff;
  } */
}
.accountWishList .accountPopup::before, .accountWishList .accountPopup::after {
  content: none !important;
}
.accountWishList .accountPopup .showCreateList .groupList li {
  margin: 0 0 16px;
}
@media (max-width: 767.98px) {
  .accountWishList .accountPopup .showCreateList .groupList li {
    margin: 0 0 12px;
  }
}
.accountWishList .accountPopup .flexDisplay .fal {
  font-size: 24px;
  font-weight: 300;
  color: #004e7d;
}
.accountWishList .accountPopup .flexDisplay .fal.fa-plus {
  width: 10px;
  height: 10px;
}
.accountWishList .accountPopup .flexDisplay span.desc {
  padding-left: 12px;
  font-size: 14px;
  font-weight: 400;
  color: #004e7d;
}
.accountWishList .accountPopup .displayList {
  justify-content: space-around;
  padding: 16px;
}
.accountWishList .accountPopup .displayList .icon {
  color: #71b946;
  display: contents;
  margin-right: 8px;
}
.accountWishList .accountPopup .displayList span.descSave {
  padding-left: 6px;
  font-size: 14px;
  font-weight: 500;
  color: #004e7d;
}
.accountWishList .accountPopup .addList {
  margin: 10px 0;
}
.accountWishList .accountPopup .addList .MuiFormControl-marginNormal {
  width: 100%;
}
.accountWishList .accountPopup .addList .MuiOutlinedInput-input {
  padding: 7px 10px;
  text-align: center;
}
.accountWishList .accountPopup .addList .customBtn {
  height: 40px;
}

.wishList-v2 {
  width: 250px !important;
  margin-top: 15px;
}
.wishList-v2::before, .wishList-v2::after {
  border-left: solid 10px transparent !important;
  border-right: solid 10px transparent !important;
  right: 10px;
  left: initial !important;
}
@media (max-width: 767.98px) {
  .wishList-v2::before, .wishList-v2::after {
    right: 30px;
    left: initial;
  }
}
.wishList-v2::before {
  top: -11px !important;
  border-bottom: solid 10px #dadada !important;
}
.wishList-v2::after {
  top: -9px !important;
  border-bottom: solid 10px #fff !important;
}
.wishList-v2 .addtolist-wrapper .addListClick {
  display: flex;
  justify-content: space-between;
  padding-bottom: 10px;
  border-bottom: 2px solid #D8D8D8;
}
.wishList-v2 .addtolist-wrapper .addListClick .lableList {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: block;
  color: #000;
}
.wishList-v2 .addtolist-wrapper .addButton {
  padding-bottom: 20px;
  border-bottom: 2px solid #D8D8D8;
}
.wishList-v2 .addtolist-wrapper .addButton .grayOutlinedButton {
  border: 1px solid #D8D8D8 !important;
}
.wishList-v2 .addtolist-wrapper .addButton .blueOutlinedButton {
  margin-right: 10px;
  height: 35px;
}
.wishList-v2 .addtolist-wrapper .addButton .blueOutlinedButton .MuiButton-label {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.wishList-v2 .showCreateList .groupList li {
  padding: 16px 0 16px 10px !important;
  padding-left: 10px;
  color: #004E7D;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  border-bottom: 2px solid #D8D8D8;
  margin: 0px !important;
}
.wishList-v2 .showCreateList .groupList li:last-child {
  border: none;
}
@media (max-width: 767.98px) {
  .wishList-v2 .showCreateList .groupList li {
    margin: 0 0 12px;
  }
}
.wishList-v2 .showCreateList .groupList li:hover {
  background-color: #D8D8D8;
}
.wishList-v2 .addListScroll {
  max-height: 145px;
  overflow-x: hidden;
  overflow-y: auto;
  /* .displayList{
    justify-content: space-between;
  } */
}
.wishList-v2 .addListScroll .addList {
  flex-direction: column;
  align-items: flex-start;
  margin-top: 10px;
  margin-bottom: 10px;
}
@media (max-width: 767.98px) {
  .wishList-v2 .addListScroll .addList {
    margin: 0 0 12px;
  }
}
.wishList-v2 .addListScroll .addList .MuiFormControl-marginNormal {
  width: 100%;
  margin-bottom: 15px;
  margin-top: 0px;
}
.wishList-v2 .addListScroll .addList .MuiInputBase-root {
  border: 1px solid #808080;
}
.wishList-v2 .addListScroll .addList .MuiOutlinedInput-input {
  padding: 7.5px 10px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 300;
  color: #424C5B;
}
.wishList-v2 .addListScroll .addList .customBtn {
  height: 40px;
}
.wishList-v2 .addListScroll .addList .lableWishList {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 10px;
  color: #000;
}

.outOfStock {
  background-color: #f7c2cb !important;
}

.variantSwatch {
  padding: 15px 0 0 0;
  min-height: 28px;
  /*align-items: flex-start; */
}

.compareProduct .MuiCheckbox-colorSecondary.Mui-checked {
  color: #d41e3d;
  padding-right: 0;
}
.compareProduct .MuiCheckbox-root {
  padding: 0;
}

.compareText {
  font-size: 14px;
  color: #424c5b;
  margin-left: 4px;
}

.flexNote {
  display: flex;
  flex-direction: row;
  margin-top: 8px;
}

.autocomplete {
  margin-right: 8px;
}
.autocomplete .MuiFormControl-marginNormal {
  margin: 0;
}

.dv-star-rating {
  display: flex !important;
  font-size: 20px;
  flex-direction: row-reverse;
  /*@include for-tablet-portrait-up {
    display: inline-block !important;
  }*/
}

.autoCompleteBox {
  text-align: center;
  margin-right: 8px;
  box-sizing: border-box;
  height: 48px;
  width: 76px;
  border: 1px solid #424c5b;
  border-radius: 4px;
  background-color: #ffffff;
  color: #424c5b;
  font-family: Kanit;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 24px;
}

.iconAdornment {
  position: absolute;
  left: 48px;
  top: 12px;
}

.selectWrapper {
  position: relative;
  align-items: center !important;
}

.error {
  margin-top: 16px;
  color: #d41e3d;
  font-size: 14px;
}

.productTags {
  border-radius: 2px;
  display: flex;
  align-items: center;
  height: 24px;
  justify-content: center;
  width: 140px;
}

.closeIcon {
  position: absolute;
  right: 10px;
  top: -8px;
  fill: #6a7681 !important;
  cursor: pointer;
}

@media (max-width: 767.98px) {
  .tagSlack {
    display: flex;
    flex-shrink: 0;
    align-items: center;
  }
  .tagSlack.tagsRow:empty {
    min-height: 20px;
    padding: 0;
  }
  .pdpDetailPage .tagSlack {
    flex-wrap: wrap;
  }
  .pdpDetailPage .tagSlack.tagsRow span {
    overflow: hidden;
  }
}

.tagSlack .productTags {
  height: 18px;
  font-size: 11.5px;
  margin-top: 0;
}
.tagSlack .productTags:first-child {
  margin-bottom: 4px;
}

.dv-star-rating-star {
  font-size: 16px;
  font-weight: 600;
  padding-right: 4px;
}

.rec-carousel-wrapper .heroAttributeSection {
  min-height: unset;
}

.heroAttributeSection {
  padding: 15px 0 25px 0;
  /*min-height: 150px;*/
  display: flex;
  flex-direction: column;
}
@media (max-width: 767.98px) {
  .heroAttributeSection {
    padding: 15px 0 16px 0;
  }
}
.heroAttributeSection .heroRow {
  width: 100%;
  display: flex;
}
.heroAttributeSection .heroRow p {
  min-height: auto !important;
  width: 100%;
  color: #212934;
  line-height: 14px;
  padding: 3px 0px;
}
.heroAttributeSection .heroRow p:first-child {
  font-weight: 500;
  font-size: 14px;
  width: 60%;
  overflow: hidden;
}
@media (max-width: 767.98px) {
  .heroAttributeSection .heroRow p:first-child {
    padding-right: 20px;
    width: 50%;
  }
}
.heroAttributeSection .heroRow p:last-child {
  text-align: left;
  font-weight: 300;
  font-size: 14px;
  width: 50%;
}

.rec-carousel-item .productSection {
  margin-top: 0;
  margin-bottom: 0;
}
.rec-carousel-item .description p {
  font-size: 14px;
  line-height: 18px;
}
.rec-carousel-item section {
  position: relative;
}
.rec-carousel-item section .price {
  font-size: 22px;
  font-weight: 600;
  line-height: 26px;
  padding-top: 16px;
}
.rec-carousel-item section .price .soldpkg {
  font-size: 14px;
  display: block;
  font-weight: 400;
  width: 100%;
  color: #646d7b;
}
.rec-carousel-item section .price .soldpkg span {
  font-size: 14px;
}
.rec-carousel-item section .price .soldpkg .bold {
  margin-left: 2px;
}

.colorswatch {
  display: flex;
  padding: 2px;
}
.colorswatch span.title {
  display: none;
}
.colorswatch.activeColorVariant {
  padding: 0;
}
.colorswatch.activeColorVariant > span {
  border: 5px white;
  border-style: double;
  box-sizing: content-box;
}
.colorswatch.activeColorVariant > span.whiteColorvariant {
  border: 5px grey;
  border-style: double;
  box-sizing: content-box;
}
.colorswatch.activeColorVariant > span.undefinedColor {
  border-color: #212934;
}
.colorswatch.activeColorVariant > span.undefinedColor::before {
  content: " x ";
  display: block;
  text-align: center;
  margin: -1px auto 0;
  font-size: 12px;
  font-weight: 400;
}

.showMoreVariants {
  cursor: pointer;
  margin-left: 10px;
}
.showMoreVariants span {
  color: #004e7d;
  font-size: 14px;
  font-weight: 600;
}
.showMoreVariants .ColorVariants {
  box-shadow: 0px 4px 6px 2px rgba(0, 0, 0, 0.15);
  min-width: 150px;
  margin-top: 7px;
  position: absolute;
  background: #fff;
  padding: 4px 12px;
  z-index: 9;
}
.showMoreVariants .ColorVariants .title {
  font-size: 14px;
}
.showMoreVariants .ColorVariants:before {
  content: "";
  position: absolute;
  width: 0;
  top: 0;
  height: 0;
  margin-left: -0.5em;
  bottom: -2em;
  left: 40%;
  box-sizing: border-box;
  border: 0.6em solid black;
  border-color: transparent transparent #fff #fff;
  transform-origin: 0 0;
  transform: rotate(135deg);
  box-shadow: -2px 1px 2px 0 rgba(0, 0, 0, 0.1);
}
.showMoreVariants .colorswatch {
  display: flex;
  align-items: center;
  cursor: pointer;
  border-bottom: 1px solid #bcbec0;
  padding: 5px 0;
}
.showMoreVariants .colorswatch span {
  margin: 0 5px 0 5px !important;
  display: flex;
  padding: 0 !important;
}
.showMoreVariants .colorswatch span.undefinedColor {
  border: 1px solid #212934;
}
.showMoreVariants .colorswatch span.undefinedColor::before {
  content: " x ";
  display: block;
  text-align: center;
  margin: -1px auto 0;
  font-size: 12px;
  font-weight: 400;
}
.showMoreVariants .colorswatch span.title {
  padding-left: 0;
}
.showMoreVariants .colorswatch.activeColorVariant > span {
  margin: 0;
}
.showMoreVariants .colorswatch:last-child {
  border: none;
}

.productAddonsSection .MuiPaper-root {
  overflow: visible;
}

.frequentlyViewedProductList .contentMargin {
  padding: 0;
  margin: 0 !important;
}
.frequentlyViewedProductList .itemWrapper.flexDisplay {
  position: relative;
  width: 234px;
}
.frequentlyViewedProductList .itemWrapper h4 {
  position: absolute;
  top: 110px;
  right: 0;
  font-size: 48px;
  font-weight: 200;
}
@media (max-width: 767.98px) {
  .frequentlyViewedProductList .itemWrapper h4 {
    top: 35px;
  }
}

.totalCartSumPaper {
  width: 300px !important;
}

.rec-item-wrapper .outOfStockBlock .MuiBox-root,
.rec-item-wrapper .outOfStockBlock button,
.rec-item-wrapper .outOfStockBlock input[type=text] {
  font-size: 10px;
}

.outOfStockBlock {
  padding-bottom: 0;
  min-height: 70px;
}
.outOfStockBlock .MuiBox-root {
  border-radius: 4px;
  border-color: #c9c9c9;
  /* display: block; */
  padding: 10px 0;
  display: block;
  height: auto;
}
@media (max-width: 767.98px) {
  .outOfStockBlock .MuiBox-root {
    width: 100%;
  }
}
.outOfStockBlock .MuiTypography-caption {
  font-size: 11px;
  padding: 0;
  line-height: unset;
  margin: 0;
  letter-spacing: normal;
}
.outOfStockBlock .MuiGrid-item {
  padding: 0 !important;
}
@media (max-width: 767.98px) {
  .outOfStockBlock .MuiGrid-item {
    max-width: 100% !important;
    flex-basis: 100% !important;
    line-height: 1;
  }
  .outOfStockBlock .MuiGrid-item button {
    margin: 6px 0 4px !important;
  }
  .outOfStockBlock .MuiGrid-item .MuiTypography-caption {
    line-height: 1;
  }
}
.outOfStockBlock .MuiGrid-item.MuiGrid-grid-xs-8 {
  padding-right: 10px !important;
}
@media (max-width: 767.98px) {
  .outOfStockBlock .MuiGrid-item.MuiGrid-grid-xs-8 {
    padding-right: 0 !important;
    max-width: 100% !important;
    flex-basis: 100% !important;
  }
}
.outOfStockBlock .MuiFormControl-marginNormal {
  margin-top: 0;
}
.outOfStockBlock .outOfStockBlock .MuiFormControl-marginNormal {
  margin-top: 2px;
}
.outOfStockBlock .outOfStockBlock .MuiGrid-root.MuiGrid-item:nth-child(2) {
  padding-right: 10px;
}
.outOfStockBlock input[type=text] {
  padding: 10px;
  margin: 0;
  max-height: 28px;
  font-size: 11px;
}
.outOfStockBlock button {
  margin-top: 0 !important;
  max-height: 34px;
  /* height: 26px; */
  font-size: 11px !important;
  border-radius: 4px !important;
  padding: 0 10px;
  min-width: auto;
  /* line-height: 26px; */
  font-weight: normal !important;
  border-width: 1px !important;
}
.outOfStockBlock button span.MuiButton-label {
  text-transform: capitalize;
}

.productDetailsSection .sameDayShipping {
  margin-bottom: 2px;
  font-size: 15px;
  font-weight: 500 !important;
}

.productDetailsSection .variantSwatch.flexDisplay h5 {
  padding-right: 10px;
}

.Items-Recommended {
  display: flex;
  width: 100%;
  flex-direction: row;
  margin: 0 auto;
  max-width: 989px;
  padding: 0 0 12px 0;
}
@media (max-width: 767.98px) {
  .Items-Recommended .userRatings {
    display: block !important;
  }
}
@media (max-width: 767.98px) {
  .Items-Recommended .flexDisplay {
    display: block !important;
  }
}
@media (max-width: 767.98px) {
  .Items-Recommended .tags, .Items-Recommended .clearance, .Items-Recommended .new-arrival, .Items-Recommended .best-seller, .Items-Recommended .featured, .Items-Recommended .discounted, .Items-Recommended .exclusive,
.Items-Recommended .mediumGreyTag,
.Items-Recommended .greenTag,
.Items-Recommended .orangeTag,
.Items-Recommended .blueTag {
    margin-bottom: 0;
  }
}
.Items-Recommended .fixedHeight24 {
  height: unset;
}
@media (max-width: 767.98px) {
  .Items-Recommended .fixedHeight24 {
    min-height: unset;
  }
}
.Items-Recommended .productSection {
  display: block;
}
.Items-Recommended .productViews {
  display: flex !important;
  flex-wrap: wrap;
  width: 100%;
  flex-direction: column;
}
.Items-Recommended #productContainer {
  display: block;
  width: 100% !important;
  max-width: auto;
}
.Items-Recommended .productCarousel .productSection {
  flex-direction: row;
}
.Items-Recommended .itemWrapper {
  width: calc(50% - 20px);
  margin-right: 20px;
}
.Items-Recommended .itemWrapper > .flexDisplay {
  display: none !important;
}
.Items-Recommended .contentMargin {
  margin: 0;
  max-width: unset;
}
.Items-Recommended .imageSection {
  display: block;
  width: 50% !important;
  float: left;
  padding: 0;
  margin: 0;
}
@media (max-width: 767.98px) {
  .Items-Recommended .imageSection {
    width: 100% !important;
  }
}
.Items-Recommended .productSection .reviewDesktopView {
  width: 50%;
  float: right;
  margin: 16px 0 0 0;
  padding: 0 16px 0 0;
  height: unset;
}
@media (max-width: 767.98px) {
  .Items-Recommended .productSection .reviewDesktopView {
    display: none !important;
  }
}
.Items-Recommended .reviewDesktopView div {
  display: inline-block;
}
.Items-Recommended .heroAttributeSection {
  display: none;
}
.Items-Recommended .description {
  display: block;
  width: 50%;
  float: right;
}
@media (max-width: 767.98px) {
  .Items-Recommended .description {
    width: 100%;
    float: unset;
  }
}
@media (max-width: 767.98px) {
  .Items-Recommended .selectWrapper .MuiButtonBase-root {
    width: 100% !important;
  }
}

.itemkeyDetails .prod-itemkey-num {
  padding: 16px 0 0 0;
  font-size: 14px;
  cursor: text;
  user-select: text;
}

div#productContainer {
  margin-right: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  div#productContainer {
    max-height: 764px;
  }
}
div#productContainer .price {
  padding-top: 0;
}
div#productContainer .price span:first-child {
  order: 2;
}
div#productContainer .price span:first-child:not(.bold),
div#productContainer .price .oldprice {
  margin-top: 16px;
}
div#productContainer .price .oldprice {
  order: 3;
}
div#productContainer .price .soldpkg {
  order: 1;
  margin-top: 8px;
}
div#productContainer .purchaseQty {
  line-height: 1;
}

.rec-carousel-wrapper .rec-item-wrapper .itemWrapper {
  width: 100%;
}
.rec-carousel-wrapper div#productContainer {
  max-height: unset;
  border: none;
  padding-right: 20px;
}
@media screen and (max-width: 452px) {
  .rec-carousel-wrapper div#productContainer {
    padding-right: 0;
  }
}

.promoTitle {
  color: #212934;
  font-size: 16px;
  line-height: 24px;
}

.promoSection {
  max-width: 325px;
  width: 100%;
  margin-top: 8px;
}
.promoSection .MuiInputBase-root {
  height: 50px;
}
.promoSection .MuiFormControl-root {
  margin: 0 8px 0 0;
  align-self: flex-start;
}
.promoSection .MuiOutlinedInput-input {
  padding: 14px;
  color: #212934;
  font-size: 16px;
  line-height: 1;
}
.promoSection .blueOutlinedButton {
  border-radius: 4px;
  padding: 11px;
  font-size: 16px;
  align-self: flex-start;
}
.promoSection .noOutlinedButton {
  color: #004e7d !important;
  border-radius: 4px;
  padding: 11px;
  font-size: 16px;
  align-self: flex-start;
}
.promoSection p.Mui-error {
  margin-top: 6px;
  /*font-size: 16px;  
  font-weight: 400;    
  color: $red;*/
}
.promoSection .promo-applied {
  border: 1px solid #bcbec0;
  border-radius: 4px;
  padding: 10px;
  height: 50px;
  max-width: 205px;
  width: 100%;
  display: flex;
}
.promoSection .promo-applied > * {
  align-self: center;
}
.promoSection .promo-applied .fas {
  font-size: 24px;
  font-weight: 300 !important;
  color: #71b946;
  margin-right: 6px;
}
.promoSection .promo-applied span {
  font-size: 16px;
  font-weight: 300;
  color: #71b946;
  line-height: 1.2;
}

.checkoutBtn {
  margin-top: 32px;
}

.master-lock {
  width: 100%;
  background: #f3f3f3;
  border-radius: 4px;
  padding: 16px;
  margin: 0 0 16px;
}
.master-lock.alignTop {
  align-items: flex-start !important;
}
.master-lock .MuiOutlinedInput-input {
  padding: 12px 12px !important;
  min-height: 16px !important;
  line-height: 16px !important;
  font-size: 14px !important;
  background-color: #ffffff;
  border-radius: 4px;
}
.master-lock .MuiFormControl-root {
  margin: 0;
  max-width: 68px;
  width: 100%;
}
.master-lock label {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #212934 !important;
  line-height: 1 !important;
  margin: 0 6px 0 0 !important;
  padding: 0 !important;
  text-transform: capitalize !important;
}

.prodSpec .master-lock {
  width: calc(100% - 16px);
}

.productDetailsSection .master-lock {
  margin-bottom: 24px;
}
.productDetailsSection .master-lock .link {
  margin: 0 0 0 6px;
}

.lockerLock {
  flex-direction: row;
  align-items: baseline;
  max-width: 138px;
  width: 100%;
  margin-right: 24px;
}
.lockerLock .selectBox {
  margin: 0 !important;
  max-width: 138px;
  width: 100%;
  height: 42px;
}
.lockerLock .drop-down-list .MuiOutlinedInput-input {
  padding: 12px 12px !important;
  min-height: 16px !important;
  line-height: 16px !important;
  font-size: 14px !important;
  background-color: #ffffff;
  border-radius: 4px;
}
.lockerLock .MuiFormControl-marginNormal {
  margin: 0;
}

.CTABlockAddtoCart {
  align-items: flex-start !important;
}

.MuiGrid-root.MuiGrid-item:nth-child(1) {
  line-height: 11px;
  padding-bottom: 6px !important;
}

.outOfStockBlock .MuiGrid-spacing-xs-1 {
  margin: 0;
  width: 100%;
}

.reviewDesktopView .fa-heart {
  display: -webkit-box;
  min-width: auto;
  cursor: pointer;
}
.reviewDesktopView .fa-heart::before {
  content: "";
}

.outOfStockOverlay {
  border: 1px solid #f0e0e2;
  border-radius: 4px;
  text-align: center;
  width: 100%;
  position: absolute;
  padding: 10px 0;
  color: #d41e3d;
  font-size: 16px;
  top: 32%;
  line-height: 16px;
  font-weight: normal;
  background-color: rgba(255, 255, 255, 0.8);
}

.rec-item-wrapper .outOfStockOverlay {
  width: 250px;
  font-weight: normal;
  font-size: 14px;
}

.tileContainer {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}

.tileDescContainer p.ellipsis {
  min-height: 48px;
  word-break: break-word;
  color: #212934;
}

.frequencyWrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 16px;
}
.frequencyWrapper .autoReorderCheckbox {
  margin-right: 8px;
}
@media (max-width: 767.98px) {
  .frequencyWrapper .autoReorderCheckbox > span {
    padding-left: 0;
  }
}
@media (max-width: 800px) {
  .frequencyWrapper .autoReorderCheckbox {
    width: 145px;
  }
}
.frequencyWrapper .freqTitle {
  width: 293px;
  flex-direction: row;
  align-items: center;
}
@media (max-width: 800px) {
  .frequencyWrapper .freqTitle {
    width: calc(100% - 215px);
  }
}
.frequencyWrapper .tooltipBox {
  margin-left: 11px;
  margin-right: 0;
}
.frequencyWrapper .drop-down-list {
  width: 100%;
}
@media (max-width: 767.98px) {
  .frequencyWrapper .drop-down-list .MuiInputBase-input.Mui-disabled,
.frequencyWrapper .drop-down-list .MuiInputBase-root.Mui-disabled {
    height: auto;
  }
}
@media (max-width: 767.98px) {
  .frequencyWrapper .MuiTypography-root {
    font-size: 14px;
  }
  .frequencyWrapper .tooltipBox {
    margin-left: 6px;
    margin-right: 0px;
  }
}
.frequencyWrapper .MuiSvgIcon-root {
  color: #004e7d;
}

.modalContainer .frequencyWrapper {
  padding: 32px 32px 0;
}
@media (max-width: 767.98px) {
  .modalContainer .frequencyWrapper {
    padding: 32px 16px 0 32px;
  }
  .modalContainer .frequencyWrapper .tooltip {
    right: 10px;
  }
}
.modalContainer .frequencyWrapper .MuiSvgIcon-root {
  color: #004e7d;
}

.frequencyWrapper .cartMode.auto-reorder-toolTip.tooltipBox .tooltip {
  top: 30px;
  left: auto;
  right: -20px;
}
.frequencyWrapper .cartMode.auto-reorder-toolTip.tooltipBox .tooltip::before {
  left: auto;
  right: 21px;
}
@media (max-width: 767.98px) {
  .frequencyWrapper .cartMode.auto-reorder-toolTip.tooltipBox .tooltip::before {
    right: 10px;
  }
}
@media (max-width: 767.98px) {
  .frequencyWrapper .cartMode.auto-reorder-toolTip.tooltipBox .tooltip {
    width: 86vw;
    margin: 0;
    z-index: 2;
    padding: 10px;
    right: -8px;
    left: auto;
  }
}

.addPaymentForm input[type=text],
.addPaymentForm input[type=password],
.addAddressForm input[type=text],
.addAddressForm input[type=password] {
  padding: 14px 12px;
  min-height: 50px;
  color: #212934;
  font-size: 15px;
  font-weight: 300;
  line-height: 17px;
  box-sizing: border-box;
}

.viewsharedcart .pageNav.spaceBetween {
  align-items: flex-start;
}
@media (max-width: 767.98px) {
  .viewsharedcart .pageNav.spaceBetween {
    flex-direction: column;
  }
}

.productCarousel .discountedPrice {
  padding-left: 0;
  line-height: 1;
  display: block;
  margin-bottom: 6px;
}
.productCarousel .price,
.productCarousel .price > div {
  display: flex;
  flex-wrap: wrap;
}
.productCarousel .oldprice {
  margin: 2px 0 2px 6px;
  font-weight: 400;
}
.productCarousel .freeShipping .d-inline.cursor-p {
  margin-left: 6px;
}
.productCarousel .freeShipping .d-inline.cursor-p .fa-info-circle.freeShppingToolTip {
  padding: 0 6px;
  margin: -2px 0 0 6px;
}
.productCarousel .soldpkg {
  line-height: 1;
  margin-bottom: 6px;
}
.productCarousel .soldpkg .bold {
  line-height: 1;
}
@media (max-width: 539.98px) {
  .productCarousel .imageSection img {
    width: unset;
    height: unset;
  }
}
.productCarousel .tileDescContainer {
  width: 100% !important;
}
.productCarousel .wishListWrapper {
  width: 37px;
}
.productCarousel div,
.productCarousel div:focus {
  outline: 0;
}

.recently-viewed-products {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  width: 100%;
}
.recently-viewed-products h3 {
  width: 100%;
  margin-top: 20px;
}

.Items-Recommended .tileCTAContainer::before {
  clear: both;
}
.Items-Recommended .tileCTAContainer {
  width: 50%;
  float: right;
}
.Items-Recommended .shippingWrapper {
  width: 52%;
  float: right;
  margin-right: -2% !important;
}
.Items-Recommended .reviewTiles {
  display: flex !important;
  padding-bottom: 16px;
}
.Items-Recommended section.flexNote {
  clear: both;
  display: block;
  width: 50%;
  float: right;
}
.Items-Recommended .shippingWrapper,
.Items-Recommended .discountedPrice {
  margin-left: 50% !important;
}
.Items-Recommended .PriceSavingSection {
  clear: both;
  display: block;
  width: 100%;
}
.Items-Recommended .PriceSavingSection .price {
  float: right;
  width: 50%;
  padding-top: 10px;
}
.Items-Recommended .sameDayShipping {
  clear: both;
}
.Items-Recommended .productSection::after {
  clear: both;
  display: block;
  content: " ";
}
.Items-Recommended .sameDayShipping {
  clear: both;
  width: 50%;
  float: right;
}
.Items-Recommended .sameDayShipping .sameDayShipping {
  width: 100%;
}
.Items-Recommended div#productContainer {
  border: none;
}
.Items-Recommended .productSection {
  margin-bottom: 0;
}
.Items-Recommended .tileDescContainer {
  float: right;
  width: 50% !important;
  display: block;
}
.Items-Recommended .itemkeyDetails {
  width: 100%;
}
.Items-Recommended .reviewDesktopView {
  width: auto !important;
  float: unset !important;
}
.Items-Recommended .reviewTiles {
  float: left;
}
.Items-Recommended .CTABlockAddtoCart {
  width: 100%;
}
.Items-Recommended .variantSwatch.flexDisplay {
  float: right !important;
  width: 50% !important;
  clear: both;
}

@media (max-width: 767.98px) {
  .modalContainer {
    transform: none;
    width: 100%;
  }

  .mask {
    background: #212934;
    opacity: 0.5;
    height: 100vh;
    z-index: 100;
  }

  .MuiPopover-root > div:first-child {
    background-color: rgba(33, 41, 52, 0.75) !important;
  }

  .overlay-popup-bottom,
.MuiMenu-paper {
    top: auto !important;
    bottom: 0;
    width: 100%;
    max-width: 100% !important;
    max-height: 100% !important;
    left: 0 !important;
    border-radius: 4px 4px 0 0 !important;
  }
  .overlay-popup-bottom .MuiMenu-list.MuiList-padding,
.overlay-popup-bottom .MuiList-padding,
.MuiMenu-paper .MuiMenu-list.MuiList-padding,
.MuiMenu-paper .MuiList-padding {
    padding: 0 !important;
    width: 100%;
    max-width: none;
    max-height: 65vh;
  }
  .overlay-popup-bottom li,
.overlay-popup-bottom .MuiListItem-gutters.dropdown-menu,
.MuiMenu-paper li,
.MuiMenu-paper .MuiListItem-gutters.dropdown-menu {
    min-height: auto;
    line-height: 1;
    padding: 6px 24px !important;
  }
  .overlay-popup-bottom li .MuiListItem-gutters,
.overlay-popup-bottom .MuiListItem-gutters.dropdown-menu .MuiListItem-gutters,
.MuiMenu-paper li .MuiListItem-gutters,
.MuiMenu-paper .MuiListItem-gutters.dropdown-menu .MuiListItem-gutters {
    padding: 0;
  }
  .overlay-popup-bottom li .MuiIconButton-root,
.overlay-popup-bottom .MuiListItem-gutters.dropdown-menu .MuiIconButton-root,
.MuiMenu-paper li .MuiIconButton-root,
.MuiMenu-paper .MuiListItem-gutters.dropdown-menu .MuiIconButton-root {
    padding: 0 9px 0 0;
  }
  .overlay-popup-bottom li:first-of-type,
.overlay-popup-bottom .MuiListItem-gutters.dropdown-menu:first-of-type,
.MuiMenu-paper li:first-of-type,
.MuiMenu-paper .MuiListItem-gutters.dropdown-menu:first-of-type {
    margin-top: 10px;
  }
  .overlay-popup-bottom li:last-of-type,
.overlay-popup-bottom .MuiListItem-gutters.dropdown-menu:last-of-type,
.MuiMenu-paper li:last-of-type,
.MuiMenu-paper .MuiListItem-gutters.dropdown-menu:last-of-type {
    margin-bottom: 10px;
  }
}
.modalContainer.addPaymentForm .selectBox .MuiOutlinedInput-root {
  height: 50px;
}

.savedforlater .relativeDiv.quantityDD {
  pointer-events: none;
}

.tileDescContainer p.ellipsis:hover {
  color: #004e7d !important;
}

.rec-carousel-wrapper .variantsTile {
  padding-bottom: 16px !important;
  min-height: 575px;
}

.pdpDetailPage.viewcart .rec-carousel-wrapper .variantsTile {
  min-height: 590px;
}

.rec-carousel-wrapper .variantsContainer {
  max-height: 100px;
  overflow-y: auto;
}

@media (max-width: 767.98px) {
  .baseCheckoutWrapper .frequencyWrapper label span.flexWrapper {
    font-size: 14px;
    font-weight: 400;
    color: #424c5b;
  }
}
.tileCTAContainer .outOfStockBlock .MuiGrid-grid-xs-11 {
  max-width: 100%;
  flex-basis: 100%;
}
.tileCTAContainer .outOfStockBlock .MuiGrid-container {
  padding: 0 10px;
}

@media (max-width: 767.98px) {
  .successMsg.viewcart-top-msg {
    margin: 0 0 18px;
    padding: 12px;
  }
  .successMsg.viewcart-top-msg span {
    margin: 0;
  }
}

.product-other-details .shippingWrapper {
  display: block;
}
.product-other-details .shippingWrapper .autoReorderLogo {
  margin-top: 12px;
}
.product-other-details .shippingWrapper .reorderNfreqMinicart {
  display: flex;
  align-items: flex-start;
  margin-top: 12px;
}
.product-other-details .shippingWrapper .reorderNfreqMinicart .autoReorderLogo {
  margin-top: 0px;
}
.product-other-details .shippingWrapper .reorderNfreqMinicart .frequencyBox {
  margin-left: 0px;
}
@media (max-width: 767.98px) {
  .product-other-details .shippingWrapper .reorderNfreqMinicart {
    margin-top: 0px;
  }
}
.product-other-details .prop65_returnpolicy_msg .returnPolicy i.icon.fal.fa-exclamation-triangle {
  margin-right: 5px;
}

@media (max-width: 767.98px) {
  .reviewOrder .product-other-details .frequencyBox .frequencyWrapper .freqTitle {
    width: 80vw !important;
  }
}

.customizable .minicartDetails .frequencyBox .freqTitle {
  width: 85%;
}
@media (max-width: 767.98px) {
  .customizable .minicartDetails .frequencyBox .freqTitle {
    width: 85%;
  }
}
.customizable .minicartDetails .frequencyBox .cartMode.auto-reorder-toolTip.tooltipBox .tooltip {
  margin-left: -380px;
  top: 45px;
}
.customizable .minicartDetails .frequencyBox .cartMode.auto-reorder-toolTip.tooltipBox .tooltip::before {
  left: 77%;
  margin-left: 22px;
}
@media (min-width: 768px) {
  .customizable .minicartDetails .frequencyBox .cartMode.auto-reorder-toolTip.tooltipBox .tooltip {
    margin-left: -290px;
    width: 380px;
  }
}
@media (max-width: 767.98px) {
  .customizable .minicartDetails .frequencyBox .cartMode.auto-reorder-toolTip.tooltipBox .tooltip {
    margin-right: -110px;
  }
}

.paginationSection {
  padding-top: 32px;
  width: 100%;
  display: flex;
  text-align: center;
  justify-content: center;
  flex-direction: column;
}

.paginationContainer {
  width: 100%;
  display: flex;
  justify-content: center;
}
.paginationContainer .paginationArrow {
  width: 16px;
  height: 24px;
}
.paginationContainer .rc-pagination {
  margin: 0;
  padding: 0;
  font-size: 14px;
  display: flex;
}
.paginationContainer .rc-pagination .rc-pagination ul,
.paginationContainer .rc-pagination .rc-pagination ol {
  list-style: none;
}
.paginationContainer .rc-pagination-item {
  width: 62.47px;
  height: 57.44px;
  background-color: #fff;
  outline: 0.718033px solid #CFCFCF;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  user-select: none;
}
.paginationContainer .rc-pagination-item a {
  color: #004E7D;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}
.paginationContainer .rc-pagination-item-active {
  background: #004E7D;
  outline: 0.718033px solid #CFCFCF;
}
.paginationContainer .rc-pagination-item-active a {
  color: #fff;
}
.paginationContainer .rc-pagination-jump-prev button,
.paginationContainer .rc-pagination-jump-next button {
  background: transparent;
  border: none;
  color: #004E7D;
  position: absolute;
  bottom: 12px;
}
.paginationContainer .rc-pagination-jump-prev button:after,
.paginationContainer .rc-pagination-jump-next button:after {
  display: block;
  content: "•••";
}
.paginationContainer .rc-pagination-prev,
.paginationContainer .rc-pagination-next,
.paginationContainer .rc-pagination-jump-prev,
.paginationContainer .rc-pagination-jump-next {
  background-color: #fff;
  outline: 0.718033px solid #CFCFCF;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 62.47px;
  height: 57.44px;
  color: #004E7D;
  position: relative;
}
.paginationContainer .rc-pagination-prev,
.paginationContainer .rc-pagination-next {
  cursor: pointer;
  width: 113.45px;
  height: 57.44px;
}
.paginationContainer .desktopPrevNextIcon {
  display: flex;
  align-items: flex-start;
  gap: 5px;
}
.paginationContainer .rc-pagination-prev .rc-pagination-item-link,
.paginationContainer .rc-pagination-next .rc-pagination-item-link {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 12px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  outline: none;
  transition: all 0.3s;
}
.paginationContainer .rc-pagination-disabled,
.paginationContainer .rc-pagination-disabled:hover,
.paginationContainer .rc-pagination-disabled:focus,
.paginationContainer .rc-pagination.rc-pagination-disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.paginationContainer .rc-pagination-jump-prev,
.paginationContainer .rc-pagination-jump-next {
  cursor: default;
  pointer-events: none;
}
@media only screen and (max-width: 1200px) {
  .paginationContainer .rc-pagination-item,
.paginationContainer .rc-pagination-jump-prev,
.paginationContainer .rc-pagination-jump-next {
    width: 57.47px;
    height: 52.44px;
  }
  .paginationContainer .rc-pagination-prev,
.paginationContainer .rc-pagination-next {
    width: 108.45px;
    height: 52.44px;
  }
}
@media only screen and (max-width: 1099px) {
  .paginationContainer .rc-pagination-prev,
.paginationContainer .rc-pagination-next {
    width: 57.47px;
    height: 52.44px;
  }
}
@media only screen and (max-width: 576px) {
  .paginationContainer .rc-pagination-item,
.paginationContainer .rc-pagination-jump-prev,
.paginationContainer .rc-pagination-jump-next,
.paginationContainer .rc-pagination-prev,
.paginationContainer .rc-pagination-next {
    width: 47.47px;
    height: 42.44px;
  }
  .paginationContainer .rc-pagination-jump-prev button,
.paginationContainer .rc-pagination-jump-next button {
    bottom: 8px;
  }
}
@media only screen and (max-width: 450px) {
  .paginationContainer .rc-pagination-item,
.paginationContainer .rc-pagination-jump-prev,
.paginationContainer .rc-pagination-jump-next,
.paginationContainer .rc-pagination-prev,
.paginationContainer .rc-pagination-next {
    width: 39.37px;
    height: 36.2px;
  }
  .paginationContainer .rc-pagination-jump-prev button,
.paginationContainer .rc-pagination-jump-next button {
    bottom: 5px;
  }
}

.top-to-btm {
  position: relative;
  display: none;
}
@media (min-width: 1024.98px) {
  .top-to-btm {
    display: block;
  }
}
.top-to-btm .icon-position {
  position: fixed;
  bottom: 40px;
  right: 25px;
  z-index: 20;
}
.top-to-btm .icon-style {
  color: #004e7d;
  font-weight: 600;
  font-size: 14px;
  z-index: 99;
  position: fixed;
  padding: 10px;
  border-radius: 5px;
  right: 1%;
  bottom: 4%;
  text-align: center;
  cursor: pointer;
  animation: movebtn 1.5s ease-in-out;
  background-color: #fff;
}
.top-to-btm .icon-style a {
  font-size: 18px;
  color: #004e7d;
}
.top-to-btm .icon-style a i.fa-solid.fa-angle-up {
  display: block;
  font-size: 24px;
  font-weight: 600;
}
.top-to-btm .icon-style a i {
  display: block;
  font-weight: bold;
  font-size: 25px;
}
@keyframes movebtn {
  0% {
    opacity: 10%;
  }
  25% {
    opacity: 25%;
  }
  50% {
    opacity: 50%;
  }
  75% {
    opacity: 75%;
  }
  100% {
    opacity: 100%;
  }
}

.vertical-artical-banner, .compareProduct {
  /*min-height: 740px;*/
  /*border-bottom: 1px solid rgba(0, 0, 0, 0.12);padding-bottom: 20px;*/
}
.vertical-artical-banner .article_img, .compareProduct .article_img {
  min-height: 200px;
}
.vertical-artical-banner .article_img img, .compareProduct .article_img img {
  width: 100%;
}
.vertical-artical-banner .date, .compareProduct .date {
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #bcbec0;
}
.vertical-artical-banner .title, .compareProduct .title {
  font-style: normal;
  font-weight: 600 !important;
  font-size: 18px !important;
  line-height: 24px !important;
  color: #212934 !important;
  padding: 10px 0 !important;
  margin: 0 !important;
}
.vertical-artical-banner .ask_expert, .compareProduct .ask_expert {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 21px;
  text-transform: uppercase;
  color: #004e7d;
}
.vertical-artical-banner .readmore, .compareProduct .readmore {
  margin: 15px 0 0 0;
}
.vertical-artical-banner .description, .compareProduct .description {
  min-height: 107px;
}

.productHeader {
  max-width: 1368px;
  margin: 0 auto;
  font-size: 32px;
  font-weight: 600;
  margin-bottom: 24px;
  line-height: 1;
}
@media (max-width: 767.98px) {
  .productHeader {
    padding: 24px 0 16px;
    font-size: 20px;
    font-weight: 500;
    margin: 0px;
  }
}

.productCatgories {
  max-width: 1368px;
  margin: 0 auto;
}
.productCatgories .Box {
  width: 10rem;
}
@supports (display: grid) {
  .productCatgories {
    grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
  }
  @media (min-width: 269.98px) and (max-width: 389.98px) {
    .productCatgories {
      grid-template-columns: repeat(auto-fit, minmax(4rem, 1fr)) !important;
    }
  }
  @media (min-width: 389.98px) and (max-width: 449.98px) {
    .productCatgories {
      grid-template-columns: repeat(auto-fit, minmax(5rem, 1fr)) !important;
    }
  }
  @media (min-width: 449.99px) and (max-width: 519.98px) {
    .productCatgories {
      grid-template-columns: repeat(auto-fit, minmax(6rem, 1fr)) !important;
    }
  }
  @media (min-width: 519.99px) and (max-width: 639.98px) {
    .productCatgories {
      grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr)) !important;
    }
  }
  @media (min-width: 639.99px) and (max-width: 767.98px) {
    .productCatgories {
      grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr)) !important;
    }
  }
  .productCatgories .Box {
    width: 100%;
  }
  @media (min-width: 768px) {
    .productCatgories {
      grid-gap: 1.2rem;
    }
    .productCatgories.grid-7 {
      grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
    }
    .productCatgories.grid-6 {
      grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr));
    }
    .productCatgories.grid-5 {
      grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
    }
    .productCatgories.grid-4 {
      grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr));
    }
    .productCatgories.grid-3 {
      grid-template-columns: repeat(auto-fill, minmax(22rem, 1fr));
    }
  }
}
.productCatgories .productHeader {
  font-size: 32px;
  color: #212934;
}
.productCatgories .Box {
  border: 1px solid #dddddd;
  border-radius: 4px;
  display: flex;
  flex-direction: row;
  align-items: center;
  vertical-align: middle;
  justify-content: center;
  box-sizing: border-box;
  cursor: pointer;
  padding: 6px;
  height: 64px;
}
.productCatgories .Box:hover {
  background-color: #eaf5ff;
  border: 1px solid #004e7d;
}
.productCatgories .Box .Icon {
  font-size: 40px;
  color: #004e7d;
  text-align: center;
  flex: 0 0 auto;
  padding: 5px;
  vertical-align: middle;
}
@media (max-width: 767.98px) {
  .productCatgories .Box .Icon {
    margin-right: 0px;
  }
}
.productCatgories .Box .Text {
  color: #424c5b;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 21px;
  font-weight: 600;
  font-family: Kanit;
  text-align: center;
  flex: auto;
}

.productCatgories::after {
  clear: both;
  display: block;
  content: " ";
}

@media (min-width: 488px) and (max-width: 768px) {
  .productCatgories .Box .Text {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 1.2;
    font-weight: 600;
    font-family: Kanit;
  }
}
@media (min-width: 320px) {
  .productCatgories .productHeader {
    font-size: 18px;
    color: #212934;
  }
  .productCatgories .Box {
    flex-direction: column;
    width: 13rem;
    padding: 18px;
    text-align: center;
  }
  @supports (display: grid) {
    .productCatgories .Box {
      width: 100%;
    }
  }
  .productCatgories .Box:hover {
    background-color: #eaf5ff;
    border: 1px solid #004e7d;
  }
  .productCatgories .Box .Icon {
    flex: auto;
  }
  .productCatgories .Box .Text {
    font-size: 17px;
    letter-spacing: 0;
    line-height: 1.13;
    font-weight: 600;
    font-family: Kanit;
  }
  .productCatgories .Box.size3 {
    height: 174px;
  }
  .productCatgories .Box.size4 {
    height: 162px;
  }
  .productCatgories .Box.size5 {
    height: 150px;
  }
  .productCatgories .Box.size6 {
    height: 138px;
  }
  .productCatgories .Box.size7 {
    height: 130px;
  }
}
@media (min-width: 488px) and (max-width: 768px) {
  .productCatgories .Box .Text {
    font-size: 14px;
  }
}
@media (max-width: 488px) {
  @supports (display: grid) {
    .productCatgories .Box.size6 {
      height: 110px;
    }
    .productCatgories .Box .Text {
      font-size: 12px;
    }
  }
}
.col_container .right_col .productCatgories .productHeader {
  max-width: 1400px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .col_container .right_col .productCatgories.gridWrapper {
    grid-gap: 1.2rem;
  }
  .col_container .right_col .productCatgories.gridWrapper.grid-7 {
    grid-template-columns: repeat(auto-fill, minmax(7rem, 1fr));
  }
  .col_container .right_col .productCatgories.gridWrapper.grid-6 {
    grid-template-columns: repeat(auto-fill, minmax(9rem, 1fr));
  }
  .col_container .right_col .productCatgories.gridWrapper.grid-5 {
    grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
  }
  .col_container .right_col .productCatgories.gridWrapper.grid-4 {
    grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr));
  }
  .col_container .right_col .productCatgories.gridWrapper.grid-3 {
    grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
  }
  .col_container .right_col .productCatgories.gridWrapper.grid-2 {
    grid-template-columns: repeat(auto-fill, minmax(21rem, 1fr));
  }
}
.col_container .right_col .productCatgories .catGrid {
  display: inline;
  overflow: hidden;
  word-break: break-all;
}
.col_container .right_col .productCatgories .catGrid .Icon {
  border: 1px solid #cfcfcf;
  padding: 16px;
  border-radius: 3px;
  /* vertical-align: middle; */
  display: flex;
  /* align-items: center; */
  width: 100%;
  text-align: center;
  justify-content: center;
}
@media (min-width: 270.98px) and (max-width: 495.98px) {
  .col_container .right_col .productCatgories .catGrid .Icon img {
    width: 100%;
  }
}
.col_container .right_col .productCatgories .catGrid .Text {
  text-align: left !important;
  width: 100%;
  word-break: break-word;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  padding: 10px 0 0 0;
  color: #212934;
  display: flex;
}
@media (min-width: 267.98px) and (max-width: 495.98px) {
  .col_container .right_col .productCatgories .catGrid .Text {
    font-weight: 400;
    font-size: 12px;
    margin-right: 0;
    line-height: 14px;
  }
}

.loadMoreSection {
  margin-bottom: 32px;
  padding-top: 32px;
}
.loadMoreSection button {
  box-sizing: border-box;
  height: 50px;
  width: 100%;
  border: 2px solid #004e7d;
  border-radius: 8px;
  background-color: #ffffff;
  color: #004e7d;
  font-weight: bold;
  text-align: center;
}
@media (min-width: 768px) {
  .loadMoreSection button {
    width: 277px;
  }
}
@media (min-width: 768px) {
  .loadMoreSection {
    width: 100%;
    text-align: center;
    height: 150px;
    margin-bottom: 0;
  }
}

.listViewEnc .productCatgories {
  padding-bottom: 16px;
}

.col_container .right_col .listViewEnc .productCatgories .catGrid .Text {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  text-align: center !important;
}

.col_container .right_col .listViewEnc .productCatgories .catGrid .Icon {
  border-radius: 4px;
}

.enhancedListViewTable {
  padding: 16px 0 0 0;
}
.enhancedListViewTable .MuiTableContainer-root {
  overflow: unset;
}
.enhancedListViewTable .MuiTable-root.listViewTable {
  overflow: unset;
  table-layout: fixed;
  border-collapse: separate;
}
.enhancedListViewTable .MuiTable-root.listViewTable :has(.tableTitleWithoutDesc).MuiTableHead-root {
  position: sticky;
  top: 34px;
  height: 50px;
  background: #ffffff;
  z-index: 12;
}
.enhancedListViewTable .MuiTable-root.listViewTable :not(.tableTitleWithoutDesc).MuiTableHead-root {
  position: sticky;
  top: 70px;
  height: 50px;
  background: #ffffff;
  z-index: 12;
}
.enhancedListViewTable .MuiTable-root.listViewTable tr.borderLines > th.MuiTableCell-root, .enhancedListViewTable .MuiTable-root.listViewTable tr.bannerRow > td.MuiTableCell-root {
  border-bottom: 1px solid #999;
  position: relative;
}
.enhancedListViewTable .MuiTable-root.listViewTable .th-padding {
  padding-bottom: 10px !important;
}
.enhancedListViewTable .tableTitle {
  display: flex;
  position: sticky;
  align-items: center;
  top: 0;
  width: 100%;
  background: #fff;
  z-index: 11;
}
.enhancedListViewTable .tableTitle img {
  padding-right: 16px;
}
.enhancedListViewTable .tableTitle h1, .enhancedListViewTable .tableTitle h3 {
  font-weight: 500;
  font-size: 23px;
  line-height: 34px;
  padding: 0 0;
  margin: 0;
  color: #212934;
}
.enhancedListViewTable .activeRow .customBtn {
  height: 40px;
  max-height: 40px;
  font-size: 14px !important;
}
.enhancedListViewTable .activeRow .autoCompleteBox {
  height: 40px;
}
.enhancedListViewTable .activeRow .autoCompleteBox .MuiOutlinedInput-root {
  height: 40px;
}
.enhancedListViewTable .activeRow .autoCompleteBox .MuiListItemText-primary {
  font-size: 14px;
}
.enhancedListViewTable .activeRow .price-cart-block {
  text-align: left;
}
.enhancedListViewTable .activeRow .wishListWrapper {
  display: inline-block;
  float: right;
  padding-right: 0px;
  padding-top: 5px;
  position: absolute;
  top: 15px;
  right: 15px;
}
.enhancedListViewTable .activeRow .wishListWrapper .inlineFlexWrapper {
  padding-left: 16px;
  padding-bottom: 16px;
}
.enhancedListViewTable .activeRow .wishListWrapper .inlineFlexWrapper .fa-heart {
  font-weight: 500;
  font-size: 21px !important;
  cursor: pointer;
  color: #004e7d;
  min-width: 21px;
  opacity: 1;
}
.enhancedListViewTable .activeRow .wishListWrapper .inlineFlexWrapper .fa-heart::before {
  position: unset !important;
}
.enhancedListViewTable .activeRow .wishListWrapper .inlineFlexWrapper .fa-heart:hover {
  background-color: unset;
}
.enhancedListViewTable .activeRow tr {
  border: none !important;
}
.enhancedListViewTable .activeRow .hero-product-details {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #212934;
  text-align: left;
}
.enhancedListViewTable .activeRow .fontSize14Normal.hero-productid-text {
  font-weight: 300;
  font-size: 12px;
  line-height: 20px;
  text-align: left;
  padding-top: 16px;
}
.enhancedListViewTable .activeRow .hero-price-text span.MuiTypography-caption {
  font-weight: 500;
  font-size: 20px;
  line-height: 20px;
}
.enhancedListViewTable .activeRow .discountedPrice {
  display: inline;
}
.enhancedListViewTable .activeRow .oldprice {
  padding-right: 10px;
}
.enhancedListViewTable .activeRow .sameDayShipping {
  text-align: left;
  color: #424C5B !important;
}
.enhancedListViewTable .activeRow .selectWrapper.CTABlockAddtoCart {
  justify-content: start;
  padding-top: 16px;
}
.enhancedListViewTable .activeRow .hero-product-details {
  line-height: 1.3;
}
.enhancedListViewTable .activeRow .hero-productid-text {
  line-height: 1 !important;
  padding: 0 !important;
  margin-top: 8px;
}
.enhancedListViewTable .activeRow .MuiFormLabel-root {
  font-size: 14px;
}
.enhancedListViewTable .activeRow .variantSwatch {
  padding: 0;
}
.enhancedListViewTable .activeRow .sizeList {
  display: flex;
}
.enhancedListViewTable .activeRow .sizeList .MuiFormGroup-root:first-of-type {
  margin-right: 8px;
}
.enhancedListViewTable .activeRow .sizeList .drop-down-list .MuiOutlinedInput-input {
  padding: 10px 25px 10px 12px !important;
  border-radius: 4px;
}
.enhancedListViewTable tr.MuiTableRow-root.activeRow > td {
  border: 1px solid #004e7d !important;
  border-top: none !important;
  position: relative;
}
.enhancedListViewTable tr.MuiTableRow-root.activeTr td {
  border-bottom: 1px solid #999 !important;
  border-top: 5px solid #004e7d !important;
  cursor: pointer;
}
.enhancedListViewTable tr.MuiTableRow-root.activeTr td:first-child {
  border-left: 1px solid #004e7d !important;
}
.enhancedListViewTable tr.MuiTableRow-root.activeTr td:last-child {
  border-right: 1px solid #004e7d !important;
}
.enhancedListViewTable .closeArrow {
  position: absolute;
  left: 50%;
  margin: 0;
  padding: 0;
  cursor: pointer;
  text-align: center;
}
.enhancedListViewTable .closeArrow::after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 11.5px 15px 11.5px;
  border-color: transparent transparent #004E7D transparent;
  bottom: 0;
  left: 50%;
  z-index: 10;
}
.enhancedListViewTable .tileDivider {
  border-right: 1px solid #BCBEC0;
}
.enhancedListViewTable .compareFloating {
  position: unset !important;
}
.enhancedListViewTable .outOfStockBlock {
  width: 100%;
  margin-top: 16px;
}
.enhancedListViewTable .outOfStockBlock .MuiTypography-caption {
  font-size: 14px !important;
  line-height: 1.3 !important;
}
.enhancedListViewTable .outOfStockBlock .MuiGrid-root.MuiGrid-container {
  align-items: center;
}
.enhancedListViewTable .outOfStockBlock .bacInStockMsg {
  margin-top: 6px;
}
.enhancedListViewTable .ColorVariants {
  z-index: 13;
}
.enhancedListViewTable .variantsContainer {
  height: 110px;
  overflow-y: auto;
}

.enhancedListViewTable .activeRow .soldpkg,
.enhancedListViewTable .activeRow .soldpkg span {
  font-size: 14px !important;
  display: block;
  padding-left: 0;
  line-height: normal !important;
}
.enhancedListViewTable .activeRow .soldpkg span.bold,
.enhancedListViewTable .activeRow .soldpkg span span.bold {
  display: inline;
}

.enhancedListViewTable .activeRow .soldpkg {
  margin-left: -7px;
}

.enhancedListViewTableNew {
  padding-bottom: 20px;
}
.enhancedListViewTableNew .activeTr td.MuiTableCell-root.MuiTableCell-body.NonActiveTab:last-child, .enhancedListViewTableNew .activeTr td.MuiTableCell-root.MuiTableCell-body.ActiveTab:last-child {
  border-right: 1px solid #004e7d;
}
.enhancedListViewTableNew .activeRow .discountedPrice {
  display: inline-block;
  padding-left: 0;
}
.enhancedListViewTableNew tr.MuiTableRow-root.activeTr td {
  border-top: 5px solid #004e7d !important;
  border-bottom: 1px solid #999;
}
.enhancedListViewTableNew tr.MuiTableRow-root.activeRow.contentMargin > td {
  padding: 16px;
}
.enhancedListViewTableNew tr.MuiTableRow-root.activeTr td:first-child {
  border-left: 1px solid #004e7d;
}
.enhancedListViewTableNew table.listViewTable {
  border-collapse: separate !important;
  border-bottom: 1px solid #999 !important;
}
.enhancedListViewTableNew .listViewTable .MuiTableCell-head {
  border-bottom: 0 !important;
}
.enhancedListViewTableNew .MuiTableContainer-root {
  overflow: unset;
}
.enhancedListViewTableNew .listViewTable {
  overflow: unset;
}
.enhancedListViewTableNew :has(.tableTitleWithoutDesc) .MuiTableHead-root {
  position: sticky;
  top: 48px !important;
  height: auto !important;
  background: #ffffff;
  z-index: 1;
  border-bottom: 2px solid #999999;
}
.enhancedListViewTableNew :has(:not(.tableTitleWithoutDesc)).MuiTableHead-root {
  position: sticky;
  top: 60px !important;
  height: auto !important;
  background: #ffffff;
  z-index: 1;
  border-bottom: 2px solid #999999;
}
.enhancedListViewTableNew .tableTitle {
  display: flex;
  position: sticky;
  top: 0;
  background: #fff;
  width: 100%;
  z-index: 12;
  width: 100%;
  align-items: center;
}
.enhancedListViewTableNew .tableTitle .imgndtitle {
  display: flex;
  width: 75%;
  align-items: center;
}
.enhancedListViewTableNew .tableTitle .headerLevelFilter {
  display: flex;
  width: 25%;
  font-size: 14px;
  padding-bottom: 6px;
  font-weight: 400;
  align-items: center;
}
.enhancedListViewTableNew .tableTitle .headerLevelFilter > .MuiGrid-root.MuiGrid-item {
  margin-left: auto;
}
.enhancedListViewTableNew .tableTitle .headerLevelFilter .filterCount {
  display: inline-block;
  padding-right: 10px;
  margin-left: auto;
}
.enhancedListViewTableNew .tableTitle .headerLevelFilter .clearResult {
  display: inline-block;
  padding-right: 10px;
  color: #E60036;
  cursor: pointer;
  text-decoration: underline;
  margin-left: auto;
}
.enhancedListViewTableNew .tableTitle .headerLevelFilter .filterBtn {
  border: 1px solid #004E7D;
  margin-left: auto;
  border-radius: 4px;
  padding: 8px 0;
  margin-top: 0;
  color: #004E7D;
  width: 120px;
}
.enhancedListViewTableNew .tableTitle.tableTitleWithoutDesc {
  display: flex;
  position: sticky;
  top: 0;
  background: #fff;
  width: 100%;
  z-index: 12;
  width: 100%;
  align-items: center;
}
.enhancedListViewTableNew .tableTitle.tableTitleWithoutDesc .imgndtitle {
  display: flex;
  width: 75%;
}
.enhancedListViewTableNew .tableTitle.tableTitleWithoutDesc .headerLevelFilter {
  display: flex;
  width: 25%;
  font-size: 14px;
  padding-bottom: 6px;
  font-weight: 400;
  align-items: center;
}
.enhancedListViewTableNew .tableTitle.tableTitleWithoutDesc .headerLevelFilter > .MuiGrid-root.MuiGrid-item {
  margin-left: auto;
}
.enhancedListViewTableNew .tableTitle.tableTitleWithoutDesc .headerLevelFilter .filterCount {
  display: inline-block;
  padding-right: 10px;
  margin-left: auto;
}
.enhancedListViewTableNew .tableTitle.tableTitleWithoutDesc .headerLevelFilter .clearResult {
  display: inline-block;
  padding-right: 10px;
  color: #E60036;
  cursor: pointer;
  text-decoration: underline;
  margin-left: auto;
}
.enhancedListViewTableNew .tableTitle.tableTitleWithoutDesc .headerLevelFilter .filterBtn {
  border: 1px solid #004E7D;
  margin-left: auto;
  border-radius: 4px;
  padding: 8px 0;
  margin-top: 0;
  color: #004E7D;
  width: 120px;
}
.enhancedListViewTableNew tr.MuiTableRow-root.activeTr {
  background: none;
  border-bottom: 1px solid #BCBEC0 !important;
  border-top: none !important;
}
.enhancedListViewTableNew tr.MuiTableRow-root.activeTr td {
  border-top: 5px solid #004e7d !important;
  font-size: 12px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.enhancedListViewTableNew tr.MuiTableRow-root.activeTr td.modelCell {
  font-weight: 500 !important;
}
.enhancedListViewTableNew tr.MuiTableRow-root.activeTr td.beforePriceBlank {
  border-left: none !important;
  border-right: none !important;
  border-top: 5px solid #004e7d !important;
  border-bottom: 1px solid #999 !important;
}
.enhancedListViewTableNew tr.MuiTableRow-root.activeTr td.afterPriceBlank {
  border-top: 5px solid transparent !important;
  border-left: 1px solid #004e7d !important;
  border-right: 1px solid #004e7d !important;
  border-bottom: 5px solid #004e7d !important;
  position: relative;
  overflow: inherit;
}
.enhancedListViewTableNew tr.MuiTableRow-root.activeTr:first-of-type td.afterPriceBlank {
  position: relative;
  overflow: inherit;
}
.enhancedListViewTableNew tr.MuiTableRow-root.activeTr:first-of-type:first-of-type td.afterPriceBlank::before {
  width: 100%;
  height: 12px;
  background: #fff;
  position: absolute;
  content: "";
  margin: 0;
  top: -7px;
  left: 0;
  z-index: 12;
}
.enhancedListViewTableNew .listViewTable .borderLines {
  border: none;
}
.enhancedListViewTableNew .activeTr td.MuiTableCell-root.MuiTableCell-body.NonActiveTab {
  background-color: #D9D9D9;
  border-bottom: 5px solid #004e7d !important;
  border-top: 1px solid #004e7d !important;
  color: #333333;
}
.enhancedListViewTableNew .ActiveRowData {
  display: flex;
}
.enhancedListViewTableNew .ActiveRowData .RowDetails {
  width: 70%;
}
.enhancedListViewTableNew .ActiveRowData .RowDetails .hero-image-text {
  width: 100px;
  text-align: center;
}
.enhancedListViewTableNew .ActiveRowData .RowDetails .tileDivider {
  padding-left: 16px;
}
.enhancedListViewTableNew .ActiveRowData .RowReviews {
  width: 30%;
  padding-left: 20px;
}
.enhancedListViewTableNew .ActiveRowData .AddonRowDetails {
  width: 100%;
}
.enhancedListViewTableNew .ActiveRowData .AddonRowDetails .productCarousel h1 {
  margin: 0;
}
.enhancedListViewTableNew .ActiveRowData .AddonRowDetails .frequentlyViewedProductList {
  align-items: flex-start;
  display: flex;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
}
.enhancedListViewTableNew .ActiveRowData .AddonRowDetails .frequentlyViewedProductList .itemWrapper .productSection {
  margin-bottom: 0px;
  max-width: 90%;
}
.enhancedListViewTableNew .ActiveRowData .AddonRowDetails .frequentlyViewedProductList .itemWrapper h4 {
  right: 10px;
}
.enhancedListViewTableNew .ActiveRowData .AddonRowDetails .frequentlyViewedProductList .itemListMobile {
  width: 100%;
}
.enhancedListViewTableNew .ActiveRowData .AddonRowDetails .frequentlyViewedProductList .itemListMobile .rec-arrow {
  display: none;
}
@media (max-width: 767.98px) {
  .enhancedListViewTableNew .ActiveRowData .AddonRowDetails .frequentlyViewedProductList .itemListMobile .rec-item-wrapper {
    width: auto !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .enhancedListViewTableNew .ActiveRowData .AddonRowDetails .frequentlyViewedProductList .itemListMobile .rec-item-wrapper {
    width: auto !important;
  }
  .enhancedListViewTableNew .ActiveRowData .AddonRowDetails .frequentlyViewedProductList .itemListMobile .rec-item-wrapper h4.concatSign {
    top: unset;
  }
}
@media (max-width: 767.98px) {
  .enhancedListViewTableNew .ActiveRowData .AddonRowDetails .frequentlyViewedProductList .itemListMobile .compareProduct {
    flex-direction: row;
    align-items: flex-start;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .enhancedListViewTableNew .ActiveRowData .AddonRowDetails .frequentlyViewedProductList .itemListMobile .compareProduct {
    flex-direction: row;
    align-items: flex-start;
  }
}
@media (max-width: 767.98px) {
  .enhancedListViewTableNew .ActiveRowData .AddonRowDetails .frequentlyViewedProductList .itemListMobile .compareProduct .description {
    width: 100%;
    display: flex;
    text-align: left;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .enhancedListViewTableNew .ActiveRowData .AddonRowDetails .frequentlyViewedProductList .itemListMobile .compareProduct .description {
    width: 100%;
    display: flex;
    text-align: left;
  }
}
@media (max-width: 767.98px) {
  .enhancedListViewTableNew .ActiveRowData .AddonRowDetails .frequentlyViewedProductList .itemListMobile .compareProduct .description p.ellipsis {
    min-height: unset;
    width: auto !important;
    padding-right: 10px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .enhancedListViewTableNew .ActiveRowData .AddonRowDetails .frequentlyViewedProductList .itemListMobile .compareProduct .description p.ellipsis {
    width: auto !important;
    padding-right: 10px;
    min-height: unset;
  }
}
@media (max-width: 767.98px) {
  .enhancedListViewTableNew .ActiveRowData .AddonRowDetails .frequentlyViewedProductList .itemListMobile .compareProduct .description span.price {
    font-size: 14px;
    padding-top: 0;
    padding-left: 4px;
    line-height: 21px;
    font-weight: 500;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .enhancedListViewTableNew .ActiveRowData .AddonRowDetails .frequentlyViewedProductList .itemListMobile .compareProduct .description span.price {
    font-size: 14px;
    padding-top: 0;
    padding-left: 4px;
    line-height: 21px;
    font-weight: 500;
  }
}
.enhancedListViewTableNew .ActiveRowData .AddonRowDetails .frequentlyViewedProductList .totalCartSumPaper {
  width: 300px !important;
  /* float: right; */
  box-shadow: none;
  margin-top: 80px;
  /* display: flex; */
  /* align-content: flex-end; */
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .enhancedListViewTableNew .ActiveRowData .AddonRowDetails .frequentlyViewedProductList .totalCartSumPaper .MuiButton-containedSizeSmall span.MuiButton-label {
    display: none;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .enhancedListViewTableNew .ActiveRowData .AddonRowDetails .frequentlyViewedProductList .totalCartSumPaper .MuiButton-containedSizeSmall span.MuiTouchRipple-root::before {
    content: "Add";
    /* display: inline-table; */
    line-height: 48px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .enhancedListViewTableNew .ActiveRowData .AddonRowDetails .frequentlyViewedProductList .totalCartSumPaper {
    width: 100% !important;
    display: flex;
    justify-content: space-between;
  }
  .enhancedListViewTableNew .ActiveRowData .AddonRowDetails .frequentlyViewedProductList .totalCartSumPaper .customBtn {
    width: 48% !important;
  }
  .enhancedListViewTableNew .ActiveRowData .AddonRowDetails .frequentlyViewedProductList .totalCartSumPaper .price {
    font-size: 28px;
    font-weight: 600;
    margin-top: -10px;
    padding-left: 10px;
  }
}
@media (max-width: 767.98px) {
  .enhancedListViewTableNew .ActiveRowData .AddonRowDetails .frequentlyViewedProductList .totalCartSumPaper {
    width: 100% !important;
    display: flex;
    justify-content: space-between;
  }
  .enhancedListViewTableNew .ActiveRowData .AddonRowDetails .frequentlyViewedProductList .totalCartSumPaper .customBtn {
    width: 48% !important;
  }
  .enhancedListViewTableNew .ActiveRowData .AddonRowDetails .frequentlyViewedProductList .totalCartSumPaper .price {
    font-size: 28px;
    font-weight: 600;
    margin-top: -10px;
    padding-left: 10px;
  }
}
.enhancedListViewTableNew .ActiveRowData .AddonRowDetails .frequentlyViewedProductList .totalCartSumPaper .totalSumup {
  text-align: center !important;
  color: #646d7b;
  font-size: 14px;
  padding-bottom: 16px;
  font-weight: 600;
}
@media (max-width: 767.98px) {
  .enhancedListViewTableNew .ActiveRowData .AddonRowDetails .frequentlyViewedProductList .totalCartSumPaper .totalSumup {
    width: 48% !important;
    padding-left: 12px;
    margin-bottom: 0;
    display: flex;
    border: 1px solid #bcbec0;
    border-radius: 2px;
    height: 50px;
    align-items: center;
    padding: 6px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .enhancedListViewTableNew .ActiveRowData .AddonRowDetails .frequentlyViewedProductList .totalCartSumPaper .totalSumup {
    width: 48% !important;
    padding-left: 12px;
    margin-bottom: 0;
    display: flex;
    border: 1px solid #bcbec0;
    border-radius: 2px;
    height: 50px;
    align-items: center;
    padding: 6px;
  }
}
.enhancedListViewTableNew .ActiveRowData .AddonRowDetails .frequentlyViewedProductList .totalCartSumPaper .price {
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  display: inline-block;
  line-height: 28px;
  color: #212934;
  padding-top: 10px;
  max-width: 300px;
}
@media (max-width: 767.98px) {
  .enhancedListViewTableNew .ActiveRowData .AddonRowDetails .frequentlyViewedProductList .totalCartSumPaper .price {
    align-items: flex-start;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .enhancedListViewTableNew .ActiveRowData .AddonRowDetails .frequentlyViewedProductList .totalCartSumPaper .price {
    align-items: flex-start;
  }
}
.enhancedListViewTableNew .ActiveRowData .AddonRowDetails .frequentlyViewedProductList .refVariantSection {
  position: absolute !important;
}
.enhancedListViewTableNew .ActiveRowData .AddonRowDetails .frequentlyViewedProductList .itemWrapper.flexDisplay {
  position: relative;
  width: auto;
  margin-right: 16px;
  max-width: 270px;
}
.enhancedListViewTableNew .ActiveRowData .AddonRowDetails .frequentlyViewedProductList .itemWrapper.flexDisplay .description .tileCTAContainer .ellipsis {
  padding-left: 5px;
  min-height: unset;
  font-size: 14px;
  line-height: 16px;
}
.enhancedListViewTableNew .ActiveRowData .AddonRowDetails .frequentlyViewedProductList .itemWrapper.flexDisplay div#productContainer {
  border: none;
}
.enhancedListViewTableNew .ActiveRowData .AddonRowDetails .frequentlyViewedProductList .itemWrapper.flexDisplay .productSection .description {
  text-align: left;
}
.enhancedListViewTableNew .ActiveRowData .AddonRowDetails .frequentlyViewedProductList .itemWrapper.flexDisplay .productSection .description .itemkeyDetails .prod-itemkey-num {
  min-height: unset !important;
  padding-top: 0;
  font-size: 14px;
  font-weight: normal;
}
.enhancedListViewTableNew .ActiveRowData .AddonRowDetails .frequentlyViewedProductList .itemWrapper.flexDisplay .productSection .description .itemkeyDetails .prod-itemkey-num strong {
  font-weight: normal;
}
.enhancedListViewTableNew .ActiveRowData .AddonRowDetails .frequentlyViewedProductList div#productContainer .price span:first-child:not(.bold), .enhancedListViewTableNew .ActiveRowData .AddonRowDetails .frequentlyViewedProductList div#productContainer .price .oldprice {
  margin-top: 0 !important;
}
.enhancedListViewTableNew .ActiveRowData .AddonRowDetails .frequentlyViewedProductList div#productContainer .price .oldprice {
  padding-top: 0px;
  margin-top: 4px !important;
  margin-left: 6px;
}
.enhancedListViewTableNew .ActiveRowData .AddonRowDetails .frequentlyViewedProductList .compareProduct {
  align-items: baseline;
}
.enhancedListViewTableNew .listViewTable .tagsRow {
  padding-bottom: 16px;
}
.enhancedListViewTableNew .listViewTable .tagsRow:empty {
  padding: 0;
  display: none;
}
.enhancedListViewTableNew .listViewTable .MuiTableCell-root {
  padding: 3px;
}
.enhancedListViewTableNew .listViewTable .MuiTableBody-root tr.bannerRow > td {
  border-bottom: none !important;
  position: relative;
  border-top: 1px solid #999 !important;
}
.enhancedListViewTableNew .listViewTable .MuiTableBody-root tr.bannerRow > td img {
  display: -webkit-box;
  margin: 0 auto;
}
.enhancedListViewTableNew .listViewTable .MuiTableBody-root tr.bannerRow > td.AddonCell {
  background: #FAFAFA;
}
.enhancedListViewTableNew .listViewTable .MuiTableBody-root tr.bannerRow > td.AddonImage {
  border-left: 1px solid #C4C6C8;
}
.enhancedListViewTableNew .listViewTable .MuiTableBody-root tr.bannerRow > td.AddonModelCell {
  border-right: 1px solid #C4C6C8;
}
.enhancedListViewTableNew .listViewTable .MuiTableBody-root tr.bannerRow td.modelCell {
  font-weight: 500;
}
.enhancedListViewTableNew .listViewTable .MuiTableBody-root tr.bannerRow td.modelCell:last-child {
  background-image: url('data:image/svg+xml;utf8,<svg fill="grey" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M384 32C419.3 32 448 60.65 448 96V416C448 451.3 419.3 480 384 480H64C28.65 480 0 451.3 0 416V96C0 60.65 28.65 32 64 32H384zM224 368C237.3 368 248 357.3 248 344V280H312C325.3 280 336 269.3 336 256C336 242.7 325.3 232 312 232H248V168C248 154.7 237.3 144 224 144C210.7 144 200 154.7 200 168V232H136C122.7 232 112 242.7 112 256C112 269.3 122.7 280 136 280H200V344C200 357.3 210.7 368 224 368z"/></svg>');
  background-repeat: no-repeat;
  background-size: 14px;
  background-position: bottom 7px right 15px;
}
.enhancedListViewTableNew .frequentlyViewedProductList .itemWrapper:first-child {
  margin-left: 40px;
}

.fullListViewLayout .productCatgories .productHeader {
  max-width: 1400px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .fullListViewLayout .productCatgories.gridWrapper {
    grid-gap: 1.2rem;
  }
  .fullListViewLayout .productCatgories.gridWrapper.grid-10 {
    grid-template-columns: repeat(auto-fill, minmax(7rem, 1fr));
  }
}
@media only screen and (min-width: 768px) and (min-device-width: 320px) and (max-device-width: 767px) {
  .fullListViewLayout .productCatgories.gridWrapper.grid-10 {
    grid-template-columns: repeat(auto-fit, minmax(7rem, 1fr)) !important;
  }
}
@media (min-width: 768px) {
  .fullListViewLayout .productCatgories.gridWrapper.grid-9 {
    grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr));
  }
}
@media only screen and (min-width: 768px) and (min-device-width: 320px) and (max-device-width: 767px) {
  .fullListViewLayout .productCatgories.gridWrapper.grid-9 {
    grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr)) !important;
  }
}
@media (min-width: 768px) {
  .fullListViewLayout .productCatgories.gridWrapper.grid-8 {
    grid-template-columns: repeat(auto-fill, minmax(9rem, 1fr));
  }
}
@media only screen and (min-width: 768px) and (min-device-width: 320px) and (max-device-width: 767px) {
  .fullListViewLayout .productCatgories.gridWrapper.grid-8 {
    grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr)) !important;
  }
}
@media (min-width: 768px) {
  .fullListViewLayout .productCatgories.gridWrapper.grid-7 {
    grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
  }
}
@media only screen and (min-width: 768px) and (min-device-width: 320px) and (max-device-width: 767px) {
  .fullListViewLayout .productCatgories.gridWrapper.grid-7 {
    grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr)) !important;
  }
}
@media (min-width: 768px) {
  .fullListViewLayout .productCatgories.gridWrapper.grid-6 {
    grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr));
  }
}
@media (min-width: 768px) {
  .fullListViewLayout .productCatgories.gridWrapper.grid-5 {
    grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
  }
}
@media (min-width: 768px) {
  .fullListViewLayout .productCatgories.gridWrapper.grid-4 {
    grid-template-columns: repeat(auto-fill, minmax(19rem, 1fr));
  }
}
@media (min-width: 768px) {
  .fullListViewLayout .productCatgories.gridWrapper.grid-3 {
    grid-template-columns: repeat(auto-fill, minmax(23rem, 1fr));
  }
}
@media (min-width: 768px) {
  .fullListViewLayout .productCatgories.gridWrapper.grid-2 {
    grid-template-columns: repeat(auto-fill, minmax(30rem, 1fr));
  }
}
.fullListViewLayout .productCatgories .catGrid {
  display: inline;
  overflow: hidden;
  word-break: break-all;
}
.fullListViewLayout .productCatgories .catGrid .Icon {
  border: 1px solid #cfcfcf;
  padding: 7px;
  border-radius: 3px;
  /* vertical-align: middle; */
  display: flex;
  /* align-items: center; */
  width: 100%;
  text-align: center;
  justify-content: center;
}
.fullListViewLayout .productCatgories .catGrid .Text {
  text-align: left !important;
  width: 100%;
  word-break: break-word;
  font-weight: 500;
  font-size: 12px;
  line-height: 22px;
  padding: 10px 0 0 0;
  color: #212934;
  display: flex;
}
.fullListViewLayout .sortBlock {
  display: flex;
  justify-content: flex-end;
  margin: 15px 0;
  align-items: center;
}
.fullListViewLayout .sortSelect .MuiInputBase-formControl {
  box-sizing: border-box;
  width: 210px;
  border: 1px solid #004e7d;
  border-radius: 4px;
  background-color: #ffffff;
}
.fullListViewLayout .addonHeadings {
  text-align: center;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
}
.fullListViewLayout .heightlightTab {
  background: #fafafa;
}
.fullListViewLayout .heightlightTab.addonHeadings {
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px solid #C4C6C8;
  border-left: 1px solid #C4C6C8;
  border-right: 1px solid #C4C6C8;
  border-bottom: 2px solid #999999;
}
.fullListViewLayout .activeRow td.MuiTableCell-root.MuiTableCell-body.hero-price-text:last-child {
  border-left: 1px solid #004e7d !important;
}
.fullListViewLayout .activeRow td.MuiTableCell-root.MuiTableCell-body.hero-price-text:first-child {
  border-right: 1px solid #004e7d !important;
}
.fullListViewLayout .RowReviews .MuiTableRow-root td.MuiTableCell-root.MuiTableCell-body.hero-price-text:first-child {
  border-right: 0 !important;
}
.fullListViewLayout .RowReviews .MuiTableRow-root td.MuiTableCell-root.MuiTableCell-body.hero-price-text:last-child {
  border-left: 0 !important;
}

.fullListViewFilter {
  justify-content: space-between;
  background: #F9F9F9;
  border-radius: 4px;
  padding: 20px;
  padding-top: 10px;
}
.fullListViewFilter h4 {
  margin: 0 0 10px 0;
  font-weight: 500;
  font-size: 23px;
  line-height: 34px;
}
.fullListViewFilter button.MuiButtonBase-root.MuiButton-root.MuiButton-text.filterBtn {
  border: 1px solid #004E7D;
  border-radius: 4px;
  padding: 11px 12px;
  margin-top: 0;
  color: #004E7D;
}
.fullListViewFilter button.MuiButtonBase-root.MuiButton-root.MuiButton-text.filterBtn svg {
  margin-right: 5px;
}
.fullListViewFilter label.MuiFormLabel-root.input-element-select-formLabel {
  color: #212934;
  padding: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  width: 100%;
  height: 24px;
  margin-bottom: 5px;
  display: block;
}
.fullListViewFilter .input-element-select-formGroup.order-status-ddl {
  flex-wrap: wrap;
  overflow: hidden;
  width: 185px;
}
@media (min-width: 939.98px) and (max-width: 991.98px) {
  .fullListViewFilter .input-element-select-formGroup.order-status-ddl {
    width: 140px;
  }
}
@media (min-width: 320px) and (max-width: 938.98px) {
  .fullListViewFilter .input-element-select-formGroup.order-status-ddl {
    width: auto;
  }
}
.fullListViewFilter .input-element-select-formGroup.order-status-ddl label.MuiFormLabel-root.input-element-select-formLabel {
  color: #212934;
  padding: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  width: 100%;
  height: 24px;
  margin-bottom: 5px;
  display: block;
}
.fullListViewFilter .input-element-select-formGroup.order-status-ddl .MuiFormControl-root.drop-down-list {
  width: 100%;
}
.fullListViewFilter .input-element-select-formGroup.order-status-ddl .MuiFormControl-root.drop-down-list .MuiOutlinedInput-input span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 90%;
}
.fullListViewFilter .input-element-select-formGroup.order-status-ddl .MuiFormControl-root.drop-down-list .searchByFilterSelect {
  border-radius: 4px !important;
}
.fullListViewFilter .input-element-select-formGroup.order-status-ddl .MuiFormControl-root.drop-down-list .searchByFilterSelect:hover {
  border: 1px solid #212934;
}
.fullListViewFilter .input-element-select-formGroup.order-status-ddl .MuiFormControl-root.drop-down-list .MuiOutlinedInput-input {
  padding: 14px 12px !important;
  min-height: 20px !important;
  color: #212934 !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  align-items: center;
  display: flex;
  border-radius: 4px;
}
.fullListViewFilter .input-element-select-formGroup.order-status-ddl .MuiFormControl-root.drop-down-list .MuiSelect-icon {
  font-size: 16px;
  font-weight: 600 !important;
  top: calc(50% - 8px);
  color: #424c5b;
  margin-right: 12px;
}
.fullListViewFilter .input-element-select-formGroup.order-status-ddl .MuiFormControl-root.drop-down-list fieldset {
  display: none;
}
.fullListViewFilter .MuiMenu-list {
  outline: 0;
  max-height: 185px;
  white-space: break-spaces;
}
.fullListViewFilter .oh-list {
  padding: 6px 16px;
}
.fullListViewFilter .oh-list .MuiButtonBase-root {
  padding: 0 9px 0 0;
}
.fullListViewFilter .selectActionWrapper {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between;
  padding: 10px 12px;
  border-top: 1px solid #bcbec0;
  text-transform: capitalize;
}

.fullistviewDropDown.selectActionWrapper {
  display: flex;
  flex-wrap: wrap;
  cursor: pointer;
  width: 100%;
  justify-content: space-between;
  padding: 10px 12px;
  border-top: 1px solid #bcbec0;
  text-transform: capitalize;
}

.fullListView.applyFilter {
  background: none;
  padding: 16px;
  padding-bottom: 0px;
  display: flex;
}
.fullListView.applyFilter .appliedFilterWrapper {
  order: 2;
  align-items: center;
  height: 42px;
  margin: 24px 8px 16px;
}
.fullListView .filterLabel {
  font-weight: 400;
  font-size: 14px;
  line-height: 28px;
  color: #212934;
}
.fullListView .MuiChip-label {
  color: #424C5B;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
}
.fullListView .tagsWrapper .MuiChip-outlined {
  border: none;
  background-color: transparent;
  border-radius: 15.5px;
  background-color: #e1eef7;
  border: 1px solid rgba(51, 51, 51, 0.4);
  border-radius: 14px;
  background: transparent;
  padding: 8px;
  position: relative;
  height: auto;
}
.fullListView .tagsWrapper .MuiChip-outlined .MuiSvgIcon-root {
  fill: #424C5B;
}

.fullListViewModal {
  padding: 20px 0;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .fullListViewModal {
    overflow-y: auto;
    outline: none;
    position: absolute;
    background-color: #ffffff;
    height: 100vh;
    left: unset !important;
    transform: unset;
    width: 50%;
  }
}
.fullListViewModal .filterWrapper .MuiAccordion-root {
  background: none;
  width: 100%;
}
.fullListViewModal .MuiAccordionSummary-root {
  padding: 12px 16px;
  min-height: unset;
  width: 100%;
}

.filterModal .filterWrapper .fullListView.applyFilter {
  width: 100%;
}
.filterModal .filterWrapper .clearAllLabel.desktop {
  display: block;
  width: 60px;
}
.filterModal .filterWrapper .tagsWrapper .tag {
  margin: 8px 8px 5px;
}

.activeRow td.MuiTableCell-root.MuiTableCell-body.hero-price-text:last-child {
  border-left: none !important;
}

.activeRow td.MuiTableCell-root.MuiTableCell-body.hero-price-text:first-child {
  border-right: none !important;
}

.enhancedListViewTable .activeRow .discountedPrice {
  display: inline-block;
  padding-left: 0;
  padding-right: 16px;
}

.fullListViewFilterWrapper {
  background: #fff;
  top: 0;
  z-index: 11;
  margin: 16px 0;
}
.fullListViewFilterWrapper .PrivateNotchedOutline-legendNotched-4 {
  display: none;
}

.enhancedListViewTableNew .beforePriceBlank, .enhancedListViewTableNew .afterPriceBlank {
  border-bottom: 0px !important;
}

.enhancedListViewTableNew .listViewTable .MuiTableCell-head {
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  padding-bottom: 0px;
  border-bottom: 2px solid #999999 !important;
}
.enhancedListViewTableNew .listViewTable .MuiTableCell-head.Addons {
  background: #FAFAFA;
}
.enhancedListViewTableNew .listViewTable .MuiTableCell-head.Addons.borderLeft {
  border-left: 1px solid #C4C6C8;
}
.enhancedListViewTableNew .listViewTable .MuiTableCell-head.Addons.borderRight {
  border-right: 1px solid #C4C6C8;
}

.enhancedListViewTableNew .listViewTable .hero-price-text .price {
  font-size: 12px;
  line-height: 14px;
}
.enhancedListViewTableNew .listViewTable .hero-price-text .price .discountedPrice {
  line-height: 14px;
  display: block;
}
.enhancedListViewTableNew .listViewTable .hero-price-text .price .shippingTag.freeShipping {
  font-size: 12px;
  line-height: 14px;
}
.enhancedListViewTableNew .listViewTable .hero-price-text .price .shippingTag.freeShipping .MuiSvgIcon-root {
  width: 18px;
  height: 18px;
}
.enhancedListViewTableNew .listViewTable .hero-price-text .price .oldprice {
  margin-left: 0;
  font-size: 12px !important;
  text-decoration: line-through;
  color: #bcbec0 !important;
  line-height: 14px !important;
  display: block;
}

.enhancedListViewTableNew tr.MuiTableRow-root.bannerRow td {
  font-size: 12px !important;
}

.enhancedListViewTableNew td.MuiTableCell-root.MuiTableCell-body.ActiveTab.hero-price-text:last-child {
  font-weight: 500;
}

.enhancedListViewTableNew tr.MuiTableRow-root.bannerRow td {
  font-size: 12px !important;
}

.enhancedListViewTableNew .listViewTable .hero-image-text a {
  display: block;
  width: 100px;
  margin: 0 auto;
}

.ActiveRowDataEnc {
  display: flex;
  padding: 8px 0;
}
.ActiveRowDataEnc .CTABlockAddtoCart .customBtn {
  width: 100% !important;
}
.ActiveRowDataEnc .RowDetails {
  width: 65%;
}
.ActiveRowDataEnc .RowReviews {
  width: 35%;
}

td.litviewEnhRow {
  padding: 0 !important;
}

.fullListView .MuiChip-root:before {
  position: absolute;
  top: -10px;
  z-index: 1;
  left: 10px;
  font-weight: 300;
  font-size: 12px;
  line-height: 20px;
  text-transform: capitalize;
  color: #424C5B;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 60%;
}
.fullListView .tagsWrapper .tag {
  overflow: visible;
}

.enhancedListViewTable tr.MuiTableRow-root.bannerRow:hover .AddonCell {
  background: #D9D9D9;
}

.enhancedListViewTable .activeRow .hero-product-details a {
  display: inline-block;
}

.productListWrapper .fullListViewLayout {
  margin-top: -75px;
}

td.MuiTableCell-root.MuiTableCell-body.ActiveTab:first-child img, td.MuiTableCell-root.MuiTableCell-body.NonActiveTab:first-child img {
  margin-top: 5px !important;
  max-width: 54px !important;
  min-height: 54px !important;
  min-width: 54px !important;
}

.ActiveRowData .RowDetails .variants_block .sizeList {
  display: flex;
}
.ActiveRowData .RowDetails .variants_block .sizeList .dropdownBlock {
  padding-right: 16px;
  min-width: 100px;
  padding-top: 10px;
}
.ActiveRowData .RowDetails .variants_block .sizeList .dropdownBlock label span {
  font-size: 14px;
}
.ActiveRowData .RowDetails .variants_block .sizeList .dropdownBlock .drop-down-list .MuiOutlinedInput-input {
  font-size: 14px !important;
}

.list-view-popup {
  border-radius: 4px 4px 0 0 !important;
}
.list-view-popup li,
.list-view-popup .MuiListItem-gutters.dropdown-menu {
  min-height: auto;
  line-height: 1;
  padding: 6px 12px !important;
}
.list-view-popup li .MuiListItem-gutters,
.list-view-popup .MuiListItem-gutters.dropdown-menu .MuiListItem-gutters {
  padding: 0;
}
.list-view-popup li .MuiIconButton-root,
.list-view-popup .MuiListItem-gutters.dropdown-menu .MuiIconButton-root {
  padding: 0 9px 0 0;
}
.list-view-popup li:first-of-type,
.list-view-popup .MuiListItem-gutters.dropdown-menu:first-of-type {
  margin-top: 10px;
}
.list-view-popup li:last-of-type,
.list-view-popup .MuiListItem-gutters.dropdown-menu:last-of-type {
  margin-bottom: 10px;
}

.enhancedListViewTable tr.MuiTableRow-root.bannerRow td, tr.MuiTableRow-root.activeTr td {
  max-width: 100%;
  padding: 5px;
}

.enhancedListViewTable span.multiple {
  display: block;
  background: #cccccc;
  margin-bottom: 10px;
  border-radius: 2px;
  font-size: 11px;
  padding: 3px;
  line-height: 12px;
  white-space: break-spaces;
}
@media (max-width: 1200px) {
  .enhancedListViewTable span.multiple {
    font-size: 9px;
  }
}

.enhancedListViewTableNew .listviewTabDivider {
  width: 30px;
}

.enhancedListViewTable span.hoverData {
  display: none;
  position: absolute;
  z-index: 10;
  background: #004e7d;
  border-radius: 5px;
  min-width: 80px;
  color: #fff;
  font-weight: 400;
  top: 45px;
  width: max-content;
  font-size: 14px;
  padding: 5px 10px;
}
.enhancedListViewTable span.hoverData span.multiple {
  display: none;
}
.enhancedListViewTable span.hoverData::before {
  content: "";
  width: 0px;
  height: 0px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  border-bottom: solid 8px #004e7d;
  border-left: solid 12px rgba(0, 0, 0, 0);
  border-right: solid 12px rgba(0, 0, 0, 0);
  position: absolute;
  left: 30px;
  top: -6px;
}

.enhancedListViewTable .textToolTip {
  max-width: 100%;
  text-overflow: ellipsis;
  line-height: 14px;
}

.enhancedListViewTableNew .ActiveTab.modelCell, .enhancedListViewTable tr.MuiTableRow-root.activeTr td:has(.hasNodata), .enhancedListViewTable tr.MuiTableRow-root.bannerRow td:has(.hasNodata) {
  background-image: none !important;
}

.enhancedListViewTableNew tr.MuiTableRow-root.activeTr td:last-child {
  background-image: url('data:image/svg+xml;utf8,<svg fill="grey" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M384 32C419.3 32 448 60.65 448 96V416C448 451.3 419.3 480 384 480H64C28.65 480 0 451.3 0 416V96C0 60.65 28.65 32 64 32H384zM224 368C237.3 368 248 357.3 248 344V280H312C325.3 280 336 269.3 336 256C336 242.7 325.3 232 312 232H248V168C248 154.7 237.3 144 224 144C210.7 144 200 154.7 200 168V232H136C122.7 232 112 242.7 112 256C112 269.3 122.7 280 136 280H200V344C200 357.3 210.7 368 224 368z"/></svg>');
  background-repeat: no-repeat;
  background-size: 14px;
  background-position: bottom 7px right 15px;
}

.enhancedListViewTableNew th.MuiTableCell-root.MuiTableCell-head.afterPriceBlank {
  width: 30px;
}

.listViewEnc .productCatgories .catGrid .Icon img {
  max-width: 100%;
}
.listViewEnc .productCatgories .catGrid .Text {
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 14px !important;
}

.brx-nonterminal .plp-nonterminal {
  margin: 0 auto;
  padding: 16px 0 0 0;
}

.plp-nonterminal {
  margin: 100px 0 0;
  /*temporary added */
}
.plp-nonterminal.brx-plp-nonterminal {
  margin: 0 auto;
  padding: 16px 0 0 0;
}
@supports (display: grid) {
  .plp-nonterminal {
    grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
  }
  @media (min-width: 320.98px) and (max-width: 767.98px) {
    .plp-nonterminal {
      grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)) !important;
    }
  }
  @media (min-width: 767.98px) and (max-width: 997.98px) {
    .plp-nonterminal {
      grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr)) !important;
    }
  }
  @media (min-width: 1149.98px) and (max-width: 1349.98px) {
    .plp-nonterminal {
      grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)) !important;
    }
  }
}
@media (min-width: 768px) {
  .plp-nonterminal.gridWrapper {
    grid-gap: 1.2rem;
  }
  .plp-nonterminal.gridWrapper.grid-10 {
    grid-template-columns: repeat(auto-fill, minmax(7rem, 1fr));
  }
}
@media only screen and (min-width: 768px) and (min-device-width: 320px) and (max-device-width: 767px) {
  .plp-nonterminal.gridWrapper.grid-10 {
    grid-template-columns: repeat(auto-fit, minmax(7rem, 1fr)) !important;
  }
}
@media (min-width: 768px) {
  .plp-nonterminal.gridWrapper.grid-9 {
    grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr));
  }
}
@media only screen and (min-width: 768px) and (min-device-width: 320px) and (max-device-width: 767px) {
  .plp-nonterminal.gridWrapper.grid-9 {
    grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr)) !important;
  }
}
@media (min-width: 768px) {
  .plp-nonterminal.gridWrapper.grid-8 {
    grid-template-columns: repeat(auto-fill, minmax(9rem, 1fr));
  }
}
@media only screen and (min-width: 768px) and (min-device-width: 320px) and (max-device-width: 767px) {
  .plp-nonterminal.gridWrapper.grid-8 {
    grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr)) !important;
  }
}
@media (min-width: 768px) {
  .plp-nonterminal.gridWrapper.grid-7 {
    grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
  }
}
@media only screen and (min-width: 768px) and (min-device-width: 320px) and (max-device-width: 767px) {
  .plp-nonterminal.gridWrapper.grid-7 {
    grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr)) !important;
  }
}
@media (min-width: 768px) {
  .plp-nonterminal.gridWrapper.grid-6 {
    grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr));
  }
}
@media (min-width: 768px) {
  .plp-nonterminal.gridWrapper.grid-5 {
    grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
  }
}
@media (min-width: 768px) {
  .plp-nonterminal.gridWrapper.grid-4 {
    grid-template-columns: repeat(auto-fill, minmax(19rem, 1fr));
  }
}
@media (min-width: 768px) {
  .plp-nonterminal.gridWrapper.grid-3 {
    grid-template-columns: repeat(auto-fill, minmax(23rem, 1fr));
  }
}
@media (min-width: 768px) {
  .plp-nonterminal.gridWrapper.grid-2 {
    grid-template-columns: repeat(auto-fill, minmax(30rem, 1fr));
  }
}
.plp-nonterminal .catGrid {
  border: solid #dddddd;
  display: flex !important;
  flex-direction: column;
  border-width: 1px 1px 6px;
  border-radius: 4px;
}
.plp-nonterminal .catGrid .plptile {
  flex-direction: column;
  height: 100%;
  display: flex;
  align-items: stretch;
}
.plp-nonterminal .colBox {
  flex-direction: column;
  height: 100%;
  display: flex;
  align-items: stretch;
}
.plp-nonterminal .colBox .subLinks {
  padding: 0 16px;
}
.plp-nonterminal .colBox .subLinks ul {
  list-style: none;
  padding: 0 16px 0 16px;
}
.plp-nonterminal .colBox .subLinks ul li {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  word-break: break-word;
  display: flex;
}
.plp-nonterminal .colBox .subLinks ul li::before {
  content: "•";
  color: "#004E7D";
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}
.plp-nonterminal .colBox a, .plp-nonterminal .colBox a:hover {
  color: #004E7D;
}
.plp-nonterminal .Icon {
  margin: 22px;
  border: none !important;
  width: auto !important;
}
.plp-nonterminal .product-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 16px;
}
.plp-nonterminal .product-label {
  display: flex;
  font-size: 16px;
  line-height: 1.3;
  color: #212934;
  width: 100%;
  padding: 0 16px;
  word-break: break-word;
  text-align: left;
  font-weight: 500;
}
.plp-nonterminal .product-label .total-product {
  font-weight: 400;
  font-size: 12px;
  line-height: 22px;
  padding-left: 5px;
}
.plp-nonterminal .product-label .total-product a, .plp-nonterminal .product-label .total-product a:hover {
  color: #212934;
}
.plp-nonterminal .product-label a, .plp-nonterminal .product-label a:hover {
  color: #212934;
}
.plp-nonterminal .product-total-viewall {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 4px;
  margin-top: auto;
  padding: 4px 16px 16px 16px;
}
.plp-nonterminal .product-total-viewall .total-product {
  font-size: 14px;
  font-weight: 300;
  color: #212934;
  line-height: 1;
}
.plp-nonterminal .product-total-viewall .product-viewall {
  font-size: 16px;
  font-weight: 400;
  color: #004e7d;
  line-height: 1;
}

.shopall-section .shopall-label {
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #212934;
  padding-right: 8px;
}
.shopall-section a.replacement-link, .shopall-section a.relatedproduct-link {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #2473E1;
  text-decoration: underline;
}
.shopall-section .seperator {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #212934;
  padding: 0 8px;
}

.listViewEnc .tabDescrption {
  display: flex;
  flex-direction: row;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
  color: #212934;
  align-items: center;
}
.listViewEnc .tabDescrption .ProdGrpImg {
  display: flex;
}
.listViewEnc .tabDescrption .Text {
  padding-left: 16px;
  font-size: 14px;
  font-weight: 300;
  line-height: 21px;
}

.enhancedListViewTable .freeShipping span, .enhancedListViewTableNew .freeShipping span {
  font-size: 12px;
}

.col_container .right_col .listViewEnc .productCatgories .catGrid .Icon {
  padding: 7px !important;
}

.enhancedListViewTable .MuiTable-root.listViewTable .bannerRow td > img {
  display: -webkit-box;
  margin: 0 auto;
}

.enhancedListViewTable .fa-info-circle.freeShppingToolTip .MuiTypography-subtitle2 {
  z-index: 123;
}

.plp-nonterminal .andMoreLink a, .plp-nonterminal .andMoreLink a:hover {
  color: #212934;
}

.fullListViewLayout .categoryDesc {
  padding-bottom: 16px;
  line-height: 1.4;
}

.plp-nonterminal .colBox .subLinks ul li a, .plp-nonterminal .colBox .subLinks ul li a:hover {
  width: 100%;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.enhancedListViewTable .listViewTable .MuiTableCell-root.price-cart-block, .enhancedListViewTableNew .listViewTable .MuiTableCell-root.price-cart-block {
  text-align: left;
}

.plp-nonterminal .catGrid:hover {
  border-color: #004E7D;
}

.enhancedListViewTable.enhancedListViewTableNew:has(.tableTitleWithoutDesc) .MuiTableHead-root {
  position: sticky;
  top: 48px !important;
  height: auto !important;
  background: #ffffff;
  z-index: 1;
  border-bottom: 2px solid #999999;
}

.enhancedListViewTable:has(.tableTitleWithoutDesc) .MuiTableHead-root {
  position: sticky;
  top: 34px !important;
  height: auto !important;
  background: #ffffff;
  z-index: 1;
  border-bottom: 2px solid #999999;
}

.suggestionsWrapper {
  position: absolute;
  z-index: 1;
  background-color: #ffffff;
  left: 0;
  right: 0;
  top: 95px;
  border: 1px solid #bcbec0;
  list-style: none;
  max-width: 442px;
  height: 430px;
  overflow-y: auto;
}
.suggestionsWrapper li {
  padding: 10px;
  cursor: pointer;
}
.suggestionsWrapper li:hover {
  background-color: #eaf0f4;
}
.suggestionsWrapper .suggestion-active {
  color: #424c5b;
  background-color: #eaf0f4;
}

.addressSuggestions {
  display: flex;
  padding-top: 16px;
}
@media (max-width: 767.98px) {
  .addressSuggestions {
    flex-direction: column;
  }
}
.addressSuggestions .addressCard {
  width: 100%;
  margin-bottom: 20px;
}
.addressSuggestions .addressCard .MuiPaper-elevation1 {
  height: 227px;
}
.addressSuggestions .addressCard .MuiCardHeader-action {
  margin-top: -8px;
  margin-bottom: -8px;
}
.addressSuggestions .addressCard .MuiCardActions-root {
  padding: 5px 15px;
}
@media (min-width: 768px) {
  .addressSuggestions .addressCard {
    width: 50%;
  }
  .addressSuggestions .addressCard:not(:last-child) {
    margin-right: 20px;
  }
}
.addressSuggestions .addressCard .defaultAddress .MuiCardHeader-title {
  text-transform: none;
  font-weight: normal;
}
.addressSuggestions .addressCard .MuiCard-root {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.addressSuggestions .addressCard.invalidMatch {
  width: 100%;
}
.addressSuggestions .customBtn {
  width: 100%;
  margin-top: 0;
}
.addressSuggestions h1 {
  width: 100%;
  margin-bottom: 24px;
}

@media (max-width: 767.98px) {
  .reviewModal {
    height: 100vh;
    transform: none;
    top: 0;
    left: 0;
  }
}
.reviewModal .reviewformContainer {
  margin-top: 20px;
}
.reviewModal .reviewformHeader {
  background: #f9f9f9;
  padding: 24px 32px 16px 32px;
}
.reviewModal .reviewformTitle {
  font-size: 26px;
  font-weight: 500;
  padding-bottom: 24px;
}
.reviewModal .reviewForm {
  padding: 0 32px 48px 32px;
}
.reviewModal .remainingCount {
  padding-top: 0;
  text-align: right;
  color: #4a4a4a !important;
  font-weight: 300;
}
.reviewModal .reviewedImage {
  display: flex;
  align-items: center;
}
.reviewModal .reviewedImage img {
  border: 1px solid #bcbec0;
  border-radius: 8px;
  margin-right: 16px;
}
.reviewModal .reviewedImage .ellipsis {
  font-size: 18px;
  font-weight: 600;
}
.reviewModal .dv-star-rating {
  display: flex !important;
  justify-content: flex-end;
  flex-direction: row-reverse;
}
.reviewModal .MuiFormLabel-root {
  color: #212934;
  font-family: kanit;
}
.reviewModal .reviewformSubmit {
  display: flex;
  justify-content: center;
  padding-top: 16px;
}
.reviewModal .reviewformSubmit .MuiButtonBase-root {
  max-width: 211px;
}
.reviewModal .reviewformSubmit .MuiButtonBase-root:first-child {
  margin-right: 20px;
}
.reviewModal .uploadLink label {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.reviewModal .uploadLink .uploadInput {
  display: none;
}
.reviewModal .reviewPreview {
  display: flex;
  overflow-x: auto;
  padding-top: 12px;
}
.reviewModal .reviewPreview .uploadfileDetails {
  position: relative;
  margin-right: 19px;
}
.reviewModal .reviewPreview .uploadfileDetails .previewImage {
  width: 75px;
  height: 75px;
}
.reviewModal .reviewPreview .uploadfileDetails .MuiSvgIcon-root {
  position: absolute;
  top: -7px;
  right: -7px;
  background: #004e7d;
  border-radius: 50%;
  color: #ffffff;
}

.popularReads {
  max-width: 1368px;
  width: 100%;
  margin: 0 auto;
}
.popularReads .rec-carousel-wrapper {
  /*.rec-arrow-left {
       left: 0;
  }*/
}
.popularReads .rec-carousel-wrapper .rec-carousel {
  position: relative;
}
.popularReads .rec-carousel-wrapper .rec-arrow {
  z-index: 1;
}
.popularReads .rec-carousel-wrapper .rec-arrow-right {
  right: 0;
}
.popularReads .popular {
  max-width: 1368px;
}
@media (max-width: 767.98px) {
  .popularReads .popular {
    width: 100%;
  }
}
.popularReads .popular .rec-swipable {
  grid-gap: 1.2rem;
}
@media (max-width: 767.98px) {
  .popularReads .popular .rec-swipable {
    grid-gap: 0.5rem;
  }
}
@media (max-width: 539.98px) {
  .popularReads .popular .rec-swipable {
    grid-gap: 0rem;
  }
}
.popularReads .popular .rec-slider-container {
  margin: 0;
}
.popularReads .popularHeader {
  position: relative;
  color: #212934;
  font-weight: 600;
  text-align: left;
  font-size: 18px;
  margin-bottom: 24px;
  line-height: 1;
}
.popularReads .popular {
  background-color: #ffffff;
  flex-direction: row;
  justify-content: center;
}
.popularReads .popular .rec-carousel-wrapper .rec-arrow {
  display: none;
}
@media (max-width: 767.98px) {
  .popularReads .popular .rec-carousel-wrapper .rec-arrow {
    display: block;
  }
}
@media (max-width: 767.98px) {
  .popularReads .popular .rec-carousel-wrapper .rec-arrow:disabled {
    display: block !important;
    opacity: 0.5;
  }
}
@media (max-width: 767.98px) {
  .popularReads .popular .rec-carousel-wrapper .rec-pagination {
    display: none;
  }
}
.popularReads .popular .sc-dlfnuX.bVibPY.rec.rec-slider-container {
  margin: 0;
}
.popularReads .popular .hUrpyo {
  margin: 0px !important;
}
.popularReads .popular .card {
  margin: 2px;
  min-height: 428px;
  text-align: left;
  width: 100%;
  position: relative;
  padding: 16px;
  border-radius: 6px;
  background-color: #ffffff;
  box-shadow: 0 2px 13px 0 rgba(22, 22, 22, 0.15);
}
@media (max-width: 539.98px) {
  .popularReads .popular .card {
    min-height: auto;
  }
}
.popularReads .popular .card .card_img {
  overflow: hidden;
  vertical-align: middle;
  display: flex;
  border-radius: 8px;
  align-items: center;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  image-rendering: -webkit-optimize-contrast;
}
.popularReads .popular .card .date {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  /* identical to box height, or 143% */
  color: #424C5B;
  margin: 8px 0;
}
.popularReads .popular .card .title {
  font-size: 16px;
  font-weight: 600;
  margin: 8px 0;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  color: #212934;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.popularReads .popular .card .header_title {
  color: #004e7d;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}
.popularReads .popular .card a.headerTitle,
.popularReads .popular .card a.headerTitle:hover {
  font-family: Kanit;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 21px;
  text-transform: uppercase;
  color: #004e7d;
}
.popularReads .popular .card .description {
  color: #212934;
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 16px;
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 20px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.popularReads .popular .card .readMore {
  position: static;
  bottom: 20px;
  left: 15px;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  font-style: normal;
  line-height: 22px;
  color: #004e7d;
  cursor: pointer;
  background: none;
  border-width: inherit;
  padding: 0px;
  border: none;
  margin-bottom: 0px;
}
@media (min-width: 540px) and (max-width: 767.98px) {
  .popularReads .popular .card .readMore {
    position: absolute;
  }
}
.popularReads .popular .card .images {
  width: 100%;
  border-radius: 6px;
}

@media (min-width: 768px) {
  .popularReads .popularHeader {
    position: relative;
    color: #212934;
    font-size: 32px;
    font-weight: 600;
    text-align: left;
  }
  .popularReads .popular {
    background-color: #ffffff;
    justify-content: center;
    flex-direction: row;
  }
  .popularReads .popular .sc-dlfnuX.bVibPY.rec.rec-slider-container {
    margin: 0;
  }
  .popularReads .popular .rec-carousel-wrapper .rec-dot_active {
    display: none;
  }
  .popularReads .popular .sc-hKgJUU.hUugPI.rec.rec-slider {
    width: 100%;
  }
  .popularReads .popular .hUrpyo {
    margin: 0px !important;
  }
  .popularReads .popular .rec-item-wrapper {
    width: 443px !important;
  }
  .popularReads .popular .rec.rec-swipable {
    width: 100%;
    justify-content: space-between;
    grid-gap: 1.2rem;
  }
  .popularReads .popular .rec.rec-slider {
    width: 100%;
  }
  .popularReads .popular .card {
    margin: 2px;
    min-height: 452px;
    text-align: left;
    width: 443px;
    position: relative;
    padding: 16px;
    border-radius: 6px;
    background-color: #ffffff;
    box-shadow: 0 2px 13px 0 rgba(22, 22, 22, 0.15);
  }
  .popularReads .popular .card .card_img {
    height: 187px;
    overflow: hidden;
    vertical-align: middle;
    display: flex;
    border-radius: 8px;
    align-items: center;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    image-rendering: -webkit-optimize-contrast;
  }
  .popularReads .popular .card .date {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #424C5B;
    margin: 8px 0;
  }
  .popularReads .popular .card .title {
    color: #212934;
    font-size: 17px;
    font-weight: 600;
    margin: 8px 0;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    color: #212934;
  }
  .popularReads .popular .card .header_title {
    color: #004e7d;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
  }
  .popularReads .popular .card a.headerTitle,
.popularReads .popular .card a.headerTitle:hover {
    font-family: Kanit;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    text-transform: uppercase;
    color: #004e7d;
  }
  .popularReads .popular .card .description {
    color: #212934;
    font-size: 15px;
    font-weight: 300;
    margin-bottom: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .popularReads .popular .card .readMore {
    position: absolute;
    bottom: 20px;
    left: 15px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    font-style: normal;
    line-height: 22px;
    color: #004e7d;
    padding: 10px 15px;
    border: 2px solid #004e7d;
    border-radius: 8px;
    cursor: pointer;
    background: none;
    margin-bottom: 0px;
    width: 145px;
  }
  .popularReads .popular .card .images {
    width: 100%;
    border-radius: 6px;
    height: 187px;
    object-fit: cover;
  }
}
.PopularCardContainer {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
  grid-gap: 1.2rem;
}

.productCarousel {
  padding-bottom: 50px;
  max-width: 1368px;
  margin: 0 auto;
}
.productCarousel h1 {
  color: #212934;
  font-size: 32px;
  font-weight: 600;
  line-height: 1;
  margin: 0 0 0;
}
.productCarousel .contentMargin {
  width: 100% !important;
}
.productCarousel .productSection {
  flex-direction: column;
}
.productCarousel .productSection .imageSection {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  text-align: center;
}
.productCarousel .productSection .imageSection .refVariantSection {
  background: rgba(255, 255, 255, 0.8) !important;
  font-size: 14px;
  border: 1px solid #ddd;
  color: #444b5b;
}
.productCarousel .productSection .shippingWrapper {
  margin: 0px;
}
.productCarousel .productSection .shippingWrapper .freeShipping {
  margin: 0px;
}
.productCarousel .productSection .shippingWrapper .freeShipping span i.fas.fa-info-circle.cursor-p.freeShppingToolTip h6.MuiTypography-root.priceinfopopup.MuiTypography-subtitle2 {
  position: absolute;
  top: -105px;
}
@media (max-width: 767.98px) {
  .productCarousel .productSection .shippingWrapper .freeShipping span i.fas.fa-info-circle.cursor-p.freeShppingToolTip h6.MuiTypography-root.priceinfopopup.MuiTypography-subtitle2 {
    left: -180px;
  }
}
@media (min-width: 360px) and (max-width: 389px) {
  .productCarousel .productSection .shippingWrapper .freeShipping span i.fas.fa-info-circle.cursor-p.freeShppingToolTip h6.MuiTypography-root.priceinfopopup.MuiTypography-subtitle2 {
    left: -80px;
  }
}
@media (min-width: 390px) and (max-width: 399px) {
  .productCarousel .productSection .shippingWrapper .freeShipping span i.fas.fa-info-circle.cursor-p.freeShppingToolTip h6.MuiTypography-root.priceinfopopup.MuiTypography-subtitle2 {
    left: -30px;
  }
}
.productCarousel .productSection .shippingWrapper .freeShipping span i.fas.fa-info-circle.cursor-p.freeShppingToolTip h6.MuiTypography-root.priceinfopopup.MuiTypography-subtitle2::before {
  top: 90px;
  transform: rotate(180deg);
}
@media (max-width: 767.98px) {
  .productCarousel .productSection .shippingWrapper .freeShipping span i.fas.fa-info-circle.cursor-p.freeShppingToolTip h6.MuiTypography-root.priceinfopopup.MuiTypography-subtitle2::before {
    left: 185px !important;
  }
}
@media (min-width: 360px) and (max-width: 389px) {
  .productCarousel .productSection .shippingWrapper .freeShipping span i.fas.fa-info-circle.cursor-p.freeShppingToolTip h6.MuiTypography-root.priceinfopopup.MuiTypography-subtitle2::before {
    left: 82px !important;
  }
}
@media (max-width: 673px) {
  .productCarousel .productSection .shippingWrapper .freeShipping span i.fas.fa-info-circle.cursor-p.freeShppingToolTip h6.MuiTypography-root.priceinfopopup.MuiTypography-subtitle2::before {
    left: 33px !important;
  }
}
.productCarousel hr.divider,
.productCarousel .capacities,
.productCarousel .productViews .productAssets,
.productCarousel .productVarient .productColor,
.productCarousel .mobileView {
  display: none !important;
}
.productCarousel .productViews .productColor {
  text-align: left;
}
.productCarousel .reviewDesktopView,
.productCarousel .productViews {
  display: flex !important;
}
@media (max-width: 767.98px) {
  .productCarousel .reviewDesktopView .userRatings {
    padding-top: 8px;
  }
  .productCarousel .reviewDesktopView .fa-heart {
    display: none;
  }
}
.productCarousel .selectWrapper {
  flex-direction: row;
}
.productCarousel .selectWrapper .MuiButtonBase-root {
  width: 60%;
  min-width: 50%;
  max-width: 60%;
}
@media (min-width: 768px) {
  .productCarousel .selectWrapper .MuiButtonBase-root {
    display: block;
  }
}
@media (min-width: 768px) {
  .productCarousel .selectWrapper {
    flex-direction: row;
  }
  .productCarousel .selectWrapper .MuiButtonBase-root {
    margin-top: 0;
    width: 100%;
  }
}
.productCarousel .productListWrapper .MuiTooltip-tooltip.MuiTooltip-tooltipPlacementTop, .productCarousel .productListWrapper .MuiTooltip-tooltip, .productCarousel .productListWrapper .MuiTooltip-tooltip.MuiTooltip-tooltipPlacementTop, .productCarousel .productCarousel div .MuiTooltip-tooltip.MuiTooltip-tooltipPlacementTop {
  background: none;
  margin: 0px;
  padding: 0;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .toolTipWishList {
  position: inherit !important;
  width: 250px !important;
  margin-top: 0px !important;
  font-size: 14px;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .toolTipWishList::before, .productCarousel .rec-carousel-wrapper .itemWrapper .toolTipWishList::after {
  border-left: solid 10px transparent !important;
  border-right: solid 10px transparent !important;
  right: 10px;
  left: initial !important;
}
@media (max-width: 767.98px) {
  .productCarousel .rec-carousel-wrapper .itemWrapper .toolTipWishList::before, .productCarousel .rec-carousel-wrapper .itemWrapper .toolTipWishList::after {
    right: 30px;
    left: initial;
  }
}
.productCarousel .rec-carousel-wrapper .itemWrapper .toolTipWishList::before {
  top: -11px !important;
  border-bottom: solid 10px #dadada !important;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .toolTipWishList::after {
  top: -9px !important;
  border-bottom: solid 10px #fff !important;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .toolTipWishList .addtolist-wrapper {
  max-height: inherit !important;
  overflow-x: inherit !important;
  overflow-y: inherit !important;
  padding-right: 0px !important;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .toolTipWishList .addtolist-wrapper .addListClick {
  display: flex;
  justify-content: space-between;
  padding-bottom: 10px;
  border-bottom: 2px solid #D8D8D8;
  padding: 8px 16px;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .toolTipWishList .addtolist-wrapper .addListClick .lableList {
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  display: block;
  color: #212934;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .toolTipWishList .addtolist-wrapper .addButton {
  border-bottom: 2px solid #D8D8D8;
  padding: 0 16px 20px 16px;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .toolTipWishList .addtolist-wrapper .addButton .grayOutlinedButton {
  border: 1px solid #D8D8D8 !important;
  margin-right: 10px;
  color: #212934 !important;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .toolTipWishList .addtolist-wrapper .addButton .blueOutlinedButton {
  height: 35px;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .toolTipWishList .addtolist-wrapper .addButton .blueOutlinedButton .MuiButton-label {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .toolTipWishList .showCreateList {
  color: #212934;
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .toolTipWishList .showCreateList .groupList li {
  padding: 11px 16px !important;
  color: #004E7D;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  border-bottom: 2px solid #D8D8D8;
  margin: 0px !important;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .toolTipWishList .showCreateList .groupList li:last-child {
  border: none;
}
@media (max-width: 767.98px) {
  .productCarousel .rec-carousel-wrapper .itemWrapper .toolTipWishList .showCreateList .groupList li {
    margin: 0 0 12px;
  }
}
.productCarousel .rec-carousel-wrapper .itemWrapper .toolTipWishList .showCreateList .groupList li:hover {
  background-color: #004e7d;
  color: #ffffff;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .toolTipWishList .flexDisplay span.desc {
  padding-left: 0px !important;
  padding-right: 12px;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .toolTipWishList .addListScroll {
  max-height: 118px;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .toolTipWishList .addListScroll .addList {
  flex-direction: column;
  align-items: flex-start;
  margin-top: 10px;
  margin-bottom: 5px;
  /* .MuiOutlinedInput-input {
      padding: 10.5px 10px;
  } */
}
.productCarousel .rec-carousel-wrapper .itemWrapper .toolTipWishList .addListScroll .addList .MuiFormControl-marginNormal {
  margin: 0 0 15px;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .toolTipWishList .addListScroll .addList .MuiFormControl-marginNormal {
  width: 100%;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .toolTipWishList .addListScroll .addList .customBtn {
  height: 40px;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .toolTipWishList .addListScroll .addList .lableWishList {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 10px;
  color: #000;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .toolTipWishList .displayList .icon {
  color: #71B946;
  display: contents;
  margin-right: 8px;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .toolTipWishList .displayList span.descSave {
  padding-right: 12px !important;
  font-size: 14px;
  font-weight: 400;
  color: #004e7d;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .accountWishList .accountPopup {
  display: block;
  box-sizing: border-box;
  padding: 16px;
  width: 211px;
  border: 1px solid #DADADA;
  border-radius: 3px;
  background-color: #ffffff;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.07);
  position: absolute;
  z-index: 12;
  right: 55px;
  padding-bottom: 10px;
  cursor: pointer;
  margin-top: 8px;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .accountWishList .accountPopup::before, .productCarousel .rec-carousel-wrapper .itemWrapper .accountWishList .accountPopup::after {
  content: "";
  width: 0;
  height: 0;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  border-left: solid 8px transparent;
  border-right: solid 8px transparent;
  position: absolute;
  left: 176px;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .accountWishList .accountPopup::before {
  top: -8px;
  border-bottom: solid 6px #DADADA;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .accountWishList .accountPopup::after {
  top: -7px;
  border-bottom: solid 8px #fff;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .accountWishList .accountPopup .addtolist-wrapper {
  max-height: 145px;
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 5px;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .accountWishList .accountPopup .showCreateList {
  color: #212934;
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .accountWishList .accountPopup .showCreateList .groupList li {
  margin: 0 0 14px;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .accountWishList .accountPopup .flexDisplay {
  margin: 0px;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .accountWishList .accountPopup .addList {
  margin-top: 10px;
  margin-bottom: 10px;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .accountWishList .accountPopup .addList .MuiFormControl-marginNormal {
  margin: 0px;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .accountWishList .accountPopup .addList .MuiFormControl-marginNormal {
  width: 100%;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .accountWishList .accountPopup .addList .MuiOutlinedInput-input {
  padding: 7px 10px;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .accountWishList .accountPopup .addList .customBtn {
  height: 40px;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .accountWishList .accountPopup .displayList .icon {
  color: #71B946;
  display: contents;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .accountWishList .accountPopup .displayList span.descSave {
  padding-left: 6px;
  font-size: 14px;
  font-weight: 400;
  color: #004e7d;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .wishList-v2 {
  width: 250px !important;
  margin-top: 15px !important;
  font-size: 14px;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .wishList-v2::before, .productCarousel .rec-carousel-wrapper .itemWrapper .wishList-v2::after {
  border-left: solid 10px transparent !important;
  border-right: solid 10px transparent !important;
  right: 10px;
  left: initial !important;
}
@media (max-width: 767.98px) {
  .productCarousel .rec-carousel-wrapper .itemWrapper .wishList-v2::before, .productCarousel .rec-carousel-wrapper .itemWrapper .wishList-v2::after {
    right: 30px;
    left: initial;
  }
}
.productCarousel .rec-carousel-wrapper .itemWrapper .wishList-v2::before {
  top: -11px !important;
  border-bottom: solid 10px #dadada !important;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .wishList-v2::after {
  top: -9px !important;
  border-bottom: solid 10px #fff !important;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .wishList-v2 .addtolist-wrapper {
  max-height: inherit !important;
  overflow-x: inherit !important;
  overflow-y: inherit !important;
  padding-right: 0px !important;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .wishList-v2 .addtolist-wrapper .lableList {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: block;
  color: #000;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .wishList-v2 .showCreateList {
  color: #212934;
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .wishList-v2 .showCreateList .groupList li {
  padding: 16px 0 16px 10px !important;
  padding-left: 10px;
  color: #004E7D;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  border-bottom: 2px solid #D8D8D8;
  margin: 0px !important;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .wishList-v2 .showCreateList .groupList li:last-child {
  border: none;
}
@media (max-width: 767.98px) {
  .productCarousel .rec-carousel-wrapper .itemWrapper .wishList-v2 .showCreateList .groupList li {
    margin: 0 0 12px;
  }
}
.productCarousel .rec-carousel-wrapper .itemWrapper .wishList-v2 .showCreateList .groupList li:hover {
  background-color: #D8D8D8;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .wishList-v2 .flexDisplay span.desc {
  padding-left: 0px !important;
  padding-right: 12px;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .wishList-v2 .addListScroll {
  max-height: 118px;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .wishList-v2 .addListScroll .addList {
  flex-direction: column;
  align-items: flex-start;
  margin-top: 10px;
  margin-bottom: 5px;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .wishList-v2 .addListScroll .addList .MuiFormControl-marginNormal {
  margin: 0 0 15px;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .wishList-v2 .addListScroll .addList .MuiFormControl-marginNormal {
  width: 100%;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .wishList-v2 .addListScroll .addList .MuiOutlinedInput-input {
  padding: 10.5px 10px;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .wishList-v2 .addListScroll .addList .customBtn {
  height: 40px;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .wishList-v2 .addListScroll .addList .lableWishList {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 10px;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .wishList-v2 .displayList .icon {
  color: #71B946;
  display: contents;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .wishList-v2 .displayList span.descSave {
  padding-right: 12px !important;
  font-size: 14px;
  font-weight: 500;
  color: #004e7d;
}
@media (max-width: 767.98px) {
  .productCarousel .rec-carousel-wrapper .itemWrapper {
    width: 100%;
  }
}
@media (max-width: 767.98px) {
  .productCarousel .rec-carousel-wrapper .selectWrapper {
    align-items: start;
    margin-left: 1px;
  }
}
.productCarousel .rec-carousel-wrapper .rec-arrow {
  display: none;
}
@media (max-width: 767.98px) {
  .productCarousel .rec-carousel-wrapper .rec-arrow {
    display: block;
  }
}
@media (min-width: 768px) {
  .productCarousel .rec-carousel-wrapper .rec-arrow {
    display: block;
  }
}
.productCarousel .rec-carousel-wrapper .rec-carousel {
  position: relative;
  min-height: 540px;
}
@media (max-width: 767.98px) {
  .productCarousel .rec-carousel-wrapper .rec-carousel {
    min-height: auto;
  }
}
@media (min-width: 880px) {
  .productCarousel .rec-carousel-wrapper .rec-arrow {
    display: block;
    position: absolute;
    z-index: 1;
  }
}
@media (min-width: 880px) {
  .productCarousel .rec-carousel-wrapper .rec-arrow-left {
    left: 0;
  }
}
@media (min-width: 880px) {
  .productCarousel .rec-carousel-wrapper .rec-arrow-right {
    right: 0;
  }
}
@media (max-width: 767.98px) {
  .productCarousel .rec-carousel-wrapper .rec-pagination {
    display: none;
  }
}
@media (min-width: 768px) {
  .productCarousel {
    padding-bottom: 0;
  }
}

.productCarousel .rec-item-wrapper {
  width: auto;
  overflow: unset;
}
.productCarousel .rec-item-wrapper.eQpvzW {
  overflow: visible;
}
.rec-item-wrapper .contentMargin {
  margin-top: 0;
}

.rec-item-wrapper .tagsRow {
  padding: 0 16px 0 0;
}

.rect-item-wrapper .productSection {
  margin: 0;
}

.rec-slider-container {
  overflow-y: clip;
}

span.viewall_link {
  width: 150px;
  line-height: 36px;
  text-transform: capitalize;
}
@media (max-width: 767.98px) {
  span.viewall_link {
    line-height: 28px;
  }
}

.CarouselTitle {
  display: flex;
}
.CarouselTitle h3 {
  display: inline;
  padding-right: 20px;
}
.CarouselTitle .viewall_link a,
.CarouselTitle .viewall_link a:hover {
  color: #004e7d;
}

i.fa-duotone.fa-heart::after {
  color: #004e7d;
  opacity: 1;
}

.wrapper {
  display: flex;
  flex-direction: column;
}
.wrapper .productTileContainer {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: inherit;
}
.wrapper .productTileContainer .MuiTableContainer-root {
  overflow-x: inherit;
}
.wrapper .productTileContainer .fixed-list-nav {
  width: 100%;
  background: #fafafa;
  height: 34px;
  position: fixed;
  top: 0;
  left: 0;
  border-bottom: 1px solid #979797;
  z-index: 2;
  box-sizing: content-box;
}
@media (min-width: 768px) {
  .wrapper {
    flex-direction: row;
    flex-wrap: wrap;
    padding-left: 5px;
  }
}
@media (min-width: 1400px) {
  .wrapper {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .wrapper {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .wrapper {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .wrapper {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .wrapper {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
@media (min-device-width: 320px) and (max-device-width: 575.98px) {
  .wrapper {
    flex-direction: column;
    flex-wrap: wrap;
  }
}

.contentMargin {
  margin-top: 16px;
}
@media (max-width: 767.98px) {
  .contentMargin {
    padding-right: 0;
  }
}
@media (min-width: 768px) {
  .contentMargin {
    position: relative;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .contentMargin {
    max-width: 350px;
    position: relative;
  }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .contentMargin {
    max-width: 350px;
    position: relative;
  }
}
@media (min-width: 1400px) {
  .contentMargin {
    max-width: 350px;
    position: relative;
  }
}

#productContainer .tagsRow {
  margin: 16px 0;
  height: 30px;
  min-height: 30px;
  padding: 0 !important;
}

.rec-carousel-wrapper div#productContainer .tagSlack {
  /* margin: 0 !important; */
  height: 30px;
  min-height: 30px;
}

.tagsRow {
  padding: 16px 0;
  min-height: 62px;
}

.tags, .clearance, .new-arrival, .best-seller, .featured, .discounted, .exclusive, .blueTag, .orangeTag, .greenTag, .mediumGreyTag {
  border: none;
  display: inline-block;
  padding: 3px 16px;
  padding-right: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  text-align: center;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  height: 23px;
  color: #fff;
  background-position: right;
  font-size: 9px;
  background-color: unset;
}
@media (min-width: 1360px) {
  .tags, .clearance, .new-arrival, .best-seller, .featured, .discounted, .exclusive, .blueTag, .orangeTag, .greenTag, .mediumGreyTag {
    font-size: 9px;
    padding-left: 20px;
    padding-right: 24px;
  }
}

.rec-slider-container .tags, .rec-slider-container .clearance, .rec-slider-container .new-arrival, .rec-slider-container .best-seller, .rec-slider-container .featured, .rec-slider-container .discounted, .rec-slider-container .exclusive, .rec-slider-container .blueTag, .rec-slider-container .orangeTag, .rec-slider-container .greenTag, .rec-slider-container .mediumGreyTag {
  font-size: 9px;
  padding-left: 18px;
  padding-right: 22px;
}

.clearance {
  background-image: url('data:image/svg+xml;utf8,<svg width="175" height="30" viewBox="0 0 175 30" xmlns="http://www.w3.org/2000/svg"><path d="M175 0H4.05312e-06V30H159.084C160.665 30 162.098 29.0682 162.74 27.6227L175 0Z" fill="rgb(226,84,17)"/></svg>');
}

.new-arrival {
  background-image: url('data:image/svg+xml;uft8,<svg width="175" height="30" viewBox="0 0 175 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M175 0H4.05312e-06V30H159.084C160.665 30 162.098 29.0682 162.74 27.6227L175 0Z" fill="rgb(212,30,61)"/></svg>');
}

.best-seller {
  background-image: url('data:image/svg+xml;uft8,<svg width="175" height="30" viewBox="0 0 175 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M175 0H4.05312e-06V30H159.084C160.665 30 162.098 29.0682 162.74 27.6227L175 0Z" fill="rgb(216,159,2)"/></svg>');
}

.featured {
  background-image: url('data:image/svg+xml;uft8,<svg width="175" height="30" viewBox="0 0 175 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M175 0H4.05312e-06V30H159.084C160.665 30 162.098 29.0682 162.74 27.6227L175 0Z" fill="rgb(108,194,237)"/></svg>');
}

.discounted {
  background-image: url('data:image/svg+xml;uft8,<svg width="175" height="30" viewBox="0 0 175 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M175 0H4.05312e-06V30H159.084C160.665 30 162.098 29.0682 162.74 27.6227L175 0Z" fill="rgb(113,185,70)"/></svg>');
}

.exclusive {
  background-position: right;
  margin-right: -14px;
  position: relative;
  background-image: url('data:image/svg+xml;uft8,<svg width="175" height="30" viewBox="0 0 175 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M175 0H4.05312e-06V30H159.084C160.665 30 162.098 29.0682 162.74 27.6227L175 0Z" fill="rgb(0,45,80)"/></svg>');
}

.blueTag {
  color: #0198f3;
  border: 1.5px solid #0198f3;
}

.orangeTag {
  color: #e25411;
  border: 1.5px solid #e25411;
}

.greenTag {
  color: #4e832e;
  border: 1.5px solid #4e832e;
}

.mediumGreyTag {
  color: #7d7d7d;
  border: 1.5px solid #7d7d7d;
}

.flexDisplay {
  display: flex !important;
  align-items: center;
}
.flexDisplay .MuiRating-root {
  font-size: 20px;
}
.flexDisplay span.icon {
  height: 24px;
}
.flexDisplay span.desc {
  padding-left: 6px;
}

.fullWidth {
  width: auto;
}

.fullWidth:empty {
  padding: 0;
  margin: 0;
}

.fixedHeight24 {
  min-height: 52px;
  max-height: 52px;
}

.userRatings {
  font-size: 14px;
  color: #424c5b;
  line-height: 21px;
  margin: 2px 16px 0 8px;
  font-weight: 300;
}
@media (max-width: 767.98px) {
  .userRatings {
    margin: 0 1px;
  }
}

.alignItems {
  align-items: center;
}
@media (min-width: 768px) {
  .alignItems {
    display: none !important;
  }
}

.wishListIcon {
  color: #004e7d;
  width: 1.35em !important;
  height: 1.2em !important;
}

.productSection {
  margin: 0 0 16px 0;
  width: 100%;
}
.productSection .variantSwatch {
  padding: 8px 0 4px 0;
}
@media (max-width: 767.98px) {
  .productSection .description {
    width: 100%;
  }
}
.imageSection {
  width: 80%;
  margin-right: 16px;
}
@media (max-width: 767.98px) {
  .imageSection {
    position: relative !important;
    width: 100%;
    text-align: center;
  }
}
@media (min-width: 768px) {
  .imageSection {
    width: 100%;
    text-align: center;
  }
}
@media (max-width: 539.98px) {
  .imageSection {
    width: calc(40% - 20px);
    float: left;
    margin-bottom: 16px;
  }
  .imageSection img {
    width: 100%;
    height: auto;
  }
}

.tileCTAContainer::before {
  display: block;
  content: " ";
}

@media (max-width: 539.98px) {
  .tileDescContainer {
    width: 60% !important;
    float: right;
  }
}

.CTADivider {
  display: none;
}
@media (max-width: 539.98px) {
  .CTADivider {
    display: block;
    padding: 0;
    margin: 0;
    clear: both;
  }
}

.rec-item-wrapper .description p {
  min-height: 55px;
  max-height: 55px;
}

.description p {
  margin-bottom: 8px;
  font-size: 16px;
  color: #212934;
  font-weight: 400;
  min-height: 65px;
  line-height: 20px;
  max-height: 70px;
}
@media (min-width: 768px) {
  .description p {
    width: 90%;
  }
}
.description p.ellipsis {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.description section {
  margin-top: 0;
  margin-bottom: 0;
  align-items: center;
}
@media (min-width: 768px) {
  .description section {
    display: flex;
  }
}

.price {
  color: #212934;
  font-size: 26px;
  font-weight: 500;
  line-height: 26px;
  padding-top: 16px;
  display: inline-block;
}
.price h6:first-child {
  font-size: 26px;
  color: #212934;
  font-weight: 500;
  line-height: 26px;
}
.price span:first-child {
  color: #212934;
  font-size: 26px;
  font-weight: 500;
  line-height: 26px;
  padding-top: 0;
  display: inline-block;
}
.price span span {
  font-size: 12px;
}
.price .soldpkg {
  font-size: 14px;
  display: block;
  font-weight: 400;
  width: 100%;
  color: #212934;
}
.price .soldpkg span {
  font-size: 14px;
}
.price .soldpkg .bold {
  margin-left: 2px;
}
.price .callforpricing {
  font-size: 22px !important;
  font-weight: 500 !important;
  line-height: 26px !important;
}

span.seepriceincart {
  font-size: 20px !important;
  color: #004e7d !important;
}

.oldprice {
  margin-left: 8px;
  font-size: 14px;
  text-decoration: line-through;
  color: #bcbec0;
}
@media (min-width: 768px) {
  .oldprice {
    margin-top: 3px;
  }
}

.desktopOnly {
  display: none;
}
@media (min-width: 768px) {
  .desktopOnly {
    display: flex;
  }
  .desktopOnly .productAssets {
    display: none;
  }
  .desktopOnly .productColor {
    display: flex;
  }
}

.discountedPrice {
  color: #4e832e;
  font-size: 14px;
  padding-left: 10px;
  display: inline-block;
}
@media (min-width: 768px) {
  .discountedPrice {
    padding-left: 5px;
    line-height: 18px;
  }
}

.sameDayShipping {
  margin-top: 3px;
  font-size: 14px;
  color: #004e7d !important;
}

.shippingTag {
  color: #71b946 !important;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}

.frequentlyViewedProductList .shippingTag {
  align-items: flex-start;
}

.freeShipping {
  margin-top: 12px;
}
.freeShipping span {
  margin-left: 8px;
  color: #71b946 !important;
  font-weight: 500;
}
@media (max-width: 767.98px) {
  .freeShipping .freeShppingToolTip .priceinfopopup {
    left: -154px;
  }
}

.compareToolTip {
  margin: 0;
}
.compareToolTip .freeShppingToolTip {
  margin: 0;
}
@media (max-width: 767.98px) {
  .compareToolTip .fa-info-circle.freeShppingToolTip .MuiTypography-subtitle2,
.compareToolTip .fa-info-circle.ToolTip .MuiTypography-subtitle2 {
    left: inherit;
    z-index: 2;
    top: 25px !important;
  }
  .compareToolTip .fa-info-circle.freeShppingToolTip .MuiTypography-subtitle2::before,
.compareToolTip .fa-info-circle.ToolTip .MuiTypography-subtitle2::before {
    left: 163px !important;
  }
}

.quantity {
  max-width: 100px !important;
  margin-right: 16px !important;
}
.quantity .MuiSelect-outlined {
  margin-left: 16px !important;
}

.cartButton {
  width: 100%;
  max-height: 45px;
  background-color: #d41e3d !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  text-transform: none !important;
  border-radius: 8px;
}

.purchaseQty {
  margin-bottom: 0;
  color: #424c5b;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.divider {
  margin: 20px 0 !important;
}
@media (min-width: 768px) {
  .divider {
    margin: 30px 0 !important;
  }
}

.colorAvailable {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 2px solid #ffffff;
  display: inline-block;
  margin: 0 4px;
  cursor: pointer;
}

.reviewTiles .dv-star-rating {
  pointer-events: none;
}

#ratingOrderFeedback .dv-star-rating {
  pointer-events: all !important;
}

.productListWrapper .MuiTooltip-tooltip.MuiTooltip-tooltipPlacementTop, .productListWrapper .MuiTooltip-tooltip {
  background: none;
  padding: 0;
  position: relative;
}

.productCarousel .MuiTooltip-tooltip.MuiTooltip-tooltipPlacementTop, .productCarousel .MuiTooltip-tooltip, .productCarousel .MuiTooltip-tooltip.MuiTooltip-tooltipPlacementTop, .productCarousel div .MuiTooltip-tooltip.MuiTooltip-tooltipPlacementTop {
  background: none;
  padding: 0;
}

.reviewDesktopView {
  padding-right: 16px;
  margin-top: 16px;
  margin-bottom: 16px;
  display: flex !important;
  flex-direction: row;
  justify-content: space-between;
  height: 24px;
}

.toolTipWishList {
  position: inherit !important;
  width: 250px !important;
  margin-left: -75px;
  padding: 0 !important;
  background: #ffffff;
  display: block;
  box-sizing: border-box;
  font-size: 14px;
  border: 1px solid #dadada;
  border-radius: 3px;
  color: #212934;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.07);
  z-index: 12;
  right: 55px;
  cursor: pointer;
}
.toolTipWishList::before, .toolTipWishList::after {
  border-left: solid 10px transparent !important;
  border-right: solid 10px transparent !important;
  right: 16px;
  left: initial !important;
}
@media (max-width: 767.98px) {
  .toolTipWishList::before, .toolTipWishList::after {
    right: 30px;
    left: initial;
  }
}
.toolTipWishList::before {
  top: 0px !important;
  border-bottom: solid 10px #dadada !important;
}
.toolTipWishList::after {
  top: 1px !important;
  border-bottom: solid 10px #fff !important;
}
.toolTipWishList .addtolist-wrapper .addListClick {
  display: flex;
  justify-content: space-between;
  padding-bottom: 10px;
  border-bottom: 2px solid #D8D8D8;
  padding: 8px 16px;
}
.toolTipWishList .addtolist-wrapper .addListClick .lableList {
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  display: block;
  color: #212934;
}
.toolTipWishList .addtolist-wrapper .addListClick .flexDisplay span.desc {
  padding-left: 0px !important;
  padding-right: 4px;
  font-size: 14px;
  font-weight: 400;
  color: #004e7d;
}
.toolTipWishList .addtolist-wrapper .addButton {
  border-bottom: 2px solid #D8D8D8;
  padding: 0 16px 10px 16px;
}
.toolTipWishList .addtolist-wrapper .addButton .grayOutlinedButton {
  border: 1px solid #D8D8D8 !important;
  margin-right: 10px;
  color: #212934 !important;
}
.toolTipWishList .addtolist-wrapper .addButton .blueOutlinedButton {
  height: 35px;
}
.toolTipWishList .addtolist-wrapper .addButton .blueOutlinedButton .MuiButton-label {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.toolTipWishList .showCreateList .groupList li {
  padding: 11px 16px !important;
  color: #004E7D;
  font-size: 14px;
  font-weight: 300;
  line-height: 21px;
  border-bottom: 2px solid #D8D8D8;
  margin: 0px !important;
}
.toolTipWishList .showCreateList .groupList li:last-child {
  border: none;
}
@media (max-width: 767.98px) {
  .toolTipWishList .showCreateList .groupList li {
    margin: 0 0 12px;
  }
}
.toolTipWishList .showCreateList .groupList li:hover {
  background-color: #004e7d;
  color: #ffffff;
}
.toolTipWishList .flexDisplay.displayList {
  padding: 10px;
  font-weight: 400;
}
.toolTipWishList .addListScroll {
  max-height: 145px;
  overflow-x: hidden;
  overflow-y: auto;
  /* .displayList{
    justify-content: space-between;
  } */
}
.toolTipWishList .addListScroll .addList {
  flex-direction: column;
  align-items: flex-start !important;
  padding: 0 16px;
  margin-top: 10px;
  margin-bottom: 10px;
}
@media (max-width: 767.98px) {
  .toolTipWishList .addListScroll .addList {
    margin: 10px 0 12px;
  }
}
.toolTipWishList .addListScroll .addList .MuiFormControl-marginNormal {
  width: 100%;
  margin: 0;
}
.toolTipWishList .addListScroll .addList .MuiInputBase-root {
  border: 1px solid #DADADA;
}
.toolTipWishList .addListScroll .addList .MuiOutlinedInput-input {
  padding: 7.5px 10px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 300;
  color: #424C5B;
}
.toolTipWishList .addListScroll .addList .customBtn {
  height: 40px;
}
.toolTipWishList .addListScroll .addList .lableWishList {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 10px;
  color: #212934;
}
.toolTipWishList .MuiTooltip-tooltip {
  background: none;
  padding: 0;
}

.fa-duotone::before, .fa-duotone::after {
  content: "" !important;
}

.MuiTooltip-tooltipArrow .MuiTooltip-arrow {
  width: 20px;
  height: 20px;
  margin: 0;
  color: #dadada;
  z-index: 20;
  overflow: hidden;
  position: absolute;
  box-sizing: border-box;
}
.MuiTooltip-tooltipArrow .MuiTooltip-arrow::before {
  width: 100%;
  height: 100%;
  margin: auto;
  content: "";
  display: block;
  transform: rotate(45deg);
  background-color: currentColor;
}
.MuiTooltip-tooltipArrow .MuiTooltip-arrow::after {
  position: absolute;
  width: 17px;
  height: 14px;
  content: "";
  display: block;
  background-color: #fff;
  transform: rotate(45deg);
  top: 0;
  margin-top: -10px;
}

.MuiTooltip-popperArrow[x-placement*=top] .MuiTooltip-arrow {
  margin-bottom: -19px;
}
.MuiTooltip-popperArrow[x-placement*=top] .MuiTooltip-arrow::before {
  margin-top: -14px;
  margin-left: -1px;
  transform-origin: initial;
}

.MuiTooltip-popperArrow[x-placement*=bottom] .MuiTooltip-arrow {
  margin-top: -19px;
  top: 0;
}
.MuiTooltip-popperArrow[x-placement*=bottom] .MuiTooltip-arrow::before {
  margin-top: 4px;
  margin-left: -5px;
  transform-origin: 0 100%;
}
.MuiTooltip-popperArrow[x-placement*=bottom] .MuiTooltip-arrow::after {
  margin-top: 15px;
  margin-left: 2px;
}

.accountWishList .MuiTooltip-tooltip, .addListIcone .MuiTooltip-tooltip, .wishListWrapper .MuiTooltip-tooltip {
  background: none;
  padding: 0;
  margin: 14px 0;
  position: relative;
}
.accountWishList .MuiTooltip-popper, .addListIcone .MuiTooltip-popper, .wishListWrapper .MuiTooltip-popper {
  z-index: 1;
}

.accountWishList .accountPopup {
  display: block;
  box-sizing: border-box;
  font-size: 14px;
  padding: 16px;
  width: 211px;
  border: 1px solid #dadada;
  border-radius: 3px;
  background-color: #ffffff;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.07);
  position: absolute;
  z-index: 12;
  right: 55px;
  cursor: pointer;
  /* &::before,
  &::after {
    content: "";
    width: 0;
    height: 0;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    border-left: solid 8px transparent;
    border-right: solid 8px transparent;
    position: absolute;
    left: 176px;

    @include for-phone-only {
      right: 32px;
      left: initial;
    }
  }

  &::before {
    top: -8px;
    border-bottom: solid 6px #dadada;
  }

  &::after {
    top: -7px;
    border-bottom: solid 8px #fff;
  } */
}
.accountWishList .accountPopup::before, .accountWishList .accountPopup::after {
  content: none !important;
}
.accountWishList .accountPopup .showCreateList .groupList li {
  margin: 0 0 16px;
}
@media (max-width: 767.98px) {
  .accountWishList .accountPopup .showCreateList .groupList li {
    margin: 0 0 12px;
  }
}
.accountWishList .accountPopup .flexDisplay .fal {
  font-size: 24px;
  font-weight: 300;
  color: #004e7d;
}
.accountWishList .accountPopup .flexDisplay .fal.fa-plus {
  width: 10px;
  height: 10px;
}
.accountWishList .accountPopup .flexDisplay span.desc {
  padding-left: 12px;
  font-size: 14px;
  font-weight: 400;
  color: #004e7d;
}
.accountWishList .accountPopup .displayList {
  justify-content: space-around;
  padding: 16px;
}
.accountWishList .accountPopup .displayList .icon {
  color: #71b946;
  display: contents;
  margin-right: 8px;
}
.accountWishList .accountPopup .displayList span.descSave {
  padding-left: 6px;
  font-size: 14px;
  font-weight: 500;
  color: #004e7d;
}
.accountWishList .accountPopup .addList {
  margin: 10px 0;
}
.accountWishList .accountPopup .addList .MuiFormControl-marginNormal {
  width: 100%;
}
.accountWishList .accountPopup .addList .MuiOutlinedInput-input {
  padding: 7px 10px;
  text-align: center;
}
.accountWishList .accountPopup .addList .customBtn {
  height: 40px;
}

.wishList-v2 {
  width: 250px !important;
  margin-top: 15px;
}
.wishList-v2::before, .wishList-v2::after {
  border-left: solid 10px transparent !important;
  border-right: solid 10px transparent !important;
  right: 10px;
  left: initial !important;
}
@media (max-width: 767.98px) {
  .wishList-v2::before, .wishList-v2::after {
    right: 30px;
    left: initial;
  }
}
.wishList-v2::before {
  top: -11px !important;
  border-bottom: solid 10px #dadada !important;
}
.wishList-v2::after {
  top: -9px !important;
  border-bottom: solid 10px #fff !important;
}
.wishList-v2 .addtolist-wrapper .addListClick {
  display: flex;
  justify-content: space-between;
  padding-bottom: 10px;
  border-bottom: 2px solid #D8D8D8;
}
.wishList-v2 .addtolist-wrapper .addListClick .lableList {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: block;
  color: #000;
}
.wishList-v2 .addtolist-wrapper .addButton {
  padding-bottom: 20px;
  border-bottom: 2px solid #D8D8D8;
}
.wishList-v2 .addtolist-wrapper .addButton .grayOutlinedButton {
  border: 1px solid #D8D8D8 !important;
}
.wishList-v2 .addtolist-wrapper .addButton .blueOutlinedButton {
  margin-right: 10px;
  height: 35px;
}
.wishList-v2 .addtolist-wrapper .addButton .blueOutlinedButton .MuiButton-label {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.wishList-v2 .showCreateList .groupList li {
  padding: 16px 0 16px 10px !important;
  padding-left: 10px;
  color: #004E7D;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  border-bottom: 2px solid #D8D8D8;
  margin: 0px !important;
}
.wishList-v2 .showCreateList .groupList li:last-child {
  border: none;
}
@media (max-width: 767.98px) {
  .wishList-v2 .showCreateList .groupList li {
    margin: 0 0 12px;
  }
}
.wishList-v2 .showCreateList .groupList li:hover {
  background-color: #D8D8D8;
}
.wishList-v2 .addListScroll {
  max-height: 145px;
  overflow-x: hidden;
  overflow-y: auto;
  /* .displayList{
    justify-content: space-between;
  } */
}
.wishList-v2 .addListScroll .addList {
  flex-direction: column;
  align-items: flex-start;
  margin-top: 10px;
  margin-bottom: 10px;
}
@media (max-width: 767.98px) {
  .wishList-v2 .addListScroll .addList {
    margin: 0 0 12px;
  }
}
.wishList-v2 .addListScroll .addList .MuiFormControl-marginNormal {
  width: 100%;
  margin-bottom: 15px;
  margin-top: 0px;
}
.wishList-v2 .addListScroll .addList .MuiInputBase-root {
  border: 1px solid #808080;
}
.wishList-v2 .addListScroll .addList .MuiOutlinedInput-input {
  padding: 7.5px 10px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 300;
  color: #424C5B;
}
.wishList-v2 .addListScroll .addList .customBtn {
  height: 40px;
}
.wishList-v2 .addListScroll .addList .lableWishList {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 10px;
  color: #000;
}

.outOfStock {
  background-color: #f7c2cb !important;
}

.variantSwatch {
  padding: 15px 0 0 0;
  min-height: 28px;
  /*align-items: flex-start; */
}

.compareProduct .MuiCheckbox-colorSecondary.Mui-checked {
  color: #d41e3d;
  padding-right: 0;
}
.compareProduct .MuiCheckbox-root {
  padding: 0;
}

.compareText {
  font-size: 14px;
  color: #424c5b;
  margin-left: 4px;
}

.flexNote {
  display: flex;
  flex-direction: row;
  margin-top: 8px;
}

.autocomplete {
  margin-right: 8px;
}
.autocomplete .MuiFormControl-marginNormal {
  margin: 0;
}

.dv-star-rating {
  display: flex !important;
  font-size: 20px;
  flex-direction: row-reverse;
  /*@include for-tablet-portrait-up {
    display: inline-block !important;
  }*/
}

.autoCompleteBox {
  text-align: center;
  margin-right: 8px;
  box-sizing: border-box;
  height: 48px;
  width: 76px;
  border: 1px solid #424c5b;
  border-radius: 4px;
  background-color: #ffffff;
  color: #424c5b;
  font-family: Kanit;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 24px;
}

.iconAdornment {
  position: absolute;
  left: 48px;
  top: 12px;
}

.selectWrapper {
  position: relative;
  align-items: center !important;
}

.error {
  margin-top: 16px;
  color: #d41e3d;
  font-size: 14px;
}

.productTags {
  border-radius: 2px;
  display: flex;
  align-items: center;
  height: 24px;
  justify-content: center;
  width: 140px;
}

.closeIcon {
  position: absolute;
  right: 10px;
  top: -8px;
  fill: #6a7681 !important;
  cursor: pointer;
}

@media (max-width: 767.98px) {
  .tagSlack {
    display: flex;
    flex-shrink: 0;
    align-items: center;
  }
  .tagSlack.tagsRow:empty {
    min-height: 20px;
    padding: 0;
  }
  .pdpDetailPage .tagSlack {
    flex-wrap: wrap;
  }
  .pdpDetailPage .tagSlack.tagsRow span {
    overflow: hidden;
  }
}

.tagSlack .productTags {
  height: 18px;
  font-size: 11.5px;
  margin-top: 0;
}
.tagSlack .productTags:first-child {
  margin-bottom: 4px;
}

.dv-star-rating-star {
  font-size: 16px;
  font-weight: 600;
  padding-right: 4px;
}

.rec-carousel-wrapper .heroAttributeSection {
  min-height: unset;
}

.heroAttributeSection {
  padding: 15px 0 25px 0;
  /*min-height: 150px;*/
  display: flex;
  flex-direction: column;
}
@media (max-width: 767.98px) {
  .heroAttributeSection {
    padding: 15px 0 16px 0;
  }
}
.heroAttributeSection .heroRow {
  width: 100%;
  display: flex;
}
.heroAttributeSection .heroRow p {
  min-height: auto !important;
  width: 100%;
  color: #212934;
  line-height: 14px;
  padding: 3px 0px;
}
.heroAttributeSection .heroRow p:first-child {
  font-weight: 500;
  font-size: 14px;
  width: 60%;
  overflow: hidden;
}
@media (max-width: 767.98px) {
  .heroAttributeSection .heroRow p:first-child {
    padding-right: 20px;
    width: 50%;
  }
}
.heroAttributeSection .heroRow p:last-child {
  text-align: left;
  font-weight: 300;
  font-size: 14px;
  width: 50%;
}

.rec-carousel-item .productSection {
  margin-top: 0;
  margin-bottom: 0;
}
.rec-carousel-item .description p {
  font-size: 14px;
  line-height: 18px;
}
.rec-carousel-item section {
  position: relative;
}
.rec-carousel-item section .price {
  font-size: 22px;
  font-weight: 600;
  line-height: 26px;
  padding-top: 16px;
}
.rec-carousel-item section .price .soldpkg {
  font-size: 14px;
  display: block;
  font-weight: 400;
  width: 100%;
  color: #646d7b;
}
.rec-carousel-item section .price .soldpkg span {
  font-size: 14px;
}
.rec-carousel-item section .price .soldpkg .bold {
  margin-left: 2px;
}

.colorswatch {
  display: flex;
  padding: 2px;
}
.colorswatch span.title {
  display: none;
}
.colorswatch.activeColorVariant {
  padding: 0;
}
.colorswatch.activeColorVariant > span {
  border: 5px white;
  border-style: double;
  box-sizing: content-box;
}
.colorswatch.activeColorVariant > span.whiteColorvariant {
  border: 5px grey;
  border-style: double;
  box-sizing: content-box;
}
.colorswatch.activeColorVariant > span.undefinedColor {
  border-color: #212934;
}
.colorswatch.activeColorVariant > span.undefinedColor::before {
  content: " x ";
  display: block;
  text-align: center;
  margin: -1px auto 0;
  font-size: 12px;
  font-weight: 400;
}

.showMoreVariants {
  cursor: pointer;
  margin-left: 10px;
}
.showMoreVariants span {
  color: #004e7d;
  font-size: 14px;
  font-weight: 600;
}
.showMoreVariants .ColorVariants {
  box-shadow: 0px 4px 6px 2px rgba(0, 0, 0, 0.15);
  min-width: 150px;
  margin-top: 7px;
  position: absolute;
  background: #fff;
  padding: 4px 12px;
  z-index: 9;
}
.showMoreVariants .ColorVariants .title {
  font-size: 14px;
}
.showMoreVariants .ColorVariants:before {
  content: "";
  position: absolute;
  width: 0;
  top: 0;
  height: 0;
  margin-left: -0.5em;
  bottom: -2em;
  left: 40%;
  box-sizing: border-box;
  border: 0.6em solid black;
  border-color: transparent transparent #fff #fff;
  transform-origin: 0 0;
  transform: rotate(135deg);
  box-shadow: -2px 1px 2px 0 rgba(0, 0, 0, 0.1);
}
.showMoreVariants .colorswatch {
  display: flex;
  align-items: center;
  cursor: pointer;
  border-bottom: 1px solid #bcbec0;
  padding: 5px 0;
}
.showMoreVariants .colorswatch span {
  margin: 0 5px 0 5px !important;
  display: flex;
  padding: 0 !important;
}
.showMoreVariants .colorswatch span.undefinedColor {
  border: 1px solid #212934;
}
.showMoreVariants .colorswatch span.undefinedColor::before {
  content: " x ";
  display: block;
  text-align: center;
  margin: -1px auto 0;
  font-size: 12px;
  font-weight: 400;
}
.showMoreVariants .colorswatch span.title {
  padding-left: 0;
}
.showMoreVariants .colorswatch.activeColorVariant > span {
  margin: 0;
}
.showMoreVariants .colorswatch:last-child {
  border: none;
}

.productAddonsSection .MuiPaper-root {
  overflow: visible;
}

.frequentlyViewedProductList .contentMargin {
  padding: 0;
  margin: 0 !important;
}
.frequentlyViewedProductList .itemWrapper.flexDisplay {
  position: relative;
  width: 234px;
}
.frequentlyViewedProductList .itemWrapper h4 {
  position: absolute;
  top: 110px;
  right: 0;
  font-size: 48px;
  font-weight: 200;
}
@media (max-width: 767.98px) {
  .frequentlyViewedProductList .itemWrapper h4 {
    top: 35px;
  }
}

.totalCartSumPaper {
  width: 300px !important;
}

.rec-item-wrapper .outOfStockBlock .MuiBox-root,
.rec-item-wrapper .outOfStockBlock button,
.rec-item-wrapper .outOfStockBlock input[type=text] {
  font-size: 10px;
}

.outOfStockBlock {
  padding-bottom: 0;
  min-height: 70px;
}
.outOfStockBlock .MuiBox-root {
  border-radius: 4px;
  border-color: #c9c9c9;
  /* display: block; */
  padding: 10px 0;
  display: block;
  height: auto;
}
@media (max-width: 767.98px) {
  .outOfStockBlock .MuiBox-root {
    width: 100%;
  }
}
.outOfStockBlock .MuiTypography-caption {
  font-size: 11px;
  padding: 0;
  line-height: unset;
  margin: 0;
  letter-spacing: normal;
}
.outOfStockBlock .MuiGrid-item {
  padding: 0 !important;
}
@media (max-width: 767.98px) {
  .outOfStockBlock .MuiGrid-item {
    max-width: 100% !important;
    flex-basis: 100% !important;
    line-height: 1;
  }
  .outOfStockBlock .MuiGrid-item button {
    margin: 6px 0 4px !important;
  }
  .outOfStockBlock .MuiGrid-item .MuiTypography-caption {
    line-height: 1;
  }
}
.outOfStockBlock .MuiGrid-item.MuiGrid-grid-xs-8 {
  padding-right: 10px !important;
}
@media (max-width: 767.98px) {
  .outOfStockBlock .MuiGrid-item.MuiGrid-grid-xs-8 {
    padding-right: 0 !important;
    max-width: 100% !important;
    flex-basis: 100% !important;
  }
}
.outOfStockBlock .MuiFormControl-marginNormal {
  margin-top: 0;
}
.outOfStockBlock .outOfStockBlock .MuiFormControl-marginNormal {
  margin-top: 2px;
}
.outOfStockBlock .outOfStockBlock .MuiGrid-root.MuiGrid-item:nth-child(2) {
  padding-right: 10px;
}
.outOfStockBlock input[type=text] {
  padding: 10px;
  margin: 0;
  max-height: 28px;
  font-size: 11px;
}
.outOfStockBlock button {
  margin-top: 0 !important;
  max-height: 34px;
  /* height: 26px; */
  font-size: 11px !important;
  border-radius: 4px !important;
  padding: 0 10px;
  min-width: auto;
  /* line-height: 26px; */
  font-weight: normal !important;
  border-width: 1px !important;
}
.outOfStockBlock button span.MuiButton-label {
  text-transform: capitalize;
}

.productDetailsSection .sameDayShipping {
  margin-bottom: 2px;
  font-size: 15px;
  font-weight: 500 !important;
}

.productDetailsSection .variantSwatch.flexDisplay h5 {
  padding-right: 10px;
}

.Items-Recommended {
  display: flex;
  width: 100%;
  flex-direction: row;
  margin: 0 auto;
  max-width: 989px;
  padding: 0 0 12px 0;
}
@media (max-width: 767.98px) {
  .Items-Recommended .userRatings {
    display: block !important;
  }
}
@media (max-width: 767.98px) {
  .Items-Recommended .flexDisplay {
    display: block !important;
  }
}
@media (max-width: 767.98px) {
  .Items-Recommended .tags, .Items-Recommended .clearance, .Items-Recommended .new-arrival, .Items-Recommended .best-seller, .Items-Recommended .featured, .Items-Recommended .discounted, .Items-Recommended .exclusive,
.Items-Recommended .mediumGreyTag,
.Items-Recommended .greenTag,
.Items-Recommended .orangeTag,
.Items-Recommended .blueTag {
    margin-bottom: 0;
  }
}
.Items-Recommended .fixedHeight24 {
  height: unset;
}
@media (max-width: 767.98px) {
  .Items-Recommended .fixedHeight24 {
    min-height: unset;
  }
}
.Items-Recommended .productSection {
  display: block;
}
.Items-Recommended .productViews {
  display: flex !important;
  flex-wrap: wrap;
  width: 100%;
  flex-direction: column;
}
.Items-Recommended #productContainer {
  display: block;
  width: 100% !important;
  max-width: auto;
}
.Items-Recommended .productCarousel .productSection {
  flex-direction: row;
}
.Items-Recommended .itemWrapper {
  width: calc(50% - 20px);
  margin-right: 20px;
}
.Items-Recommended .itemWrapper > .flexDisplay {
  display: none !important;
}
.Items-Recommended .contentMargin {
  margin: 0;
  max-width: unset;
}
.Items-Recommended .imageSection {
  display: block;
  width: 50% !important;
  float: left;
  padding: 0;
  margin: 0;
}
@media (max-width: 767.98px) {
  .Items-Recommended .imageSection {
    width: 100% !important;
  }
}
.Items-Recommended .productSection .reviewDesktopView {
  width: 50%;
  float: right;
  margin: 16px 0 0 0;
  padding: 0 16px 0 0;
  height: unset;
}
@media (max-width: 767.98px) {
  .Items-Recommended .productSection .reviewDesktopView {
    display: none !important;
  }
}
.Items-Recommended .reviewDesktopView div {
  display: inline-block;
}
.Items-Recommended .heroAttributeSection {
  display: none;
}
.Items-Recommended .description {
  display: block;
  width: 50%;
  float: right;
}
@media (max-width: 767.98px) {
  .Items-Recommended .description {
    width: 100%;
    float: unset;
  }
}
@media (max-width: 767.98px) {
  .Items-Recommended .selectWrapper .MuiButtonBase-root {
    width: 100% !important;
  }
}

.itemkeyDetails .prod-itemkey-num {
  padding: 16px 0 0 0;
  font-size: 14px;
  cursor: text;
  user-select: text;
}

div#productContainer {
  margin-right: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  div#productContainer {
    max-height: 764px;
  }
}
div#productContainer .price {
  padding-top: 0;
}
div#productContainer .price span:first-child {
  order: 2;
}
div#productContainer .price span:first-child:not(.bold),
div#productContainer .price .oldprice {
  margin-top: 16px;
}
div#productContainer .price .oldprice {
  order: 3;
}
div#productContainer .price .soldpkg {
  order: 1;
  margin-top: 8px;
}
div#productContainer .purchaseQty {
  line-height: 1;
}

.rec-carousel-wrapper .rec-item-wrapper .itemWrapper {
  width: 100%;
}
.rec-carousel-wrapper div#productContainer {
  max-height: unset;
  border: none;
  padding-right: 20px;
}
@media screen and (max-width: 452px) {
  .rec-carousel-wrapper div#productContainer {
    padding-right: 0;
  }
}

.promoTitle {
  color: #212934;
  font-size: 16px;
  line-height: 24px;
}

.promoSection {
  max-width: 325px;
  width: 100%;
  margin-top: 8px;
}
.promoSection .MuiInputBase-root {
  height: 50px;
}
.promoSection .MuiFormControl-root {
  margin: 0 8px 0 0;
  align-self: flex-start;
}
.promoSection .MuiOutlinedInput-input {
  padding: 14px;
  color: #212934;
  font-size: 16px;
  line-height: 1;
}
.promoSection .blueOutlinedButton {
  border-radius: 4px;
  padding: 11px;
  font-size: 16px;
  align-self: flex-start;
}
.promoSection .noOutlinedButton {
  color: #004e7d !important;
  border-radius: 4px;
  padding: 11px;
  font-size: 16px;
  align-self: flex-start;
}
.promoSection p.Mui-error {
  margin-top: 6px;
  /*font-size: 16px;  
  font-weight: 400;    
  color: $red;*/
}
.promoSection .promo-applied {
  border: 1px solid #bcbec0;
  border-radius: 4px;
  padding: 10px;
  height: 50px;
  max-width: 205px;
  width: 100%;
  display: flex;
}
.promoSection .promo-applied > * {
  align-self: center;
}
.promoSection .promo-applied .fas {
  font-size: 24px;
  font-weight: 300 !important;
  color: #71b946;
  margin-right: 6px;
}
.promoSection .promo-applied span {
  font-size: 16px;
  font-weight: 300;
  color: #71b946;
  line-height: 1.2;
}

.checkoutBtn {
  margin-top: 32px;
}

.master-lock {
  width: 100%;
  background: #f3f3f3;
  border-radius: 4px;
  padding: 16px;
  margin: 0 0 16px;
}
.master-lock.alignTop {
  align-items: flex-start !important;
}
.master-lock .MuiOutlinedInput-input {
  padding: 12px 12px !important;
  min-height: 16px !important;
  line-height: 16px !important;
  font-size: 14px !important;
  background-color: #ffffff;
  border-radius: 4px;
}
.master-lock .MuiFormControl-root {
  margin: 0;
  max-width: 68px;
  width: 100%;
}
.master-lock label {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #212934 !important;
  line-height: 1 !important;
  margin: 0 6px 0 0 !important;
  padding: 0 !important;
  text-transform: capitalize !important;
}

.prodSpec .master-lock {
  width: calc(100% - 16px);
}

.productDetailsSection .master-lock {
  margin-bottom: 24px;
}
.productDetailsSection .master-lock .link {
  margin: 0 0 0 6px;
}

.lockerLock {
  flex-direction: row;
  align-items: baseline;
  max-width: 138px;
  width: 100%;
  margin-right: 24px;
}
.lockerLock .selectBox {
  margin: 0 !important;
  max-width: 138px;
  width: 100%;
  height: 42px;
}
.lockerLock .drop-down-list .MuiOutlinedInput-input {
  padding: 12px 12px !important;
  min-height: 16px !important;
  line-height: 16px !important;
  font-size: 14px !important;
  background-color: #ffffff;
  border-radius: 4px;
}
.lockerLock .MuiFormControl-marginNormal {
  margin: 0;
}

.CTABlockAddtoCart {
  align-items: flex-start !important;
}

.MuiGrid-root.MuiGrid-item:nth-child(1) {
  line-height: 11px;
  padding-bottom: 6px !important;
}

.outOfStockBlock .MuiGrid-spacing-xs-1 {
  margin: 0;
  width: 100%;
}

.reviewDesktopView .fa-heart {
  display: -webkit-box;
  min-width: auto;
  cursor: pointer;
}
.reviewDesktopView .fa-heart::before {
  content: "";
}

.outOfStockOverlay {
  border: 1px solid #f0e0e2;
  border-radius: 4px;
  text-align: center;
  width: 100%;
  position: absolute;
  padding: 10px 0;
  color: #d41e3d;
  font-size: 16px;
  top: 32%;
  line-height: 16px;
  font-weight: normal;
  background-color: rgba(255, 255, 255, 0.8);
}

.rec-item-wrapper .outOfStockOverlay {
  width: 250px;
  font-weight: normal;
  font-size: 14px;
}

.tileContainer {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}

.tileDescContainer p.ellipsis {
  min-height: 48px;
  word-break: break-word;
  color: #212934;
}

.frequencyWrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 16px;
}
.frequencyWrapper .autoReorderCheckbox {
  margin-right: 8px;
}
@media (max-width: 767.98px) {
  .frequencyWrapper .autoReorderCheckbox > span {
    padding-left: 0;
  }
}
@media (max-width: 800px) {
  .frequencyWrapper .autoReorderCheckbox {
    width: 145px;
  }
}
.frequencyWrapper .freqTitle {
  width: 293px;
  flex-direction: row;
  align-items: center;
}
@media (max-width: 800px) {
  .frequencyWrapper .freqTitle {
    width: calc(100% - 215px);
  }
}
.frequencyWrapper .tooltipBox {
  margin-left: 11px;
  margin-right: 0;
}
.frequencyWrapper .drop-down-list {
  width: 100%;
}
@media (max-width: 767.98px) {
  .frequencyWrapper .drop-down-list .MuiInputBase-input.Mui-disabled,
.frequencyWrapper .drop-down-list .MuiInputBase-root.Mui-disabled {
    height: auto;
  }
}
@media (max-width: 767.98px) {
  .frequencyWrapper .MuiTypography-root {
    font-size: 14px;
  }
  .frequencyWrapper .tooltipBox {
    margin-left: 6px;
    margin-right: 0px;
  }
}
.frequencyWrapper .MuiSvgIcon-root {
  color: #004e7d;
}

.modalContainer .frequencyWrapper {
  padding: 32px 32px 0;
}
@media (max-width: 767.98px) {
  .modalContainer .frequencyWrapper {
    padding: 32px 16px 0 32px;
  }
  .modalContainer .frequencyWrapper .tooltip {
    right: 10px;
  }
}
.modalContainer .frequencyWrapper .MuiSvgIcon-root {
  color: #004e7d;
}

.frequencyWrapper .cartMode.auto-reorder-toolTip.tooltipBox .tooltip {
  top: 30px;
  left: auto;
  right: -20px;
}
.frequencyWrapper .cartMode.auto-reorder-toolTip.tooltipBox .tooltip::before {
  left: auto;
  right: 21px;
}
@media (max-width: 767.98px) {
  .frequencyWrapper .cartMode.auto-reorder-toolTip.tooltipBox .tooltip::before {
    right: 10px;
  }
}
@media (max-width: 767.98px) {
  .frequencyWrapper .cartMode.auto-reorder-toolTip.tooltipBox .tooltip {
    width: 86vw;
    margin: 0;
    z-index: 2;
    padding: 10px;
    right: -8px;
    left: auto;
  }
}

.addPaymentForm input[type=text],
.addPaymentForm input[type=password],
.addAddressForm input[type=text],
.addAddressForm input[type=password] {
  padding: 14px 12px;
  min-height: 50px;
  color: #212934;
  font-size: 15px;
  font-weight: 300;
  line-height: 17px;
  box-sizing: border-box;
}

.viewsharedcart .pageNav.spaceBetween {
  align-items: flex-start;
}
@media (max-width: 767.98px) {
  .viewsharedcart .pageNav.spaceBetween {
    flex-direction: column;
  }
}

.productCarousel .discountedPrice {
  padding-left: 0;
  line-height: 1;
  display: block;
  margin-bottom: 6px;
}
.productCarousel .price,
.productCarousel .price > div {
  display: flex;
  flex-wrap: wrap;
}
.productCarousel .oldprice {
  margin: 2px 0 2px 6px;
  font-weight: 400;
}
.productCarousel .freeShipping .d-inline.cursor-p {
  margin-left: 6px;
}
.productCarousel .freeShipping .d-inline.cursor-p .fa-info-circle.freeShppingToolTip {
  padding: 0 6px;
  margin: -2px 0 0 6px;
}
.productCarousel .soldpkg {
  line-height: 1;
  margin-bottom: 6px;
}
.productCarousel .soldpkg .bold {
  line-height: 1;
}
@media (max-width: 539.98px) {
  .productCarousel .imageSection img {
    width: unset;
    height: unset;
  }
}
.productCarousel .tileDescContainer {
  width: 100% !important;
}
.productCarousel .wishListWrapper {
  width: 37px;
}
.productCarousel div,
.productCarousel div:focus {
  outline: 0;
}

.recently-viewed-products {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  width: 100%;
}
.recently-viewed-products h3 {
  width: 100%;
  margin-top: 20px;
}

.Items-Recommended .tileCTAContainer::before {
  clear: both;
}
.Items-Recommended .tileCTAContainer {
  width: 50%;
  float: right;
}
.Items-Recommended .shippingWrapper {
  width: 52%;
  float: right;
  margin-right: -2% !important;
}
.Items-Recommended .reviewTiles {
  display: flex !important;
  padding-bottom: 16px;
}
.Items-Recommended section.flexNote {
  clear: both;
  display: block;
  width: 50%;
  float: right;
}
.Items-Recommended .shippingWrapper,
.Items-Recommended .discountedPrice {
  margin-left: 50% !important;
}
.Items-Recommended .PriceSavingSection {
  clear: both;
  display: block;
  width: 100%;
}
.Items-Recommended .PriceSavingSection .price {
  float: right;
  width: 50%;
  padding-top: 10px;
}
.Items-Recommended .sameDayShipping {
  clear: both;
}
.Items-Recommended .productSection::after {
  clear: both;
  display: block;
  content: " ";
}
.Items-Recommended .sameDayShipping {
  clear: both;
  width: 50%;
  float: right;
}
.Items-Recommended .sameDayShipping .sameDayShipping {
  width: 100%;
}
.Items-Recommended div#productContainer {
  border: none;
}
.Items-Recommended .productSection {
  margin-bottom: 0;
}
.Items-Recommended .tileDescContainer {
  float: right;
  width: 50% !important;
  display: block;
}
.Items-Recommended .itemkeyDetails {
  width: 100%;
}
.Items-Recommended .reviewDesktopView {
  width: auto !important;
  float: unset !important;
}
.Items-Recommended .reviewTiles {
  float: left;
}
.Items-Recommended .CTABlockAddtoCart {
  width: 100%;
}
.Items-Recommended .variantSwatch.flexDisplay {
  float: right !important;
  width: 50% !important;
  clear: both;
}

@media (max-width: 767.98px) {
  .modalContainer {
    transform: none;
    width: 100%;
  }

  .mask {
    background: #212934;
    opacity: 0.5;
    height: 100vh;
    z-index: 100;
  }

  .MuiPopover-root > div:first-child {
    background-color: rgba(33, 41, 52, 0.75) !important;
  }

  .overlay-popup-bottom,
.MuiMenu-paper {
    top: auto !important;
    bottom: 0;
    width: 100%;
    max-width: 100% !important;
    max-height: 100% !important;
    left: 0 !important;
    border-radius: 4px 4px 0 0 !important;
  }
  .overlay-popup-bottom .MuiMenu-list.MuiList-padding,
.overlay-popup-bottom .MuiList-padding,
.MuiMenu-paper .MuiMenu-list.MuiList-padding,
.MuiMenu-paper .MuiList-padding {
    padding: 0 !important;
    width: 100%;
    max-width: none;
    max-height: 65vh;
  }
  .overlay-popup-bottom li,
.overlay-popup-bottom .MuiListItem-gutters.dropdown-menu,
.MuiMenu-paper li,
.MuiMenu-paper .MuiListItem-gutters.dropdown-menu {
    min-height: auto;
    line-height: 1;
    padding: 6px 24px !important;
  }
  .overlay-popup-bottom li .MuiListItem-gutters,
.overlay-popup-bottom .MuiListItem-gutters.dropdown-menu .MuiListItem-gutters,
.MuiMenu-paper li .MuiListItem-gutters,
.MuiMenu-paper .MuiListItem-gutters.dropdown-menu .MuiListItem-gutters {
    padding: 0;
  }
  .overlay-popup-bottom li .MuiIconButton-root,
.overlay-popup-bottom .MuiListItem-gutters.dropdown-menu .MuiIconButton-root,
.MuiMenu-paper li .MuiIconButton-root,
.MuiMenu-paper .MuiListItem-gutters.dropdown-menu .MuiIconButton-root {
    padding: 0 9px 0 0;
  }
  .overlay-popup-bottom li:first-of-type,
.overlay-popup-bottom .MuiListItem-gutters.dropdown-menu:first-of-type,
.MuiMenu-paper li:first-of-type,
.MuiMenu-paper .MuiListItem-gutters.dropdown-menu:first-of-type {
    margin-top: 10px;
  }
  .overlay-popup-bottom li:last-of-type,
.overlay-popup-bottom .MuiListItem-gutters.dropdown-menu:last-of-type,
.MuiMenu-paper li:last-of-type,
.MuiMenu-paper .MuiListItem-gutters.dropdown-menu:last-of-type {
    margin-bottom: 10px;
  }
}
.modalContainer.addPaymentForm .selectBox .MuiOutlinedInput-root {
  height: 50px;
}

.savedforlater .relativeDiv.quantityDD {
  pointer-events: none;
}

.tileDescContainer p.ellipsis:hover {
  color: #004e7d !important;
}

.rec-carousel-wrapper .variantsTile {
  padding-bottom: 16px !important;
  min-height: 575px;
}

.pdpDetailPage.viewcart .rec-carousel-wrapper .variantsTile {
  min-height: 590px;
}

.rec-carousel-wrapper .variantsContainer {
  max-height: 100px;
  overflow-y: auto;
}

@media (max-width: 767.98px) {
  .baseCheckoutWrapper .frequencyWrapper label span.flexWrapper {
    font-size: 14px;
    font-weight: 400;
    color: #424c5b;
  }
}
.tileCTAContainer .outOfStockBlock .MuiGrid-grid-xs-11 {
  max-width: 100%;
  flex-basis: 100%;
}
.tileCTAContainer .outOfStockBlock .MuiGrid-container {
  padding: 0 10px;
}

@media (max-width: 767.98px) {
  .successMsg.viewcart-top-msg {
    margin: 0 0 18px;
    padding: 12px;
  }
  .successMsg.viewcart-top-msg span {
    margin: 0;
  }
}

.product-other-details .shippingWrapper {
  display: block;
}
.product-other-details .shippingWrapper .autoReorderLogo {
  margin-top: 12px;
}
.product-other-details .shippingWrapper .reorderNfreqMinicart {
  display: flex;
  align-items: flex-start;
  margin-top: 12px;
}
.product-other-details .shippingWrapper .reorderNfreqMinicart .autoReorderLogo {
  margin-top: 0px;
}
.product-other-details .shippingWrapper .reorderNfreqMinicart .frequencyBox {
  margin-left: 0px;
}
@media (max-width: 767.98px) {
  .product-other-details .shippingWrapper .reorderNfreqMinicart {
    margin-top: 0px;
  }
}
.product-other-details .prop65_returnpolicy_msg .returnPolicy i.icon.fal.fa-exclamation-triangle {
  margin-right: 5px;
}

@media (max-width: 767.98px) {
  .reviewOrder .product-other-details .frequencyBox .frequencyWrapper .freqTitle {
    width: 80vw !important;
  }
}

.customizable .minicartDetails .frequencyBox .freqTitle {
  width: 85%;
}
@media (max-width: 767.98px) {
  .customizable .minicartDetails .frequencyBox .freqTitle {
    width: 85%;
  }
}
.customizable .minicartDetails .frequencyBox .cartMode.auto-reorder-toolTip.tooltipBox .tooltip {
  margin-left: -380px;
  top: 45px;
}
.customizable .minicartDetails .frequencyBox .cartMode.auto-reorder-toolTip.tooltipBox .tooltip::before {
  left: 77%;
  margin-left: 22px;
}
@media (min-width: 768px) {
  .customizable .minicartDetails .frequencyBox .cartMode.auto-reorder-toolTip.tooltipBox .tooltip {
    margin-left: -290px;
    width: 380px;
  }
}
@media (max-width: 767.98px) {
  .customizable .minicartDetails .frequencyBox .cartMode.auto-reorder-toolTip.tooltipBox .tooltip {
    margin-right: -110px;
  }
}

/*# sourceMappingURL=search-results.css.map */