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

    .hero_section {
        min-height: calc(100vh - -210px);
    }

    .hero_section .hero_inner .banner_content h5 {
        font-size: 40px;
    }

    .hero_section .hero_inner .banner_content .discount h1 {
        font-size: 150px;
    }

    /* --- service section --- */
    .company_facility .facility_inner .faclity_content {
        padding: 0;
    }

    /* blog section */
    .post_2 img {
        height: 480px;
    }

}

@media screen and (max-width:1400px) {
    .product_category .product_category_inner .category_img {
        max-height: 500px;
    }

    /* -- service section---- */
    .company_facility .facility_inner .faclity_content h5 {
        font-size: 14px;
    }

    /*------ banner section----- */
    .banner_area .banner_inner .banner_content h5 {
        font-size: 32px;
    }

    .banner_area .banner_inner .banner_content p {
        font-size: 14px;
    }

    /* ========About Us============ */
    .other_breadcumb .breadcrumb_list h4,
    .company_motivation .quotes p {
        font-size: 30px;
    }

    .post_2 img {
        height: 410px;
    }

    .single_product_area .single_product_image .image img {
        height: 100%;
    }

    /* ----------- footer ------------ */
    .footer_area .footer_details .footer_links .footer_nav h3,
    .footer_area .footer_details .footer_newsletter h3 {
        font-size: 18px;
    }

    .footer_area .footer_details .footer_links .footer_nav ul li {
        font-size: 16px;
    }

}

@media screen and (max-width:1199px) {
    .hero_section {
        min-height: calc(100vh - -40px);
    }

    /* ---- product details---- */
    .product_quntitity {
        flex-wrap: wrap;

    }

    .post_2 img {
        height: 341px;
    }
}

@media screen and (max-width:1128px) {
    .product_category .product_category_inner .category_img {
        max-height: 400px;
    }
}

@media screen and (max-width:992px) {
    .hero_section {
        min-height: calc(100vh - 70px);
    }

    .hero_section .hero_inner .banner_content h5 {
        font-size: 30px;
    }

    .hero_section .hero_inner .banner_content .discount h1 {
        font-size: 100px;
    }

    .hero_section .hero_inner .banner_content .hero_btn {
        padding: 12px 28px;
    }

    /* ---- product section--------- */
    .products {
        margin: 0 0 30px 0;
    }

    /* ---- banner section---- */
    .banner_area .banner_inner .banner_content {
        padding: 0 0 30px 30px;
    }

    .banner_area .banner_inner .banner_content h5 {
        font-size: 26px;
    }


    /* ---- product details---- */
    .product_quntitity {
        flex-wrap: nowrap;
    }

    .single_product_area .product_details {
        margin: 30px 0 0 0;
    }

    .instagram_feed .instagram_post {
        grid-template-columns: repeat(3, 33.33%)
    }

    .instagram_feed .instagram_post .post img {
        padding: 0;
        width: 100%;
    }

    .post_2 img {
        height: 249px;
    }

    .post_2 .post_text_1 h3 {
        font-size: 18px;
        line-height: normal;
    }
}


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

    .container-fluid {
        padding: 0 16px;
    }

    .navigation {
        position: fixed;
        top: 70px;
        left: -100%;
        width: 100%;
        height: calc(100vh - 70px);
        background-color: #fff;
        flex-direction: column;
        padding: 2rem;
        transition: left 0.3s ease;
    }

    .navigation.active {
        left: 0;
    }

    .navigation li {
        margin: 1rem 0;
        opacity: 0;
        transform: translateX(-20px);
        transition: opacity 0.3s ease, transform 0.3s ease;
    }

    .navigation.active li {
        opacity: 1;
        transform: translateX(0);
    }

    .menu-toggle {
        display: block;
        z-index: 999;
    }

    .navbar .brand_logo {
        order: 0;
    }

    /* -- hero section-- */
    .hero_section {
        min-height: calc(100vh - 190px);
    }

    .hero_inner {
        padding: 0 0 50px 0;
    }

    .hero_section .hero_inner .banner_content .discount h1 {
        font-size: 90px;
    }

    .hero_section .hero_inner .banner_content .discount h1 span {
        font-size: 50px;
    }

    .hero_section .hero_inner .banner_content h5 {
        font-size: 25px;
    }

    .hero_section .hero_inner .banner_content .hero_btn {
        font-size: 12px;
    }

    /* ----- category section--- */
    .product_category .product_category_inner .category_img {
        max-height: max-content;
    }

    /* -------- banner section --------- */
    .banner_area .banner_inner .banner_image {
        margin: 0 30px;
    }

    .banner_area .banner_inner .banner_content h5 {
        font-size: 30px;
    }

    .banner_area .banner_inner .banner_content p {
        font-size: 16px;
    }


    /* ------- login ragister form ------------- */
    .register_form .nav .nav-item .nav-link {
        padding: 13px 3rem;
    }
}


