@media only screen and (max-width: 600px) {
    .order_section{
        background-image: url(../img/order_sectionbg_mob.png);

    }
    .order_tabs{
        display: none;
    }
    .order_bar{
        padding: 0px;
        border-radius: 0px;
    }
    .order_container{
        padding: 0px;
    }
    .hello_msg{
        font-size: 32px;
    }
    .mob_tab_dropdown{
        display: block;
        padding: 24px;
        display: flex;
        flex-direction: column;
        gap: 24px;
    }
    .first_last{
        flex-direction: column;
    }
    .dropdown_main {
        width: 100%;
    }
    .account_form{
        gap: 24px;
    }
    .first_last{
        gap: 24px;
    }
    .ship_address{
        width: 100%;
    }
    .address_bar{
        flex-direction: column;
        gap: 24px;
    }
    .address_title_bar{
        display: none;
    }
    .tab_button_bar{
        align-items: center;
        gap: 0px;
    }
    .dropdown_body {
        width: 327px !important;
    }
    .order_tab_button{
        border-radius: 0px;
        width: 100% !important;
    }
    .order_tab_button.active{
        border-radius: 0px;
        width: 100% !important;
    }
    .order_nav_mob{
        cursor: pointer;
    }
    .order_desc{
        display: none;
    }
    .order_mobile{
        display: block;
        background-color: #e7eee9;
        display: flex;
        flex-direction: column;
        gap: 24px;
    }
    .order_order_title{
        width: auto;
        display: flex;
        flex-direction: column;
        gap: 8px;
    }
    .order_date_title{
        width: auto;
        display: flex;
        flex-direction: column;
        align-items: end;
        gap: 8px;
    }
    .order_date{
        justify-content: space-between;
    }
    .mobile_order_title{
        display: flex;
        justify-content: space-between;
        padding-bottom: 24px;
    }
    .show_more{
        padding-top: 16px;
        display: flex;
        justify-content: center;
        border-top: 1px solid #0F5548;
    }
    .hello_dashboard{
        padding: 24px;
    }
    .order_display_main{
        padding: 24px;
        background-color: #FFFFFF;
    }
    .mob_nav{
        padding-bottom: 24px;
        background: none;
        justify-content: center;
        display: flex;
        gap: 24px;
    }
}

@media only screen and (min-width: 1200px) and (max-width:1348px) {}

@media only screen and (min-width: 1349px) and (max-width:1439px) {}

@media only screen and (min-width: 1440px) and (max-width:1499px) {}

@media only screen and (min-width: 1500px) and (max-width:1599px) {}

@media only screen and (min-width: 1600px) and (max-width:1699px) {}

@media only screen and (min-width: 1700px) and (max-width:1799px) {}

@media only screen and (min-width: 1800px) and (max-width:1919px) {}