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

    .navbar .nav-links {
        display: none !important;
    }

    .canvas-links ul {
        display: flex !important;
        flex-direction: column;
        align-items: flex-start !important;
        gap: 20px !important;
    }

    .offcanvas-body .nav-links {
        display: block !important;
    }

    .navbar .cart {
        position: absolute;
        right: 100px;
        top: 50%;
        transform: translateY(-50%);
    }

    .container {
        padding: 0px 50px !important;
    }

    .btn-primary {
        display: block !important;

    }

    .hero-btns {
        flex-wrap: wrap;
        /* flex-direction: column; */
        gap: 44px;
    }


}

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

    .hero-btns {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 44px;
    }

    .hero {
        display: flex;
        flex-direction: column !important;
    }

    .hero-img {
        height: 400px
    }

    .hero-img,
    .hero-content {
        width: 100% !important;
    }

}


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

    .container {
        padding: 0px 20px !important;
    }

    .navbar .nav-links ul {
        gap: 20px;
    }

    .navbar .cart {
        right: 50px;
    }

    /* .hero-btns {
        flex-direction: column;
        gap: 0px;
    } */
}