.iti__selected-flag
{
	border-radius: 30px 0 0 30px !important; 
}

select{
	background: url("data:image/svg+xml,<svg height='10px' width='10px' viewBox='0 0 16 16' fill='%23000000' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>") no-repeat;
	background-position: calc(100% - 0.75rem) center !important;
	-moz-appearance:none !important;
	-webkit-appearance: none !important; 
	appearance: none !important;
	padding-right: 2rem !important;
}
@media (min-width: 1200px) {

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

@media (min-width: 1670px) {
    .product_display .product_details_block {
        margin-inline-start: -40px !important;
    }

    .active_order_grid .nav-fill .nav-item,
    .nav-fill>.nav-link {
        flex: inherit !important;
    margin-inline-end: 50px;
    }

    .active_order_grid .nav-tabs {
        justify-content: center !important;
    }
}

@media (min-width: 1671px) and (max-width: 1800px) {
    .product_display_list .product_box .product_img {
        width: 60px !important;
        height: 60px !important;
    }

    .active_order_grid .nav-fill .nav-item,
    .nav-fill>.nav-link {
        flex: inherit !important;
        margin-inline-end: 50px;
    }

    .active_order_grid .nav-tabs {
        justify-content: center !important;
    }

    .order_deatils_list .the_img {
        width: 80%;
        word-break: break-word;
    }

    .order_deatils_list .the_img h6 {
        line-height: 24px;
    }
}

@media (min-width: 1441px) and (max-width: 1670px) {

    .active_order_grid .nav-fill .nav-item,
    .nav-fill>.nav-link {
        flex: inherit !important;
       margin-inline-end: 50px; /* replaces margin-right */
    }

    .active_order_grid .nav-tabs {
        justify-content: center !important;
    }

    .slider-wrapper {
        width: 500px !important;
    }

    .product_display_list .product_box .product_img {
        width: 45px !important;
        height: 45px !important;
    }

    .product_display_list .product_box .product_details {
       padding-inline-start: 10px !important;
    }

    .product_display_list .product_box .product_details .product_price h5 {
        font-size: 12px !important;
    }

    .product_display_list .product_box .product_details h6 {
        font-size: 14px !important;
        line-height: 20px !important;
    }

    .product_display_list .product_box .product_details .product_price p {
        font-size: 13px !important;
    }

    .section_scrollspy .navbar-nav .nav-item a {
        padding-block: 8px;
        padding-inline: 22px !important;
        font-size: 14px !important;
    }

    .order_deatils_list .the_img {
        width: 70%;
        word-break: break-word;
    }

    .order_deatils_list .the_img h6 {
        line-height: 24px;
    }
}

@media (min-width: 1367px) and (max-width: 1440px) {
    .slider-wrapper {
        width: 480px !important;
    }

    .slider-for__item img {
        object-fit: cover !important;
    }

    .active_order_grid .nav-tabs .nav-link {
        text-align: center !important;
    }

    .active_order_grid .nav-tabs .nav-link.active {
       padding-block-end: 15px !important;
    }

    .slide_single {
        width: 500px !important;
        height: 500px !important;
    }

    .fliph {
        width: 80px !important;
    }

    .product_display_list .container-fluid {
        padding-inline-end: 30px !important; /* replaces padding-right */
        padding-inline-start: 30px !important; /* replaces padding-left */
    }

    .section_scrollspy .sticky-top {
       padding-inline-end: 30px !important; /* replaces padding-right */
        padding-inline-start: 30px !important; /* replaces padding-left */
    }

    .product_display_list .product_box .product_img {
        width: 50px !important;
        height: 50px !important;
    }

    .product_display_list .product_box .product_details {
         padding-inline-start: 20px !important;
    }

    .product_display_list .product_box .product_details h6 {
        font-size: 13px !important;
    }

    .product_display_list .product_box .product_details .product_price p {
        font-size: 12px !important;
    }

    .product_display_list .product_box .prd_one {
        padding-inline-start: 0 !important;
    }

    .product_display_list .product_box .product_details .product_price h5 {
        font-size: 12px !important;

    }

    .section_scrollspy .navbar-nav .nav-item a {
        padding-block: 8px;
        padding-inline: 20px !important; /* replaces padding: 8px 20px */
        font-size: 13px !important;
    }

    .Add_product .btn-default {
        margin-inline-start: 0 !important;
    }

    .order_deatils_list .the_img {
        width: 70%;
        word-break: break-word;
    }

    .order_deatils_list .the_img h6 {
        line-height: 24px;
    }
}

@media (min-width: 1300px) and (max-width: 1366px) {
    .product_display_list .product_box .product_img {
        width: 50px !important;
        height: 50px !important;
    }
}

@media (min-width: 1200px) and (max-width: 1300px) {
    .product_display_list .product_box .product_img {
        width: 50px !important;
        height: 50px !important;
    }

    .user_profile_bx .cnt_inform .cont_inform_p_s {
        font-size: 14px !important;
    }
}

@media (min-width: 1200px) and (max-width: 1366px) {
    .order_id_status h4 span {
        font-size: 16px !important;
    }

    .slider-wrapper {
        width: 450px !important;
       padding-block: 25px !important; /* replaces padding-top/bottom */
        padding-inline: 15px !important; /* replaces padding-left/right */
    }

    .order_id_status h4 {
        font-size: 15px !important;
    }

    .active_order_grid .nav-tabs .nav-link {
        text-align: center !important;
    }

    .slide_single {
        width: 450px !important;
        height: 450px !important;
        padding: 15px !important;
    }

    .login_form {
        width: 60% !important;
    }

    .Add_product .btn-default {
        margin-inline-start: 0 !important; 
    }

    .dash_id h6 {
        font-size: 12px !important;
    }

    .user_profile_bx .cnt_inform .cont_inform_p_s {
        font-size: 14px !important;
    }

    .order_deatils_list .the_img {
        width: 85%;
        word-break: break-word;
    }

    .order_deatils_list .the_img h6 {
        line-height: 16px;
    }

    .product_display_list .product_box .product_details {
         padding-inline-start: 25px !important; 
    }

    .product_display_list .product_box .product_details h6 {
        font-size: 13px !important;
    }

    .product_display_list .product_box .product_details .product_price h5 {
        font-size: 12px !important;
    }

    .product_display_list .product_box .product_details .product_price p {
        font-size: 12px !important;
    }

    .prd_one .product_details {
        padding-inline-start: 0 !important;
    }

    .product_head h4 {
        font-size: 16px !important;
    }

    .s_title h3 {
        font-size: 20px !important;
    }
}

@media(min-width:992px) {
    .header_img .logo_humb {
        display: none !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .order_status_head h6 {
        font-size: 15px !important;
    }

    #sidebar-wrapper {
        z-index: 1000 !important;
    }

    .order_part_five {
        max-width: 70% !important;
    }

    .order_id_status h4 {
        font-size: 15px !important;
        display: grid !important;
    }

    .order_id_status h4 span {
        font-size: 13px !important;
        margin-block-start: 5px !important; 
    }

    .nav-tabs .nav-link {
        font-size: 15px;
        text-align: center !important;
    }

    .nav-tabs .nav-link.active {
        font-size: 15px;
    }

    .login_form {
        width: 75% !important;
        padding-block: 30px 20px !important; /* replaces padding: 30px 0 20px 0 */
        padding-inline: 0 !important;
    }

    .slider-for__item img {
        object-fit: cover !important;
    }

    .slide_single {
        margin: 25px auto !important;
        padding: 15px !important;
    }

    .variant_table .table {
        width: 98% !important;
    }

    .product_display .product_details_block {
        margin-top: 0 !important;
    }

    .product_details_contents {
       margin-inline-start: 25px !important;
    }

    .product_details_contents hr {
        width: 96% !important;
    }

    .login_details .input-group {
        width: 90% !important;
    }

    .slider-wrapper {
        width: 100% !important;
        padding-block: 25px !important;
        padding-inline: 15px !important;
    }

    .product_display_list .product_box .product_img {
        width: 60px !important;
        height: 60px !important;
    }

    .pl_space {
        padding-inline-start: 0 !important; 
    }

    .order_Details h5 {
        font-size: 20px;
        line-height: 28px;
       margin-block-end: 5px;
    }

    .order_Details h5 a span img {
        width: 10px !important;
        height: auto !important;
    }

    .status_drop a {
        font-size: 14px !important;
    }

    .order_status_six {
        font-size: 14px !important;
       margin-block-end: 0 !important;
    }

    .user_profile_bx {
       margin-block-start: 15px !important;
    }

    .user_profile_bx .cnt_inform .cont_inform_p {
        font-size: 14px !important;
    }

    .user_profile_bx .cnt_inform .cont_inform_p_s {
        font-size: 14px !important;
    }

    .product_display .product_details_block {
        margin-top: 0 !important;
       margin-inline-start: 30px !important;
    }

    .product_display_list .product_box .product_details h6 {
        font-size: 13px !important;
    }

    .product_display_list .product_box .product_details .product_price h5 {
        font-size: 12px !important;
    }

    .product_display_list .product_box .product_details .product_price p {
        font-size: 12px !important;
    }
}

@media (min-width: 1200px) and (max-width: 1670px) {

    .pl_space {
         padding-inline-start: 0 !important;
    }

    .download_btn a {
        width: 260px;
        height: 55px;
        padding-block: 17px 0;
        font-size: 15px;
    }

    .cancel_order a {
        width: 160px;
        height: 40px;
        font-size: 15px;
    }

    .price_Details p {
        font-size: 15px;
         margin-block-end: 15px;
    }

    .order_Details h5 {
        font-size: 18px;
        font-weight: 500;
    }

    .breadcumbs ul li a {
        font-size: 15px;
    }

    .user_profile_box .media img {
        width: 60px;
        height: 60px;
    }

    .user_profile_box .media .media-body h3 {
        font-size: 22px;
       margin-block-end: 4px;
    }

    .cnt_inform .cont_inform_p {
        font-size: 14px;
        line-height: 22px;
    }

    .cnt_inform .cont_inform_p_s {
        font-size: 14px;
        line-height: 22px;
    }

    .order_Details h5 a span img {
        width: 8px;
    }

    .dash_value h5 span svg {
        width: 12px;
        height: auto;
    }

    .has-search .form-control {
        width: 50%;
    }

    .header_img {
        width: 98.1%;
        position: absolute;
        z-index: 999999;

    }

    .header_part_details {
        width: 94%;
        float: inline-end;
    }

    #sidebar-wrapper {
        padding: 10px !important;
    }

    .total_order_contain h5 {
        font-size: 17px !important;
    }

    .dash_id h5 {
        font-size: 17px !important;
    }

    .dash_value h5 {
        font-size: 17px !important;
    }

    .main_page_title h4 {
        font-size: 22px !important;
    }

    .order_details h5 {
        font-size: 14px !important;
    }

    .active_order_grid .media .media-body h5 {
        font-size: 17px !important;
    }

    .media .media-body h6 {
        font-size: 12px !important;
    }

    .pagination p {
        font-size: 14px !important;
    }
}

