@import "variables.css";




@media(max-width:1200px) {


    .setting_user_content_wrapper {
        width: 100%;
    }

    .setting_page_wrapper {
        width: 65%;

    }

}

@media(max-width:950px) {



    .signup_top_bar.long_name {
        width: 62% !important;
    }

    .signup_top_bar.normal_name {
        width: 58% !important;
    }

    .search_wrapper>i {
        top: 41%;
        left: 4%;

    }

    .setting_page_wrapper {
        width: 70%;
        box-shadow: none !important;
    }






}

@media(max-width:774px) {
    .search_wrapper_location>i {
        left: 3.4%;
        top: 42%;
    }

    .signup_top_bar.long_name {
        width: 68%;
    }

    .signup_top_bar.normal_name {
        width: 61% !important;
    }



    .setting_page_wrapper {
        width: 90%;
    }


}

@media(max-width:630px) {
    li.red_cricle::before {
        height: 0.5rem !important;
        left: -8% !important;
        top: 21% !important;
    }

    li.red_cricle {
        font-size: .8rem;
    }

    main.home_page {
        width: auto;
        margin: unset;
    }
}

@media(max-width:600px) {
    .chat-bot-wrapper {

        left: 82% !important;

    }

    .pharmacy_tab_section .nav-pills .nav-link,
    .nav-pills .show>.nav-link {

        font-size: .9rem;

    }

    .view_pres>a,
    .center_upload {
        font-size: .7em;
        font-weight: 500;
    }

    .single_order_time {
        font-size: .8rem;

    }

    .single_order_price {

        font-size: .7rem;
    }

    .single_order_button>a.order_placed_class,
    .single_order_button>a.out_of_delivery {

        font-size: 0.58rem !important;


    }

    .bg_image_wrapper {

        padding: 1rem 8px !important;

    }

    .current_time {
        font-size: 4rem !important;
    }

    .order_status_marking::before {

        background: var(--gray_light_txt_color);
        left: 12px;
    }

    span.text-center.sign-up-text,
    .header_top_bar>span {
        font-size: 1rem;
    }

    .header_top_bar .left-icon>a>i,
    .cart_menu_icon>i,
    .wishlist_menu>i {
        font-size: 1.3rem;
    }

    span.menu_quantity {

        height: 1.1rem;

        top: -46%;
        font-size: .7rem;
        right: -20%;
    }

    .cart .right_product_side {
        padding: 0.6rem;
        width: 76%;
    }

    .cart .left_product_side {
        width: 24%;
        padding: 1rem 1rem;
    }

    li.red_cricle {

        font-size: .85rem;

    }

    .search_wrapper>i {

        left: 6.5% !important;

    }

    .info_box {
        padding: 0;

        /* width: 139px !important; */
    }


    section.singup_section {
        box-shadow: none !important;
    }

    .setting_page_wrapper {
        width: 100%;
        padding: 0;
    }

    .all_pages_width {
        box-shadow: none !important;

    }

    .social_button>img {
        left: 7% !important;
    }

    /* .signup_top_bar {
        width: 60%;
    } */
    .signup_top_bar.upload_presc {
        width: 71% !important;
    }
}



@media(max-width:450px) {
    .chat-bot-wrapper {

        left: 75% !important;

    }

    .product_price {
        font-size: .8rem;
    }

    .pharmacy_tab_section>.nav-pills {
        justify-content: center;
        gap: 0.5rem;

    }

    .info_box {
        min-height: 112px !important;
        width: 111px !important;
    }

    .setting_page_wrapper .info_box {
        padding: 0 1rem;
        width: 92% !important;
        min-height: 91px !important;
    }

    #login_page .singup_form_wrapper .input_wrapper i {
        right: 115px !important;
    }

    main.home_page .slick-slide img {

        height: 170px !important;
        border-radius: 0.8rem;
        object-fit: fill;

    }

    .checkout_and_subtotal {

        font-size: .8rem;
    }

    .add_cart_button.checkout_buton>a {

        font-size: .8rem;

    }

    .signup_top_bar.singup_name {
        width: 61% !important;
    }

    input::placeholder {
        font-size: .9rem;
    }

    .col-4 {
        padding: 0 0.2rem !important;
    }

    .signup_top_bar.long_name {
        width: 72% !important;
    }

    .signup_top_bar.normal_name {
        width: 63% !important;
    }

    .product_title {
        font-size: .86rem;
        font-weight: 600;
    }

    .pharmacy_tab_section>.nav-pills {
        justify-content: center;
        align-items: center;
        gap: 0.5rem;
    }

    .left_product_side {
        padding: 1rem 2rem;
    }

    .nav-pills .nav-link {
        font-size: .8rem;
        padding: 0.6rem 0.5rem;
    }

    .pharma_images_top>.image_pharm {
        height: 6.5rem;
    }

    a.continue_login_phone_button {

        padding: 0.4rem 1rem !important;

    }


    main span {
        font-size: .8rem;
    }
}

