/********** Media Query **********/
@media (max-width: 1300px) {
    .parentCartDiv {
        display: flex;
        flex-direction: column;
    }

    #qtyFormInCart {
        width: max-content;
    }
}

@media (max-width: 1210px) {
    .qtyAndPrice {
        justify-content: normal;
    }
}

@media (max-width: 1136px) {
    .d-flex p {
        padding-right: 0;
    }
}

@media (max-width: 991px) {
    .menupage-nav.active {
        max-width: 100%;
        /*top: 107px;*/
    }

    .itemselect {
        margin-right: 20% !important;
    }

    .d-lg-block {
        display: block !important;
    }

    .menuItem-choice-header {
        display: flex;
        flex-direction: column;
    }

    .orderitem .orderitem-container {
        padding: 5px 5px;
    }

    #GoHome {
        max-width: 75%;
    }

    .card-sidebar.active {
        display: block !important;
        width: 100%;
        z-index: 999;
    }

    .header .navbar-brand {
        width: 100px;
    }

    .header form.mainNav-search .form-control {
        min-width: 100%;
    }

    .col-12 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    @media (max-width: 854px) {
        .menuItem-container .menuitem-group {
            max-width: 100%;
            flex: 100%;
        }

        .user-block .u-title {
            max-width: 75%;
            font-size: 22px;
        }

        #GoHome {
            max-width: 75%;
        }

        .a-title {
            font-size: 20px;
        }

        .checkform .w-50 {
            width: 100% !important;
        }

        .d-lg-block {
            display: block !important;
        }

        .orderitem-container {
            margin-right: 7px;
        }
    }

    @media (max-width: 768px) {
        body .checkoutbutton-sticky {
            display: block !important;
        }
        .bitp-page-blocker img {
            top: 40%;
            position: relative;
        }
        .mobile-header, .mobile-checkout {
            display: block !important;
        }
        .card-sidebar, .desktop-checkout, .header, .location {
            display: none !important;
        }
        .orderitem .ordername {
            width: auto;
        }
        #qtyFormInCart{
            margin-left: 20px;
        }
        .orderdelete{
            margin-right: 20px;
        }
        .saved-delivery-info{
            width: 100% !important;
        }

        .col-12 {
            flex: 0 0 100%;
            max-width: 100%;
        }

        .user-block .profile-logo {
            visibility: hidden;
        }

        .addtobagbutton button {
            padding: 7px !important;
        }

        #GoHome {
            max-width: 100%;
        }

        #selectStripeCard select {
            padding: 10px 1px;
        }

        .user-block .u-title {
            max-width: 100%;
            font-size: 18px;
        }
    }

    @media (max-width: 767px) {
        #selectStripeCard {
            flex-direction: column;
        }

        .parent-stripe-card-name {
            display: flex;
            flex-direction: column;
        }

        .parent-stripe-card-name .col, .parent-stripe-card-name .col-12 {
            min-height: max-content !important;
        }
    }

    @media only screen and (max-width: 480px) {
        .card-sidebar {
            display: none !important;
        }

        .itemselect {
            margin-right: 0.3rem !important;
        }

        .user-block .u-title {
            max-width: 100%;
            font-size: 18px;
        }

        .popularAddOns {
            display: block !important;
        }

        .menupage-nav ul li a,
        .u-address li a,
        .cart-header div span,
        .cart-header div a,
        .menu_item div h6 a,
        .menu_item p,
        .menu_item .menu-price {
            font-size: 13px !important;
        }

        .user-block .profile-logo {
            visibility: hidden;
        }

        #GoHome {
            max-width: 100%;
        }
    }

    @media only screen and (max-width: 449px) {
        .addtobagbutton {
            float: none !important;
        }
    }


    @media only screen and (max-width: 399px) {
        .parent-modal-footer {
            flex-direction: column;
            align-items: center;
        }
    }

    @media only screen and (max-width: 320px) {
        .sub-parent-stripe {
            flex-direction: column;
        }

        .sub-parent-stripe .col, .sub-parent-stripe .col-12 {
            min-height: max-content !important;
        }

        #stripeCardId {
            max-width: 60% !important;
        }
    }
}