@media(min-width: 992px) and (max-width: 1366px) {
    .slider-wrapper {
        margin: auto !important;
    }

    .order_id_status h4 {
        display: grid !important;
    }

    .order_id_status h4 span {
       margin-block-start: 5px !important; 
    }

    .product_details {
           margin-block-start: -3px !important;
    }

    .section_scrollspy .navbar-nav .nav-item a {
        font-size: 14px !important;
        padding-block: 6px !important;
        padding-inline: 20px !important; /* replaces padding: 6px 20px */
    }

    .header_img .logo_img {
        width: 120px !important;
        height: auto !important;
    }

    .product_display_list .product_box .product_details .product_price h5 {
        font-size: 12px !important;
    }

    .slider-for__item img {
        object-fit: cover !important;
    }

    .slider-wrapper .slider-nav__item {
        height: 100px !important;
        width: auto !important;
    }

    .order_details {
        padding: 0px 0 !important;
    }

    .footer_copyright {
        font-size: 10px !important;
    }

    .header_img .logo_humb {
       margin-inline-start: 15px;
    }

    .dashboard_box .media-body {
        margin-block-start: 8px !important;
    }

    .login-img {
        object-position: center !important;
    }

    .sidebar.fliph {
        width: 65px !important;
    }

    #sidebar-wrapper {
        width: 250px;
         padding-inline-end: 0 !important; 
        opacity: 1 !important;
        padding-block-end: 0 !important;
    }

    .sidebar-nav li {
        padding: 0px !important;
    }

    .page_body {
         margin-inline-start: 250px; 
    }

    .total_order_contain h5 {
        font-size: 16px !important;
       margin-block-end: 0 !important;
    }

    .total_order_contain h3 {
        font-size: 25px !important;
    }

    .total_order_contain h3 svg {
        width: 18px !important;
        height: auto !important;
    }

    .dash_id h5 {
        font-size: 17px !important;
    }

    .dash_value h5 {
        font-size: 17px !important;
       margin-block-end: 5px !important;
    }

    .main_page_title h4 {
        font-size: 22px !important;
    }

    .order_details h5 {
        font-size: 14px !important;
    }

    .active_order_grid .media .media-body h5 {
        font-size: 17px !important;
    }

    .media .media-body h6 {
        font-size: 12px !important;
    }

    .pagination p {
        font-size: 14px !important;
    }

    .total_order_contain h3 {
        display: inline-flex !important;
    }

    .dash_value h6 {
        font-size: 15px !important;
    }

    .Add_product .btn-default {
       margin-inline-start: 3px !important; 
    }

    .product_display_list .product_box .product_details .product_price {
         margin-block-end: 0px !important; 
    }

    .dash_id h5 {
        font-size: 16px !important;
    }

    .dash_value h5 {
        font-size: 16px !important;
    }

    .dash_value h6 {
        font-size: 14px !important;
    }

    .order_details h5 {
        font-size: 13px !important;
    }

    .order_details h6 {
        font-size: 14px !important;
       margin-block-end: 0 !important;
    }
}

