@media(max-width: 1200px)
{
    .big-banner
    {
        height: 550px;
    }
    .product-wrapper.list-view .product-img
    {
        width: 300px !important;
        height: 300px;
    }
    .list-view-detail .product-title
    {
        font-size: 20px !important;
    }
    .list-view-detail .price h3 , .out-story h1
    {
        font-size: 30px;
    }
    .list-view-detail .price span
    {
        font-size: 20px;
    }
    .error-bg
    {
        width: 90%;
        top: -188px;
        right: -95px;
    }
    .error-sec .w-75
    {
        width: 60% !important;
    }
    .error-sec h1 
    {
        font-size: 30px;
    }
    .error-sec p
    {
        font-size: 18px !important;
    }
}

@media(max-width: 992px)
{
    header .navbar-collapse 
    {
        position: absolute;
        background: #c79e9e;
        width: 100%;
        margin-top: 10px;
    }

    .navbar .nav-link
    {
        color: black;
    }

    .hero-sec
    {   
        margin-top: 0;
        height: calc(100vh - 132px);
    }

    .hero-sec h1 , .category-sec h1 , .about-title
    {
        font-size: 50px;
    }

    .big-banner
    {
        height: 450px;
    }

    .product-wrap img
    {
        height: 280px;
    }
    .about-wrap img 
    {
        height: 100%;
    }
    .navbar .nav-item:not(:last-child) .nav-link
    {
        border-bottom: 1px solid #9F2929;
    }
    .product-banner
    {
        margin-top: 20px;
    }
    .product-banner , .special-banner
    {
        height: 300px;
    }
    .yellow-ele1, .yellow-ele2, .purple-ele1, .purple-ele2, .green-ele1, .green-ele2
    {
        width: 250px;
        height: 250px;
        filter: blur(120px);
    }
    .products-top-header span, .products-top-header select, .review-sorting span, .review-sorting select , .list-view-detail .price span ,.product-size p , .size-radio span , .reviewer-name , .abt-service p , .customer-wrap h5 , .all-blogs p , .single-blog-wrapper .sub-title
    {
        font-size: 18px !important;
    }
    .product-wrapper.list-view .single-product
    {
        gap: 20px;
    }
    .list-view-detail .price h3 , .product-detail-wrap h4 , .product-price h3 ,.product-detail-wrap .add-to-cart
    {
        font-size: 20px;
    }
    .product-wrapper.list-view .product-img {
        width: 250px !important;
        height: 250px;
    }
    .size-radio span
    {
        width: 30px;
        height: 30px;
    }
    .product-price p , .product-price p i
    {
        font-size: 16px !important;
    }
    .out-story .rounded-4
    {
        height: 100%;
    }
    .customer-wrap img 
    {
        width: 120px !important;
        height: 120px !important;
    }
    .error-bg {
        width: 100%;
        top: -135px;
        right: -80px;
    }
    .error-sec .w-50 {
        width: 60% !important;
    }
    .single-blog-img 
    {
        height: 350px;
    }
    .divider-wrap img 
    {
        width: 41px;
        top: 50% !important;
        left: calc(50% - 16px);
    }
    .all-blogs h2
    {
        font-size: 30px;
    }
    .single-blog-wrapper h1
    {
        font-size: 34px;
        width: 80%;
    }
    .single-blog-wrapper .sub-title
    {
        width: 60%;
    }
}

