@media only screen and (max-width: 1440px) {
    .login_heading {
        font-size: 36px;
    }

    .popins_reguler_16 {
        font-size: 14px;
    }

    .text_sec {
        padding: 0px 100px;
    }

    .h_font_size {
        font-size: 28px;
    }

    .form_labal, label {
        font-size: 14px;
    }

    .check_box a {
        font-size: 14px;
    }
    /* registration page  */
    .regi_form_sec {
        width: 650px;
        padding: 34px 34px;
    }

    .check_box_h {
        width: 15px;
        height: 15px;
    }

    .box .form_labal {
        font-size: 13px;
    }

    .box_sec {
        gap: 10px;
    }

    .line1::before {
        width: 90px;
    }

    .line::before {
        width: 90px;
    }

    .regi_next_btn {
        bottom: 38px;
    }
    /* registration page end */
    /* dashboard page  */
    .main-heading h3 {
        font-size: 20px;
    }

    .dashCfontS {
        font-size: 24px;
    }

    .sidebar .nav-links {
        height: 64vh;
    }
    /* dashboard page end */
    /* landing page screen  */
    .ltl_tabs_text h4 {
        padding-bottom: 10px;
        font-size: 28px;
    }

    .ltl_tabs_text p {
        padding-bottom: 10px;
    }

    #myTabContent {
        padding: 50px 100px;
    }

    .banner_title::before {
        left: 404px;
    }

    .popins_SemiBold_20 {
        font-size: 18px;
    }

    .banner_sec .banner_title {
        font-size: 40px;
    }

    .shipping_forward_card .card-body .card-text, .shipping_forward_card_2 .card-body .card-text, .shipping_forward_card_3 .card-body .card-text, .shipping_forward_card_4 .card-body .card-text {
        width: 300px;
    }

    .shipping_forward {
        height: 375px;
    }

    /* landing page screen end */
    .form_fields .form-select {
        margin-top: 1px;
    }
    /* new shipment page  */
    .modal_custW {
        max-width: 75%;
    }
    /* new shipment page end */
}

@media only screen and (max-width: 1368px) {
    .form_sec {
        padding: 0px 20px;
    }

    .text_sec {
        padding: 0px;
    }
    /* registration page  */
    .regi_form_sec {
        width: 621px;
        padding: 20px 20px;
    }
    /* registration page end */
    /* dashboard screen  */
    .containt-section {
        height: 80%;
    }

    .home-section {
        position: relative;
        left: 0;
        width: 100%;
    }

    .sidebar .cross_i {
        display: block;
    }

    .close {
        left: -260px
    }

    .sidebar-Widthset {
        width: 0px;
    }

    .sidebar-Widthset2 {
        width: 260px;
    }

    .sidebar.close ~ .home-section {
        position: sticky;
        top: 0%;
        left: 0px;
        width: 100%;
    }

    .popins_SemiBold_20 {
        font-size: 18px;
    }

    .sidebar .nav-links li a .link_name {
        font-size: 16px;
        margin-top: 5px;
    }
    /* dashboard screen end */
    /* landing screen  */
    .ltl_tabs {
        padding: 10px 0px;
    }

    .our_ser_card {
        padding: 40px 20px;
    }

    .shipping_forward {
        height: 357px;
    }
    /* landing screen end */
}

@media only screen and (max-width: 1326px) {
    .logoS {
        display: none;
    }
    /* landing screen  */
    .navbar-brand {
        width: 13%;
    }

    .cust_container {
        gap: 50px;
    }

    .ltl_tabs svg {
        width: 33px !important;
    }

    .ltl_tabs {
        padding: 5px 0px;
    }

    .cust_container {
        width: 90% !important;
    }

    .nav-tabs.powered_tab .nav-link {
        background-color: transparent;
        height: 40px;
        padding: 0px 12px;
    }
    /* landing screen end */

}

