@media only screen and (max-width: 1200px) {
    /*custom box 2*/
    .home-apps-img {
        width: 80%;
    }
    /*custom box 2*/

    /*rsao page*/
    .rsao-cover-images {
        height: 200px !important;
    }

    .rsao-cover-images-featured {
        height: 250px !important;
    }
    /*rsao page*/

    /*cart page*/
    .cart-quantity-div {
        border: 0px !important;
        border-radius: 0px !important;
        padding: 0px !important;
    }

    .cart-value-field {
        padding: 0px;
    }
    /*cart page*/

    /*order details page*/
    .odd_pbar li {
        list-style: none;
        display: inline-table !important;
        width: 19.33%;
        position: relative;
        text-align: center;
        cursor: pointer;
        margin: 7px !important;
        font-size: 16px !important;
    }
    /*order details page*/
}

@media only screen and (max-width: 992px) {
    /*custom box*/
    .custom-box .custom-box-elts .search-input-head {
        font-size: 2rem;
    }

    .custom-box .custom-box-elts .custom-search-box {
        width: 25rem;
        height: 45px;
    }

    .custom-box .custom-box-elts .custom-search-box input[type="search"] {
        /*without the geo-location*/
        /*width: 80%;*/
        /*with geo-location*/
        width: 85%;
    }

    #custom_explore_button {
       width: 25rem;
       padding: 7px 15px;
    }

    #custom_explore_button-mobile {
        display: block;
        width: 25rem;
    }
    /*custom box*/

    /*custom box 2*/
    .home-apps-img {
        width: 70%;
    }

    .download-app-header {
        font-size: 2.5rem;
    }

    .custom-box-location-alert {
        width: 21rem;
    }

    .custom-box2 h2 {
        font-weight: 600;
        font-size: 2rem;
    }

    .custom-box2 p {
        font-size: 1.1rem;
        font-weight: 500;
    }

    .custom-box2 a {
        font-size: 1rem;
        padding: 0.9rem 4.4rem;
    }
    /*custom box 2*/

    /*rsao page*/
    .rsao-cover-div {
        height: 30vh !important;
    }

    .rsao-elts h5  {
        font-size: 1.5rem;
    }

    .rsao-back-to-list {
        font-size: 1.1rem !important;
        font-family: var(--primary-font);
    }

    .nearby-rsao-headers {
        font-size: 1.1rem !important;
        font-family: var(--primary-font);
    }

    .rsao-cover-images {
        height: 150px !important;
    }

    .rsao-cover-images-featured {
        height: 170px !important;
    }

    .rsao-borcdiv {
        text-align: start;
    }
    /*rsao page*/

    /*restaurant details*/
    .div-products-section {
        border-radius: 0px;
        box-shadow: none;
        margin: 0px;
        width: 100%;
        padding: 1rem 0px 1.1rem;
    }

    .restaurant-details-group-name {
        padding: 1rem 0px;
    }
    /*restaurant details*/

    /*shop details*/
    .shop_price_vary_div {
        padding: .2rem 4px;
    }

    .shop-details-group-name {
        padding: 1rem 4px;
    }
    /*shop details*/

    /*cart page*/
    .cart-items-m-div {
        padding: 0px 2rem;
    }
    /*cart page*/

    /*order details page*/
    .odd_pbar li {
        list-style: none;
        display: inline-table !important;
        width: 19.33%;
        position: relative;
        text-align: center;
        cursor: pointer;
        margin: 7px !important;
        font-size: 12px !important;
    }
    /*order details page*/

    /*Footer CSS - V2*/
    .footer {
        padding: 1.5rem 1rem;
    }

    #footerGetApp {
        width: 100%;
        margin-bottom: 10px;
    }

    #footerBecomeDriver {
        width: 100%;
    }

    .footerBtnGroupTwoMasterDiv {
        justify-content: flex-start;
        margin-top: 1rem;
    }
    /*Footer CSS - V2*/
}