@media screen and (max-width:576px) {
    .hero_section {
        min-height: calc(100vh - 290px);
    }

    .hero_section .hero_inner .banner_content .discount h1 {
        font-size: 60px;
    }

    .hero_section .hero_inner .banner_content .discount h1 span {
        font-size: 30px;
    }


    /* ---- product details---- */
    .bredcumb_area .breadcrumb_list ul {
        flex-wrap: wrap;
    }

    .product_list .products .product_img img {
        width: 100%;
        min-height: max-content;
    }

    /* ---------- treanding section--------------- */
    .product_area .section_title .title h6,
    .trending_section .section_title .view_all a {
        margin: 0;
        font-size: 16px;
    }

    .client_expreience {
        padding: 10px;
    }

    .store_location_area .store_details {
        margin: 20px 0;
    }

    .store_location_area .store_details h4 {
        font-size: 25px;
    }

    .product_filter {
        margin: 0 0 30px 0;
    }

    .bredcumb_area .breadcrumb_list h4 {
        font-size: 30px;
    }

    /* ----- about us ----------- */

    .company_information .about_img {
        margin: 0 0 50px 0;
    }

    .company_story {
        margin: 0;
    }

    .other_breadcumb .breadcrumb_list h4, .company_motivation .quotes p {
        font-size: 20px;
    }

    .company_process_chart .company_title h4 {
        font-size: 28px;
    }

    .company_process_chart .company_title p {
        font-size: 14px;
    }

    .progress_chart {
        margin: 0;
        border: none;
    }

    .progress_bar::before {
        display: none;
    }

    .progress_chart .progress_bar {
        margin: 30px 0 0 0;
    }

    .post_2 img {
        height: 100%;
    }
}


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

    .hero_inner {
        padding: 0 0 20px 0;
    }

    .hero_section {
        min-height: calc(100vh - 345px);
    }

    .hero_section .hero_inner .banner_content h5 {
        font-size: 15px;
    }

    .hero_section .hero_inner .banner_content .discount h1 {
        font-size: 45px;
    }

    .hero_section .hero_inner .banner_content .discount h1 span {
        font-size: 20px;
    }

    .hero_section .hero_inner .banner_content .hero_btn {
        padding: 9px 22px;
        font-size: 10px;
    }

    .topbar .offer_display p {
        font-size: 11px;
    }

    /* ----- banner section----- */
    .banner_area .banner_inner .banner_content h5 {
        font-size: 18px;
        padding: 0 0 5px 0;
    }

    .banner_area .banner_inner .banner_content p {
        font-size: 12px;
    }

    .single_product_area .product_details .title h4 {
        font-size: 18px;
    }

    /* product detail */
    .product_quntitity {
        flex-wrap: wrap;
    }

    .instagram_feed .instagram_post .post img {
        height: 150px;
    }

    .instagram_feed {
        margin: 20px 0 0 0;
    }

    .single_product_area .single_product_image .image img {
        height: 100%;
    }


    /* ========= login register page ========== */
    .login_form {
        margin: 0;
    }

    .company_store .store_image .sub_img {
        right: 10px;
        bottom: -50px;
    }

    .company_store .store_image .sub_img img {
        height: 170px;
    }

}