@media(min-width: 992px) and (max-width: 1199px) {
    .dash_id h6 {
        font-size: 12px !important;
    }

    .dash_id h5 {
        font-size: 16px !important;
    }

    .dash_value h5 {
        font-size: 14px !important;
        float: inline-start !important;
    }

    .dash_value h6 {
       font-size: 14px !important;
        float: inline-start !important; /* replaces float: left */
        margin-block-end: 4px !important; /* replaces margin-bottom */
    }

    #sidebar-wrapper {
          padding-block-start: 20px !important; /* replaces padding-top */
        padding-inline-start: 20px !important; /* replaces padding-left */
        padding-block-end: 15px !important; /* replaces padding-bottom */
        padding-inline-end: 0 !important; /* replaces padding-right */
    }
    .product_header .has-search .form-control {
        width: 50% !important;
    }
}

@media(min-width: 768px) and (max-width: 991px) {
    .nav-tabs .nav-link {
        text-align: center !important;
    }

    .slider-wrapper {
        width: 100% !important;
    }

    .sidebar {
        z-index: 1000 !important;
    }

    .slider-for__item img {
        object-fit: cover !important;
    }

    header.secondary-nav {
         margin-block-start: auto !important;
        margin-inline: 50px !important; /* replaces margin: auto 50px */
    }

    .login_form {
        width: 90% !important;
    }

    .product_details_block {
        margin-block-start: 0 !important; /* replaces margin-top */
        padding-inline: 25px !important; /* replaces padding-left/right */
    }

    .product_display .product_details_block .product_details_contents h3 {
        font-size: 20px !important;
    }

    .product_display .product_details_block .product_details_contents p {
        font-size: 12px !important;
    }

    .product_display .product_details_block .product_volume h5 {
        font-size: 16px !important;
    }

    .product_display .product_details_block .product_volume ul li {
          padding-block: 15px !important; /* replaces padding-top/bottom */
        padding-inline: 20px !important; /* replaces padding-left/right */
        text-align: center !important;
    }

    .slider-wrapper .slider-nav__item {
        width: auto !important;
        height: 100px !important;
    }

    .login_details p {
        width: 77%;
        margin: 10px auto;
    }

    .product_header .pagination {
        margin-inline-end: 13px;
    }

    .product_header .has-search .form-control {
        width: 100% !important;
    }

    .category_selection .form-control {
        width: 150px !important;
    }

    .filters_h6 .form-control {
        width: 75px !important;
    }

    .has-search .form-control {
        width: 100% !important;
    }

    .nav-tabs .nav-link.active {
        font-size: 14px;
       padding-block-end: 15px;
    }

    .nav-tabs .nav-link {
        font-size: 14px;
         padding-block-end: 15px; /* replaces padding-bottom */
    }

    .footer_copyright {
        display: none !important;
    }

    .order_details {
        padding: 0px !important
    }

    .dash_value h6 {
       float: inline-start !important;
    }

    .login-img {
        display: none;
    }

    .active_order {
        margin-block-end: 30px;
    }

    .login-section-wrapper {
        height: 100vh;
    }

    .sidebar .profile_Sidebar img {
        width: 40px !important;
        height: 40px !important;
       position: relative !important;
        inset-inline-start: -4px !important; /* replaces left */
    }

    .sidebar .profile_details {
        display: none !important;
    }

    #sidebar-wrapper {
        opacity: 1;
        inset-inline-start: -260px; 
    }

    .page_body {
       margin-inline-start: 0px !important;
    }

    .header_img .logo_humb {
        margin-block-start: 20px; 
    }

    .container,
    .container-fluid,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
      padding-inline: 25px; /* replaces padding-left/right */
    }

    .total_order_contain h5 {
        font-size: 16px !important;
        margin-block-end: 0px !important;
    }

    .total_order_contain h3 {
        font-size: 25px !important;
    }

    .total_order_contain h3 svg {
        width: 18px !important;
        height: auto !important;
    }

    .dash_id h5 {
        font-size: 17px !important;
    }

    .dash_value h5 {
        font-size: 17px !important;
    }

    .dash_value h5 span svg {
        width: 20px;
        height: auto;
    }

    .main_page_title h4 {
        font-size: 22px !important;
    }

    .order_details h5 {
        font-size: 14px !important;
       margin-block-end: 7px !important; 
    }

    .active_order_grid .media .media-body h5 {
        font-size: 17px !important;
    }

    .media .media-body h6 {
        font-size: 12px !important;
    }

    .pagination p {
        font-size: 14px !important;
    }

    .total_order_contain h3 {
        display: inline-flex !important;
    }

    .dash_value h6 {
        font-size: 15px !important;
        float: inline-start !important;
    }

    .dash_id h6 {
        margin-block-end: 8px !important;
    }

    .product_display_list .product_box .product_details .product_price h5 {
        font-size: 11px !important;
        padding: 0px !important;
    }

    .product_display_list .product_box .product_img {
        width: 60px !important;
        height: 60px !important;
    }

    header.secondary-nav .nav-link {
      padding-block: 7px !important; /* replaces padding-top/bottom */
        padding-inline: 14px !important; /* replaces padding-left/right */
    }

    .product_display_list .product_box .pl_space {
        padding-inline-start: 0 !important; 

    }

    .product_display_list .product_box .product_details .product_price p {
        font-size: 12px !important;
    }

    .product_display_list .product_box .product_details h6 {
        font-size: 13px !important;
    }

}

