@charset "utf-8";
/* CSS Document */

.proffloorsupply-sec.howtoshop_prodlist {
  & .container {
    /* & .heading-46,
    & p {
      text-align: center;
    } */

    & .supplyinstall_slider {
      /* display: flex; */
      /* flex-wrap: wrap; */
      width: calc(100% + 26px);
      margin: 30px -13px 0; 
      & .slick-slide { 
        & > div { 
          padding-inline: 13px;
        }
      } 
      
      & + p { 
        margin-top: 40px;
      }
    }

  }
}

.proffloorsupply-sec:not(.howtoshop_prodlist) { 
    max-width: 100%;
    overflow: hidden;
    display: inline-block;
    text-align: center;
    width: 100%;
    & .container > p { 
      margin-bottom: 44px;
    }
}

.supplyinstall_slider.sllider { 
  width: calc(100% + 14px);
  margin-inline: -7px;
  &:not(.slick-initialized) {
    display: inline-flex;

    & .slide-box {
      flex: 1;
    }
  }
  &:not(.slick-initialized) > .slide-box:not(:nth-child(-n + 4)) {
      display: none;  
  }
  & .slide-box { 
    padding-inline: 7px;

    & .supplyinstallbx { 
      width: 100%;
      margin: 0;
      border: 1px solid transparent;
      outline: 0px !important;
      & p { 
        text-align: center;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        height: 65px;
        padding-bottom: 0 !important;
      }
      &:hover { 
        outline: 0px !important;
        border: 1px solid #2d2d2d;
      }
    }
  }
}

.supplyinstallbx {
    /* width: calc(25% - 16px); */
    /* margin: 0 8px; */
    background: var(--themedark);
    border-radius: 20px;
    padding: 35px 12px;
    display: inline-flex !important;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
    line-height: 1;
    /* outline: 1px solid transparent; */
    border: 1px solid transparent;
    transition: all ease-out 0.3s !important;
    -webkit-transition: all ease-out 0.3s !important;
    -moz-transition: all ease-out 0.3s !important;
    -ms-transition: all ease-out 0.3s !important;

    & .blcktitle {
      font-size: 20px;
      font-weight: 700;
      color: #2d2d2d;
      line-height: 1.2;
      margin-bottom: 20px;
      padding: 0 20px;
      text-align: center;
    }

    & figure {
      width: 100%;
      overflow: hidden;
      margin-bottom: 20px;

      & img {
        border-radius: 10px;
        margin-inline: auto ;
        transform: scale(1);
        transition: all ease-out 0.3s !important;
        -webkit-transition: all ease-out 0.3s !important;
        -moz-transition: all ease-out 0.3s !important;
        -ms-transition: all ease-out 0.3s !important;
      }
    }

    & p {
      padding: 0 30px;
    }

    &:hover {
        /* outline: 1px solid #2d2d2d; */
        border: 1px solid #2d2d2d;
        transition: all ease-out 0.3s !important;
        -webkit-transition: all ease-out 0.3s !important;
        -moz-transition: all ease-out 0.3s !important;
        -ms-transition: all ease-out 0.3s !important;

        & figure {
          & img {
            transform: scale(1.05);
            transition: all ease-out 0.3s !important;
            -webkit-transition: all ease-out 0.3s !important;
            -moz-transition: all ease-out 0.3s !important;
            -ms-transition: all ease-out 0.3s !important;
          }
        }

        & a.button.btn-border {
          background: var(--themecolor) !important;
        }
  }
}


@media (max-width: 1599.98px) {
  .prodlistingpg { 
    max-width: 100%; overflow: clip;
  }
  
 
}

@media (max-width: 1439.98px) {
  .proffloorsupply-sec.howtoshop_prodlist {
     & .container {
      & .supplyinstall_slider {
        width: calc(100% + 16px);
        margin: 30px -8px 0; 
        & .slick-slide { 
          & > div { 
            padding-inline: 8px;
          }
        } 
        & + p { 
          margin-top: 30px;
        }
      }
    }
  }
  .supplyinstall_slider.sllider { 
    &:not(.slick-initialized) > .slide-box:not(:nth-child(-n + 3)) {
        display: none;  
    }
  }
}

@media (max-width: 1199.98px) {
  .product_wrap { padding-inline: 15px !important; 
      &.container .container { 
        padding-inline: 0;
      }
  } 
}

@media (max-width: 991.98px) {
  .proffloorsupply-sec:not(.howtoshop_prodlist) {
      & .container > p {
          margin-bottom: 30px;
      }
  }
}

@media (max-width: 767.98px) { 
   .supplyinstall_slider.sllider { 
      &:not(.slick-initialized) > .slide-box:not(:nth-child(-n + 2)) {
          display: none;  
      }
    }
}
@media (max-width: 575.98px) {

  .supplyinstall_slider.sllider { 
    padding-right: 15vw;
    &:not(.slick-initialized) {padding-right: 0; } 
    & .slick-list  {
      overflow: visible;
    }
  }

  .proffloorsupply-sec.howtoshop_prodlist {
    & .container {
        & .supplyinstall_slider {
          padding-right: 15vw;
          & .slick-list  {
            overflow: visible;
          }
        }
    }
  }
}