@media only screen and (max-width: 1600px){
    .login_register .txt_field .custom_radio_wrapper .custom_radio.custom_position input:checked + label:after {left: 35%;}
    .login_register .txt_field .custom_radio_wrapper .custom_radio input:checked + label:after{left: 37%;}
}

@media only screen and (max-width: 1366px){
    .login_register .txt_field .custom_radio_wrapper .custom_radio.custom_position input:checked + label:after {left: 33%;}
    .login_register .txt_field .custom_radio_wrapper .custom_radio input:checked + label:after{left: 34%;}
    .background_banner{top:22%;}
    .hero_section .site_key_parameter{padding:0;}
}

@media only screen and (max-width: 1280px){
    .login_register .txt_field .custom_radio_wrapper .custom_radio input:checked + label:after {left: 31%;}
    .login_register .txt_field .custom_radio_wrapper .custom_radio.custom_position input:checked + label:after {left: 29%;}
    .login_register .login_box,.login_register .login_box.custom_roles {padding: 20px 10px;}
    .home_page_banner .banner_content {max-width: 60%;}
    .mission_value_images .welding_img {width: 60%;}
    .mission_value_images .plumbering_img {width: 26%;right: 4%;}
    .mission_value_images .solding_iron_img {width: 30%;left: 4%;}
    .mission_value_images .welding_img:before {left: 14%;}
    .mission_value_images .welding_img:after {right: 13%;bottom: 6%;}
    .mission_values h5 {font-size: 15px;}
    .project_overview .ongoing_milestone .custom_milestone_column .milestone_card {padding: 0;}
    /*.datepicker.datepicker-dropdown{top: 290px !important;}*/
    .project_overview .project_ongoing table tbody tr td:nth-child(4) {width: unset;}
    .post_project_section .personal_information .custom_radio_wrapper .custom_radio input:checked + label:after {left: 40%;}
    .progress_step .step h5 {font-size: 15px;}
    .progress_step .step,.custom_form_radio {gap: 10px;}
    .custom_form_radio .custom_radio label {width: 240px; font-size: 16px;}
    .custom_modal .modal-dialog.modal-dialog-centered {max-width: 100%;}
    .modal-dialog.modal-dialog-centered,.service_description .modal-dialog.modal-dialog-centered {max-width: 65%;}
    .master_navbar .navbar-expand-lg ul.navbar-nav li a.nav-link {padding: 4px; font-size: 14px;}
    header .site_logo {height: 35px;width: 160px;}
    header.master_navbar ul.navbar-nav {gap: 10px;}
    .master_navbar a.buyer_account.dropdown-toggle {font-size: 15px;}
    .master_navbar .header_btn ul.dropdown-menu.show {width: 350px;}
    .master_navbar .header_btn .custom_dropdown {padding: 10px;}
    .master_navbar .header_btn .profile_inside_img {width: 60px;height: 60px;}
    .master_navbar .header_btn a.dropdown-item.dropdown_option {padding: 15px;align-items: center;}
}