@media only screen and (max-width: 1024px) {
    .logo-sec {
        padding-top: 30px;
    }

    .main_logo {
        width: 20%;
    }

    .login_form_sec {
        padding: 30px;
    }

    .dropdown-toggle::after {
        width: 10px;
    }

    .navbar-brand img {
        height: auto;
    }
    /* registration page  */
    .registratio_form_col {
        display: flex;
        flex-wrap: nowrap;
        flex-direction: column;
    }

    .regi_form_main_sec {
        height: auto;
        margin-top: 50px;
    }

    .res_regi_back {
        height: auto;
    }

    .regi_form_sec {
        width: 100%;
    }

    .regi_red_back {
        bottom: auto;
    }

    .line1::before, .line::before {
        width: 106px;
    }
    /* registration page end */
    /* landing screen  */
    .cust_container {
        width: 91% !important;
        gap: 30px;
    }

    .popins_reguler_16 {
        font-size: 13px;
    }

    .banner_sec .banner_title {
        font-size: 36px;
        margin-bottom: 20px;
    }

    .banner_title::before {
        height: 4px;
        bottom: -9px;
        left: 381px;
    }

    .sec_heading {
        font-size: 22px;
        height: 38px;
    }

    .ltl_tabs_text h4 {
        font-size: 22px;
    }

    .log_btn {
        gap: 10px;
    }

    .navbar-collapse .navbar-nav {
        padding: 0px;
    }

    .ltl_tabs {
        padding: 0px;
    }

    .our_ser_card {
        padding: 25px 0px;
    }

    .popins_SemiBold_20 {
        font-size: 16px;
    }

    .ssmart_card_col {
        padding: 0px 15px;
    }

    .ssmart_card {
        padding: 20px;
    }

    .main_section {
        gap: 30px;
    }

    .sec_heading_big {
        height: 80px;
    }

    .nav-tabs.powered_tab .nav-link {
        background-color: transparent;
        height: 36px;
        font-size: 14px;
    }

    .shipping_forward_card .card-body .card-text, .shipping_forward_card_2 .card-body .card-text, .shipping_forward_card_3 .card-body .card-text, .shipping_forward_card_4 .card-body .card-text {
        width: 229px;
    }

    .shipping_forward {
        height: 285px;
    }

    .shipping_forward_card_3 {
        top: 50%;
        left: 120px;
    }

    .wewant_img {
        width: 60%;
    }

    .avd_img {
        width: 100%;
    }

        .avd_img::after {
            top: 28px;
        }

    .avd_bullets {
        bottom: 15px;
    }

    .main_footer {
        padding: 50px 0px;
        margin-top: 30px;
    }

    .our_ser_card img {
        height: 55px;
        width: 60px;
    }

    .ltl_tabs img {
        height: 40px;
    }

    .ssmart_card_col img {
        width: 50px;
        height: 55px;
    }
    /* landing screen end */
    .row_gap {
        gap: 25px;
    }

    .rg_25 {
        gap: 0px;
    }

    .col_gap {
        gap: 0px;
        row-gap: 25px;
    }

    .res_gap {
        gap: 0px;
        row-gap: 25px;
    }

    .foot_col {
        gap: 10px;
    }
    /* new shipments screen  */
    .modal_custW {
        max-width: 80%;
    }
    /* new shipments screen end */
}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (max-width: 992px) {
    /* dashboard screen  */
    .home-section {
        position: relative;
        left: 0;
        width: 100%;
    }

    .sidebar .cross_i {
        display: block;
    }

    .close {
        left: -260px
    }

    .sidebar-Widthset {
        width: 0px;
    }

    .sidebar-Widthset2 {
        width: 260px;
    }

    .home-section .breadcrumb .left-breadcrumb {
        display: none;
    }
    /* dashboard screen end */
    /* landing page  */
    .cust_container {
        width: 94% !important;
    }
    /* landing page end */
}

@media only screen and (max-width: 820px) {
    .navbar-brand {
        width: 20%;
    }

    .main_sec {
        padding-top: 30px;
    }

    .text_cir {
        height: 100px;
        width: 100px;
        top: -22%;
        left: 22%;
    }

    .text_sec {
        padding: 0px 50px;
    }

    .form_sec {
        padding: 0px 60px;
    }

    .login_heading {
        font-size: 32px;
    }

    .login_form_sec {
        padding: 50px;
    }
    /* registration page  */
    .line1::before, .line::before {
        width: 118px;
    }
    /* registration page end */
    /* dashboard screeen  */
    .containt-section {
        height: 85%;
    }

    .dropdown-group span {
        display: none;
    }
    /* dashboard screeen end */
    /* landing page  */
    .navbar-collapse .navbar-nav {
        --bs-scroll-height: auto !important;
    }

    .navbar .cust_container {
        gap: 0px;
    }

    .our_card_4::before {
        left: -8px;
        bottom: -8px;
        right: -15px;
    }

    .our_card_2::before {
        right: -15px;
    }

    .ltl_tabs svg {
        width: 30px !important;
    }

    .nav-link {
        padding: .5rem .5rem;
    }

    .wewant_img {
        width: 100%;
        display: flex;
        align-items: center;
    }

    .wewant_text {
        margin-top: 30px;
    }

    .banner_title {
        padding-top: 50px;
    }

    .banner_sec {
        height: 260px;
    }

    .ssmart_card_col {
        padding: 5px 15px;
    }

    .sec_heading_big::after {
        height: 23%;
        width: 10%;
        left: calc(50% - 5%);
    }

    .shipping_forward {
        height: 238px;
        margin-bottom: 30px;
    }

    .shipping_forward_card .card-body .card-text, .shipping_forward_card_2 .card-body .card-text, .shipping_forward_card_3 .card-body .card-text, .shipping_forward_card_4 .card-body .card-text {
        width: 185px;
    }

    .shipping_forward_card_3 {
        left: 86px;
    }

    .shipping_forward_card_2 {
        top: 2%;
        right: 100px;
    }

    .shipping_forward_card_4 {
        top: 59%;
    }

    .avd_img::after {
        top: 119px;
    }

    .avd_bullets {
        bottom: 106px;
        width: 29px;
        right: -14px;
    }
    /* landing page end */
    /* new shipments  */
    .cstm-col1,
    .cstm-col2,
    .cstm-col3 {
        width: 100%;
        display: flex;
        gap: 40px;
    }
    /* ******************************************************************* .sm-space{
        gap: 25px;
    } */
    .cstm-col2 {
        height: 90px;
        padding-top: 10px;
    }
    /* new shipments  */
    .modal_custW {
        max-width: 90%;
    }
    /* new shipments end */
}

