@media (max-width: 1300px) {
    .main_preview{
        max-width: 600px;
        height: 400px;
    }
}
@media (max-width: 1200px) {
    .flex_filter{
        flex-wrap: wrap;
    }
    .flex_filter .col{
        flex: unset;
    }
    .flex_filter .w-90 > .row{
        gap: 12px;
    }
}
@media (max-width: 991px) {
    .nav_list ~ .nav_right {
        display: none;
    }
    .nav-item .nav_right{
        display: block;
    }
    .navbar{
        position: unset;
        padding: 0!important;
    }
    .logo_box svg {
        width: 100px;
        height: 42px;
    }
    .section_main{
        background-position: top center;
    }
    .main_header{
        background-position: center 0%;
    }
    .navbar-toggler:focus{
        box-shadow: unset;
    }
    .main_header .header_nav_box{
        flex-direction: column;
        align-items: flex-start;
    }
    .nav_list{
        width: 100%;
    }
    .navbar-light .navbar-toggler{
        position: absolute;
        top: 27px;
        right: 20px;
    }
    .navbar-nav{
        align-items: center;
        text-align: center;
        justify-content: center;
        gap: 44px;
        width: 100%;
        min-height: calc(100vh - 100px);
    }
    .section_main .map_svg {
        padding: 32px 0;
    }
    .main_header .header_nav_box .nav_list .nav-item:last-child .nav-link{
        padding-right: 20px;
    }
    .main_header .header_nav_box .nav_list .nav-item:first-child .nav-link{
        padding-left: 20px;
    }
    .category_types .category_container {
        padding: 32px 0;
    }

    /* Hide scrollbar for Chrome, Safari and Opera */
    .category_container::-webkit-scrollbar {
        display: none;
    }

    /* Hide scrollbar for IE, Edge and Firefox */
    .category_container {
        -ms-overflow-style: none; /* IE and Edge */
        scrollbar-width: none; /* Firefox */
    }

    .seller_section {
        padding: 32px 4px;
    }
    .footer_social{
        display: none;
    }
    .footer_top_flex{
        justify-content: center!important;
    }
    .footer_logo svg{
        width: 175px;
        height: 72px;
    }
    .footer_section .footer_top .footer_top_flex .footer_logo{
        padding:  40px 0;
    }
    .footer_section{
        background-position: center right;
    }
    .footer_link h4{
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 14px;
        font-size: 14px;
        line-height: 22px;
    }
    .footer_link li{
        display: none;
    }
    .footer_link li a{
        font-size: 14px;
        line-height: 22px;
    }
    .icon_footer{
        display: block!important;
    }
    .footer_section .footer_bottom{
        text-align: center;
        padding: 32px 8px;
    }
    .footer_section .footer_mid{
        padding: 36px 4px;
    }
    .photo_preview .mini_preview_box ul{
        display: none;
    }
    .photo_preview .mini_preview_box{
        right: auto;
        left: 0;
        max-width: 100%;
        max-height: 72px;
        min-height: 72px;
        width: 100%;
    }
    .photo_preview .mini_preview_box .right_preview{
        flex-direction: row-reverse;
        width: 100%;
    }
    .photo_preview .mini_preview_box .right_preview .bottom_btn{
        flex-direction: row;
        gap: 8px;
    }
    .photo_preview .mini_preview_box .right_preview .bottom_btn a:first-child{
        display: none;
    }
    .main_preview{
        max-width: 360px;
        height: 240px;
    }
    .profile_container .left_sidebar{
        position: absolute;
        overflow: auto;
        max-height: 100vh;
        top: 70px;
        z-index: 3;
        display: none;
        max-width: 100%;
    }
    .profile_main_content_container{
        width: 100%;
    }
    .profile_container .left_sidebar .sidebar_logo{
        display: none;
    }
    .sidebar_btn{
        display: block;
    }

}


