@media screen and (max-width:1299px) {
    .sign-up-btn {
        padding: 13.5px 10px;
        width: 100px;
    }

    .nav-link {
        font-size: 14px;
        padding: 5px;
    }

    .navbar-brand img {
        max-width: 120px;
    }

    .navbar-expand-lg .navbar-nav {
        flex-wrap: wrap;
    }

    .cart-main img {
        width: 20px;
        min-width: 20px;
    }

    .product-box-btn .red-btn {
        max-width: 50px;
        height: 50px;
        min-width: 50px;
    }

    .product-box-btn .red-btn img {
        max-width: 20px;
    }

    .add-fav .fa-heart {
        font-size: 18px;
    }

    .add-fav {
        width: 40px;
        height: 40px;
    }
}

@media screen and (max-width:992px) {
    .searc-bar {
        display: none;
    }

    .f-social-media {
        justify-content: center;
    }

    .news-latter-input form {
        flex-direction: column;
        gap: 10px;
    }

    .news-latter-input {
        width: 100%;
    }

    .news-latter-input .form-control {
        width: 100%;
    }

    .footer-links h5 {
        font-size: 22px;
    }

    .footer-links a {
        font-size: 16px;
        margin-bottom: 5px;
    }

    .section-title {
        font-size: 34px;
    }

    .navbar-toggler {
        margin-left: 10px;
    }

    .red-btn {
        font-size: 16px;
    }

    .navbar-nav .nav-link.active,
    .navbar-nav .nav-link.show {
        color: var(--primary-color);
        border-bottom: 2px solid transparent;
    }

    .navbar-nav .nav-link:hover {
        color: var(--primary-color);
        border-bottom: 2px solid transparent;
    }

    .offcanvas-header img {
        max-width: 120px;
    }

    .center-title .section-title {
        font-size: 24px;
    }

    .center-title img {
        max-width: 200px;
    }

    .product-box-btn .red-btn {
        max-width: 40px;
        height: 40px;
        min-width: 40px;
    }

    .mid-section {
        padding: 50px 0;
    }

    .about-details h4 {
        font-size: 28px;
    }

    .about-details span {
        font-size: 22px;
    }

    .about-details p {
        font-size: 16px;
    }

    .about-form h5 {
        font-size: 28px;
    }

    .about-details ul li {
        font-size: 16px;
    }

    .product-right-deatils {
        margin-top: 30px;
    }

    .product-right-deatils h2 {
        font-size: 28px;
    }

    .product-right-deatils p {
        font-size: 16px;
    }

    .product-right-deatils span {
        font-size: 24px;
    }

    .account-sec {
        padding: 20px;
    }

    .no-product p {
        font-size: 17px;
    }

    .f-left-content {
        position: unset;
        width: 100%;
        box-shadow: unset;
        padding: 30px;
    }

    .first-section {
        flex-direction: column-reverse;
    }

    .f-left-content h5 {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .f-left-content p {
        font-size: 16px;
        margin-bottom: 15px;
    }

    .second-section {
        margin: 50px 0;
    }
}

@media screen and (max-width:576px) {
    .sign-up-btn {
        padding: 10px;
        width: unset;
        font-size: 12px;
    }

    .red-btn {
        font-size: 14px;
    }

    .news-letter .footer-links h5 {
        font-size: 22px;
    }

    footer p {
        font-size: 14px;
    }

    .blue-btn {
        padding: 10px;
        width: 140px;
    }

    .news-latter-input .form-control {
        padding: 10px 15px;
    }
}