@media(max-width:1199px) {
    .product_display .product_details_block {
            margin-block-start: 0 !important; /* replaces margin-top */
        margin-inline-start: 20px !important; /* replaces margin-left */
    }

    .product_display .product_details_block .product_details_contents p {
       margin-block-end: 10px !important; /* replaces margin-bottom */
    }

    .btn_products {
        margin-block-start: 30px !important;
    }

    .btn_products .btn_edit {
        margin-inline-end: 5px !important;
    }

    .product_details_block hr {
        width: 98% !important;
    }

    .variant_table .table {
        width: 98% !important;
    }
}

@media(max-width:991px) {
    .user_profile_bx {
        margin-block-start: 15px;
    }

    .order_Details h5 {
        font-size: 20px;
        line-height: 28px;
          margin-block-end: 5px; 
    }

    .order_status_six {
        margin-block-end: 0 !important;
    }

    .order_status_head h6 {
        font-size: 15px;
        line-height: 23px;

    }

    html.menu-opened {
        overflow: hidden;
    }

    .sidebar-overlay {
        background-color: rgba(0, 0, 0, 0.6);
        display: none;
        height: 100%;
         inset-inline-start: 0; /* replaces left */
        position: fixed;
         inset-block-start: 0; /* replaces top */
        width: 100%;
        z-index: 900;
    }

    .sidebar-overlay.opened {
        display: block;
    }

    .sidebar.fliph {
        width: 260px !important;
       inset-inline-start: 0 !important;
    }

    .sidebar.fliph span {
        display: inline-block;
    }

    .order_status_head h6 {
        display: grid;
        width: 100%;
    }

    .order_Details .order_status_head {
      margin-inline-start: 20px; /* replaces margin-left */
    }

    .orders_part .cancel_order {
       margin-block-start: 0 !important; /* replaces margin-top */
    }

    .orders_part {
        margin-block-start: 18px !important;
        margin-block-end: 10px !important; 
        justify-content: center !important;
    }

    .the_img img {
        display: none !important;
    }
}