@media(max-width: 768px)
{
    .big-banner , .out-story .rounded-4 
    {
        height: 300px;
    }

    .navbar-brand img 
    {
        width: 60px;
        height: 60px;
    }

    .navbar .action-btns i , .product-img-wrap .add-cart h1 , .offcanvas-title ,.wishlist-title h1 span , .single-blog-wrapper h2   
    {
        font-size: 20px;
    }

    .navbar form .input-group
    {
        height: 37px;
    }
    .navbar form .input-group-append
    {
        height: 33px;
    }
    .hero-sec
    {   
        margin-top: 0;
        height: calc(100vh - 102px);
    }
    .footer-bottom p , .list-view-detail .product-title , .list-view-detail .price h3 , .form-check-label , .accordion-button , .move-to-bag, .view-bag , .cart-product-detail h3, .product-qty
    {
        font-size: 18px !important;
    }
    .footer-bottom button
    {
        height: 44px;
        padding: 0 12px !important;
    }
    .product-price
    {
        margin-bottom: 0px;
    }
    .modal h1 ,.wishlist-title h1
    {
        font-size: 30px;
    }
    .modal .modal-body p ,.modal .modal-body input , .offcanvas .cart-product-detail h5, .offcanvas .cart-product-detail h3, .offcanvas .cart-product-detail .product-qty , .offcanvas .cart-product-detail select , .abt-service p , .error-sec p , .single-blog-wrapper .sub-title , .all-blogs p
    {
        font-size: 16px !important;
    }
    .modal .modal-body input
    {
        height: 44px;
    }
    .offcanvas
    {
        width: 70% !important;
    }
    .offcanvas .cart-product img
    {
        width: 120px;
        height: 120px;
    }
    .cart-products-wrap .cart-product img
    {
        width: 150px;
        height: 150px;
    }
    .offcanvas .cart-product-detail p
    {
        margin-bottom: 5px;
        font-size: 14px;
    }
    .cart-product-detail p , .blog-desription p
    {
        margin-bottom: 5px;
    }
    .offcanvas .move-to-bag, .offcanvas .view-bag , .blog-desription p ,.auth-detail.bottom
    {
        font-size: 14px !important;
    }
    .products-top-header img 
    {
        width: 24px;
    }
    .container-fluid
    {
        padding: 0 15px;
    }
    .product-wrapper.list-view .product-img {
        width: 200px !important;
        height: 200px;
    }
    .error-bg {
        width: 100%;
        top: -75px;
        right: -55px;
    }
    .error-sec .w-75 {
        width: 75% !important;
    }   
    .error-sec h1 {
        font-size: 24px;
    }
    .single-blog-wrapper h1 {
        font-size: 24px;
        width: 90%;
    }
    .single-blog-wrapper .sub-title {
        width: 70%;
    }
    .auth-detail.bottom img 
    {
        width: 50px;
        height: 50px;
    }
}

@media(max-width: 575px)
{
    .big-banner
    {
        height: 280px;
    }

    .product-wrap img , .category-wrap img, .product-wrap img
    {
        height: 200px;
    }

    .sec-heading , .hero-sec h1, .category-sec h1, .about-title
    {
        font-size: 30px;
    }

    .category-wrap img, .product-wrap img
    {
        border: 3px solid #EAD586;
    }

    .view-more-btn-wrap::after, .view-more-btn-wrap::before 
    {
        width: 75%;
    }

    footer p, footer a
    {
        margin-bottom: 5px;
    }
    .modal-content .btn-close
    {
        top: 0;
        right: 0;
    }
    .navbar form 
    {
        width: 170px;
    }
    .navbar-toggler , .navbar-toggler:focus
    {
        padding: 0;
        border: none;
        box-shadow: unset;
    }
    .navbar-toggler-icon , .single-product svg
    {
        width: 20px;
        height: 20px;
    }
    .category-wrap p , .grid-view-detail p
    {
        margin-bottom: 5px
    }
    section .subtitle , .product-banner h1 , .order-summery-wrap h1 ,.error-sec h1 , .single-blog-wrapper h1
    {
        font-size: 20px;
    }
    .product-price , .hero-sec p , .hero-sec button , .category-wrap p , .products-inner-wrap .single-product h5, .accordion-button , .modal button.theme-bg-red, .proceed-to-checkout, .place-order
    {
        font-size: 18px;
    }
    .explore-btn , .navbar form .input-group input , .navbar form .input-group .btn i , .navbar .nav-link , .offcanvas .cart-product-detail h5, .offcanvas .cart-product-detail h3, .offcanvas .cart-product-detail .product-qty , .offcanvas .cart-product-detail select , .products-top-header span, .products-top-header select, .review-sorting span, .review-sorting select , .list-view-detail .action-btn p , .list-view-detail .review i , .wishlist-title p , .abt-service p , .error-sec p , .terms-wrap p, .terms-wrap li , .single-blog-wrapper .sub-title
    {
        font-size: 14px !important;
    }
    .footer-bottom p , #viewcartModal .offcanvas-footer h4 , .list-view-detail .product-title , .list-view-detail .price h3, .list-view-detail .price span , .add-wishlist , .form-check-label , .accordion-button , .move-to-bag, .view-bag , .input-group button , .all-blogs p
    {
        font-size: 16px !important;
    }
    .footer-bottom button ,.footer-bottom input
    {
        height: 36px;
        font-size: 16px;
    }
    .hero-sec
    {
        height: 45vh;
    }
    .hero-sec::after
    {
        height: 61vh;
    }
    .navbar form .input-group .btn
    {
        padding: 5px 7px;
    }
    .modal-dialog
    {
        margin-top: 50px;
    }
    .offcanvas
    {
        width: 90% !important;
    }
    .offcanvas .cart-product-detail small , .products-inner-wrap .single-product .list-view-detail a
    {
        font-size: 12px;
    }
    .single-product .product-img
    {
        height: 250px;
    }
    .products-top-header select, .review-sorting select, .cart-product-detail select
    {
        background-size: 12px;
    }
    .filter-btn-wrap , .products-top-header span
    {
        border: none !important;
    }
    .product-wrapper.list-view .product-img {
        width: 160px !important;
        height: 160px;
    }
    .product-wrapper.list-view .single-product {
        gap: 12px;
    }
    .form-check-label
    {
        margin-left: 5px;
    }
    .form-check-input
    {
        width: 18px;
        height: 18px;
    }
    .accordion-button , .accordion-body
    {
        padding: 10px 8px;
    }
    .carousel-title , .terms-wrap h2 , .special-banner h1
    {
        font-size: 22px;
    }
    .customer-wrap
    {
        border: 5px solid #B5EBE6;
    }
    .error-bg {
        width: 100%;
        top: 0;
        right: 0;
    }
    .error-sec .w-75 , .single-blog-wrapper h1 , .single-blog-wrapper .sub-title{
        width: 100% !important;
    }
    .add-wishlist
    {
        width: 26px !important;
        height: 26px !important;
    }
    .single-product .wishlist-toggle img , .single-product .action-btn img , .single-product .bag
    {
        width: 25px !important;
        height: 25px !important;
    }
    .single-blog-img 
    {
        height: 250px;
    }
    .blog-social-icon .icons p 
    {
        font-size: 14px;
    }

}