@media only screen and (max-width: 576px) {
    .main_logo {
        width: 30%;
    }

    .info-icon {
        position: absolute;
        padding: 10px 20px;
        font-size: 7px;
        COLOR: RED;
        left: 37%;
        cursor: pointer;
        box-shadow: none;
        border: none;
        padding: 0;
    }

    .login_heading {
        font-size: 22px;
    }

    .text_sec {
        padding: 0px 15px;
    }

    .popins_reguler_16 {
        font-size: 13px;
    }

    .form_sec {
        padding: 0px 15px;
        margin-bottom: 60px;
    }

    .login_form_sec {
        box-shadow: 0px 0px 10px 2px #0000001a;
        padding: 25px 15px;
    }

    .logo-sec {
        padding-top: 30px;
    }

    .text_sec {
        height: auto;
        margin-bottom: 20px;
    }

    .form_group {
        gap: 20px;
    }

    .text_cir {
        height: 60px;
        width: 60px;
        top: -9%;
        left: 19%;
    }
    /* registration page  */
    .regi_form_sec {
        width: 97%;
        margin: auto;
    }

    .line1::before, .line::before {
        width: 1px;
        left: 23px;
        top: 30px;
        height: 18px;
    }

    .regi_form_main_sec {
        margin-top: 0px;
    }

    .row_gap {
        gap: 15px;
    }

    .step_bar_sec {
        padding-bottom: 0px;
        gap: 30px;
    }

    .regif_btn.action-button {
        width: 100%;
        float: none;
        margin-bottom: 20px;
    }

    .regif_btn.action-button-previous {
        width: 100%;
        float: none;
    }

    .regi_next_btn {
        position: static;
    }
    /* registration page end */
    /* dashoard screen  */
    .dash_header {
        padding-left: 15px;
        padding-right: 15px;
    }

    .home-section {
        padding: 15px 15px;
    }

    .dropdown-group span {
        display: none;
    }

    .dropdown-group .user-dropdown .user-name {
        display: none;
    }

    .main-heading h3 {
        font-size: 16px;
    }

    .form_labal {
        font-size: 14px;
    }

    .popins_SemiBold_20 {
        font-size: 16px;
    }

    .pie_box {
        padding: 15px;
    }

    .right-header button img {
        width: 40px;
        height: 40px;
        margin-right: 10px;
    }

    .notification_i {
        height: 40px;
        width: 40px;
    }

        .notification_i svg {
            width: 27px !important;
        }

    .home-section .home-content .bx-menu {
        width: 22px;
    }
    /* dashoard screen end */
    /* landing page  */
    #myTab {
        overflow: auto;
    }

    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link {
        width: 100px;
    }

    .banner_image {
        width: auto !important;
        height: 500px;
    }
    /* .banner_sec {
        overflow: hidden;
    } */
    .banner_sec .banner_title {
        font-size: 22px;
        margin-bottom: 15px;
        margin-top: 50px;
    }

    .banner_title::before {
        height: 2px;
        bottom: -4px;
        left: 204px;
        width: 20%;
    }

    .navbar-brand {
        width: 28%;
    }

    #myTabContent {
        padding: 15px;
    }

    .wewant_img {
        width: 70%;
        /* padding-top: 20px; */
    }

    .avd_img {
        width: 100%;
    }

    .our_card_1 {
        padding-top: 10px;
    }

    .wewant_list {
        margin: 0%;
    }

    .our_card_5::before {
        bottom: -8px;
        right: -15px;
    }

    .sec_heading::after {
        width: 16%;
        left: calc(50% - 8%);
        height: 35%;
    }

    .sec_heading_big {
        height: 69px;
    }

        .sec_heading_big::after {
            width: 17%;
            left: calc(50% - 8%);
            height: 20%;
        }

    .powered_tab {
        overflow-x: scroll;
        width: 100%;
        flex-wrap: nowrap;
    }

    .nav-tabs.powered_tab .nav-link {
        text-wrap: nowrap;
        width: auto;
    }

    .popins_SemiBold_20 {
        font-size: 14px;
    }

    .sec_heading {
        font-size: 18px;
        height: 31px;
    }

    .ltl_tabs_text h4 {
        font-size: 18px;
    }

    .our_ser_card .card-body .card-title {
        margin-bottom: 5px;
    }

    .sec_heading_big {
        height: 55px;
    }

    .shipping_forward_card, .shipping_forward_card_2, .shipping_forward_card_3, .shipping_forward_card_4 {
        position: static;
        margin-bottom: 15px;
        gap: 15px;
    }

    .shipping_forward {
        height: auto;
        margin-bottom: 0px;
    }

    .shipping_forward_card .card-body, .shipping_forward_card_2 .card-body, .shipping_forward_card_3 .card-body, .shipping_forward_card_4 .card-body {
        width: 80%;
    }

        .shipping_forward_card .card-body .card-text, .shipping_forward_card_2 .card-body .card-text, .shipping_forward_card_3 .card-body .card-text, .shipping_forward_card_4 .card-body .card-text {
            width: 100%;
        }

    .avd_img::after {
        top: -5px;
    }

    .avd_bullets {
        bottom: -13px;
        width: 25px;
        right: -3px;
    }

    .adv_text {
        padding: 0px;
    }
    /* landing page end */
    /* new shipments  */
    .sm-space {
        gap: 20px;
    }

    .heading-form {
        flex-direction: column;
        gap: 20px;
        align-items: start !important;
    }
}

