.product-category-banner-section {
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      height: 50vh;
      width: 100%;
      text-align: center;
      align-items: center;
      display: flex;
      justify-content: center;
      color: #ffffff8c;
    }

    .product-col img {
      width: -webkit-fill-available;
      height: auto;
    }

    .breatcome_title {
      margin-top: 180px;
    }

    .breatcome_title_inner h2 {
      color: #fff;
      margin: 0;
      font-size: 40px;
      margin-bottom: 6px;
      font-weight: 800;
      text-align: center;
      text-transform: uppercase;
    }

    .breatcome_content ul {
      text-align: center;
    }

    .breatcome_content ul li {
      list-style: none;
      color: #fff;
      font-size: 15px;
      font-weight: 500;
      text-transform: capitalize;
    }

    .breatcome_content ul li a {
      color: #fff;
      text-transform: uppercase;
      font-size: 12px;
      font-weight: 500;
      margin-right: 5px;
    }

    .breatcome_content ul li a i {
      margin-left: 5px;
    }


    /* Product section */

    .category-sub-title p {
      font-size: 18px;
      text-align: center;
      font-weight: 900;
    }

    .category-main-title h1 {
      text-align: center;
      font-size: 40px;
      font-weight: 900;
      color: #00663a;
    }

    .category-sub-title {
      margin-top: 30px;
    }

    .category-main-title {
      margin-bottom: 30px;
    }

    .product-grid-row {
      margin-top: 45px;
    }

    /* .product-image img{
     --a: 8deg; 
     aspect-ratio: 1;
     border-radius: 20px;
     transform: perspective(400px) rotate3d(var(--r,1,-1),0,calc(var(--i,1)*var(--a)));
     -webkit-mask: 
          linear-gradient(135deg,#000c 40%,#000,#000c 60%)
          100% 100%/250% 250%;
     transition: .4s;
     cursor: pointer;
   }

   .product-img {
     --r: 1,1;
     -webkit-mask: 
       linear-gradient(45deg,#000c 40%,#000,#000c 60%)
       0 100%/250% 250%;
   }
   .product-image img:hover {
     --i: -1;
     -webkit-mask-position: 0 0;
   }
   .product-img:hover {
     -webkit-mask-position: 100% 0;
   }
    */

    .product-content {
      margin-top: 15%;
    }

    .product-content h2 {
      font-weight: 700;
      font-size: 45px;

    }

    .product-btn a {
      background-color: #00663a;
      padding: 10px;
      width: 180px;
      display: block;
      text-align: center;
      color: #fff !important;
      font-size: 18px;
      font-weight: 600;
      margin-top: 20px;
    }

    .product-btn a:after {
      content: '➔';
      color: #fff !important;
      padding-left: 7px;
      margin: 0px 0px 13px 0px;
    }

    .product-image {
      /* width: 250px; */
      aspect-ratio: 1;
      display: grid;
      /* outline: 5px solid green; */
      transition: .5s;
      cursor: pointer;
      overflow: hidden;
      transform: perspective(400px) rotateY(8deg);
    }

    .product-image img {
      width: 100%;
      height: 90%;
      object-fit: cover;
      z-index: -1;
      transition: .5s;
    }

    .product-image:hover {
      transform: perspective(400px) rotateY(-8deg);
    }

    .product-image:hover img {
      transform: translate(-16.66%)
    }


    .featuresection {
      margin-top: 50px;
      margin-bottom: 50px;
    }

    .feature-container {
      padding: 20px;
    }

    .feature-heading {
      text-align: center;
      margin-bottom: 30px;
      /* margin-top: 30px; */
    }

    .feature-heading h3 {
      text-align: center;
      margin-bottom: 30px;
      color: #fff;
      font-weight: 800;
    }

    .icon-img {
      text-align: center;
    }

    /*.icon-img img{
     border-radius: 50%;
}
*/
    .feature-content {
      text-align: center;
      margin-top: 12px;
    }

    .feature-content h6 {
      font-size: 16px;
      font-weight: 600;
      color: #fff;
    }



    /* CTA section */

    .category-cta {
      background-image: url('../images/Fix-an-Appointment.jpg');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      position: relative;
    }

    /* .product-category-cta-content{
   text-align: center;
}
.cat-cta-btn{
   text-align:center;
} */

    .cta-container {
      padding: 150px;
      text-align: center;
    }

    .product-category-cta-content h2 {
      font-size: 46px;
      font-weight: bold;
      margin-bottom: 0px;
      color: #fff;
    }

    .product-category-cta-content h6 {
      font-size: 23px;
      font-weight: 300;
      margin-bottom: 20px;
      color: #fff;
    }

    .cat-cta-btn a {
      background-color: #6AB241;
      border-radius: 0px;
      border: 0px;
      color: #FFF !important;
      padding: 7px 20px;
      font-weight: 600;
    }

    .mobile-cat-content {
      display: none;
    }

    .mobile-cat-btn {
      display: none;
    }

    .door-cat-banner {
      background-image: url('../images/new-images/flush-door/Product-banner-V2.jpg');
    }

    .ply-cat-banner {
      background-image: url('../images/new-images/ply-category/ply-category.jpg');
    }

    .cat-other-heading h2 {
      text-align: center;
      font-weight: 900;
      color: #00663a;
      font-size: 35px !important;
      margin-bottom: 30px;
    }


    @media only screen and (min-width: 769px) and (max-width:1024px) {

      .door-cat-banner,.product-category-banner-section {
        height: 25%;
      }

      .product-col-content {
        width: 155px;
      }

      .product-col img {
        width: -webkit-fill-available !important;
        height: auto;
      }

      .feature-col {
        width: 50% !important;
        margin: 20px 0;
      }

      .feature-container {
        padding: 20px;
        border-radius: 10px;
      }

      .product-btn a {
        margin-bottom: 10%;
      }

    }

    @media only screen and (min-width: 551px) and (max-width:768px) {

      .product-category-banner-section {
        height: 22vh;
      }

      /* .product-col img {
        width: -webkit-fill-available !important;
      } */

      .product-col-content {
        width: 165px;
      }

      .feature-col {
        width: 50% !important;
        margin: 20px 0;
      }

      .feature-container {
        padding: 20px;
        border-radius: 10px;
      }

      .product-btn a {
        margin-bottom: 10%;
      }
    }

    @media screen and (max-width: 550px) {
      .mobile-cat-content {
        display: block;
      }

      .desktop-cat-content {
        display: none;
      }

      .product-image {
        transform: perspective(400px) rotateY(0deg);
      }

      .mobile-cat-btn {
        display: block;
      }

      .desktop-cat-btn {
        display: none;
      }

      .product-content {
        margin-top: -7%;
        margin-bottom: 20px;
      }

      .product-content h3 {
        text-align: center;
      }

      .product-btn a {
        margin-left: 35%;
        margin-bottom: 20px;
        margin-top: -10px;
      }

      .normalply-btn {
        margin-bottom: 20px !important;
      }

      .product-col {
        text-align: center;
      }

      .product-col-content {
        margin-left: 85px;
        margin-bottom: 20px;
      }

      .product-category-cta-content h2 {
        font-size: 40px;
        margin-bottom: 12px;
      }

      .product-category-cta-content h6 {
        font-size: 22px;
      }

      .feature-col {
        width: 50% !important;
      }

      .footer-section {
        margin-bottom: -158px;
      }

      .door-cat-banner {
        background-image: url(../images/1000140151.png);
        height: 75vh;
      }

      .ply-cat-banner {
        background-image: url('../images/new-images/mobile-banner/Plywood_banner.jpg');
        height: 90vh;
      }

      .feature-heading {
        margin-top: 8px;
        margin-left: 5%;
      }

      .cta-container {
        padding: 40px;
        text-align: center;
      }

    }

    @media screen and (max-width: 476px) {

      /* .product-col img {
    width: -webkit-fill-available !important;
  } */



      .product-btn a {

        margin-bottom: 40px;
      }

      .feature-content h6 {
        font-size: 0.9rem;
        font-weight: 600;
        color: #fff;
        margin: 20px 0;
      }

      .icon-img img {
        height: auto;
        width: 90px;
      }


      .mobile-cat-content {
        display: block;
      }

      .desktop-cat-content {
        display: none;
      }

      .product-image {
        transform: perspective(400px) rotateY(0deg);
      }

      .mobile-cat-btn {
        display: block;
      }

      .desktop-cat-btn {
        display: none;
      }

      .product-content {
        margin-top: -10%;
        margin-bottom: 20px;
      }

      .product-content h3 {
        text-align: center;
        font-size: 2rem;
      }

      .product-category-cta-content h2 {
        font-size: 32px;
        margin-bottom: 12px;
      }

      .product-btn a {
        margin: 20px auto;
      }

      .door-cat-banner {
        background-image: url('../images/1000140151.png');
      }

      .ply-cat-banner {
        background-image: url(../images/new-images/mobile-banner/Plywood_banner.jpg);
        height: 75vh;
      }
    }


    @media screen and (max-width: 376px) {

      .product-col img {
        width: -webkit-fill-available !important;
      }

      .product-button {
        margin: 0;
      }

      .feature-content h6 {
        font-size: 0.9rem;
        font-weight: 600;
        color: #fff;
        margin: 20px 0;
      }

      .icon-img img {
        height: auto;
        width: 90px;
      }

      .feature-col {
        width: 50% !important;
      }

      .product-category-cta-content h2 {
        font-size: 22px;
      }

      .product-category-cta-content h6 {
        font-size: 17px;
      }

      .product-btn a {
        margin: 20px auto;
      }

      .door-cat-banner {
        background-image: url('../images/1000140151.png');
        height: 75vh;
      }

      .ply-cat-banner {
        background-image: url(../images/new-images/mobile-banner/Plywood_banner.jpg);
        height: 75vh;
      }
    }

    @media screen and (max-width: 320px) {



      .category-main-title h2 {
        font-size: 35px;
      }

      .product-btn a {
        margin-left: 19%;
      }

      .product-content h3 {
        font-weight: 700;
        font-size: 2rem;
      }

      .door-cat-banner {
        background-image: url('../images/1000140151.png');

      }

      .ply-cat-banner {
        background-image: url(../images/new-images/mobile-banner/Plywood_banner.jpg);
        height: 75vh;
      }
    }