@media (max-width: 480px)
{
    .product-wrap img , .category-wrap img, .product-wrap img
    {
        height: 170px;
    }
    .big-banner
    {
        height: 230px;
    }
    .navbar .action-btns i , .offcanvas .cart-product-detail h5, .offcanvas .cart-product-detail h3, .offcanvas .cart-product-detail .product-qty , .cart-product-detail h3, .product-qty , .cart-product-detail select , .modal button.theme-bg-red, .proceed-to-checkout, .place-order    
    {
        font-size: 16px !important;
    }
    .sec-heading, .hero-sec h1, .category-sec h1, .about-title
    {
        font-size: 28px;
    }
    .view-more-btn-wrap::after, .view-more-btn-wrap::before
    {
        border-width: 1px;
    }
    .offcanvas .cart-product img , .customer-wrap img
    {
        width: 100px !important;
        height: 100px !important;
    }
    .cart-products-wrap .cart-product img
    {
        width: 120px !important;
        height: 120px !important;
    }
    .offcanvas
    {
        width: 95% !important;
    }
    .yellow-ele1, .yellow-ele2, .purple-ele1, .purple-ele2, .green-ele1, .green-ele2 {
        width: 150px;
        height: 150px;
        filter: blur(80px);
    }
    .product-wrapper.list-view .product-img {
        width: 140px !important;
        height: 140px;
    }
    .list-view-detail .product-title ,.products-inner-wrap .single-product span , .form-check-label , .accordion-button , .cart-product-detail p ,.single-blog .description ,  .all-blogs p
    {
        font-size: 14px !important;
    }
    .list-view-detail .review i ,.blog-tag .tag
    {
        font-size: 12px;
    }
    .filter-panel
    {
        width: 320px;
    }
    .list-view-detail .action-btn p
    {
        font-size: 0;
    }
    .review-details p.w-75
    {
        width: 100% !important;
    }
    .progress-wrap
    {
        width: 120px;
    }
    .error-sec img.w-75 {
        width: 200px !important;
    }
    .error-sec .w-50 {
        width: 80% !important;
        text-align: center !important;
    }
    .single-blog h3
    {
        font-size: 18px;
    }
    .all-blogs h2 {
        font-size: 22px;
    }

    .all-blogs img 
    {
        height: 150px;
    }

    .all-blogs p
    {
        margin-bottom: 8px;
    }

}

@media (max-width: 375px)
{
    .navbar-brand img {
        width: 50px;
        height: 50px;
    }
    .navbar form {
        width: 140px;
    }
    .navbar form .input-group .btn i , .all-blogs p
    {
        font-size: 12px !important;
    }
    .all-blogs img {
        height: 120px;
    }
}