@media  screen and (min-width:700px) {
    .catalogueMain1{
        height: 1480px;
      }
      .catalogueMain2{
        height: 1040px;
      }
}
@media  screen and (min-width:720px) {
    .catalogueMain1{
        height: 1080px;
      }
      .catalogueMain2{
        height: 1020px;
      }
      .search-bar .learn-more{
        width: 72%;
      }
}
@media  screen and (min-width:768px) {
    .learn-more-parent{
        transform: translateY(80px);
    }
    .product-name-parent:hover  .learn-more-parent{
        transition-timing-function: 1.2s;
       transform: translateY(-35px);
      }
      .product-name-parent:hover .lorem-ipsum-dolor2{
        transform: translateY(-35px);
        transition: all 0.5s;
        opacity: 0;
      
      }
.slick-list{padding-top: unset;}

    .slick-dots li button {
        width: 100px;
      }
    .featured,.custom-dropdown{
        padding: 4px 10px;
    }
.arrow-3-stroke {
width: 12px;
}
.right-arrow,.left-arrow {
height: 40px;
width: 40px;
}


.highlight-categories p{
    font-size: 20px;
}
.listing-01{
  margin: var(--padding-5xs);
}
.vustr-logo-parent {
    width: 100%;
}
.icon-youtube-1-parent{
    width: 40%;
}
.btn{
    padding-inline-start: 20px 50px;
}

}
@media screen and (min-width:1000px){
    .slick-arrow {
        top: 45%;
        height: 40px;
        width: 40px
    }
    .navbar{
        display: flex;
    }
    .mob-menu{
        display: none;
    }
    .sectionhero{
        height: calc(100vh - 100px);
        justify-content: center;
    }
    
}
@media  screen and (min-width:1280px) {
    .featured-parent{gap: 20px;}
    .slick-dots li button {
        width: 200px;
        height: 4px;
      }
.support,.nav-links a {
font-size: 18px;
}

    .catalogueMain1{
        height: 610px;
      }
      .catalogueMain2{
        height: 640px;
      }
    .support,.navbar li.dropbtn2{
        font-size: 22px;
    }
    .sectionhero{
        font-size: 70px;
    }
    .frame-parent{
        width: 47%;
        height: 740px;
        justify-content: space-between;
    }
    .info-wrapper{
        width: 49%;
        margin: 0 2px;
        height: 330px;
    }
    .info-wrapper:nth-child(1),
    .info-wrapper:nth-child(2){
        /* margin: 0 0 20px 0; */
    }
    .catalogue-inner{
        width: 48%;
        height: 700px;
        max-width: unset;
    }
    .catalogue-inner1{
    width: 47%; 
    height: 700px;
    }
}
@media screen and(min-width:1440px) {
    .featured-parent{gap: 30px;}
}