@media (max-width: 767px) {
    .section_main .header_products {
        padding: 16px;
    }

    .section_main .header_products .product_list .product_box {
        flex-direction: column;
        gap: 16px;
        position: relative;
        align-items: flex-start;
    }

    .section_main .header_products .product_list .product_box .product_left img {
        width: 55px;
        height: 55px;
    }

    .section_main .header_products .product_list .product_box .product_left .product_name h5 {
        font-size: 16px;
        line-height: 24px;
    }

    .section_main .header_products .product_list .product_box .product_left .product_name p {
        font-size: 12px;
        line-height: 16px;
    }

    .section_main .header_products .product_list .product_box .product_right {
        width: 100%;
        align-items: flex-start;
        height: auto;
    }

    .section_main .header_products .product_list .product_box .product_right .product_price {
        position: absolute;
        top: 16px;
        right: 16px;
    }

    .section_main .header_products .product_list .product_box .product_right .product_action {
        width: 100%;
        justify-content: flex-start;
    }

    .section_main .header_products .product_list .product_box .product_right .product_action a:first-child {
        text-align: center;
        width: 100%;
    }

    .section_main {
        padding: 103px 0 32px;
    }

    .seller_section .owl-nav {
        display: none !important;
    }

    .section_title h2 {
        margin-bottom: 24px;
        font-size: 20px;
        line-height: 28px;
    }
    .seller_about{
        padding: 50px 0;
    }
    .seller_about .about_title{
        padding: 0 0 44px;
    }
    .seller_about .about_title h2{
        margin-bottom: 32px;
    }
    .heading_big{
        font-size: 32px;
        line-height: 40px;
    }
    .heading2{
        font-size: 20px;
        line-height: 28px;
    }
    .seller_about .about_title p{
        margin-bottom: 24px;
    }
    .media_box.index{
        margin-bottom: 32px;
    }
    .media_box .media_text h3{
        font-size: 16px;
        line-height: 24px;
        height: 53px;
    }
    .media_box.index img{
        height: 195px!important;
    }
    .media_box .media_text{
        margin: 12px 0;
    }
    .section_padding{
        padding: 32px 0;
    }
    .section_count .counter_flex{
        flex-direction: column;
        gap: 32px;
        padding-top: 44px;
    }
    .section_title_2{
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
        padding: 24px 0;
        margin-bottom: 30px;
    }
    .btn-unique{
        display: inline-block;
    }
    .section_news .row{
        flex-wrap: nowrap;
        overflow: auto;
    }
    /* Hide scrollbar for Chrome, Safari and Opera */
    .section_news .row::-webkit-scrollbar {
        display: none;
    }

    /* Hide scrollbar for IE, Edge and Firefox */
    .section_news .row {
        -ms-overflow-style: none; /* IE and Edge */
        scrollbar-width: none; /* Firefox */
    }
    .section_news .row .col-lg-4{
        width: 90%;
    }
    .blog_box .blog_top{
        margin-bottom: 12px;
    }
    .blog_box .blog_text span{
        font-size: 12px;
        line-height: 16px;
    }
    .blog_box .blog_text h4{
        font-size: 16px;
        line-height: 24px;
        margin-top: 0;
        height: 50px;
    }
    .blog_box{
        margin-bottom: 24px;
    }
    .section_partners{
        padding-top: 0;
    }
    .about_section .section_breadcrumb{
        padding: 16px 0;
    }
    .about_section .big_title{
        margin-bottom: 0;
        padding: 16px;
        background-color: #fff;
    }
    .about_section .big_title h1{
        font-size: 20px;
        line-height: 28px;
        font-weight: 500;
    }
    .about_section .section_content{
        padding: 0;
        border-top: unset;
        background-color: #fff;
    }
    .about_section{
        padding-bottom: 60px;
    }
    /*.about_section .section_content > .row{*/
    /*    flex-direction: column-reverse;*/
    /*}*/
    .main_content{
        padding:  0 16px 16px
    }
    .custom_side_nav{
        display: none;
    }
    .main_content .margin-bottom-big{
        margin-bottom: 0;
    }
    .content_pagination{
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }
    .partner_box{
        margin-bottom: 16px;
    }
    .partner_box img{
        margin-bottom: 20px;
    }
    .partner_box h5{
        font-size: 16px;
        line-height: 24px;
        height: 50px;
        margin-bottom: 8px;
    }
    .partner_box p{
        font-size: 12px;
        line-height: 16px;
        height: 34px;
        margin-bottom: 20px;
    }
    .about_section .g-4,
    .about_section .gy-4{
        --bs-gutter-y:0;
        --bs-gutter-x:0
    }
    .partner_detail h2{
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 20px;
    }
    .other_partners .owl-nav{
        display: none;
    }
    .other_partners h4{
        margin:0!important;
    }
    .partner_box.announce_box p{
        height: 50px;
    }
    .photo_gallery .mini_img{
        flex-direction: row;
        gap: 12px;
        padding: 16px 0 0;
    }
    .photo_gallery .mini_img li img{
        height: 65px;
    }
    .photo_gallery .main_img_box img{
        height: 270px;
        object-fit: cover;
    }
    .share_line{
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        padding: 16px;
        margin-top: 16px;
    }
    .main_content .heading1{
        font-size: 20px;
        line-height: 28px;
    }
    .video_img_detail img{
        height: auto;
    }
    .apply_form h2{
        display: none;
    }
    .apply_form form .row{
        gap: 16px;
    }
    .contact_detail{
        padding: 24px;
        margin-bottom: 24px;
    }
    .video_box_instruction .video iframe{
        height: 270px;
    }
    /*.product_box{*/
    /*    margin-bottom: 24px;*/
    /*}*/
    .flex_filter{
        flex-direction: column;
    }
    .flex_filter .w-90{
        width: 100%;
    }
    .flex_filter .w-90 .row{
        gap: 20px;
    }
    .map_container{
        padding: 16px;
    }
    .map_box_big{
        margin-top: 0;
        padding: 16px 0;
    }
    .map_box_big svg{
        height: 232px;
    }
    .hide_mobile{
        display: none;
    }
    .more_filter{
        margin-bottom: 0;
        padding: 32px 16px;
    }
    .seller_list h4{
        display: none;
    }
    .seller_list{
        padding: 0;
    }
    .seller_list .table_box{
        padding: 0;
    }
    .main_content.mt-32{
        margin-top: 0;
    }
    .donation_box h5{
        padding: 16px 0;
    }
    .product_container,
    .product_search_top{
        padding: 16px;
    }
    .product_container > .row{
        gap: 24px;
    }
    .body_payment .btn-main{
        margin-top: 16px;
    }
    .card_payment .body_payment .submit_btn{
        margin-top: 0;
    }
    .services_box{
        padding: 16px;
        margin-bottom: 16px;
    }
    .product_detail_box{
        padding: 16px;
    }
    .product_detail_main_img_list{
        height: 328px;
    }
    .product_detail_main_img_list img{
        height: 220px;
    }
    .owl-product_detail{
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        height: 100%;
        padding: 16px;
    }
    .product_detail_box .product_detail_top{
        padding: 16px 0 36px;
        position: relative;
    }
    .product_detail_box .product_detail_top .seller_name{
        position: absolute;
    }
    .product_detail_action{
        flex-direction: column;
        align-items: flex-start;
    }
    .product_detail_action .action_detail.left_action,
    .product_detail_action .action_detail{
        max-width: 100%;
        width: 100%;
        padding: 16px;
    }
    .product_detailed_nav{
        padding:  0 16px;
    }
    .photo_list ul{
        gap: 16px;
        flex-wrap: wrap;
    }
    .photo_list ul li{
        padding: 16px;
        height: 156px;
        width: 100%;
        max-width: 46%;
    }
    .detailed_boxes{
        padding: 16px;
        gap: 24px;
    }
    .main_content ~ .other_partners{
        padding: 16px;
    }
    .main_content.mb-32{
        margin-bottom: 0;
    }
    .product_detailed_nav ul{
        flex-wrap: wrap;
    }
    .basket_list ul li{
        flex-direction: column;
        padding: 16px;
    }
    .basket_list ul li .basket_item_left .img_box{
        min-width: 72px;
        width: 72px;
        height: 72px;
    }
    .basket_list ul li .basket_item_left{
        width: 100%;
        align-items: flex-start;
    }
    .basket_list ul li .basket_item_left .basket_item_name h4{
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 8px;
    }
    .basket_list ul li .basket_item_right{
        width: 100%;
        margin-top: 36px;
    }
    .basket_list_container{
        margin: 0;
    }
    .line{
        display: none;
    }
    .basket_summary{
        margin: 0;
    }
    .basket_list ul li:last-child{
        border: 1px solid #F1F2F4;
    }
    .mobile_bg{
        background-color: #fff;
    }
    .auth_container .left_side_auth{
        display: none;
    }
    .right_side{
        width: 100%;
    }
    .dashboard_statistic{
        padding: 16px;
        align-items: flex-start;
        gap: 12px;
        overflow: auto;
        margin: 24px 0;
    }
    /* Hide scrollbar for Chrome, Safari and Opera */
    .dashboard_statistic::-webkit-scrollbar {
        display: none;
    }

    /* Hide scrollbar for IE, Edge and Firefox */
    .dashboard_statistic {
        -ms-overflow-style: none; /* IE and Edge */
        scrollbar-width: none; /* Firefox */
    }
    .dashboard_statistic .statistic_item{
        min-width: 220px;
    }
    .profile_main_content{
        padding: 16px;
    }
    .table_box_account{
        overflow: auto;
    }
    .profile_top{
        padding: 16px 22px;
    }
    .dashboard_table .product_container, .product_search_top{
        flex-wrap: wrap;
        gap: 12px;
    }
    .flex_filter .col{
        flex: unset;
    }
    .end_btn{
        flex-wrap: wrap;
    }
}

@media (max-width: 575px) {
    .section_main.live_map .header_products .product_list .product_box .product_left{
        flex-direction: column;
    }
    .section_main .map_svg svg {
        height: 254px;
    }
    .seller_box img,
    .seller_box{
        height: 212px!important;
    }
    .seller_box .seller_text{
        bottom: -80px;
    }
    .seller_box .seller_text p{
        font-size: 16px;
    }

}

@media (max-width: 500px) {
    .section_main .header_products .product_list .product_box .product_left .product_name h5 {
        max-width: 120px;
    }
    .product_search_top .search_box input{
        max-width: 240px;
    }
}

@media (max-width: 480px) {

}

@media (max-width: 375px) {

}

@media (max-width: 360px) {
    .right_side form{
        max-width: 270px;
    }
    .product_search_top .search_box input{
        max-width: 180px;
    }
}