@media only screen and (max-width: 320px) {
    .login_heading {
        font-size: 20px;
    }

    .text_sec {
        margin-bottom: 10px;
    }

    .text_cir {
        height: 50px;
        width: 50px;
        top: -13%;
        left: 20%;
    }

    .main_sec {
        padding-top: 35px;
    }

    .h_font_size {
        font-size: 20px;
        padding: 0px !important;
    }

    .popins_reguler_16 {
        margin-bottom: 10px;
    }

    .login_form_sec {
        padding: 15px;
    }

    .form_group {
        gap: 15px;
    }
    /* dashboard screen  */
    .home-section .home-content {
        padding: 0 15px;
    }

    .dropdown-group .user-dropdown {
        padding: 5px;
    }

    .right-header button img {
        margin-right: 0px;
    }

    .sec_heading {
        font-size: 17px;
    }

    .heading-form .left-btn {
        padding: 0px 14px;
    }
    /* dashboard screen end */
}



/*27 01 2025*/
@media(max-width:767px) {
    .log_btn {
        flex-wrap: wrap;
    }

    #dynamic-rows-container .row,
    div#products-rows-container .row {
        flex-direction: column;
        gap: 10px;
    }

        #dynamic-rows-container .row .col,
        div#products-rows-container .row .col {
            flex: 1 !important;
            width: 100%;
        }

        #dynamic-rows-container .row .d-flex.main_index {
            justify-content: center;
        }

        #dynamic-rows-container .row span.row-number {
            position: static !important;
            padding-top: 20px;
        }

        #dynamic-rows-container .row .col .form_fields {
            gap: 2px;
        }

    div#dynamic-rows-container .row:first-child .row-number {
        border-top: 0;
        margin-top: 0;
    }

    div#dynamic-rows-container .row .row-number {
        border-top: 1px solid #00000042;
        padding-top: 10px;
        margin-top: 20px;
    }

    .action_btn_wrp {
        flex-direction: column;
    }

    table.add_discount_table tr td:nth-child(2) {
        width: 40%;
    }

    table.add_discount_table tr td:last-child {
        width: 40px;
    }

    table.add_discount_table tr td {
        border-top: 1px solid #00000024;
    }

    table.add_discount_table tr:first-child td {
        border-top: 0;
    }
}
