/* for responsive */

@media screen and (min-width: 992px) {

    .hacklerundfee_header .navbar-nav .nav-item.dropdown:hover .dropdown-menu {

        display: block;

    }



}

@media screen and (min-width: 1200px) {
    .services_box {
        height: 100%;
    }

    .provider_box {
        height: 100%;
    }
}


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

    .provider_box {

        background-size: 100% 100%;

        padding: 30px 27px;

    }

    .user_image img {
        max-width: 22%;
    }

    .login_form1 {
        margin-top: 0px;
    }

    .login_form_field {
        height: 45px;
        line-height: 25px;
    }



    .two-buttons {

        bottom: -6px;

        left: 5px;

    }



    .font20 {

        font-size: 17px;

    }



    .font22 {

        font-size: 20px;

    }

    .custom_radio_btn_check_sign {
        width: 100%;
    }

    .custom_radio_btn {
        width: 102px;
        margin-right: 5px;
    }

    /*#stepFourForm .save_next_link2 {
        bottom: 16px;
    }*/

    .tabbine_list_options .option_box a {
        width: 200px;
    }

    .profile_form1 .custom_radio_btn {
        width: 43%;
    }

    .service_user_name .font18, .service_offer_tab .font18 {
        font-size: 15px;
    }

    .service_user_name .step_input_field, .service_offer_tab .step_input_field {
        padding-top: 11px;
        padding-bottom: 11px;
    }

    .searchbar_field {
        font-size: 17px;
    }

    .language_selsction.h-50 {
        height: 35% !important;
    }

    .language_selsction {
        position: relative;
    }

    #settingsManagement .radio_btn_main {
        font-size: 18px;
    }

    #delete_acc_by_user .radio_btn_main {
        font-size: 18px;
    }

    .security_uploads .font16 {
        font-size: 14px;
    }

    .save_next_link, .save_next_link2 {
        bottom: 25px;
        right: 30px;
    }

    .captcha_div_login {
        top: -21px;
        height: 40px;
        padding: 4px 32px;
    }

    .radio_btn_main {
        margin-right: 28px;
    }
    
    .bilder_img_display img{position:absolute;object-fit:unset;left: 0px;top: 0px;height: 100%;width: 100%;border-radius: 10px;}
}



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

    .banner_left_content {

        padding: 40px 20px;

    }

    .send_btn1_search {
        width: 100%;
        background-color: #ff948b;
        padding: 5px;
        border-radius: 8px;
        color: #f2f2f2;
        border: none;
    }

    .banner_right_content {

        padding: 40px 20px;

    }



    .font18 {

        font-size: 16px;

    }



    .font22 {

        font-size: 16px;

    }



    .font35 {

        font-size: 30px;

    }



    .font30 {

        font-size: 27px;

    }



    .font32 {

        font-size: 27px;

    }



    .line-height-40 {

        line-height: 35px;

    }



    .font20 {

        font-size: 16px;

    }



    .provider_box {

        background-size: 100% 100%;

        padding: 30px 27px;

    }



    .two-buttons {

        bottom: -6px;

        left: 5px;

    }



    .tabbine_list_options .option_box {

        width: 180px;

    }



    .profile_form1 .custom_radio_btn {

        width: 44%;

    }



    .chat_btn2, .cnt_btn2 {

        width: 100%;

    }



    .font16 {

        font-size: 14px;

    }
    
    .bilder_img_display img{position:absolute;object-fit:unset;left: 0px;top: 0px;height: 100%;width: 100%;border-radius: 10px;}

}



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

    .banner_left_content {

        padding: 40px 25px;

    }



    .font35 {

        font-size: 24px;

    }

    .send_btn1_search {
        width: 100%;
        background-color: #ff948b;
        padding: 5px;
        border-radius: 8px;
        color: #f2f2f2;
        border: none;
    }

    .line-height-40 {

        line-height: 28px;

    }



    .font30 {

        font-size: 23px;

    }



    .searchbar_field {

        padding: 12px 20px;

    }



    .navbar-brand img {

        max-width: 75%;

    }



    .navbar-light.hacklerundfee_header .navbar-nav .nav-link {

        margin-bottom: 10px;

    }



    .navbar-light.hacklerundfee_header .navbar-nav .nav-item:first-child {

        margin-top: 10px;

    }



    .navbar-toggler:focus {

        box-shadow: unset;

    }



    .navbar-light .navbar-toggler {

        border: 0px;

    }



    .navbar-toggler {

        padding-right: 0px;

    }



    .font20 {

        font-size: 18px;

    }



    .selectbox_field {

        padding: 10px 20px;

    }



    .selectbox_field {

        margin-bottom: 10px;

    }



    .font32 {

        font-size: 22px;

    }



    .banner_right_content {

        padding: 40px 25px;

    }



    .why_us p {

        display: flex;

        align-items: center;

    }



    .why_us span {

        display: contents;

    }



    .why_us img {

        padding-right: 20px;

    }



    .font22 {

        font-size: 16px;

    }



    .feedback_section {

        padding-top: 50px;

        padding-bottom: 50px;

    }



    .top_providers {
        padding-top: 45px;

        padding-bottom: 10px;
    }



    .provider_box {

        padding: 25px 30px;

        background-size: 100% 100%;

    }



    .two-buttons {

        bottom: -6px;

    }



    .tabbine_list_options .option_box {

        width: 130px;

    }



    .profile_form1 .custom_radio_btn {

        width: 42%;

    }



    .chat_btn2, .cnt_btn2 {

        width: 100%;

    }



    .font16 {

        font-size: 14px;

    }
    
    .bilder_img_display img{position:absolute;object-fit:unset;left: 0px;top: 0px;height: 100%;width: 100%;border-radius: 10px;}

}



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

    .select_box_field_step_three {
        padding: 10px 20px;
        background-color: #bf61a6;
        border-radius: 8px;
        color: #f2f2f2;
        margin-top: 5px;
        margin-bottom: 8px;
    }

    .send_btn1_search {
        width: 100%;
        background-color: #ff948b;
        padding: 5px;
        border-radius: 8px;
        color: #f2f2f2;
        border: none;
    }

    .cats .ms-options-wrap > button {
        color: #737373;
        background-color: #fff;
        padding: 6px 9px;
        background-image: unset;
        font-size: 17px;
        border-radius: 10px;
    }

    .banner_left_content {

        padding: 40px 25px;

    }

    .font35 {

        font-size: 22px;

    }



    .line-height-40 {

        line-height: 28px;

    }



    .font30 {

        font-size: 22px;

    }



    .searchbar_field {

        padding: 12px 20px;

    }



    .navbar-brand img {

        max-width: 75%;

    }



    .navbar-light.hacklerundfee_header .navbar-nav .nav-link {

        margin-bottom: 10px;

    }



    .navbar-light.hacklerundfee_header .navbar-nav .nav-item:first-child {

        margin-top: 10px;

    }



    .navbar-toggler:focus {

        box-shadow: unset;

    }



    .navbar-light .navbar-toggler {

        border: 0px;

    }



    .navbar-toggler {

        padding-right: 0px;

    }


    /*Edit 6-Sep-2022*/
    .font20 {

        font-size: 16px;

    }



    .selectbox_field {

        padding: 10px 20px;

    }



    .selectbox_field {

        margin-bottom: 10px;

    }



    .font32 {

        font-size: 22px;

    }



    .banner_right_content {

        padding: 40px 25px;

    }



    .why_us, .our_services {

        padding-top: 50px;

        padding-bottom: 50px;

    }



    .services_box {

        margin-bottom: 30px;

    }



    .why_us p {

        display: flex;

        align-items: center;

    }



    .why_us span {

        display: contents;

    }



    .why_us img {

        padding-right: 20px;

    }



    .font22 {

        font-size: 16px;

    }



    .provider_box {

        padding: 25px 25px;

        background-size: 100% 100%;

    }



    .font14 {

        font-size: 12px;

    }



    ul.services_list_1 li {

        padding: 6px 12px;

    }



    .two-buttons {

        bottom: -2px;

        left: 5px;

    }



    .footer-top {

        padding-top: 50px;

        padding-bottom: 50px;

    }



    .offer_page_box .provider_box {

        padding-left: 28px;

    }



    .offer_page_box .provider_box .two-buttons {

        bottom: -4px;

        left: 4px;

    }



    .provider_box {

        padding-left: 28px;

        bottom: -4px;

        left: 4px;

    }



    .vertical-align-middel {

        vertical-align: unset;

    }



    .all_step_content {

        padding-top: 80px;

    }



    .w-75 {

        width: 90% !important;

    }



    .upload-image-fix {

        margin-bottom: 10px;

    }



    .px-70 {

        padding-left: 20px;

        padding-right: 20px;

    }



    .ms-options-wrap>button:focus, .ms-options-wrap>button {

        font-size: 16px;

    }



    .tabbine_list_options .option_box {

        width: 100%;

        margin-bottom: 10px;

    }



    .profile_form1 .custom_radio_btn {

        width: 42%;

    }



    .chat_btn2, .cnt_btn2 {

        width: 100%;

    }



    .font16 {

        font-size: 14px;

    }

    table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child::before, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child::before {

        top: 16px;

        left: 15px;

        background-color: #bf61a6;

        box-shadow: unset;

        border-radius: 4px;

        font-size: 20px;

        height: 20px;

        width: 20px;

        line-height: 20px;

        font-weight: 600;

    }

    .search_btn {
        width: 75px;
    }

    .search_btn.font18 {
        font-size: 14px;
    }

    div.dataTables_wrapper div.dataTables_filter label {
        padding-left: 2px;
    }

    .bilder_content_popup.contact_popup_content .btn-close, .payment_popup_sty.contact_popup_content .btn-close {
        right: 0px;
        top: 15px;
    }

    .save_next_link, .save_next_link2 {
        bottom: -52px;
        right: 0px;
    }

    .all_step_content {
        padding-top: 25px;
        padding-bottom: 80px;
    }

    .all_step_content.h-100 {
        height: auto !important;
    }

    .send_btn1.font24 {
        font-size: 18px;
    }

    .send_btn1_payment.font24 {
        font-size: 18px;
    }

    .send_btn1_payment_btn_2.font24 {
        font-size: 18px;
    }

    .payment_btn2_payment {
        border-radius: 8px;
        background-color: rgb(106, 170, 79);
        box-shadow: 7px 8px 0px 0px rgba(28, 25, 25, 0.28);
        width: 180px;
        height: 60px;
        line-height: 27px;
        padding: 0px;
    }

    .payment_btn2_payment_btn_2 {
        border-radius: 8px;
        background-color: rgb(106, 170, 79);
        box-shadow: 7px 8px 0px 0px rgba(28, 25, 25, 0.28);
        width: 160px;
        height: 55px;
        line-height: 27px;
        padding: 0px;
    }

    .not_a_roboto .captcha_div {
        left: 13px;
        width: 120px;
    }

    .qna_popup_content .send_btn1 {
        margin-top: 10px;
        margin-left: 0px;
        width: 100%;
    }

    .navbar-light.hacklerundfee_header .navbar-nav .nav-link {
        width: 100%;
    }

    #settingsManagement .radio_btn_main {
        font-size: 18px;
    }

    #delete_acc_by_user .radio_btn_main {
        font-size: 18px;
    }

    /*Edit 6-Sep-2022*/
    .search_bar_form {
        background-color: #b4b4b4;
        padding-top: 16px;
        padding-bottom: 20px;
    }

    .offerpage-selectbox {
        color: #737373;
        padding: 6px 9px;
        border-radius: 10px;
    }

    .profilePageHeadline {
        margin: auto;
    }

    .headline {
        margin: auto;
    }

    .captcha_div_register {
        position: relative;
        top: 8px;
        background: #bf61a6;
        border-radius: 4px;
        padding: 8px 32px;
        width: 149px;
        text-align: center;
        height: 43px;
    }

    .captcha_div_login {
        position: relative;
        left: 1px;
        top: -22px;
        background: #bf61a6;
        border-radius: 4px;
        padding: 8px 32px;
        width: 134px;
        text-align: center;
        height: 40px;
    }
    
    .bilder_img_display img{position:absolute;object-fit:unset;left: 0px;top: 0px;height: 100%;width: 100%;border-radius: 10px;}
}