@media only screen and (max-width: 768px) {
    /*Common div*/
    .common-divR {
        padding: 0 1rem;
    }
    /*Common div*/

    /*custom box 2*/
    .home-apps-img {
        width: 50%;
    }
    /*custom box 2*/

    /*rsao page*/
    .rsao-navbar {
        padding: 10px;
    }

    .rsao-containers {
        padding: 15px;
    }

    .rsao-elts {
        margin-left: .6rem;
    }

    .rsao-cover-div {
        height: 27vh !important;
    }
    /*rsao page*/

    /*shop details*/
    .shop_price_vary_div p {
        font-size: 15px;
    }
    /*shop details*/

    /*cart page*/
    .cart-p-name {
        font-size: 17px;
    }

    .cart-v-name {
        font-size: 15px;
    }

    .cart-a-names {
        font-size: 14px;
    }

    #cart-amount-details {
        margin-top: 1rem;
    }
    /*cart page*/

    /*order details page*/
    .odd_pbar li {
        list-style: none;
        display: inline-table !important;
        width: 19.33%;
        position: relative;
        text-align: center;
        cursor: pointer;
        margin: 7px !important;
        font-size: 10px !important;
    }

    #odp_dd_header {
        border-top: 1px solid black;
        padding-top: 1rem;
    }

    #odp_driver_header {
        border-top: 1px solid black;
        padding-top: 1rem;
    }

    .odp_image_heder {
        border-top: 1px solid black;
        padding-top: 1rem;
    }

    #odp_ad_header {
        border-top: 1px solid black;
        padding-top: 1rem;
    }

    .odp-p-name {
        font-size: 17px;
    }

    .odp-v-name {
        font-size: 15px;
    }

    .odp-a-names {
        font-size: 14px;
    }

    .odp-p-note {
        font-size: 14px;
    }

    .odp-p-price {
        font-size: 15px;
    }
    /*order details page*/

    /*shopping order details page*/
    .sodp_phr {
        margin: 7px 0;
    }
    /*shopping order details page*/

    /*courier service*/
    #cs-service-details {
        /*margin-top: 1rem;*/
    }

    #cs-amount-details {
        border-top: 1px solid black;
        padding-top: 1rem;
    }
    /*courier service*/

    /*footer*/
    /*.footer-sec-two {
        padding: 3rem 0px 0px 0px !important;
        text-align: left;
    }

    .footer-social-media-links {
        margin-top: 2rem;
    }*/
    /*footer*/

    /*Footer CSS - V2*/
    .footer {
        padding: 1.5rem 1rem;
    }

    .footerBtnGroupOneDiv {
        margin-bottom: 2rem;
    }

    .footerBtnGroupOne {
        display: block;
        margin-bottom: 20px;
    }

    #footerGetApp {
        width: 100%;
        margin-bottom: 10px;
    }

    #footerBecomeDriver {
        width: 100%;
        margin-bottom: 0px !important;
    }

    .footerIconsDiv {
        /*margin-bottom: 2rem;*/
    }

    .footerIcons {
        font-size: 18px;
        margin-left: 0px;
    }

    .footerBtnGroupTwo {
        display: block;
        font-weight: 600;
        text-align: left;
        padding-right: 2rem;
    }

    .footerBtnGroupTwoMasterDiv {
        display: block;
        /*justify-content: space-between;*/
    }

    .footerLocationDiv {
        margin-bottom: 0px !important;
    }

    .footerLocationColumn1,
    .footerLocationColumn2,
    .footerLocationColumn3 {
        display: none !important;
    }

    .footer-copyright-text {
        margin-bottom: 20px !important;
    }

    .footerBtnGroupThreeDiv {
        text-align: left !important;
    }

    .footerBtnGroupThree {
        display: block;
        text-align: left;
        margin: 0px;
        padding: 0px;
    }

    /*Footer CSS - V2*/

    /*cms pages start*/

    /*parcel cms page*/
    .parcel-cms-header {
        font-weight: 800;
        font-size: 1.7rem;
    }

    .parcel-cms-info {
        font-weight: 500;
        font-size: 1rem;
    }
    /*parcel cms page*/

    /*cms pages end*/
}

