@media all and (min-width:768px) {
    html {
        font-size: 20px;
    }

    .section:not(.first) {
        margin: 60px auto;
    }

    .section.first {
        height: 650px;
    }

    .section>.display_flex_col {
        width: 48%;
        align-items: flex-start;
    }

    .section h2,
    .section p {
        text-align: unset;
    }

    .section h2 {
        font-size: 40px;
    }

    .featureimg {
        width: 48%;
        max-width: 600px;
    }

    .fifth,
    .seventh {
        flex-direction: unset;
    }

    .form,
    .formsideimg {
        width: 48%;
    }

    .form {
        max-width: 500px;
    }

    nav ul {
        width: 60%;
        position: unset;
        flex-wrap: unset
    }

    nav ul li {
        color: black;
    }

    .fn-20 {
        font-size: 20px;
    }

    .fn-22 {
        font-size: 28px;
    }

    .fn-30 {
        font-size: 38px;
    }






    .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: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) {
    .burger-icon {
        display: none;
    }

    .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) {
    .section.first {
        height: 850px;
    }

    .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;
    }
}