/****02/07/2025 New Design style****/

/***STYLE START**/
@media screen and (width>767px){
    .mob-logo-in{
        display: none;
    }

    .how-it-works-text {
        display: none;
    }
}

@media screen and (width < 767px){
    .login-form{
        margin-top: 0px;
        max-width: 90%;
        padding-top: 48px;
    }

    .login-form .login-heading {
        padding-bottom: 0;
    }

    .login-bottom-links a{
        font-size: 11px;
    }
    .login.login-form-bckg{
        background-size: 110px;
        min-height: 94vh;
        background-position: 110% 100%;
    }
    .login .form{
        overflow: hidden;
        gap: 10px;
    }

    #pills-login .contact-form .form-btn {
        padding: 12px 13px;
    }

    .login_footer_ssl_login .ssl-div {
        margin-bottom: 25px;
    }

    .card-support .crd-text-supp p {
        font-size: 12px;
    }

    #pills-support .card-support {
        padding: 25px 9px 25px 7px;
    }

    .qty-td .mob-plus-fix {
        font-size: 22px;
        min-width: unset;
    }

    .page-box1 .reset_container {
        padding: 20px;
    }

    .fav_list_items .table-sub td:nth-child(2) {
        padding-left: 15%;
    }

    .fav_list_items td:nth-child(4) {
        justify-content: center;
        margin: 0;
    }

    .fav_list_items .table-sub td:nth-child(1) {
        padding-left: 10px;
        
    }

    .fav_list_head th:nth-child(4) {
        text-align: center;
    }


    .family_support #pills-tabContent {
        padding: 0px 0 0 0;
    }

    .family_cont_info .form-group-flex {
        margin-top: 10px;
    }

    .content-sec .new_my_order_list .order-header {
        gap: 0;
        padding-top: 0;
    }

    .new_my_order_list .order-list .food_orders_form {
        padding-top: 6px;
        padding-bottom: 6px;
    }

    #shop_category_mob .my-shop-sidebar{
        flex-direction: row;
        padding: 20px 0 0px 0;
        border: none;
        row-gap: 15px;
        flex-wrap: wrap;
        column-gap: 20px;
    }

    #shop_category_mob .form-check {
        padding-left: 0;
    }

    #shop_category_mob .form-check-input[type=checkbox] {
        display: none;
    }

    #shop_category_mob .form-check.active {
        color: green;
        border-bottom: 1px solid;
        padding-bottom: 4px;
    }

    .register-container.message_box .top-header {
        text-align: center;
    }

    .register-container .content .content__box {
        padding: 0 !important;
    }

    .content__box.step-3.visible__no-animation .table-responsive {
        max-height: 300px;
    }

    .content__box.step-3.visible__no-animation .table-responsive thead {
        position: sticky;
        top: 0;
    }

    .content__box.step-3.visible__no-animation .table-responsive tbody {
        overflow: auto;
    }

    .reset_box_content #go_to_login {
        width: 100%;
    }

    .leftinfo-div .hit_small_heading span {
        text-align: center;
        color: #504346;
        font-weight: 500;
        font-size: 18px;
    }

    .login-head {
        background: none;
    }

    .form-box.reset_container {
        display: flex;
        flex-direction: column;
        align-items: center;
        box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15);
        border-radius: 10px;
    }

    .form-box.reset_container .arrow-div {
        width: 18%;
    }

    .message_box.register-container .content {
        height: fit-content;
    }

    .order-list .all_review_headers {
        background: none !important;
        padding-left: 5px !important;
        padding-top: 3px !important;
    }

    .order-list .all_review_headers h6 {
        font-size: 19px;
        color: #504346;
    }

    .events-content-sec .event_content {
        padding-left: 10px;
        padding-right: 10px;
    }

    .events-content-sec {
        padding-left: 0;
        padding-right: 0;
    }

    .events-content-sec .event_image {
        padding-left: 13px !important;
        padding-right: 13px !important;
        padding-top: 13px;
    }

    .events-content-sec .Crystal_event {
        padding-top: 24px;
    }

    .event_item_view .modal-body #item_table_body td:nth-child(3),
    .event_item_view .modal-body #item_table_body td:nth-child(5) {
        text-align: center;
    }

    .event_item_view .modal-body {
        padding-left: 0 !important;
    }

    .event_view_close {
        font-size: 16px;
        padding: 10px 15px;
    }

    #event_view_heading h5 {
        font-size: 17px;
    }

    #variation_options_form .add-pay-order-div {
        padding: 20px 0;
        gap: 9px;
        padding-bottom: 0;
        justify-content: center;
    }

    .banner-content .register-btn#register_now {
        text-transform: uppercase;
    }

    .item-qty-mobile-cs-ch .food-item-qty-ch-cs-sol p {
        min-width: 12%;
    }

    .item-qty-mobile-cs-ch .food-item-qty-ch-cs-sol .no_style_list {
        padding-left: 4px;
        width: 79%;
    }

    .add-pay-order-div .modal-footer .input-div {
        padding: 8px;
    }

    #variation_options_form .add-pay-order-div .total-rw {
        width: 56%;
    }

    .billing-detail-search-ch i {
        right: 31px;
    }

    .add-pay-order-div .modal-footer {
        margin-right: 0px;
        margin-left: 0px;
    }

    .add-pay-order-div .add-order-btn {
        width: 100%;
        max-width: unset !important;
    }

    .add-pay-order-div .add-order-btn button {
        width: 100%;
        justify-content: center !important;
    }

    #payment_confirmation_modal .modal-content.add-user-body {
	align-items: flex-start !important;
    }

    .family_support #frmFamily .form-group-flex label {
        color: #4E4E4E;
    }

    .administration1 .email-style {
        padding: 8px 6px 8px 10px;
    }

    #variation_options_form .modal-body {
		padding: 0px 13px 20px;
	}

	#variation_options_form .checkbox-div {
		border-radius: 10px;
	}

    .modal-content .modal-header.order-modal-header {
        justify-content: center;
    }

    #variation_options_form .form-check-input[type=checkbox] {
        border-radius: 0;
        border: 2px solid #6A6466;
        box-shadow: none;
    }

    .input-group.input-div.add_item_btn .quantity-field {
        padding-top: 6px;
    }

    .modal-main-content-2 #pay_topup_form .total-rw {
        padding: 10px 8px 10px;
    }

    #save_product_collection_method .form-check-inline {
        padding-left: 0;
        width: 100%;
        padding-top: 9px;
    }

    #save_product_collection_method .form-select {
        padding-top: 12px;
    }

    #variation_options_form .modal-body .checkbox-div h5 {
        flex-direction: column;
        text-align: center;
    }

    .modal-body .checkbox-div h5 span {
        font-size: 13px;
        font-weight: 400;
        padding-left: 0;
        padding-top: 5px;
    }

    .page-box1 .login-form {
        padding-bottom: 30px;
        padding-top: 60px;
    }

    .login_page_none {
        display: none;
    }


    .login-form .fb-check-div {
        align-items: center;
    }

    .login-form .fb-check-div .fb-img {
        width: 30px;
    }

    #loginForm .fb-check-div .form-div {
        margin-top: 0;
    }

    .registerside_space .sendimg-space,
    .d-mob-none,
    .desk-logo{
        display: none;
    }
    .btn-acc{
        margin-right: 5px;
        min-height: 39px;
        border-radius: 4px;
        border: 1px solid #d9d9d9;
        background: #fff;
        padding: 6px 16px;
    }

    .mob-none {
        display: none;
    }


    .banner-content{
        margin: auto;
    }

    .how-it-works-text {
        padding: 15px 0 25px 0;
        margin-top: 0px;
        text-align: center;
    }

    .how-it-works-text-2 .row {
        margin-top: 0;
    }
    
    .how-it-works-text-2 {
        padding: 30px 20px 0 20px;
        text-align: center;
    }

    .hit-img {
        margin-left: 12px;
        margin-right: 12px;
    }
    
}