@media only screen and (max-width: 576px) {
    /*general css*/
    #backToTop {
        display: none !important;
    }
    /*general css*/

    /*custom box*/
    .custom-box {
        height: 100vh;
    }

    .custom-box .custom-box-elts {
/*        margin-left: 2.8rem;*/
        margin-left: 0px;
        padding: 0px 10px;
        top: 36%;
    }

    .custom-box .custom-box-elts .search-input-head {
        font-size: 1.7rem;
/*        display: none;*/
    }

    .custom-box .custom-box-elts .custom-search-box {
        /*width: 17rem;*/
        width: 100%;
        height: 38px;
    }

    .custom-box .custom-box-elts .custom-search-box input[type="search"] {
        /*without the geo-location*/
        /*width: 88%;*/
        /*with geo-location*/
        width: 78%;
        font-size: 1.1rem;
        padding-left: 0px;
        /*padding-left: 8px;*/
    }

    #custom_explore_button {
       width: 100%;
       padding: 5px 15px;
       margin-top: 12px;
    }

    .custom-box-location-alert {
        padding: 5px;
        width: 100%;
        font-weight: 400;
        text-align: center;
    }
    /*custom box*/

    /*custom box 2*/
    .home-apps-img {
        width: 70%;
    }

    .download-app-header {
        font-size: 1.5rem;
    }

    .custom-box2 h2 {
        font-weight: 600;
        font-size: 1.6rem;
    }

    .custom-box2 p {
        font-size: 1.1rem;
        font-weight: 400;
    }

    .custom-box2 a {
        font-size: 1rem;
        padding: 0.9rem 4.4rem;
    }
    /*custom box 2*/

    /*rsao page*/
    .rsao-cover-div {
        display: none;
    }

    .rsao-navbar {
        padding: 2px;
    }

    .rsao-elts {
        margin-left: .1rem;
        top: 60%;
    }

    .rsao-elts #rsao-nw-delivery {
        font-size: 14px;
        font-weight: 500;
    }

    .rsao-elts h5 {
        font-size: 1rem;
        line-height: 18px;
    }

    .nearby-rsao-cards .row{
        --bs-gutter-x: .3rem;
    }

    .rsao-containers {
        background-color: white;
        margin-top: 2rem;
        padding: 12px;
    }

    .rsao-divs {
        margin-bottom: 1rem;
        padding: 0px;
    }

    .rsao-cards {
        margin-top: 1rem;
        border-radius: 0px;
        box-shadow: rgb(0 0 0 / 10%) 0px 0.2rem 0.4rem 0px;
    }

    .rsao-cards .card-body {
        padding: 0.8rem 10px !important;
    }

    .rsao-cover-images {
        height: 200px !important;
        border-radius: 0px 0px 0px 0px;
    }

    .rsao-cover-images-featured {
        height: 300px !important;
    }

    .rsao-cards .card-body .card-title {
        font-size: 16px;
        font-weight: 800;
        margin-bottom: 0px;
    }

    .rsao-cards .card-body .card-text {
        font-size: 13px;
    }

    .desktop-categories-div {
        display: none;
    }

    .mobile-categories-div {
        display: block;
    }

    .rsao-by-category-btl {
        margin: 10px 9px;
    }

    .rsao-ras-div {
        margin-bottom: 5px;
    }

    .rsao-cover-div {
        height: 22vh !important;
    }

    .no-rsao-main-div {
        display: flex;
        flex-direction: column;
        min-height: 80vh;
        justify-content: center;
    }
    /*rsao page*/

    /*cart page*/
    .cart-items-m-div {
        padding: 0px 10px;
    }

    #cart-quantity-div-pc {
        display: none !important;
    }

    #cart-quantity-div-mobile {
        display: block !important;
    }
    /*cart page*/

    /*orders lists page*/
    .odlp_odldiv {
        border-bottom: 1px solid #fff;
    }

    .odlp_cards {
        margin-bottom: 1rem !important;
    }
    /*orders lists page*/

    /*order details page*/
    .odd_pbar {
        margin-bottom: 0px;
    }

    .odd_pbar li {
        list-style: none;
        display: inline-table !important;
        width: 19.33%;
        position: relative;
        text-align: center;
        cursor: pointer;
        margin: 7px !important;
        font-size: 10px !important;
    }

    .odp_driver_image {
        width: 26%;
        margin-right: 1rem;
    }

    .drivers-div {
        display: flex;
        align-items: end;
    }
    /*order details page*/

    /*parcel page*/
    #cs-amount-details {
        margin-top: 2rem !important;
    }
    /*end parcel page*/
}

@media only screen and (max-width: 575px) {
}