@media(max-width:450px) {
    .para_user h2 {

        font-size: 1.4rem;

    }

    .single_product_page .bg_image_wrapper {
        padding: 0rem 0 1rem 0 !important;
    }
}

@media(max-width:428px) {
    .similar_products_wrapper .product_list {
        width: 159px !important;
    }

    .setting_page_wrapper .signup_top_bar.setting {
        width: 60% !important;
    }

    .message_send_wrapper {
        height: 516px !important;

    }



    .top_area_single {
        padding: 1rem 0 !important;
    }

    .single_product_name {
        font-size: .9rem !important;
    }

    span.menu_quantity {
        height: 1.2rem !important;
        top: -27% !important;
        font-size: .6rem !important;
        right: -14% !important;
    }

    .collapased_title {
        font-size: 1rem !important;
    }

    .pharma_images_top .image_pharm {
        min-height: 7rem;
    }

    .left_product_side {
        padding: 1rem 1rem !important;
        width: 25% !important;
    }

    .right_product_side {
        width: 75% !important;
    }

    .view_presc_button {
        font-size: .8rem;
    }

    .product_list_title>span {
        font-size: .78rem !important;
    }

    input#checkbox {
        appearance: auto;
        height: 1.4rem;
        aspect-ratio: 1/1;
    }

}

@media(max-width:360px) {

    main span {
        font-size: .7rem !important;
    }
}

@media(max-width:400px) {

    .right_side {

        font-size: .9rem !important;
    }
}

@media(max-width:480px) {

    .pharmacy_tab_section .nav-pills .nav-link,
    .nav-pills .show>.nav-link {

        font-size: .7rem !important;
    }
}



/* min widht  */
@media(min-width:1600px) {}

@media(min-width:575px) {
    .view_order_wrapper .modal.show .modal-dialog {
        margin: auto !important;
    }

}

@media(min-width:700px) {
    .current_shop_left {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    footer.footer_main {
        left: 0;
        /* width: 561px; */
        bottom: 0;
        margin: 0 auto !important;
        right: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .collapsing {
        transition-property: height, visibility;
        transition-duration: .35s;
    }
}

@media (min-width: 576px) {

    .add_cart_section,
    .bottom_continue_button,
    .add_new_med_wrapper,
    .bottom_fixed,
    footer.footer_main,
    .continue_top_pay,
    .view_order_wrapper {
        max-width: 594px !important;

    }
}








@media (min-width: 1570px) {

    .singup_name {
        width: 55% !important;
    }
}

@media (min-width: 1200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1140px !important;
    }
}

@media (min-width: 992px) {

    main>.container,

    main>.container-fluid,

    main>.container-lg,

    main>.container-md,

    main>.container-sm,

    main>.container-xl,

    main>.container-xxl {
        max-width: 594px !important;
        width: 594px;
    }

    main>section>.container,

    main>section>.container-fluid,

    main>section>.container-lg,

    main>section>.container-md,

    main>section>.container-sm,

    main>section>.container-xl,

    main>section>.container-xxl {
        max-width: 594px !important;
        width: 594px;
    }

    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 960px !important;
    }
}

@media (min-width: 768px) {
    .search-filter-wrapper {

        width: 410px;

    }

    .container,
    .container-md,
    .container-sm {
        max-width: 720px !important;
    }
}

@media (min-width: 576px) {

    .container,
    .container-fluid,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 594px !important;
    }
}