/* sumit code start   */
 @media screen and (max-width: 1700px) {
     .su_side_margin {
         margin-left: 30px;
     }
 }

 @media screen and (max-width: 1600px) {
     .su_inputs_padding {
         padding: 0px 30px;
     }

     .su_side_img {
         width: 280px;
     }

     .su_side_img img {
         width: 100%;
         height: 100%;
     }
 }

 @media screen and (max-width: 1500px) {

     .su_side_img {
         width: 240px;
     }

     .su_col_padding {
         padding: 15px 50px 0px 50px;
     }

     .su_sign_in_form_padding {
         padding: 0px 100px;
     }
 }

 @media only screen and (max-width: 1440px){
    .su_details_img {
        width: 190px;
    }
    .su_map_img_dashboard_new {
        width: 175px;
    }
 }

 @media only screen and (max-width: 1400px) {
    .padding_1400{
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
    .logo_1400{ 
        width: 140px;
    }
    .logo_1400 img{
        width: 100%;
        height: 100%;
    }
    .su_vdo_bg {
        background-size: 540px 525px;
    }
    .su_details_img {
        width: 190px;
    }
    .pakket2go_vdo_set>iframe { 
        width: 470px;
    }
    .su_position_right {
        top: 140px;
    }
    .su_position_left {
        top: 150px;
        right: 90px;
    }
    .su_position_3_btns {
        left: 55%;
    }

    .su_margin_right_20 {
        margin-right: 5px;
    }
    .su_sm_ml{
        margin-left: 10px;
    }
     .form_pos {
         position: absolute;
         width: 83%;
         left: 8.6%;
         margin-top: 25px;
     }

     /* sumit code start   */
   

     .su_icons_text_adjust {
        inline-size: 130px;
    }

     .footer_list .child1 p {
         width: auto;
     }

     /* sumit css end  */
 }

 @media only screen and (max-width: 1366px) {
    .su_details_img {
        width: 170px;
    }
     .calculate {
         padding: 12px 40px;
     }

     .form_pos {
         position: absolute;
         width: 70%;
         left: 15%;
         margin-top: 25px;
     }

     .top_div {
         background-position: 2.7%;
     }
     .su_sign_btn {
        padding: 10px 35px;
    }
    .su_margin_1366{
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }
    
    
 }

 /* sumit code start  */
 @media screen and (max-width: 1308px) and (min-width: 1300px){
    .mt_1257 {
        margin-right: 0px;
    }
 }

 @media screen and (max-width: 1300px) {
    .su_map_img_dashboard_new {
        width: 150px;
    }
    .su_details_img {
        width: 160px;
    }
    .su_button_padding {
        padding: 0px 50px;
    }
    .mt_1257 {
        margin-right: 0px;
    }
    .su_cou_apply_now {
        padding: 12px 22px;
    }
     .su_side_margin {
         margin-left: 10px;
     }

     /* .su_register_sidebar {
         height: 950px;
     } */

     .su_side_img {
         width: 180px;
     }

     .su_col_padding {
         padding: 0px 20px;
     }

     .su_inputs_padding {
         padding: 0px 30px;
     }

     .su_sign_in_form_padding {
         padding: 0px 60px;
     }
 }

 /* sumit code end  */

 @media only screen and (max-width: 1280px) {

     .mobile figure,
     .footer_list .child1 p {
         width: 100%;
     }
 }

 /* sumit code start   */

 @media screen and (max-width: 1257px) and (min-width: 1201px) {
    .su_cou_block {
        display: block;
    }
    .mt_1257{
        margin-top: 20px;
    }
  }

 @media screen and (max-width: 1200px) {
    .logo_1400 {
        width: 125px;
    }
    .active_dot {
        width: 22px;
        height: 2.21px;
    }
    .nav-item a,
    .nav-item.active a {
        font-weight: 500;
        font-size: 13px;
        line-height: 18px;
    }
    .su_details_img {
        width: 130px;
    }
    .su_map_img_dashboard_new {
        width: 130px;
    }
    .su_total_details_price a{
        font-size: 22px;
    }
    .su_total_details {
        font-size: 22px;
    }
    .su_item_price_new {
        font-size: 20px;
    }
    .su_item_name_new {
        font-size: 20px;
    }
    .su_order_details_text {
        font-size: 18px;
    }
    .su_details_img {
        width: 145px;
    }
    .pakket2go_vdo_set>iframe { 
        width: 390px;
        height: 390px;
    }
    .su_vdo_bg {
        background-size: 450px 460px;
    }
    .su_after_img::after {
        background: none;
        background-position: none;
        content: '.';
        width: 0px;
    }
    .su_map_img_dashboard {
        width: 100%;
        height: 190px;
        margin-top: 15px;
    }
    .su_block_in_1200{
        display: block !important;
    }
    .su_Book_Transport {
        padding: 5px 16px !important;
    }
    .su_position_3_btns {
        left: 53%;
    }
    .su_position_2_btns {
        left: 66%;
    }
    .su_icons_text_adjust {
        inline-size: 110px;
    }
    .su_register_sidebar_padding {
        padding: 50px 31px 50px 30px;
    }
     .flex_align_end {
         margin-left: 10px;
     }

     .su_courier_white_bg {
         width: 380px;
     }

     .su_position_right {
         top: 125px;
     }

     .su_position_left {
        top: 130px;
        right: 70px;
    }

     /* .truck_imgone img {
         width: 180px;
     } */

     .truck_imgone {
         margin-top: -110px;
     }
 }

 @media screen and (max-width: 1167px){
    .su_courier_search_filter {
        display: block;
    }
    .su_block_1167{
        display: none;
    }
    .su_cou_width_70 {
        width: 30%;
    }
    .su_courier_form_flex {
        display: block;
    }
    .su_navbar_heading {
        font-size: 18px;
    }
    .su_border_right{
        border-right: none;
      }
      .su_border_Courier_page {
        border: none;
    }
 }

 @media screen and (max-width: 1100px) {
    .su_details_img {
        width: 120px;
    }
    .su_position_3_btns {
        left: 52%;
    }
     .su_register_sidebar_padding {
         padding: 50px 15px 50px 15px;
     }

     .su_side_img {
         width: 150px;
     }

     .su_sign_in_form_padding {
         padding: 0px 25px;
     }

     .flex_align_end {
         margin-left: 15px;
     }
 }

 /* sumit code end  */

 @media only screen and (max-width: 1080px){
    .su_navbar_heading {
        font-size: 16px;
    }
    .su_Book_Transport {
        line-height: 20px;
        margin-left: 10px;
    }
 }

 @media only screen and (max-width: 1030px){
    .su_map_img_dashboard_new {
        width: 110px;
    }
    .su_Book_Transport {
        display: none;
    }
 }

 @media only screen and (max-width: 1024px) {
     .top_div {
         background-position: 3.7%;
     }

     .calculate {
         padding: 12px 20px;
     }

     .truck_img {
         left: 42%;
         margin-top: -90px;
     }

     .truck_img img {
         width: 80%
     }

     .calculate {
         margin-left: 1rem;
     }

     .dflex {
         display: flex;
         align-items: center;
         justify-items: center;
     }

     .mobile figure {
         height: auto;
     }

     .play_content {
         width: 100%;
     }
 }

 @media only screen and (max-width: 991px) {

     /* sumit code start   */
     .lang_toggle {
        width: 200px;
    }
     .su_vdo_bg {
        background-size: 690px 460px;
    }
     .su_map_img_dashboard_new {
        width: 160px;
    }
     .su_details_img {
        width: 160px;
    }
     .pakket2go_vdo_set{
        margin-bottom: 10px;
     }
     .pakket2go_vdo_set>iframe {
        width: 100%;
    }
     .su_button_padding {
        padding: 0px 30px;
    }
     .su_card_out_box {
        height: 85vh;
    }
     .su_container_dashboard {
        padding: 0px 15px;
    }
     .truck_imgone {
        left: 37%;
    }
     .row_reverce_one{
        flex-direction: column-reverse;
        padding: 0px 0px 20px 0px;
     }
     .row_reverce_three{
        flex-direction: column-reverse; 
        padding: 0px 0px 20px 0px;
     }
     .row_reverce_two{
        padding: 0px 0px 20px 0px;
     }
     .su_width {
        width: 100%;
    }
    .su_details {
        width: 100%;
    }
     .su_white_bg_img {
        width: 200px;
        height: 200px;
    }
     .su_icons_text_adjust {
        inline-size: 180px;
    }
     .su_position_white_arrow {
        display: none;
    }
     .su_courier_white_bg {
         width: auto;
     }

     .su_main_circle img {
         margin-bottom: 10px;
     }

     .data_textarea {
         width: 100%;
     }

     .su_side_color {
         height: auto;
     }

     .su_side_margin {
         margin-left: 0px;
     }

     .su_Contact_with {
         font-size: 31px;
     }

     .su_padding_input {
         padding: 10px 0px;
     }

     .four_section_top .info,
     .four_section_top .info {
         padding: 15px 20px;
     }

     .su_position_right {
       display: none;
    }

     .su_position_left {
        display: none;
     }

     .su_flex_align h2 {
         font-weight: 500;
         font-size: 20px;
         line-height: 30px;
     }

     .su_flex_align span {
         color: #898989;
         font-weight: 300;
         font-size: 12px;
         line-height: 18px;
     }

     .content-top h1 {
         font-size: 35px;
     }

     .first-section {
         padding-top: 35px;
         padding-bottom: 40px;
     }

     .su_badge {
         width: 40px;
         height: 40px;
     }

     /* sumit code end  */

     .form_pos {
         width: 83%;
         left: 8%;
     }

     .info_section_top>.container {
         max-width: 95%;
     }

     .step_section {
         padding-top: 30px;
         padding-bottom: 30px;
     }

     .w-md-80 {
         width: 80% !important;
     }

     .wf-35 {
         width: 100%;
     }

     .wf-25 {
         width: 100%;
     }

     .calculate {
         margin-left: 0px;
         width: 100%;
         justify-content: center;
         padding: 12px 16px;
     }

     .border-right {
         border-right: 0;
         border-bottom: 2px solid #D9D9D9;
     }

     .info_section_top .form-group {
         padding-top: 16px;
         padding-bottom: 16px;
     }

     .four_section_top .form-group {
        padding-top: 16px;
        padding-bottom: 16px;
    }

     .badge span {
         white-space: break-spaces;
     }

     .play_section .badge p {
         white-space: break-spaces;
         margin-top: 20px;
     }

     .appstore_btn figure,
     .appstore_btn2 figure {
         width: 20px;
     }

     .appstore_btn figure img,
     .appstore_btn2 figure img {
         width: 100%;
     }

     .content p {
         font-size: 18px;
         line-height: 30px;
     }

     .width-lg {
         width: 100%;
     }

     .info_section_top form b,
     .info_section_top form .ad_input,
     .about_section p,
     .our_values_section p,
     .play_section p {
         font-size: 16px;
         line-height: 28px;
     }

     .play_section .badge p,
     .footer_list .child1 p,
     .footer_list .child2 ul li a,
     .footer_list .child3 ul li a,
     .footer_list .child4 ul li a {
         font-size: 14px;
         line-height: 24px;
     }

     .mobile figure,
     .footer_list .child1 p {
         width: 80%;
     }

     .navbar-toggler-icon {
         background-image: url(../svg/bar.svg) !important;
         background-size: 123% !important;
     }

     .navbar-toggler {
         border-color: #fff !important;
         border-width: 2PX !important;
     }

     .navbar-toggler:focus {
         box-shadow: 0 0 0 !important;
     }

     #menu_items {
         background-color: #fff;
         position: absolute;
         width: 100%;
         left: 0;
         top: 72px;
         padding: 2rem 3rem;
         z-index: 3;
     }

     ul.navbar-nav {
         justify-content: left;
     }

     .nav-item a {
         color: #000000 !important;
         font-weight: 400;
     }

     .nav-item a,
     .nav-item.active a {
         text-align: left;
     }

     .nav-item.active a {
         color: #01B537 !important;
         font-size: 20px;
     }

     #menu_items .nav-item {
         margin-bottom: 1rem;
     }

     #menu_items .nav-item:last-child {
         margin-bottom: 0rem;
     }

     .nav-item.active .active_dot {
         display: none;
     }
 }

 @media screen and (max-width: 872px){
    .su_map_img_dashboard_new {
        width: 130px;
    }
    .su_details_img {
        width: 130px;
    }
 }

 /* sumit code start   */
 @media screen and (max-width: 768px) {
    .su_vdo_bg {
        background-size: 515px 460px;
    }
    .su_details_img img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    .su_order_width_sm{
        width: 100%;
    }
    .su_order_width_80 {
        width: 100%;
    }
    .su_flex_768_block{
        display: block;
    }
    .su_total_details_price a{
        font-size: 20px;
        line-height: 30px;
    }
    .su_total_details {
        font-size: 20px;
        line-height: 30px;
    }
    .su_item_name_new {
        font-size: 20px;
        line-height: 30px;
    }
    .su_order_details_text {
        font-weight: 400;
        font-size: 16px;
    }
    .su_card_out_box {
        height: 84vh;
    }
    .su_icons_text_adjust {
        inline-size: auto;
    }
    .su_See {
        margin-left: 0px;
        margin-top: 15px;
    }
     .su_side_img {
         width: 190px;
         margin: auto;
     }

     .su_register_sidebar {
         height: auto;
     }

     .su_Sign_In {
         width: 60%;
     }

     .su_row_div_padding {
         padding: 0px;
     }

     .su_row_padding {
         padding: 40px 0px;
     }

     .su_position_right {
         display: none;
     }

     .su_position_left {
         display: none;
     }

     .su_details {
         width: 100%;
     }

     .su_width {
         width: 100%;
     }
 }

 /* sumit code end  */

 @media only screen and (max-width: 767px) {
    .width_35{
        display: none;
    }
    .su_chat_filter_icon{
        display: block;
    }
    .su_width_lg_100{
        width: 80%;
    }
    .su_upload_768_margin{
        margin: 15px 0px;
    }
    .su_flex_block_at_767{
        display: block;
     }
    .su_display_grid_sm{
        display: grid;
    }
    .su_order_width_40{
        width: 100%;
    }
    .su_details_img {
        width: 50%;
        margin: auto;
    }
    .su_map_img_dashboard_new {
        width: 50%;
        margin: auto;
    }
     .su_mr_10_480{
        margin-left: 22px;
     }
     .play_content{
        text-align: center;
     }
     .su_register_sidebar_padding {
        display: block;
        height: auto;
    }

    .su_button_padding {
        padding: 0px 15px;
    }
    .su_cou_width_70 {
        width: 40%;
    }
    .su_margin_767{
        margin-left: 20px;
    }
    .truck_imgone {
        left: 35%;
    }
    .truck_imgone img{
        width: 200px;
    }
     .logo_cls {
         display: none;
     }

     .mobile_build {
         background-image: url(../img/mobile_build.png);
         background-repeat: no-repeat;
         height: 200px;
         width: 100%;
         background-size: 100%;
     }

     .banner-section {
         padding-bottom: 110px;
     }

     .truck_img {
         left: 34%;
         margin-top: -130px;
     }

     .data_list {
         margin-left: 12px;
     }

     .play_section .badge p {
         white-space: inherit;
         margin-top: 0;
     }

     .flxDirection {
         flex-direction: column-reverse;
     }

     .mobile figure {
         margin-left: auto;
         margin-right: auto;
     }

     .play_section .dflex {
         flex-direction: column;
         margin-bottom: 1.5rem
     }

     /* .badge {
         width: fit-content;
     } */

     .mob_align {
         text-align: center;
     }

     .footer_bottom p {
         font-size: 14px;
         line-height: 24px;
     }

     .navbar-brand figure {
         width: 141px;
         height: 40px;
     }

     .navbar-brand figure img {
         width: 100%;
     }

     .navbar-toggler-icon {
         width: 1em !important;
     }

     .justify-content-sm-center {
         justify-content: center !important;
     }

     #menu_items .nav-item {
         margin-bottom: 0.50rem;
     }

     #menu_items .nav-item:last-child {
         margin-bottom: 0.50rem;
     }

     .lang_toggle {
         border: 1px solid #D9D9D9;
         /* width: 167px; */
     }

     .content h1 {
         font-size: 32px;
         line-height: 45px;
     }

     .our_values_section h2 {
         font-size: 30px;
     }

     #main_footer {
         padding-top: 100px;
     }

     .child1 {
         margin-bottom: 1rem;
     }

     .mobile figure,
     .footer_list .child1 p {
         width: 100%;
     }

     .our_values_section figure {
         width: 70px;
         margin-left: auto;
         margin-right: auto;
     }

     .our_values_section figure img {
         width: 100%;
     }

     .mob_px {
         padding-left: 0 !important;
         padding-right: 0 !important;
     }

     #sub_header figure img {
         width: 20px;
     }

     #sub_header figure img:first-child {
         margin-top: -2px;
     }

     .form_pos {
         width: 65%;
         left: 17.5%;
     }

     .top_div {
         background-position: 5.6%;
     }

 }

 @media screen and (max-width: 673px) and (min-width: 320px) {
    .su_cou_block {
        display: block;
    }
    .mt_1257{
        margin-top: 20px;
    }
  }

 @media only screen and (max-width: 600px) {
     .form_pos {
         width: 80.3%;
         left: 9.5%;
     }
     .truck_imgone {
        left: 30%;
    }
 }

 @media only screen and (max-width: 576px){
    .download_pdf_btn{
        font-weight: 500;
        font-size: 20px;
        line-height: 30px;
        padding: 5px 15px;
    }
    .su_map_img_dashboard_new {
        width: 60%;
    }
    .su_details_img {
        width: 60%;
    }
    .su_cou_width_70 {
        width: 50%;
    }
    .su_search_border_style {
        padding: 8px 10px 8px 50px;
    }
    .su_padding_toolbar {
        padding: 15px 0px;
    }
    .su_item_name_btn {
        font-size: 14px;
        line-height: 17px;
    }
    .su_address_dashboard {
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
    }
    .su_item_date {
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
    }
    .su_item_price {
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
    }
    .su_item_name {
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
    }
    .Track_orders {
        font-weight: 500;
        font-size: 20px;
        line-height: 30px;
    }

    .su_navbar_heading {
        font-weight: 600;
        line-height: 27px;
    }

    .su_white_section_margin {
        margin: 100px 0px;
    }
 }

 @media only screen and (max-width: 530px){
    .su_vdo_bg {
        background-size: 480px 460px;
    }
 }

 @media only screen and (max-width: 500px){
    .su_margin_y_12 {
        margin: 5px 0px;
    }
    .su_details_img {
        width: 100%;
    }
    .su_map_img_dashboard_new {
        width: 100%;
    }
    .su_details_img img {
        object-fit: inherit;
    }
 }

 @media only screen and (max-width: 480px) {
    .su_msg_time {
        font-size: 14px;
    }
    .su_msg_receive {
        font-size: 14px;
        line-height: 22px;
        padding: 12px;
    }
    .su_msg {
        font-size: 14px;
        line-height: 22px;
        padding: 12px;
    }
    .su_day_name_date {
        font-size: 15px;
        padding: 15px 0px;
    }
    .su_user_name_and_back {
        padding: 12px 12px;
    }
    .su_user_name_topic {
        font-size: 16px;
    }
    .su_chat_width_80 {
        width: 75%;
    }
    .su_img_height {
        width: 30px;
        height: 30px;
    }
    .su_padding_msg_send_input {
        padding: 10px 10px;
        justify-content: space-between;
    }
    .su_user_msg_send_img{
        display: none;
    }
    .su_padding_chat_section {
        padding: 0px 10px;
        height: 83vh;
    }
    .su_chat_right {
        width: 80%;
    }
    .su_chat_left {
        width: 85%;
    }
    .su_Sort_By {
        font-size: 16px;
    }
    .su_filter_heading {
        margin: 15px 0px;
    }
    .su_chat_Reset {
        font-size: 18px;
    }
    .su_chat_filter {
        font-size: 20px;
    }
    .su_chat_seen {
        font-size: 12.6336px;
    }
    .su_chat_user_name {
        font-size: 15px;
    }
    .su_chat_user_chat{
        width: 213px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14.087px;
    line-height: 21px;
    }
    .su_upload_button {
        padding: 5px 35px 8px 35px;
        font-size: 15.3099px;
        line-height: 23px;
    }
    .su_upload_sm_btn {
        font-size: 11.1085px;
        line-height: 17px;
    }
    .su_upload_para {
        font-size: 17px;
        line-height: 26px;
    }
    .su_upload_input {
        font-size: 13.9394px;
        line-height: 21px;
    }
    .su_upload_input::placeholder{
        font-size: 13.9394px;
        line-height: 21px;
    }
    .su_upload_label {
        font-size: 13.9394px;
        line-height: 21px;
    }
    .su_Upload_heading {
        font-weight: 600;
        font-size: 17px;
        line-height: 26px;
    }
    .su_license_img {
        width: 90px;
        height: 60px;
    }
    .su_license_details {
        font-weight: 600;
        font-size: 13px;
        line-height: 20px;
    }
    .su_upload_Drag_para{
        display: none;
    }
    .su_upload_Drag_or{
        display: none;
    }
    .su_upload_sm_btn {
        margin-top: 12px;
    }
     /* sumit code start  */
     .su_upload_border {
        margin: 15px;
        padding: 10px;
    }
     .width_popup_detail {
        max-width: 100%;
    }
     #booking_detail_content{
        padding: 0px;
     }
     .download_pdf_btn {
        font-size: 14px;
        line-height: 17px;
    }
     .su_vdo_bg {
        background-size: 435px 460px;
    }
     .su_mr_10_480{
        margin-left: 22px;
     }
     .form-label {
        margin-bottom: 0px !important;
    }
     .su_courier_search_filter {
        width: 50%;
        margin-left: auto;
    }
     .su_available_deliveries {
        font-size: 14px;
        line-height: 17px;
    }
     .su_cou_width_70 {
        width: 100%;
    }
     .su_container_dashboard {
        padding: 0px 5px;
    }
     .su_courier_search {
        font-size: 14px;
        line-height: 21px;
    }
    .su_cou_apply_now {
        font-size: 14px;
        line-height: 21px;
    }
     .su_480_block_this{
        display: block !important;
    }
     .su_my_480{
        margin: 8px 0px 8px 0px;
     }
     .su_card_out_box {
        padding: 10px;
    }
     .Track_orders {
        font-size: 14px;
        line-height: 17px;
    }
     .su_register_sidebar_padding {
        padding: 50px 0px 50px 0px;
    }
     .su_flex_align h2 {
        font-size: 22px;
        line-height: 30px;
    }
     .su_flex_align span {
        font-size: 16px;
        line-height: 25px;
    }
     .four_section_top .form-group {
        padding-top: 10px;
        padding-bottom: 10px;
    }
     .info_section_top {
        margin: 0px;
    }

     .su_phone_no {
        margin: 10px 0px;
    }
     .su_icons_text_adjust {
        width: auto;
    }
     .su_Message {
         font-size: 23.2169px !important;
         line-height: 31px !important;
     }

     .su_phone_text {
         font-size: 20px !important;
         line-height: 30px !important;
     }

     .su_accordion_body {
         font-weight: 400 !important;
         font-size: 16px !important;
         line-height: 185.69% !important;
         color: #313131 !important;
     }

     .su_Contact_with {
         margin-top: 30px !important;
         font-weight: 500 !important;
         font-size: 20px !important;
         line-height: 30px !important;
     }

     .su_green_para {
         margin-bottom: 30px !important;
         font-weight: 400 !important;
         font-size: 14px !important;
         line-height: 21px !important;
     }

     .su_accordion_item {
         padding: 0px 0px;
     }

     .su_courier_white_bg {
         width: 300px;
     }

     .su_inputs_padding {
         padding: 0px 15px;
     }

     .su_easilest {
         font-weight: 300;
         font-size: 12px;
         line-height: 18px;
         margin-bottom: 30px;
     }

     .su_Your_Best {
         font-weight: 500;
         font-size: 17px;
         line-height: 26px;
     }

     .su_text_Sign_In {
         font-weight: 500;
         font-size: 17px;
         line-height: 26px;
         margin-bottom: 20px;
     }

     .su_Join_now {
         font-weight: 500;
         font-size: 15px;
         line-height: 22px;
     }

     .su_Join_now_span {
         font-weight: 500;
         font-size: 15px;
         line-height: 22px;
     }

     .su_Forgot_password {
         font-weight: 500;
         font-size: 15px;
         line-height: 22px;
     }

     .su_checkbox_text {
         font-weight: 500;
         font-size: 15px;
         line-height: 22px;
     }


     .su_sign_btn {
         padding: 10px 50px;
         font-weight: 600;
         font-size: 15px;
         line-height: 22px;
     }

     .su_white_bg_img img {
         width: 100%;
         height: 100%;
     }

     .su_green_bg_with_col {
         padding: 45px 0px;
     }

     .su_See {
        font-weight: 500;
        font-size: 20px;
        line-height: 30px;
     }

     .su_Apply_Now {
         font-weight: 500;
         font-size: 20px;
         line-height: 30px;
         padding: 7px 20px;
     }

     .su_become_courier {
         font-weight: 500 !important;
         font-size: 20px !important;
         line-height: 30px !important;
     }

     .su_register_sidebar_padding {
        padding: 15px 0px 15px 0px;
     }

     .su_main_logo_become {
         width: 250px !important;
     }

     .su_carousal {
         padding: 25px 0px;
     }

     .su_carousal_img_ste {
         width: 300px;
         height: 300px;
         margin: auto;
     }

     .su_Featured_Partners {
         font-weight: 500;
         font-size: 20px;
         line-height: 30px;
     }

     .su_white_bg_img {
         width: 180px;
         height: 180px;
     }

     .su_col_para {
         font-size: 16px;
         line-height: 28px;
     }

     .su_col_heading {
         font-weight: 500;
         font-size: 20px;
         line-height: 30px;
     }

     .about_section {
         padding-top: 20px;
         padding-bottom: 25px;
     }

     .about_section h2 {
         font-weight: 500;
         font-size: 20px;
         line-height: 30px;
     }

     .su_content_payment {
         padding: 10px 10px;
     }

     .data_textarea {
         width: 100%;
     }

     .su_col_padding {
         padding: 20px 0px;
     }

     .su_side_margin {
        margin: 10px;
     }

     .su_sign_in_form_padding {
         padding: 0px 5px;
     }

     .su_register_card {
         padding: 20px 15px 20px 15px;
     }

     .radio_style {
         padding: 1px;
     }

     .radio_style label {
         font-weight: 500;
         font-size: 14px;
         line-height: 24px;
         padding: 5px 20px;
     }

     .su_button_padding {
         padding: 0px 10px;
     }

     .su_Sign_In {
         width: 100%;
         padding: 8px 40px;
     }

     .su_Quick_Fast {
         font-size: 16px;
         line-height: 28px;
         font-weight: 400;
     }

     .su_courier_white_bg {
         font-size: 14px !important;
         line-height: 24px !important;
         font-weight: 400px !important;
     }

     .content h1 {
         font-weight: 500;
         font-size: 20px;
         line-height: 30px;
     }

     .become_banner_section {
         padding-bottom: 40px;
     }

     .su_main_top_bg {
        background: #F8F9FA;
         padding-bottom: 15px;
         padding-top: 30px;
     }

     .images {
         background: transparent;
     }

     .su_Register_btn {
         font-weight: 500;
         font-size: 20px;
         line-height: 30px;
     }

     .su_See_Jobs {
         font-weight: 500;
         font-size: 20px;
         line-height: 30px;
     }

     .content p {
         font-weight: 400;
         font-size: 14px;
         line-height: 21px;
     }

     .msg_input {
         padding: 16px 10px 14px 30px;
     }

     .subject_input {
         padding: 16px 10px 14px 30px;
     }

     .su_textarea {
         padding: 16px 10px 14px 30px;
     }

     .su_Send_width {
         font-size: 22px !important;
         line-height: 30px !important;
     }

     .address h5 {
         font-size: 22px;
         line-height: 30px;
     }

     .su_Message {
         font-size: 22px;
         line-height: 30px;
         margin-top: 20px;
         text-align: center;
     }

     .su_phone_text {
         font-size: 20px;
         line-height: 30px;
     }

     .su_red_text_center {
         font-weight: 500 !important;
         font-size: 20px !important;
         line-height: 30px !important;
     }

     .su_accordion_para {
         font-weight: 500;
         font-size: 12px;
         line-height: 18px;
     }

     .su_accordion_body {
         font-weight: 300;
         font-size: 12px;
         line-height: 18px;
     }

     .su_accordion_button {
         font-size: 22px !important;
         line-height: 30px !important;
     }

     .su_accordion_item {
         padding: 2px 0px !important;
     }

     .su_accordion_button:not(.collapsed) {
         font-size: 22px !important;
         line-height: 30px !important;
     }

     .su_green_para {
         font-size: 16px;
         line-height: 25px;
         margin-bottom: 30px;
     }

     .su_Contact_with {
         margin-top: 30px;
         font-size: 22px;
         line-height: 30px;
     }

     .four_section_top {
         padding: 0px 20px;
     }

     .fifth_section {
         padding: 0px 20px;
     }

     .content-top h1 {
         font-size: 22px;
         line-height: 30px;
     }

     .content-top p {
         font-size: 16px;
         line-height: 25px;
     }

     .first-section {
         padding-top: 20px;
         padding-bottom: 20px;
     }

     .truck_imgone img {
         width: 160px;
     }

     .truck_imgone {
         left: 37%;
         margin-top: -90px;
     }

     .su_form_card {
         padding: 10px !important;
     }

     .su_form_section_padding {
         margin-bottom: 160px !important;
     }

     /* sumit code end  */

     .form_pos {
         width: 91%;
         left: 4.5%;
     }

     .top_heading {
         min-width: auto;
     }

     #menu_items {
         padding: 1rem 0.25rem;
     }

     .navbar-toggler {
         padding: 0px 10px;
     }

     .truck_img {
         left: 33%;
         margin-top: -155px;
     }

     .footer_top {
         padding-top: 40px;
         padding-bottom: 30px;
     }

     .footer_top {
         padding-top: 40px;
         padding-bottom: 30px;
     }

     .play_section .badge p {
         font-size: 12px;
     }

     .info_section form>div {
         display: block !important;
         height: auto;
         padding-top: 15px;
         padding-bottom: 15px;
     }

     .info_section form .submit {
         width: 100%;
         margin-top: 12px;
     }

     #main_footer {
         padding-top: 180px;
     }

     .border-radius-20,
     .info_section .info {
         border-radius: 0px !important
     }

     .data_list span {
         font-size: 14px;
     }

     .data_icon figure {
         width: 50px;
         height: 45px;
     }

     .data_icon figure {
         margin-bottom: 0rem !important;
     }

     .mobile_build {
         background-size: 129%;
     }

     .top_div {
         background-position: 5.8%;
     }

     .nav_circle.mx-3 {
         margin-left: 0px !important;
     }

 }

 @media only screen and (max-width: 452px){

    .su_item_name_btn_close {
        margin-left: 0px;
        margin-top: 10px;
    }
    .su_item_name_btn {
        margin-left: 0px;
        margin-top: 10px;
    }
 }

 @media only screen and (max-width: 435px){
    .su_vdo_bg {
        background-size: 395px 460px;
    }
    .phone_input {
        line-height: 15px;
    }
 }

 @media only screen and (max-width: 425px) {
    .su_chat_user_chat{
        width: 170px;
    }
    .su_vdo_bg {
        background-size: 395px 340px;
    }
    .pakket2go_vdo_set>iframe {
        height: 280px;
    }
     .top_div {
         background-position: 6.6%;
     }
 }

 @media only screen and (max-width: 400px) {
    .su_block_at_400{
        display: block !important;
    }
    .img_hide_400{
        display: none;
    }
    .w-child-1 {
        width: 100%;
    }
    .w-child-2 {
        width: 100%;
    }
    .su_vdo_bg {
        background-size: 355px 340px;
    }
    .su_register_card {
        padding: 20px 5px 20px 5px;
    }
     .su_courier_white_bg {
         width: 280px;
     }
 }

 @media only screen and (max-width: 390px) {
    .su_navbar_heading {
        white-space: nowrap;
        width: 135px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .su_courier_search_filter {
        width: 62%;
    }
    .third-section {
        padding-bottom: 110px;
    }
    .su_courier_white_bg {
        width: 220px;
    }
     .truck_img img {
         width: 65%;
     }

     .banner-section {
         padding-bottom: 50px;
     }

     .pakket_btn.me-3 {
         margin-right: 0.25rem !important
     }

     .mobile_build {
         background-size: 129%;
     }
 }

 @media only screen and (max-width: 375px) {
    .su_vdo_bg {
        background-size: 330px 340px;
    }
     .pakket_btn.me-3 {
         margin-right: 1rem !important
     }

     .play_section .badge p {
         white-space: break-spaces;
         text-align: left;
         margin-top: 20px;
         line-height: 18px;
     }
     .appstore_btn, .appstore_btn2 {
        font-weight: 400;
        font-size: 10px;
        line-height: 15px;
    }
 }

 /* sumit code start   */
 @media screen and (max-width: 370px) {
     .truck_imgone img {
         width: 145px;
     }

     .truck_imgone {
         left: 30%;
         margin-top: -90px;
     }
     .su_navbar_heading {
        white-space: nowrap;
        width: 125px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
 }

 @media screen and (max-width: 350px) {
    .su_chat_user_chat {
        width: 145px;
    }
    .su_navbar_heading {
        width: 95px;
    }
    .su_vdo_bg {
        background-size: 300px 340px;
    }
 }

 /* sumit code end  */

 @media only screen and (max-width: 340px){
    .su_chat_user_chat {
        width: 120px;
    }
    .su_width_40 {
        width: 35%;
    }
    .su_width_60 {
        width: 65%;
    }
    .des_textarea {
        font-size: 14px;
        line-height: 20px;
    }
    .form-label {
        left: 35px !important;
    }
    .phone_input {
        padding: 16px 10px 14px 35px;
    }
    .su_padding_important_email {
        padding: 16px 10px 14px 35px !important;
    }
 }

 @media only screen and (max-width: 320px) {
     .su_courier_white_bg {
         width: 220px;
     }

     .nav_circle {
         width: 22px;
         height: 22px;
     }

     .nav_circle.mx-3 {
         margin-right: 0.5rem !important;
     }
 }