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

    .breadcrumb-section{

        margin-top: -94px;

    }

    .hero_section{ margin-top: -95px;}

    header .container{ padding-top: 15px; padding-bottom: 15px;}

    .mid_menu{ width: unset;}


    .action_btn { display: none;}

.new_arrival .global_heading h3 {
    font-size: 22px;}

}

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

        .value_item_block:not(:last-child) {
        padding-bottom: 54px;
    }

     .big_new_arrival_big_img{ width: 100%; margin-bottom: 15px;}

    .big_new_arrival_short_img{ display: none;}

    .image-wrap{ width: 100%;}

    .content{ width: 100%; text-align: center;}

.slide-inner{

    flex-direction: column-reverse;
    gap: 15px;
   
    

}

.value_item_block:before {
        width: 20px;
        height: 20px;
    }
}




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

    .top_categories:before{ top: 0px;}

        .top_categories:after{ bottom: 0px;}

    .top_categories{ padding: 40px 0;}

    .about_us{ padding: 40px 0;}

    .mobile_search input{ width: 100%;}

    .mobile_search.search_product{ 

        display: block;

    }


.our_core_services {
    padding: 40px 0 0;
}
    .products_in_love, .new_arrival{     padding: 40px 0px ;}
.best_selling_products, .big_new_arrival{ padding: 40px 0;}

    .testimonils{ padding: 40px 0;}

    .search_product{ display: none;} 

    .content h1{

        font-size: 36px;

    }


    .horoscope-icon{
        
        width: unset;
        text-align: start;
    }


}



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

    .breadcrumb-section {
    padding: 150px 20px 75px;}

    .book_cunsultaion{

            padding: 80px 0;

    }

    .breadcrumb-content h2{ font-size: 26px;}

    .value_item_block:after {
        left: 9px;
    }

    .value_description p {
        font-size: 14px;
        line-height: 1.6;
    }

        .value_content_block, .value_img_block {
        width: 90%;
    }

        .value_inner_block .value_item_block:first-child:before {
        top: 49%;
    }

        .value_item_block:before {
        left: 0;
        transform: unset;
        top: 28%;
    }
    
        .value_item_block {
        flex-wrap: wrap;
        gap: 24px;
        justify-content: end;
    }

    .about_img img{ width: 55%!important;}

    .about_img::before {
    
    
            width: 260px;
    height: 260px;
    }

    .content h1{ 

        font-size: 32px;

    }

    .new_arrival_box { flex-direction: column-reverse;}

    .global_heading h3 {
    font-size: 26px!important;}


    .user_icons{ gap: 8px;}




}