@media only screen and (max-width: 480px) {
    .logo_nav_head_img {
        width: 90px !important;
       inset-block-start: 9px !important; 
    }

    #status_store_text {
        font-size: 11px !important;
        margin-inline-end: 5px !important; 
    }
}

@media(max-width: 767px) {
    .order_id_status h4 span {
        font-size: 15px !important;
        margin-block-start: 5px; /* replaces margin-top */
    }

    .item_Add_blk .category_btn_blk {
         margin-block-start: 25px; /* replaces margin-top */
    }

    .upload-item-boxx {
        width: 100% !important;
    }

    .card_add_ons {
      margin-block-start: 20px; /* replaces margin-top */
    }

    .featureList li {
        display: flex;
        margin-block-end: 10px; /* replaces margin-bottom */
    }

    .featureList li a {
        line-height: 25px !important;
    }

    .featureList li a:before {
         inset-block-start: 3px !important; /* replaces top */
    }

    .order_id_status h4 {
        display: grid;
    }

    .order_part_five {
        max-width: 65% !important;
        word-break: break-all !important;
    }

    .login_details .input-group-text {
         padding-inline-start: 15px; /* replaces padding-left */
        padding-inline-end: 5px;   /* replaces padding-right */
    }

    .login_details .input-group .input-group-prepend span svg {
        width: 25px !important;
        height: 25px !important;
    }

    .login_details .form-control {
        font-size: 15px;
    }

    .login_details h6 {
        font-size: 15px;
    }

    .logo_nav_head_img {
        width: 125px;
        height: auto;
        position: relative;
        inset-block-start: 4px; /* replaces top */
    }

    .slide_single {
        padding: 15px !important;
        margin: 0px !important;
        width: 100% !important;
        height: auto !important;
        border-color: transparent !important;
    }

    .slick-list {
         margin-block-start: 0 !important;
    }

    .order_status_six {
        text-align: start !important;
    }

    .user_profile_bx {
       margin-block-start: 15px; 
    }

    .order_status_bx {
           justify-content: flex-start !important;
    }

    .product_details_contents hr {
        width: 100% !important;
    }

    header.secondary-nav .nav-link {
        padding-block: 8px; /* replaces top/bottom padding */
        padding-inline: 16px; /* replaces left/right padding */
        font-size: 14px;
    }

    .slider-for__item img {
        object-fit: cover;
    }

    .btn_products .btn_edit {
      margin-inline-end: 5px; /* replaces margin-right */
    }

    .variant_table {
        margin-block-start: 15px !important; /* replaces margin-top */
    }

    .variant_table .table {
        width: 100% !important;
    }

    .product_display_list .product_box .product_img {
        width: 70px !important;
        height: 70px !important;
       margin: 0 0 15px 0 !important; /* bottom margin remains same */
    }

    .product_display_list .product_box .product_details h6 {
        font-size: 13px !important;
    }

    .product_display_list .product_box .product_details .product_price p {
        font-size: 13px !important;
    }

    .login_form {
        width: 100% !important;
        box-shadow: none !important;
    }

    #send-otp-recaptcha-container {
        margin-inline-start: 10px !important;
    }

    .slider-wrapper {
        width: 100%;
    }

    #nav-tab .nav-link.active {
       border-block-end: none !important; 
    }

    #nav-tab {
        flex-wrap: nowrap !important;
       border-block-end: none !important; 
        overflow-x: scroll !important;
        overflow-y: hidden !important;
    }

    #nav-tab::-webkit-scrollbar {
         block-size: 2px !important; /* replaces height */
    inline-size: 2px !important; /* replaces width */
        background: gray !important;
    }

    /* Track */
    #nav-tab::-webkit-scrollbar-track {
        background: #f1f1f1 !important;
    }

    /* Handle */
    #nav-tab::-webkit-scrollbar-thumb {
        background: #fb6107 !important;
    }

    /* Handle on hover */
    #nav-tab::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

    #nav-tab::-webkit-scrollbar-thumb:horizontal {
        background: #fb6107;
        border-radius: 10px;
    }

    .m_end {
        justify-content: space-between !important;
    }

    .product_details_block {
       margin-block-start: 0 !important; /* replaces margin-top */
    padding-inline: 15px !important;  /* replaces padding-left/right */
    }

    .product_display .product_details_block .product_details_contents h3 {
        font-size: 20px !important;
    }

    .product_display .product_details_block .product_details_contents p {
        font-size: 12px !important;
    }

    .product_display .product_details_block .product_volume h5 {
        font-size: 16px !important;
    }

    .product_display .product_details_block .product_volume ul li {
        display: block !important;
         padding-block: 10px !important;   /* replaces top/bottom padding */
        padding-inline: 15px !important;  /* replaces left/right padding */
        text-align: center !important;
    }

    .slider-wrapper .slider-for__item {
         block-size: 285px !important;
    }

    .slider-wrapper .slider-nav__item {
        block-size: 90px; 
      inline-size: auto !important; 
    }

    .product_head_right {
        display: block !important;
    }

    .mobile_category {
        display: flex !important;
        justify-content: flex-end !important;
    }

    .category_selection .form-control {
       inline-size: auto !important;
    }

    .Add_product .btn-default {
        font-size: 12px !important;
        padding: 8px 15px !important;
    }

    .product_header .pagination {
        display: block !important;
       inline-size: 100% !important; /* replaces width */
    }

    .filters_h6 {
        display: flex !important;
        justify-content: center !important;
       margin-block-end: 0px; /* replaces margin-bottom */
    }

    .product_header .has-search .form-control {
       inline-size: 100% !important; /* replaces width */
    }

    .passcode-wrapper input {
        inline-size: 45px; /* replaces width */
        block-size: 45px;  /* replaces height */
        margin-inline-end: 5px; /* replaces margin-right */
    }

    .page_title h4 {
        font-size: 20px !important;
        text-align: center !important;
      margin-block-end: 0px !important; /* replaces margin-bottom */
    }

    .header_part_details {
        padding-block-end: 15px !important; /* replaces padding-bottom */
        padding-block-start: 0px !important; /* replaces padding-top */
        padding-inline: 0px !important; /* replaces left/right padding */
    }

    .login-img {
        display: none;
    }

    .login-section-wrapper {
         block-size: 100vh; /* replaces height */
    padding-inline: 15px !important; /* replaces padding-left/right */
    }

    .login_details .input-group {
       inline-size: 100%; /* replaces width */
    }

    #sidebar-wrapper {
        opacity: 1 !important;
        z-index: 999;
        margin-block-start: 57px; /* replaces margin-top */
        margin-inline-start: -260px; /* replaces margin-left */
    }

    .sidebar.fliph {
        inline-size: 260px !important; /* replaces width */
        margin-inline-start: 0 !important; /* replaces margin-left */
    }

    .sidebar.fliph span {
        display: inline-block;
    }

    .page_body {
        margin-inline-start: 0px !important; /* replaces margin-left */
        padding-block-start: 80px !important; /* replaces padding-top */
    }

    .dash_value h5 {
        margin-block-end: 3px !important; /* replaces margin-bottom */
}

   
    .header_img {
        position: relative;
    }

    .header_img .noti_head {
         inset-inline-end: 30px; /* replaces right: 30px */
        float: inline-end; /* replaces float: right */
        position: absolute;
    }

    .header_img .logo_humb {
         float: inline-end; /* replaces float: right */
    }

    .container,
    .container-fluid,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        padding-inline: 15px; /* replaces padding-left/right */
    }

    .profile_user h6 {
        display: none;
    }

    .profile_user img {
       margin-inline-start: 12px; /* replaces margin-left */
    }

    .profile_user {
        margin-inline-start: 10px; /* replaces margin-left */
    }

    .header_img .logo_humb {
       margin-block-start: 13px; /* replaces margin-top */
    }

    .header_img .logo_img {
           inline-size: 125px; /* replaces width */

    }

    .header_part_details {
      padding-block-start: 0px !important; /* replaces padding-top */
    }

    .active_order {
        margin-block-end: 15px !important; /* replaces margin-bottom */
    }

    .order_contain {
        margin-block-start: 10px !important; /* replaces margin-top */
    }

    .total_order_svg img {
        display: none !important;
    }

    .total_order_contain h3 {
        font-size: 25px !important;
        margin-block-end: 2px !important; /* replaces margin-bottom */
    }

    .total_order_contain h5 {
        font-size: 17px !important;
       margin-block-end: 0px !important; /* replaces margin-bottom */
    }

    .total_order_contain h5 svg {
         inline-size: 23px; /* replaces width */
         block-size: auto;  /* replaces height */
    }

    .dash_value h5 {
        float: inline-start !important; /* replaces float: left */
        font-size: 16px !important;
    }

    .dash_value h5 span svg {
        inline-size: 15px !important; /* replaces width */
        block-size: auto !important;  /* replaces height */
    }

    .dash_value h6 {
       float: inline-start !important; /* replaces float: left */
    font-size: 13px !important;
    }

    .dash_id h5 {
        font-size: 16px !important;
    }

    .dash_id h6 {
        font-size: 13px !important;
    }

    .order_details h5 {
        font-size: 14px !important;
    }

    .order_details {
        padding: 0 !important;
    }

    .media .media-body h5 {
        font-size: 15px !important;
    }

    .media .media-body h6 span svg {
        inline-size: 12px !important; /* replaces width */
    block-size: auto !important;  /* replaces height */
    }

    .media .media-body h6 {
        font-size: 12px !important;
    }

    .pagination p {
        font-size: 13px !important;
    }

    .main_page_title h4 {
        font-size: 20px !important;
        line-height: 28px !important;
    }

    .has-search .form-control {
       inline-size: 100% !important; /* replaces width */
    }

    .nav-tabs .nav-link {
        font-size: 14px !important;
       margin-inline-end: 30px; /* replaces margin-right */
        display: flex;
        align-items: center;
    }

    .nav-tabs .nav-link.active {
        padding: 0;
       margin-block-end: 15px; /* replaces margin-bottom */
    }

    .order_Details h5 {
        font-size: 17px;
        line-height: 26px;
    }

    .order_Details h5 a span img {
        inline-size: 10px; /* replaces width */
    }

    .cancel_order {
        float: inline-end; /* replaces float: right */
        margin-block-start: 15px; /* replaces margin-top */
    }

    .order_box_his h4 {
           margin-block-end: 15px; /* replaces margin-bottom */
    }

    .order_status h5 {
        margin-block-end: 4px; /* replaces margin-bottom */
    }

    .order_status {
        margin-block-end: 15px; /* replaces margin-bottom */
    }

    .items_list h4 {
       margin-block-end: 5px; /* replaces margin-bottom */
    }

    .items_list table th {
          font-size: 14px;
    padding-inline-end: 25px; /* replaces padding-right */
    }

    .items_list table tbody tr td {
        padding: 15px 15px 15px 0;
    }

    .cancel_order a {
       inline-size: 160px; /* replaces width */
    block-size: 45px;   /* replaces height */
    }

    .download_btn a {
        inline-size: 260px; /* replaces width */
        font-size: 16px;
        block-size: 60px;   /* replaces height */
    }

    .cnt_inform .cont_inform_p {
        font-size: 12px;
        line-height: 20px;
    }

    .cnt_inform .cont_inform_p_s {
        font-size: 12px;
        line-height: 20px;
    }

    .user_profile_box .media img {
        inline-size: 60px;  /* replaces width */
        block-size: 60px;   /* replaces height */
    }

    .user_profile_box .media .media-body h3 {
        font-size: 20px;
    }

    .items_list h6 {
        font-size: 14px;
    }

    .login_details p {
      inline-size: 100%; /* replaces width */
    }

    .login_details .btn-submit {
        inline-size: 80%; /* replaces width */
    }

    .profiles_section .media {
        display: block !important;
    }

    .profiles_section .media-body p {
        margin-inline-start: 0 !important; /* replaces margin-left */
        margin-block-start: 15px; /* replaces margin-top */
        font-size: 14px !important;
    }

    .profiles_section .media-left .uploader {
        inset-inline-start: inherit !important;
    }

    .profiles_section .update_btn,
    .profiles_section .cancel_btn {
        padding-block: 15px !important;
        padding-inline: 20px !important;
        font-size: 13px !important;
    }


    .payment_history_contain .media {
        display: block !important;
    }

    .payment_history_contain .media img {
         margin-block-end: 15px; /* replaces margin-bottom */
    }

    .payment_history_contain .text-danger {
        font-weight: 600;
    }

    .sidebar.fliph .sidebar-nav {
        padding-block-start: 0 !important;
    }

    .sidebar-nav li a span {
      margin-inline-start: 15px; /* replaces margin-left */
        font-size: 13.5px !important;
    }

    .order_deatils_list h6 {
        font-size: 14px;
        line-height: 20px;
        margin-inline-end: 10px; /* replaces margin-right */
    }

    .items_list {
        padding-block: 15px !important; /* replaces padding-top/bottom */
        padding-inline: 10px !important; /* replaces padding-left/right */
    }

    .order_deatils_list .order_p {
         inline-size: 100px; /* replaces width */
    }

    .user_profile_bx .cnt_inform .cont_inform_p {
        padding-block-end: 0 !important; /* replaces padding-bottom */
    }

    .user_profile_bx .cnt_inform .cont_inform_p_s {
         padding-block-start: 10px !important; /* replaces padding-top */
    }

}

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-device-pixel-ratio: 2) {
    .login_details h6 {
        display: grid;
    }

    .login_details .btn-submit {
        inline-size: 70% !important; /* replaces width */
        padding-block: 14px; /* replaces padding-top/bottom */
        padding-inline: 0;   /* replaces padding-left/right */
        }

    
    #send-otp-recaptcha-container {
       margin-inline-start: -4px !important;
    }

    .items_list table tbody tr td {
        padding-block: 15px !important; /* replaces top/bottom */
        padding-inline: 0 15px !important; /* replaces left/right */
    }

    .account_profile_contain {
       padding-block: 30px !important;
       padding-inline: 10px !important;
    }

    .p_new {
         padding-inline: 5px !important;
    }

    .profiles_section .form-row .form-group .form-control {
        font-size: 13px !important;
    }

    .profiles_section .cancel_btn,
    .profiles_section .update_btn {
        padding-block: 15px !important;
        padding-inline: 20px !important;
        font-size: 12px !important;
    }

    .user_profile_box .media .media-body h3 {
        font-size: 18px;
    }

    .price_Details p {
        font-size: 14px;
    }

   .download_btn a {
        inline-size: 200px;
        block-size: 50px;
        font-size: 14px !important;
    }
    .download_btn a img {
        margin-inline-end: 10px;
        block-size: auto;
        inline-size: 13px;
        margin-block-start: -2px;
    }

    .header_part_details {
       padding-block-start: 0px !important;
    }

    .active_order {
        margin-block-end: 15px !important;
    }

    .order_contain {
        margin-block-start: 10px !important;
    }

    .total_order_svg img {
        display: none !important;
    }

    .total_order_contain h3 {
         font-size: 25px !important;
       margin-block-end: 2px !important;
    }

    .total_order_contain h5 {
        font-size: 17px !important;
         margin-block-end: 0px !important;
    }

    .total_order_contain h3 svg {
         inline-size: 23px;
    block-size: auto;
    }

    .dash_value h5 {
         float: inline-start !important;
    font-size: 16px !important;
    }

    .dash_value h6 {
         float: inline-start !important;
    font-size: 13px !important;
    }

    .dash_id h5 {
        font-size: 16px !important;
    }

    .dash_id h6 {
        font-size: 13px !important;
    }

    .order_details h5 {
        font-size: 14px !important;
    }

    .order_details {
        padding: 0 !important;
    }

    .media .media-body h5 {
        font-size: 15px !important;
    }

    .media .media-body h6 span svg {
        inline-size: 12px !important; /* replaces width */
    block-size: auto !important;  /* replaces height */
    }

    .media .media-body h6 {
        font-size: 12px !important;
    }

    .pagination p {
        font-size: 13px !important;
    }

    .main_page_title h4 {
        font-size: 20px !important;
        line-height: 28px !important;
    }

    .slider-wrapper {
         padding-block-end: 0 !important; /* replaces padding-bottom */
    }

    .logo_nav_head_img {
         inline-size: 100px !important; /* replaces width */
    block-size: auto !important;   /* replaces height */
    position: relative !important;
    inset-block-start: 12px !important; /* replaces top */
    }

    .product_header .pagination {
        margin-inline-end: 0 !important;
    }

    .pagination p span .fa-chevron-left {
       margin-inline-end: 5px !important;
    }

    .pagination p span .fa-chevron-right {
         margin-inline-end: 5px !important;
    }

    .filters_h6 h6 {
       margin-inline-end: 8px !important; 
    }

    .filters_h6 .form-control {
        margin-inline-end: 0 !important; /* replaces margin-right */
    inline-size: 80px !important;    /* replaces width */
    padding-inline: 10px;             
    }

    .Add_product .btn-default {
       font-size: 10px !important;
    padding-block: 7px;               /* replaces padding-top/bottom */
    padding-inline: 10px;              /* replaces padding-left/right */
    margin-inline-start: 2px !important; /* replaces margin-left */
    }

    .category_selection .form-control {
        inline-size: auto !important;             /* replaces width */
    padding: 0 15px 0 4px;                    /* replaces padding */
    font-size: 14px;
    }
}