@media only screen and (max-width: 1024px){
    .home_slider .swiper-button-arrow.right {right: 5%;}
    .home_slider .swiper-button-arrow.left {left: 5%;}
    .home_slider .swiper-button-arrow{top: 35%;}
    .home_site_details {padding: 50px 0;}
    .home_site_details .custom_row{row-gap:40px;}
    .home_site_details h2{font-size: 26px;}
    .login_register .background_banner {left: 0;}
    .login_register .custom_login_title {padding: 10px 30px;}
    h1{font-size: 38px;}
    .posted_view_page .post_list {padding: 10px;}
    .about_images .mission_value_images .welding_img {width: 70%;height: 220px;}
    .about_images .mission_value_images .solding_iron_img {height: 150px;}
    .about_images .mission_value_images .welding_img:before {width: 18%; top: 28%; left: 4%;}
    .about_images .mission_value_images .welding_img:after {top: 50%;}
    .mission_values h5{line-height: 1.7em;}
    .buyer_homePage .banner_content .hero_section_btn {flex-wrap: wrap;justify-content: center;}
    .share_icon {left: 40%;}
    .post_project_section .personal_information .custom_radio_wrapper .custom_radio.custom_position input:checked + label:after {left: 36%;}
}
@media only screen and (max-width: 991px){
    body:has(.dropdown-menu.show) .dropify-wrapper {z-index: 0;}
    header.master_navbar .navbar .navbar-collapse {border-radius: 10px;flex-grow: 0;flex-basis: unset;position: absolute;top: 100%;right: 5px;text-align: center;padding: 20px;z-index: 10;box-shadow: 2px 3px 5px;background: white;min-width: 30%;transition: all 1s ease;}
    header.master_navbar ul.navbar-nav li a,.Navbar_search i {color: black;}
    header.master_navbar .navbar-toggler {background: transparent;order: 1;padding: 0;}
    .navbar-toggler-icon:before {content: "\f0c9"; font-family: FontAwesome;font-size: 25px;color: white;}
    .navbar-toggler-icon {background-image: none;width: unset;height: unset;}
    header.master_navbar .header_btn.login_btn {margin-top: 10px; flex-direction: column;}
    header.master_navbar .header_btn.login_btn a.sign_in {color:black}
    header.master_navbar .header_btn a.btn.btn_white{border: 2px solid black;}
    header.master_navbar ul.navbar-nav,.posted_view_page .explore_card_user {gap: 10px;}
    header.master_navbar .custom_navbar_search{display: block;margin-bottom: 10px;}
    header.master_navbar .header_btn.login_btn,.master_navbar .header_btn.responsive_dashboard_head{display: flex;}
    .master_navbar .header_btn ul.dropdown-menu.show {width: 280px;z-index: 1;}
    .master_navbar .header_btn .profile_inside_img {width: 40px;height: 40px;}
    .master_navbar .header_btn a.dropdown-item.dropdown_option {padding: 10px;}
    header.master_navbar .navbar-nav li .Navbar_search,.master_navbar .header_btn.website_login_btn,.master_navbar .header_btn.dashboard_header,.master_navbar .buyer_top_icons,.master_navbar button.dropdown-toggle .buyer_account,.dropdown.website_notification{display: none;}
    h4{font-size: 18px;}
    h5{font-size: 15px;}
    h6{font-size: 13px;line-height: 20px;}
    .company_name h2 {font-size: 24px;}
    .categories_of_expertise {padding: 60px 0px;}
    .contact_text h1{max-width: 60%;}
    .privacy_policy .privacy_listing ul {gap: 30px;}
    .privacy_policy {padding: 50px 0;}
    .mission_value_images .plumbering_img {width: 35%;height: 120px;}
    .mission_value_images .solding_iron_img {height: 120px;width: 35%;}
    .mission_value_images .welding_img {height: 270px;width: 70%;}
    .mission_value_images .welding_img:before {left: 5%;width: 20%;}
    .mission_value_images .welding_img:after {width: 20%;right: 5%;}
    .home_section_tabs ul.nav {margin: 10px 0;}
    .home_section_tabs ul.nav-pills .nav-link {font-size: 14px;}
    .custom_state_preferences .custom_card h5 {font-size: 15px;}
    .mission_listing ul li {line-height: 1.5em;}
    .custom_submit_btn button.btn.btn_transparent {padding: 8px 40px;}
    .login_register .txt_field.custom_registration_role .custom_radio label {padding: 10px; height: 150px;}
    .btn_icon,.project_overview .btn:has(span) span, .modal_btn button.btn span, .modal_btn a.btn span {width: 30px;height: 30px;}
    .post_detail_view .custom_header .view_profile a.btn.btn_black {width: 125px;font-size: 14px;}

    .custom_banner.home_page_banner {height: 650px;}
    .progress_step .step:before {content:"";background:linear-gradient(180deg, rgba(255, 255, 255, 0.40) 0%, #002768 50%, rgba(255, 255, 255, 0.40) 100%);position:absolute;width: 45%;height: 3px;top: 30%;}
    .progress_step .step:nth-child(1):before {left: 8%;}
    .progress_step .step:nth-child(2):before {left: 50%;}
    .progress_step .step:last-child:before,.progress_step .step span:after {display:none;}
    .post_project_section {padding: 20px 0;}
    .post_project_section .post_project_content h5 {margin: 10px 0;font-size: 20px;}
    .edit_profile .post_project_content .single_field .mb_20 {margin-bottom: 10px;}
    section.my_projects_page {padding: 30px 0 20px 0px;}
    section.details_review_page {margin-bottom: 20px;}
    section.details_review_page {margin-bottom: 20px;}
    .custom_section {padding: 14px;}
    .details_review_page .personal_information .info_profile {width: 90px;height: 90px;}
    .rating_star {column-gap: 5px;}
    .rating_star span {font-size: 14px;font-family: 'Helvetica';}
    .details_review_page .personal_information h5 {margin-bottom: 10px;}
    .details_review_page .personal_information {gap: 15px;}
    .details_review_page .personal_information h4 {margin: 7px;}
    .custom_card {padding: 14px;}
    .reviews_wrapper .review_user {margin: 10px 0;}
    h3{font-size: 23px;line-height: 35px;}
    .details_review_page .contact_info, .state_licenses .custom_state_license{gap:8px;}
    .state_licenses h5.title {margin-bottom: 10px;line-height: 1.2;font-size: 15px;}
    .state_licenses .dflex .custom_alignment {gap: 10px;}
    .state_licenses .dflex .custom_alignment .award_icon {width: 35px;height: 35px;}
    .state_licenses .dflex .custom_alignment .award_icon i {font-size: 17px;}
    .portfolio .suggest_links a.card_links {font-size: 12px; padding: 8px 15px;}
    .project_overview, section.custom_chats {padding: 40px 0;}
    .project_contract .custom_row {row-gap: 20px;}
    .projects_agreement ul li h5 {margin: 5px 0;}
    .projects_agreement ul {gap: 20px;}
    .posted_view_page .offer_contact_btn .btn{height: 40px;}
    .project_overview .ongoing_milestone .custom_milestone_column .milestone_card {width: 32%;}
    .project_overview .custom_milestone_column{justify-content: center;}
    .project_overview .custom_milestone_column .milestone_card:first-child h5:first-child {font-size: 15px;padding: 6px;margin-bottom: 5px;}
    .project_overview .ongoing_milestone .milestone_card h4 {margin-bottom: 5px;}
    .project_overview .scope_desc {padding: 20px 0;}
    .posted_view_page .post_list .dflex {margin-bottom: 10px;flex-direction: column;row-gap: 10px;}
    .posted_view_page .post_list a.btn.btn_black.btn_has_icon.post_detail_view {margin: 10px 0 0 auto;}
    .posted_view_page .post_list .profile_name_inline {gap: 5px;}
    .posted_view_page .row.custom_rowGap {row-gap: 10px;}
    .sp_explore_page .explore_card {padding: 10px;}
    section.buyer_home_cards .custom_rowGap {row-gap: 12px;}
    .my_projects_page .nav-pills .nav-link {padding: 20px;}
    section.ewallet_section {padding: 30px 0;}
    .sp_explore_page.posted_view_page .listing_section .custom_justify {flex-direction: column;align-items: self-start;}
    .sp_explore_page.posted_view_page .listing_section .custom_justify a {margin-left: auto;}
    .my_projects_page .table_box.table_padding table.table.myTable.datatable th {padding: 20px;}
    .post_project_section .personal_information .custom_radio_wrapper .custom_radio input:checked + label:after {left: 38%;}
    .custom_step_form {height: 550px;}
    .custom_modal .modal-content .row {row-gap: 30px;}
    .progress_step {flex-direction: row; height: unset; margin-top: 20px;position: relative;}
    .progress_step .step {flex-direction: column-reverse;}
    .post_project_section .set_verified_seller {margin: 10px 0;}
    .reviews_wrapper {max-height: 505px;}
    .site_visiting h5 {line-height: 1.2;}
    .ewallet_section .transactions .pending_arrow {width: 45px;height: 45px;}
    .custom_categories h3, .custom_categories span {font-size: 14px; padding: 8px 20px;}
    .login_register .txt_field .custom_radio_wrapper .custom_radio.custom_position input:checked + label:after {left: 25%;}
    .login_register .txt_field .custom_radio_wrapper .custom_radio input:checked + label:after {left: 28%;}
    .custom_modal .modal-content .row, .custom_modal .modal-content .row form, .custom_step_form .job_posting_form .custom_column_height, .job_posting_form{height: unset;}

/*    Chat Responsive */
    .custom_chats h3 {font-size: 20px;}
    .custom_chats .user_profile {padding: 10px;}
    .custom_chats .chat_messages {padding: 10px;}
    .custom_chats .nav.chats_detail {padding: 10px;}
    .custom_chats .clip > .text, .custom_chats .msg_container .message_container {padding: 10px 15px;}
    .custom_chats .send_msg {padding: 10px;}
    .custom_chats .chat_messages {height: 610px;}
    .custom_chats .user_profile .dispute_btn button.btn {padding: 8px 14px;line-height: normal;font-size: 14px;}
    #dispute_milestone_chat_div .chat_sec.custom_chats .chat_messages {height: 608px;}
    .custom_chats .no-chat-selected {height: 750px;}
}

@media only screen and (max-width: 767px){
    .login_register .txt_field .custom_radio_wrapper .custom_radio input:checked + label:after {left: 45%;}
    .login_register .txt_field .custom_radio_wrapper .custom_radio.custom_position input:checked + label:after {left: 44.5%;}
    .footer_section .site_logo {margin: auto;width: 168px;height: 40px;}
    .login_register .row{align-items: start;}
    .footer_content .row {row-gap: 20px;}
    .footer_section .site_logo a.navbar-brand {width: 168px;height: 40px;display: block;}
    .footer_detail h5 {max-width: 70%;margin: auto;}
    .footer_section {padding: 40px 0 20px 0;}
    .footer_section .custom_column_align{text-align: center;}
    .footer_section .footer_quick_link h5, .terms_conditions h5{margin-bottom: 20px;font-size: 16px;}
    .newsletter {padding: 50px 0px;}
    .newsletter .txt_field.newsletter_contact {max-width: 70%;}
    .home_site_details .custom_row, .newsletter .custom_row, .categories_of_expertise.about_mission .custom_row {row-gap: 30px;}
    h1{font-size: 30px;line-height: 1.5em;}
    .home_slider {padding: 20px 0 40px 0;}
    .categories_of_expertise {padding: 40px 0;}
    .categories_of_expertise h1,.posted_view_jobs .custom_categories span {margin: 0;}
    .custom_card {padding: 20px 10px;}
    .custom_logo_banner {padding: 25px 0px;}
    .custom_logo_banner .logo_images .home_logo {width: 65px; height: 42px;}
    .home_page_banner .banner_content {max-width: 80%;}
    .homepage_role a.btn.btn_transparent {border: 2px solid white;color: white;}
    .mission_value_images .welding_img {width: 55%;height: 300px;}
    .mission_value_images .solding_iron_img {width: 25%;height: 165px;left: 10%;}
    .mission_value_images .welding_img:before {left: 16%;width: 11%;}
    .mission_value_images .welding_img:after {width: 10%;right: 18%;}
    .what_drives_us {padding: 40px 10px;}
    .mission_value_images .plumbering_img {width: 25%; height: 165px;right: 10%;}
    .what_drives_us .custom_row {row-gap: 30px;}
    .mission_values {text-align: center;}
    .home_section_tabs ul.nav {margin: 10px auto;padding: 6px;}
    .about_images .mission_value_images .welding_img {height: 250px; width: 50%; margin: auto auto 65px auto;}
    .about_images .mission_value_images .solding_iron_img {width: 35%; left: 15%;}
    .about_images .mission_value_images .welding_img:before {left: 18%;top: 26%;}
    .about_images .mission_value_images .welding_img:after {left: 20%; top: 65%;}
    .what_drives_us.about_images {padding: 40px 0 0 0;}
    .pagination {margin-top: 30px;}
    section.buyer_home_cards {padding: 40px 0 20px 0;}
    .btn_icon i {font-size: 14px;}
    .buyer_homePage .banner_content a.buyer_filter {width: 40px;height: 40px;padding: 0;}
    .buyer_homePage .banner_content a.buyer_filter i {margin: 0;}
    .details_review_page .custom_card,.state_licenses.custom_section {margin-bottom: 20px;}
    .share_icon {left: 80px;}
    .portfolio_cards {width: 32%;}
    .posted_view_page .listing_section {flex-direction: row;flex-wrap: wrap;gap: 2%;row-gap: 20px;}
    .posted_view_page .listing_section .first_post {width: 49%;}
    .table-responsive .dataTables_wrapper .dataTables_info {float: left;padding: 0;}
    .table-responsive .dataTables_wrapper .dataTables_paginate {float: right;margin: 0;padding: 0;}
    .posted_view_page .offer_contact_btn {margin: 15px 0 15px 0;flex-direction: row;}
    .posted_view_page .offer_contact_btn .btn {padding: 10px;}
    .posted_view_page .explore_card_user {margin-top: 20px;}
    .seller_rating{align-items: baseline;}
    .sp_explore_page .explore_card .explore_card_user,.footer_section .footer_quick_link ul.navbar-nav, .terms_conditions ul.navbar-nav,.footer_section .footer_detail {gap: 15px;}
    .buyer_home_cards.sp_explore_page .logo_and_name {flex-direction: column;align-items: center;}
    .make_offer h3,.edit_btn,.agree_terms_conditions .form-group {margin-bottom: 15px;}
    .form-group {margin-bottom: 0;}
    .portfolio .suggest_links .card_links {font-size: 12px;}
    .suggested_location button.btn.btn_orange {width: 20px;height: 20px;}
    .make_offer .txt_field input[type="number"] {padding-left: 30px;}
    .custom_state_preferences,.custom_license_doc {display: flex;gap: 15px;}
    .license_document a,.license_document .doc_image {width: 50px;height: 50px;}
    .details_review_page .mb_20 {margin-top: 15px;}
    .post_project_section .personal_information .custom_radio_wrapper .custom_radio.custom_position input:checked + label:after {left: 44.5%;}
    .post_project_section .personal_information .custom_radio_wrapper .custom_radio input:checked + label:after {left: 45.5%;}
    .custom_state_preferences .custom_card.service_geographical_cards.portfolio,.custom_license_doc .state_licenses.custom_section {min-width: 48%;margin-bottom: 0;}
    .custom_form_radio .custom_radio label {width: 214px; font-size: 12px;}
    .progress_step .step span {width: 40px; height: 40px; font-size: 15px!important;}
    .custom_modal .modal_btn .btn {padding: 8px 10px; font-size: 12px; gap: 10px;}
    .custom_modal .modal_img {width: 150px; height: 30px;}
    .modal-body .txt_field label,.make_payment .wire_transfer .payment_instruction p {font-size: 14px;}
    .modal-content {padding: 20px;}
    .posted_view_page .row.custom_row {row-gap: 20px;}
    .modal-dialog.modal-dialog-centered,.service_description .modal-dialog.modal-dialog-centered {max-width: 100%;}
    .image_structure, .append_type_file, .edit_portfolio .append_type_wrapper, .portfolio_images.edit_portfolio .append_type_wrapper .append_type_file {height: 120px; width: 120px;}
    .custom_row, .home_site_details .contact_details .custom_row{row-gap:10px;}
    .posted_view_page .row.custom_rowGap, .post_detail_view .custom_rowGap{row-gap:15px;}
    .milestone_detail {gap: 10px;padding: 10px 0;}
    .milestone_card p, span.due_date {margin: 10px 0;}
    .login_register {overflow: visible;}
    .footer_section .social_icons{justify-content: center;}
    .login_register .custom_scrollbar {max-height: unset;padding: 0;}
    .custom_modal .modal-content .tab .row {row-gap: 10px;}
    .custom_modal .modal-content::-webkit-scrollbar {width: 8px;}
    .my_projects_page .nav-pills {justify-content: center;row-gap: 10px;}
    .my_projects_page .nav-pills .nav-link{width: 125px;padding: 14px;}
    span.hover_txt {bottom: unset;top: 40px;font-size: 12px;}
    .project_overview .milestone_icon, .milestone_detail .milestone_icon {width: 45px;height: 45px;font-size: 20px;}
    .add_another_address button.btn, .remove_address button.btn, .address_container button.remove_address {padding: 6px 10px; font-size: 12px;}
    .service_rating .modal-body .txt_field span {font-size: 15px;}
    .post_project_section .custom_category_flex .btn.btn_blue {padding: 6px 12px;font-size: 14px;}
    .login_register .custom_banner {height:350px;}
    .custom_modal .modal_btn {right: 4%;}

/*    Chat Responsive */
    .custom_chats .users_chats {display: none;}
    #dispute_milestone_chat_div .chat_sec.custom_chats .chat_messages{height: 650px;}
}
@media only screen and (max-width: 600px){
    .progress_step .step:before {width: 40%;top: 25%;}
    .login_register .txt_field .custom_radio_wrapper .custom_radio input:checked + label:after {left: 43.5%;}
    .login_register .txt_field .custom_radio_wrapper .custom_radio.custom_position input:checked + label:after {left: 43%;}
    header.master_navbar {padding: 0 20px;}
    header .site_logo {height: 30px;width: 150px;}
    .master_navbar .header_btn ul.dropdown-menu.show {width: 225px;margin-top: 10px;}
    h2 {font-size: 24px;}
    section.ewallet_section h3.ewallet_title {font-size: 20px;}
    .footer_section .copyright_section {margin-top: 30px;}
    .footer_section .copyright_section p {font-size: 12px;}
    .newsletter .txt_field.newsletter_contact {max-width: 100%;padding: 10px 6px;height: 50px;}
    .home_slider .user_img {height: 140px;width: 140px;}
    .custom_user_feedback {box-shadow: none;padding-top: 15px;}
    .home_slider .swiper-button-arrow {top: 50%;width: 35px;height: 35px;}
    .home_slider .swiper-button-arrow.left {left: 8px;}
    .home_slider .swiper-button-arrow.right {right: 8px;}
    .user_name h2 {margin-bottom: 10px;font-size: 25px;}
    .user_feedback h5 {max-width: 80%; line-height: 1.5em;}
    .home_site_details {padding: 35px 0;}
    .custom_flex{gap:10px;}
    .mission_values h5 {font-size: 13px; line-height: 1.3em;}
    .background_banner {right: 0; padding-right: 10px;top: 20%;}
    .homepage_role {padding-right: 10px;}
    .custom_banner.custom_height .background_banner {top: 40%;}
    .custom_banner.home_page_banner {height: 550px;}
    .custom_banner.custom_height {height: 260px;}
    .contact_text h1 {max-width: 100%;}
    .credit_details .profile_picture {width: 150px;height: 150px;}
    .details_review_page .personal_information .info_profile {width: 60px;height: 60px;}
    .privacy_policy {padding: 25px 0;}
    .privacy_policy .privacy_listing ul {gap: 15px;}
    .privacy_policy .custom_row, .project_contract .custom_row {row-gap: 20px;}
    .home_section_tabs ul.nav-pills .nav-link {font-size: 12px; padding: 8px 12px;  }
    .home_section_tabs ul.nav {height: 47px;}
    .mission_listing ul li {font-size: 14px; line-height: 1.2em;}
    .mission_value_images .plumbering_img {width: 30%;height: 120px;right: 10%;}
    .mission_value_images .solding_iron_img {width: 30%;height: 120px;left: 10%;}
    .mission_value_images .welding_img {width: 55%;height: 220px;}
    .mission_value_images .welding_img:before {left: 12%;width: 18%;}
    .mission_value_images .welding_img:after {width: 18%;right: 12%;}
    .home_page_banner .banner_content {max-width: 100%;}
    .post_project_section .personal_information .custom_radio_wrapper .custom_radio.custom_position input:checked + label:after {left: 44%;}
    .post_project_section .post_project_content .single_field .txt_field label {margin: 10px 0;}
    .site_visiting .blogs_icon {width: 50px;height: 50px;margin-bottom: 10px;}
    .home_site_details .custom_column .site_visiting .blogs_icon span,.my_projects_page h3.projects_title  {font-size: 20px;}
    .login_register .login_box .authentication_text, .login_register .login_box.reset_password .txt_field{margin-bottom: 10px;}
    .custom_categories h3, .custom_categories span{padding: 6px 12px;font-size: 13px;font-weight: 500;}
    .buyer_home_cards .site_visiting p,.custom_chats .tab-content {margin-top: 10px;}
    .buyer_home_cards .top_results h5,.buyer_home_cards .top_results span,.txt_field label, label.form-label.license_label,.post_project_section .post_project_content .single_field .txt_field label,.login_register .login_box .txt_field.custom_checkbox a {font-size: 14px;}
    .buyer_homePage .custom_banner.custom_height {height: 400px;}
    .buyer_homePage .background_banner .banner_content {text-align: center;}
    .buyer_homePage .background_banner{padding: 0;}
    .txt_field .datepicker span.input-group-addon {bottom: 15px;}
    .buyer_homePage .banner_content .input_icon{top: 14px;}
    .buyer_homePage .banner_content .txt_field input{padding: 10px 10px 10px 40px;}
    .buyer_homePage .banner_content .projects_searchbar {width: 250px;}
    .rating_star span {font-size: 12px;}
    .posted_view_page .explore_card_user {flex-direction: column-reverse;gap: 15px;}
    .sp_explore_page .explore_card .project_photos {height: 100px;}
    .sp_explore_page .explore_card .custom_categories a {margin: unset;}
    .custom_category_flex .category_type_request span.accept_category {right: 0;}
    .custom_multi_select .select2-container .selection .select2-selection textarea.select2-search__field {padding: 0;margin: 0;}
    .post_project_section .post_project_content .single_field .txt_field textarea, .post_project_content .single_field .txt_field input {padding: 15px 10px;font-size: 12px;}

    .my_projects_page .table_box.table_padding table.table.myTable.datatable th {font-size: 14px;padding: 12px;}
    .my_projects_page .txt_field.custom_search input[type="text"] {width: 250px; margin-top: 20px;}
    .portfolio .suggest_links a.card_links {padding: 6px 12px;}
    .modal_btn .btn,.agree_terms_conditions .modal_btn .btn.btn_transparent {padding: 12px 30px;}
    .project_overview .btn:has(span) span, .modal_btn button.btn span, .modal_btn a.btn span {width: 30px; height: 30px;}
    .project_price h3,.about_mission .about_role_title h4,.new_milestone h6 {font-size: 15px;}
    .about_mission .about_role_title h4 span {margin-right: 10px;}
    .project_overview .project_ongoing,section.ewallet_section .total_balance,.ewallet_section .transactions,section.ewallet_section .monthly_income {padding: 10px;}
    .project_overview .project_ongoing .custom_timeline {padding-bottom: 15px;}
    .custom_timeline .nav-pills {gap: 10px;}
    .custom_timeline .nav-pills .nav-link {padding: 10px 15px;font-size: 16px;}
    .custom_multi_select .select2-container .selection .select2-selection{padding: 15px;}
    .edit_btn button.btn.btn_black {font-size: 12px;}
    .edit_btn {margin-bottom: 15px;}
    .post_project_section .edit_profile_logo,.edit_profile .edit_profile_logo .dropify-wrapper {width: 100px;height: 100px!important;}
    .txt_field input[type="text"], .txt_field input[type="email"], .txt_field input[type="password"], .txt_field input[type="number"], .txt_field input[type="tel"], .txt_field input[type="date"], .txt_field select, .txt_field textarea, .txt_field .custom_check_box, .txt_field.custom_radio, .txt_field .stripe_card, .txt_field .stripe_credit_card {padding: 15px;font-size: 13px;}
    .edit_profile .change_password_wrapper .input_icon {bottom: 15px;}
    .change_password_wrapper .txt_field,section.details_review_page {margin-bottom: 10px;}
    .project_overview .project_ongoing table tbody tr td .release_btn .btn.btn_green{height: 40px;}
    .project_overview .project_desc a.btn {padding: 5px 5px 5px 8px;font-size: 13px;}
    .project_overview .scope_desc {padding-bottom: 0;}
    .sp_explore_page .explore_card .explore_card_user {flex-direction: column-reverse;}
    .sp_explore_page .card_info {gap: 10px;justify-content: center;}
    .posted_view_jobs {justify-content: center;}
    .sp_explore_page h5 span {margin-left: 8px;}
    .view_project {margin: auto;}
    .project_overview, section.custom_chats {padding: 30px 0 0 0;}
    .custom_submit_btn{margin-top: 20px;}
    .append_state_license .custom_add_license .txt_field {min-width: 75%;}
    .append_state_license .custom_add_license .state_key_initial {min-width: 20%;padding: 15px;}
    .custom_portfolio_images .custom_portfolio_wrapper {width: 49%;}
    .post_project_section .personal_information .custom_radio_wrapper .custom_radio input:checked + label:after {left: 44%;}
    .modal-body .description p {margin-top: 10px;line-height: 1.2;}
    header.master_navbar .navbar-toggler {font-size: 16px;}
    .btn,.btn.btn_has_icon {padding: 5px 5px 5px 15px;font-size: 13px;}
    .login_register .login_box h1{font-size: 27px;}
    .login_register .custom_radio label span i {font-size: 18px;}
    .login_register .custom_radio label span,.post_detail_view .custom_header .logo_and_name .logo {width: 40px;height: 40px;}
    .login_register .custom_login_title {padding: 10px 20px;}
    .login_register .background_banner {top: 20%;}
    .project_overview .view_profile {flex-direction: column;row-gap: 15px;}
    .explore_card_user .custom_categories a,.custom_categories a  {padding: 6px 12px;font-size: 13px;}
    .image_structure, .append_type_file, .edit_portfolio .append_type_wrapper, .portfolio_images.edit_portfolio .append_type_wrapper .append_type_file{height: 97px;width: 97px;}
    .project_overview .view_profile .project_logo {width: 40px;height: 40px;}
    .post_project_section .set_verified_seller .form-group label:before {margin-right: 5px;}
    .login_register .custom_login_title .site_title h1 {font-size: 22px;line-height: 1.4;}
    .project_overview .projects_scope h5 {margin-bottom: 5px;font-size: 16px;}
    .project_overview .projects_scope{padding: 13px;}
    span.fa.fa-star.checked {font-size: 14px;}
    .portfolio .suggest_links,.edit_portfolio .custom_file_upload {gap: 10px;}
    .post_detail_view .btn {width: 130px;padding: 10px 20px;}
    .posted_view_page{padding-bottom: 0;}
    .portfolio h5{font-size: 15px;}
    .project_overview .custom_display_flex{justify-content: center;}
    .project_overview .view_btn a.btn.btn_black:last-child {padding: 6px 20px;height: unset;}
    .login_register .login_box .txt_field.custom_checkbox label{margin: 0;}
    .buyer_homePage .banner_content .txt_field input::placeholder,.txt_field input[type="text"], .txt_field input[type="email"], .txt_field input[type="password"], .txt_field input[type="number"], .txt_field input[type="tel"], .txt_field input[type="date"], .txt_field select, .txt_field textarea, .txt_field .custom_check_box, .txt_field.custom_radio, .txt_field .stripe_card, .txt_field .stripe_credit_card{font-size:13px}
    .banner_btn .btn.btn_pink, .header_btn a.btn.btn_white, .contact_details .submit_btn button.btn.btn_black{font-size: 13px;}
    .details_review_page .custom_card, .state_licenses.custom_section,.details_review_page .mb_20 {margin: 10px 0;}
    .project_overview .create_btn a.btn.btn_black, .project_overview .dispute_btn button.btn.btn_red,.project_overview .project_ongoing table tbody tr td .release_btn .btn {font-size: 14px;gap: 6px;}
    .login_register .login_box .txt_field i.custom_eye_icon, .personal_information .txt_field i.custom_eye_icon {bottom: 20px;}
    .login_register .login_box .txt_field:has(label.error) i.custom_eye_icon, .login_register .login_box .txt_field:has(span.error-message) i.custom_eye_icon, .login_register .login_box .txt_field:has(span.invalid-feedback) i.custom_eye_icon {top: 50px;}
    .txt_field label.error, .txt_field span.error-message, .invalid-feedback {font-size: 13px;line-height: 1.2;}
    .site_key_parameter a {gap: 5px;}
    .post_project_section .post_project_content h5 {margin: 5px 0;font-size: 15px;}
    .custom_scrollbar::-webkit-scrollbar,.reviews_wrapper::-webkit-scrollbar {width:7px;}
    .post_detail_view .custom_header {flex-direction: column;row-gap: 15px;}
    .custom_rating_star .wrapper label:before {font-size: 25px;}
    .service_rating .custom_img {width: 50px;height: 50px;}
    .custom_rating_star {margin-top: 15px;}
    .notification_page .notification .notify_status {flex-direction: column;}
    .notification_page .notification .notify_status .status_time {justify-content: end;}

/*    Chat Responsive */
    .custom_chats .searchbar_input input[type="search"] {padding: 6px 15px;}
    .custom_chats .all_users_chats {row-gap: 6px;}
    .custom_chats .user_img {width: 35px;height: 35px;}
    .custom_chats h3 {font-size: 18px;}
    .custom_chats .msg_container.base_receive {padding: 0;}
    .custom_chats .msg_container .message_container .location_box {column-gap: 5px;flex-wrap: wrap;}
    .custom_chats .clip > .text, .custom_chats .msg_container .message_container, .custom_chats .received > .text, .custom_chats .msg_container.base_receive .message_container {max-width: 100%;}
    .custom_chats .clip > .text, .custom_chats .msg_container .message_container {padding: 10px;}
    .custom_chats #text_box_area .send_msg textarea {padding: 10px;height: unset;font-size: 14px;}
    .custom_chats .users_chats .send_msg .avatar-upload .avatar-edit input + label {width: 30px;height: 30px;}
    .custom_chats .users_chats .send_msg .avatar-upload .avatar-edit {bottom: -16px;}
    .custom_chats .send_msg .btn_blue {width: 35px;height: 35px;font-size: 14px;}
    .custom_chats .preview_upload_file .custom_img_upload {padding: 10px;}
    .custom_chats .preview_upload_file .image_preview_wrapper {height: 130px;width: 130px;}
    .custom_chats .custom_img_upload button.remove_preview {width: 20px;height: 20px;font-size: 12px;}
    .custom_chats .user_profile .dispute_btn button.btn {padding: 6px 10px;font-size: 13px;font-weight: 500;}
    .custom_chats .modern_send_btn {min-width: 30px;height: 30px;font-size: 12px;}
}
@media only screen and (max-width: 515px){
    .post_project_section .personal_information .custom_radio_wrapper .custom_radio.custom_position input:checked + label:after {left: 42%;}
    .progress_step {margin-top: 10px;}
    .custom_modal .modal-header {flex-direction: column; row-gap: 10px;}
    .custom_modal .modal_btn {position: relative;}
    .progress_step .step h5 {font-size: 12px;text-align: center;}
    .custom_form_radio .custom_radio label {width: 145px; padding: 40px 10px;}
    .custom_step_form {height: 400px;}
    .custom_modal .modal-content .row {row-gap: 10px;}
    .modal-body .txt_field {margin-bottom: 8px;}
    .posted_view_page .listing_section .first_post {width: 100%;}
    .custom_map .map {height: 300px; border-radius: 15px;}
    .modal-title {font-size: 19px;line-height: 1.2;}
    .modal-header .btn-close {font-size: 12px;}
    .about_images .mission_value_images .welding_img:after {top: 48%; left: 15%;}
    .g-recaptcha {transform: scale(0.88);transform-origin: 0 0;}
    .master_navbar button.dropdown-toggle {gap: 5px;}
    .master_navbar .profile_img {width: 40px;height: 40px;}
    .post_project_section .personal_information .custom_radio_wrapper .custom_radio input:checked + label:after{left: 43%;}
    #dispute_milestone_chat_div .chat_sec.custom_chats .chat_messages {height: 620px;}
    #dispute_milestone_chat_div .chat_sec.custom_chats .user_profile {padding: 5px;justify-content: center;}
    #dispute_milestone_chat_div .chat_sec.custom_chats .dispute_btn {margin: auto;}
    .login_register .txt_field .custom_radio_wrapper .custom_radio input:checked + label:after {left: 42.5%;}
    .modern_input {width: 136px;font-size: 12px;}
    .chat_action_buttons .btn {font-size: 12px;height: unset;}
}

@media only screen and (max-width: 474px){
    .login_register .txt_field .custom_radio_wrapper .custom_radio.custom_position input:checked + label:after {left: 41%;}
    .custom_logo_banner .logo_images .home_logo {width: 45px; height: 40px;}
    h6 {line-height: 1.8em; font-size: 12px;}
    .home_site_details h2 {font-size: 18px;}
    .about_images .mission_value_images .welding_img {height: 160px; width: 45%;}
    .about_images .mission_value_images .solding_iron_img {height: 100px;top: 45%;}
    h3{font-size: 20px; line-height: 25px;}
    header.master_navbar {padding: 0;}
    .project_overview .custom_display_flex{flex-wrap: wrap;}
    .agree_terms_conditions .form-group input:checked + label:after{top: 6px;}

    .my_projects_page .txt_field.custom_search input[type="text"] {width: 200px;padding: 8px 10px;}
    .my_projects_page h3.projects_title {padding-bottom: 12px;}
    .my_projects_page .dataTables_paginate {gap: 10px;}
    .pagination a {width: 30px;height: 30px;padding: 0;font-size: 14px;}
    section.details_review_page {padding-top: 20px;}
    .project_overview .ongoing_milestone {padding: 10px 10px 20px 10px;}
    .project_price h5 {font-size: 10px;}
    .milestone_detail {padding: 10px 0;gap: 10px;}
    .agree_terms_conditions label {font-size: 12px;}
    .project_overview .project_title h5 {margin: 0;}
    .table-responsive .dataTables_wrapper .dataTables_paginate {float: unset;justify-content: center;margin-top: 10px;}
    .table-responsive .dataTables_wrapper .dataTables_info {float: none;}
    .posted_view_page .offer_contact_btn {flex-direction: column;}
    .sp_explore_page .img_container {width: 30px;height: 30px;}
    .logo_content_rating {gap: 5px;}
    .custom_state_preferences .custom_card.service_geographical_cards.portfolio, .custom_license_doc .state_licenses.custom_section {min-width: 100%;margin-top: 10px;}
    .custom_state_preferences, .custom_license_doc {flex-wrap: wrap;}
    .post_project_section .set_verified_seller .form-group label{font-size: 14px;}
    span.due_date i {margin-right: 5px;}

/*    Cahts Css */
    .custom_chats .user_profile .dispute_btn button.btn {padding: 5px 10px;font-size: 11px;}
    .user_profile .dispute_btn{gap: 5px;}

}
@media only screen and (max-width: 424px){
    .login_register .txt_field .custom_radio_wrapper .custom_radio input:checked + label:after {left: 41%;}
    h1{font-size: 22px;line-height: 1.2;}
    h4 {font-size: 15px;}
    h3 {font-size: 17px;}
    h5 {font-size: 13px; line-height: 1.5em;}
    h2 {font-size: 20px;}
    .home_slider .user_img {height: 90px; width: 90px;}
    .login_register .txt_field.custom_registration_role .custom_radio label {height: 125px;}
    .expertise_cards .blogs_icon span {font-size: 18px;}
    .custom_card {padding: 10px;}
    .home_site_details .custom_row, .newsletter .custom_row, .categories_of_expertise.about_mission .custom_row{row-gap:20px;}
    .mission_value_images .welding_img {height: 150px;width: 60%;}
    .mission_value_images .plumbering_img {height: 90px;width: 35%;top: 5%;}
    .mission_value_images .solding_iron_img {width: 35%;height: 90px;bottom: 5%;}
    .mission_value_images .welding_img:before {left: 10%;width: 20%;top: 10%;}
    .mission_value_images .welding_img:after {width: 20%;right: 10%;bottom: 10%;}
    .what_drives_us .custom_row {row-gap: 15px;}
    .mission_listing ul li {font-size: 12px;}
    .buyer_home_cards .top_results {flex-direction: column;gap: 5px;}
    .post_project_section .post_project_content h5 {font-size: 15px;}
    .portfolio_cards {width: 48%;}
    .portfolio .suggest_links a.card_links {font-size: 10px;}
    .project_overview .ongoing_milestone .custom_milestone_column .milestone_card {width: 49%;}
    .posted_view_page .top_results {margin: 0;}
    .project_media .media_download {row-gap: 40px;}
    .posted_view_page .top_results select {font-size: 14px;}
    .posted_view_page .listing_section .first_post .custom_justify h5 {margin-top: 5px;}
    .project_scope h5 {margin: 5px 0;}
    .project_overview .project_ongoing table tbody tr{margin-bottom: 10px;}
    .project_overview .create_btn a.btn.btn_black, .project_overview .dispute_btn button.btn.btn_red, .project_overview .project_ongoing table tbody tr td .release_btn .btn {padding: 5px 5px 5px 12px;}
    .project_overview .project_ongoing .table-responsive {margin-top: 10px;}
    .project_overview .milestone_icon, .milestone_detail .milestone_icon {width: 50px;height: 50px;font-size: 16px;}
    .project_overview .btn:has(span) span, .modal_btn button.btn span, .modal_btn a.btn span {width: 25px; height: 25px; }
    .modal_btn .btn,.modal_btn .btn, .agree_terms_conditions .modal_btn .btn.btn_transparent {padding: 8px 25px;}
    .homepage_cards .custom_card h4 {margin: 10px 0px;}
    .post_project_section .personal_information .custom_radio_wrapper .custom_radio.custom_position input:checked + label:after {left: 41%;}
    .post_project_section .personal_information .custom_radio_wrapper .custom_radio input:checked + label:after {left: 41%;}

/*    Chat Responsive */
}
@media only screen and (max-width: 375px){
    .login_register .txt_field .custom_radio_wrapper .custom_radio.custom_position input:checked + label:after {left: 38%;}
    .login_register .txt_field .custom_radio_wrapper .custom_radio input:checked + label:after {left: 39.5%;}
    .about_images .mission_value_images .welding_img:after {bottom: 19%;}
    .about_images .mission_value_images .welding_img {height: 130px;}
    .about_images .mission_value_images .solding_iron_img {height: 100px;bottom: 10%;}
    .custom_form_radio .custom_radio label {width: 110px;}
    .post_project_section .personal_information .custom_radio_wrapper .custom_radio.custom_position input:checked + label:after {left: 38%;}
}