@media screen and (min-width: 851px) and (max-width: 1150px) {
    .search_div {
        display: none;
    }
}

@media screen and (max-width: 1150px) {
    .show_search_icon {
        display: block;
    }
}

@media screen and (min-width: 1151px) {
    .search_div {
        display: block;
    }
    .show_search_icon {
        display: none;
    }
}

@media screen and (max-width: 850px) {
    .ui-autocomplete {
        /* position: absolute;
        left: 77px;
        top: 150px;
        width: 237px; */
        position: absolute;
        left: 77px;
        top: 150px;
        width: 237px;
        z-index: 4 !important;
        height: 300px;
        overflow-y: scroll;
    }

    .forProfileDocument {
        height: 126px;
    }
}

/* @media screen and (min-width: 851px) and (max-width: 1920px) { */
@media screen and (min-width: 1px) {
    .html_zoom_out {
        zoom: 80%;
    }
}

@media screen and (max-width: 850px) {
    .ui-autocomplete {
        position: absolute;
        top: 697.703px;
        left: 1255.12px;
        border-width: 0px 1px 1px;
        border-style: none solid solid;
        border-right-color: rgb(208, 208, 208);
        border-bottom-color: rgb(208, 208, 208);
        border-left-color: rgb(208, 208, 208);
        border-image: initial;
        background: rgb(255, 255, 255);
        border-top-color: initial;
        border-radius: 0px 0px 12px 12px;
        width: 75% !important;
        /* width: 864.617px; */
        z-index: 1234565 !important;
        /* z-index: 5 !important; */
        height: 300px;
        overflow-y: scroll;
        padding-left: 0rem !important;
    }
    .ui-menu .ui-menu-item {
        margin: 0;
        padding: 0;
        width: 100%;
        font-size: 1rem !important;
        border-bottom: 1px solid #DEE1E7 !important;
        padding: 15px 8px !important;
        list-style: none;
        cursor: pointer;
    }
    .login-section-employer {
        /* min-height: 110vh; */
        min-height: 102vh;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .dds_network_logo {
        position: absolute;
        width: 10%;
        right: 3%;
        top: 3%;
    }
    .main_card_employer {
        background: var(--white-color);
        box-shadow: -1px -1px 6px rgba(0, 0, 0, 0.06), 1px 2px 6px rgba(0, 0, 0, 0.15);
        border-radius: 0 0 30px 30px;
        margin: 1px 0px 0 0px;
        z-index: 2;
        /* padding: 0px; */
        padding: 40px 0px 40px 0px;
        position: relative;
    }
    .header_section_employer {
        background: var(--white-color);
        box-shadow: -1px -1px 6px rgba(0, 0, 0, 0.06), 1px 2px 6px rgba(0, 0, 0, 0.15);
        border-radius: 30px 30px 0 0;
        margin: 40px 0px 0 0px;
    }
    .for_sms_margin_bottom30px {
        margin-bottom: 30px;
    }
    .for_sms_padding_top40px {
        padding-top: 40px;
    }
    .employer_stepper_profile_content_div {
        background: #FFFFFF;
        box-shadow: -2px -3px 12px rgba(0, 0, 0, 0.1), 2px 3px 12px rgba(0, 0, 0, 0.15);
        border-radius: 10px;
        margin: 3rem 0rem 0rem 0rem;
        padding: 2rem;
    }
}

@media screen and (min-width: 851px) and (max-width: 3000px) {
    .ui-autocomplete {
        position: absolute;
        top: 697.703px;
        left: 1255.12px;
        border-width: 0px 1px 1px;
        border-style: none solid solid;
        border-right-color: rgb(208, 208, 208);
        border-bottom-color: rgb(208, 208, 208);
        border-left-color: rgb(208, 208, 208);
        border-image: initial;
        background: rgb(255, 255, 255);
        border-top-color: initial;
        border-radius: 0px 0px 12px 12px;
        width: 864.617px;
        z-index: 1234565 !important;
        /* z-index: 5 !important; */
        height: 300px;
        overflow-y: scroll;
        padding-left: 0rem !important;
    }
    .ui-menu .ui-menu-item {
        margin: 0;
        padding: 0;
        width: 100%;
        font-size: 1rem !important;
        border-bottom: 1px solid #DEE1E7 !important;
        padding: 15px 8px !important;
        list-style: none;
        cursor: pointer;
    }
    .login-section-employer {
        min-height: 125vh;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .dds_network_logo {
        position: absolute;
        width: 4%;
        right: 3%;
        top: 3%;
    }
    .main_card_employer {
        background: var(--white-color);
        box-shadow: -1px -1px 6px rgba(0, 0, 0, 0.06), 1px 2px 6px rgba(0, 0, 0, 0.15);
        border-radius: 0 0 30px 30px;
        margin: 1px 80px 0 80px;
        z-index: 2;
        padding: 40px;
        position: relative;
    }
    .header_section_employer {
        background: var(--white-color);
        box-shadow: -1px -1px 6px rgba(0, 0, 0, 0.06), 1px 2px 6px rgba(0, 0, 0, 0.15);
        border-radius: 30px 30px 0 0;
        margin: 40px 80px 0 80px;
    }
    .for_sms_margin_bottom30px {
        margin-bottom: 0px;
    }
    .for_sms_padding_top40px {
        padding-top: 0px;
    }
    .employer_stepper_profile_content_div {
        background: #FFFFFF;
        box-shadow: -2px -3px 12px rgba(0, 0, 0, 0.1), 2px 3px 12px rgba(0, 0, 0, 0.15);
        border-radius: 10px;
        margin: 3rem 14rem 0rem 14rem;
        padding: 2rem;
    }
    .forProfileDocument {
        height: 60px;
    }
}

@media screen and (min-width: 451px) and (max-width: 650px){
    .employer-job-post-container{
        padding: 0rem 6rem;
    }
}
@media screen and (min-width: 651px) and (max-width: 850px){
    .employer-job-post-container{
        padding: 0rem 12rem;
    }
}
@media screen and (min-width: 851px) and (max-width: 930px){
    .employer-job-post-container{
        padding: 0rem 1rem;
    }
}
@media screen and (min-width: 931px) and (max-width: 1100px){
    .employer-job-post-container{
        padding: 0rem 3rem;
    }
}
@media screen and (min-width: 1101px) and (max-width: 1300px){
    .employer-job-post-container{
        padding: 0rem 12rem;
    }
}
@media screen and (min-width: 1301px)and (max-width: 1800px){
    .employer-job-post-container{
        padding: 0rem 22rem;
    }
}
@media screen and (min-width: 1801px)and (max-width: 2200px){
    .employer-job-post-container{
        padding: 0rem 38rem;
    }
}

@media screen and (min-width: 1132px) and (max-width: 1145px){
    .inputFieldCan{
        width: 32%;
    }
    .searchDivCan{
        width: 55%;
    }
}

@media screen and (min-width: 1091px) and (max-width: 1131px){
    .inputFieldCan{
        width: 30%;
    }
    .searchDivCan{
        width: 52%;
    }
}

@media screen and (min-width: 971px) and (max-width: 1091px){
    .inputFieldCan{
        width: 25%;
    }
    .searchDivCan{
        width: 48%;
    }
    .searchBtnCan{
        padding: 10px 17px !important;
    }
}

@media screen and (min-width: 850px) and (max-width: 971px){
    .inputFieldCan{
        width: 20%;
    }
    .searchDivCan{
        width: 43%;
    }
    .searchBtnCan{
        padding: 10px 17px !important;
    }
}

@media screen and (max-width: 600px){
    .showOnlyMobView{
        display: block;
        height: 1rem;
    }
    .showOnlyMobView1{
        display: block;
        height: 0.5rem;
    }
}
@media screen and (min-width: 600px){
    .showOnlyMobView{
        display: none;
    }
    .showOnlyMobView1{
        display: none;
    }
}

@media screen and (max-width: 449px) {
    .horizontal_line_emp_job_post {
        margin-top: 70px;
    }
    .horizontal_line_width {
        width: 50%;
        vertical-align: initial !important;
    }
    .stepper_info_head {
        height: 63.33px;
    }
}

@media screen and (min-width: 450px) and (max-width: 594px) {
    .horizontal_line_emp_job_post {
        margin-top: 50px;
    }
    .horizontal_line_width {
        width: 80%;
        vertical-align: initial !important;
    }
    /* .stepper_info_head {
        height: 63.33px;
    } */
}

@media screen and (min-width: 595px) and (max-width: 790px) {
    .horizontal_line_emp_job_post {
        margin-top: 52px;
    }
    .horizontal_line_width {
        width: 100%;
        vertical-align: middle !important;
    }
    .stepper_info_head {
        height: revert;
    }
}

@media screen and (min-width: 791px) {
    .horizontal_line_emp_job_post {
        margin-top: 30px;
    }
    .horizontal_line_width {
        width: 100%;
        vertical-align: middle !important;
    }
    .stepper_info_head {
        height: revert;
    }
}

@media screen and (max-width: 600px) {
    .for_btn_width_responsive {
        width: 126px !important;
    }
    .for_lg_btn_width_responsive {
        width: 156px !important;
    }
    .width4remWithResponsive {
        width: 2.8rem;
    }
}

@media screen and (min-width: 601px) and (max-width: 4000px) {
    .for_btn_width_responsive {
        width: 150px !important;
    }
    .for_lg_btn_width_responsive {
        width: 240px !important;
    }
    .width4remWithResponsive {
        width: 4rem;
    }
}

@media screen and (max-width: 850px) {
    .horizontal_line_emp_add_profile {
        margin-top: 6px;
    }
    .horizontal_line_width_add_profile {
        width: 78%;
    }
}

@media screen and (min-width: 851px) and (max-width: 960px) {
    .horizontal_line_emp_add_profile {
        margin-top: 52px;
    }
}

@media screen and (min-width: 961px) {
    .horizontal_line_emp_add_profile {
        margin-top: 30px;
    }
}


/* @media (min-width: 850px) {
    .navbar-expand-lg {
        flex-wrap: nowrap !important;
        justify-content: flex-start !important;
    }
} */

@media screen and (max-width: 850px) {
    .for_ipad_div {
        display: none;
    }
    .for_desktop_div {
        display: none;
    }
    .for_mobile_div {
        display: block;
    }
}

@media screen and (min-width: 851px) and (max-width: 1100px) {
    .for_mobile_div {
        display: none;
    }
    .for_desktop_div {
        display: none;
    }
    .for_ipad_div {
        display: flex;
    }
}

@media screen and (min-width: 1100px) {
    .for_mobile_div {
        display: none;
    }
    .for_ipad_div {
        display: none;
    }
    .for_desktop_div {
        display: flex;
    }
}

@media screen and (max-width: 851px) {
    .calender_tic_information2 {
        display: none;
    }
    .calender_tic_information1 {
        display: block;
    }
}

@media screen and (min-width: 851px) and (max-width: 1100px) {
    .calender_tic_information2 {
        display: block;
    }
    .calender_tic_information1 {
        display: none;
    }
}

@media screen and (min-width: 1100px) {
    .calender_tic_information2 {
        display: none;
    }
    .calender_tic_information1 {
        display: block;
    }
}

@media screen and (max-width: 850px) {
    .d-none-mobile {
        display: none;
    }
    .mobile-top-margin {
        margin-top: 20px;
    }
    .d-none-pc {
        display: block;
    }
    .mobile_header_container,
    .mobile_footer_container {
        display: block;
    }
}

@media screen and (min-width: 851px) {
    .d-none-mobile {
        display: block;
    }
    .d-none-pc {
        display: none;
    }
    .mobile_header_container,
    .mobile_footer_container {
        display: none;
    }
}

@media screen and (min-width: 550px) and (max-width: 899px) {
    .container_pad_mar {
        margin-top: 3rem;
    }
}

@media screen and (min-width: 900px) {
    .container_pad_mar {
        margin: 3rem;
        padding-left: 3rem;
        padding-right: 3rem;
    }
}

@media screen and (min-width: 750px) and (max-width: 1150px) {
    .header_section {
        margin: 80px 80px 0px 80px;
    }
}

@media screen and (min-width: 750px) and (max-width: 1000px) {
    .ddsn_container {
        margin-left: 0px;
        margin-right: 0px;
        padding: 40px 8px 8px 8px;
    }
    .ddsn_container_login {
        margin-left: 0px;
        margin-right: 0px;
        padding: 8px;
    }
    .navbar_container {
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media screen and (min-width: 1000px) and (max-width: 1200px) {
    .ddsn_container {
        margin-left: 50px;
        margin-right: 50px;
    }
    .ddsn_container_login {
        margin-left: 50px;
        margin-right: 50px;
    }
    .navbar_container {
        padding-left: 50px;
        padding-right: 50px;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1350px) {
    .ddsn_container {
        margin-left: 5px;
        margin-right: 5px;
    }
    .ddsn_container_login {
        margin-left: 30px;
        margin-right: 30px;
    }
    .navbar_container {
        padding-left: 5px;
        padding-right: 5px;
    }
}

@media screen and (min-width: 1350px) and (max-width: 1500px) {
    .ddsn_container {
        margin-left: 50px;
        margin-right: 50px;
    }
    .ddsn_container_login {
        margin-left: 50px;
        margin-right: 50px;
    }
    .navbar_container {
        padding-left: 50px;
        padding-right: 50px;
    }
}

@media screen and (min-width: 1500px) and (max-width: 1600px) {
    .ddsn_container {
        margin-left: 150px;
        margin-right: 150px;
    }
    .ddsn_container_login {
        margin-left: 150px;
        margin-right: 150px;
    }
    .navbar_container {
        padding-left: 150px;
        padding-right: 150px;
    }
}

@media screen and (min-width: 1600px) and (max-width: 2000px) {
    .ddsn_container {
        margin-left: 200px;
        margin-right: 200px;
    }
    .ddsn_container_login {
        margin-left: 200px;
        margin-right: 200px;
    }
    .navbar_container {
        padding-left: 200px;
        padding-right: 200px;
    }
}

@media screen and (min-width: 2000px) and (max-width: 2100px) {
    .ddsn_container {
        margin-left: 300px;
        margin-right: 300px;
    }
    .ddsn_container_login {
        margin-left: 300px;
        margin-right: 300px;
    }
    .navbar_container {
        padding-left: 300px;
        padding-right: 300px;
    }
}

@media screen and (min-width: 2100px) {
    .ddsn_container {
        margin-left: 400px;
        margin-right: 400px;
    }
    .ddsn_container_login {
        margin-left: 400px;
        margin-right: 400px;
    }
    .navbar_container {
        padding-left: 400px;
        padding-right: 400px;
    }
}

@media screen and (min-width: 850px) and (max-width: 1000px) {
    .empty_progress_bar {
        position: absolute;
        left: 19px;
        top: 39px;
        z-index: 10;
    }
    .progress_bar_48_per {
        position: absolute;
        left: -7px;
        top: 14px;
        z-index: 10;
    }
    /* .progress_bar_48_per {
        position: absolute;
        left: 87px;
        top: 39px;
        z-index: 10;
    } */
    .camera_icon_position {
        position: absolute;
        left: 116px;
        top: 121px;
        z-index: 12;
    }
    .camera_icon_before_upload_position {
        position: absolute;
        left: 121px;
        top: 112px;
        z-index: 12;
    }
}

@media screen and (min-width: 1001px) {
    .empty_progress_bar {
        position: absolute;
        left: 50px;
        top: 39px;
        z-index: 10;
    }
    .progress_bar_48_per {
        position: absolute;
        left: 25px;
        top: 13px;
        z-index: 10;
    }
    .camera_icon_position {
        position: absolute;
        left: 147px;
        top: 121px;
        z-index: 12;
    }
    .camera_icon_before_upload_position {
        position: absolute;
        left: 145px;
        top: 112px;
        z-index: 12;
    }
}


/* @media screen and (min-height: 447px) and (max-height: 786px) {
    .curve_svg {
        position: absolute;
        left: 0px;
        top: 650px;
        z-index: -2;
        width: -webkit-fill-available;
    }
}

@media screen and (min-height: 787px) and (max-height: 927px) {
    .curve_svg {
        position: absolute;
        left: 0px;
        top: 700px;
        z-index: -2;
        width: -webkit-fill-available;
    }
}

@media screen and (min-height: 928px) and (max-height: 949px) {
    .curve_svg {
        position: absolute;
        left: 0px;
        top: 760px;
        z-index: -2;
        width: -webkit-fill-available;
    }
} */


/* @media screen and (min-height: 950px) {
    .curve_svg {
        position: absolute;
        left: 0px;
        bottom: 0px;
        z-index: -2;
        width: -webkit-fill-available;
    }
} */

@media screen and (min-height: 850px) {
    .curve_svg {
        position: absolute;
        left: 0px;
        bottom: 0px;
        z-index: -2;
        width: -webkit-fill-available;
    }
}


/* start website responsive css */

@media screen and (max-width: 992px) {
    .home_small_medium_d_none {
        display: none;
    }
    .home_small_border_none {
        border: none;
    }
    .secondDivTopMargin {
        margin-top: 80px;
    }
    .home_main_section {
        padding-bottom: 0px !important;
    }
}

@media screen and (max-width: 850px) {
    .font_color_white {
        color: var(--white-color) !important;
    }
    .ddsn_home_white_logo {
        display: block;
    }
    .ddsn_home_blue_logo {
        display: none;
    }
}

@media screen and (min-width: 851px) {
    .ddsn_home_white_logo {
        display: none;
    }
    .ddsn_home_blue_logo {
        display: block;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .glassmorphism {
        margin: 0px 0px !important;
    }
}

@media screen and (max-width: 763px) {
    .glassmorphism {
        margin: 0px 0px !important;
    }
}

@media screen and (max-width: 575px) {
    .socialMediaDesign {
        margin-top: 40px;
        text-align: center;
    }
}

@media screen and (max-width: 1000px) {
    .home_main_content_section {
        flex-direction: column;
    }
    .home_left_section {
        display: none;
    }
    .home_left_section2 {
        display: block;
    }
}

@media screen and (min-width: 1001px) {
    .home_left_section {
        display: block;
    }
    .home_left_section2 {
        display: none;
    }
}

@media screen and (max-width: 499px) {
    .container_home_ddsn {
        padding: 0rem 1rem;
    }
    .home_card_for_job {
        padding: 0.4rem !important;
    }
    .home_section_title {
        font-size: 40px;
    }
}

@media screen and (min-width: 500px) and (max-width: 850px) {
    .container_home_ddsn {
        padding: 0rem 2rem;
    }
    .home_section_title {
        font-size: 48px;
    }
}

@media screen and (min-width: 851px) and (max-width: 992px) {
    .cardHeight {
        height: 445.92px;
    }
    .container_home_ddsn {
        padding: 0rem 2rem;
    }
    .home_section_title {
        font-size: 48px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
    .cardHeight {
        height: 515.45px;
    }
    .container_home_ddsn {
        padding: 0rem 4rem;
    }
    .home_section_title {
        font-size: 48px;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1398px) {
    .cardHeight {
        height: 589.16px;
    }
    .container_home_ddsn {
        padding: 0rem 6rem;
    }
}

@media screen and (min-width: 1398px) {
    .cardHeight {
        height: 662.89px;
    }
    .container_home_ddsn {
        padding: 0rem 8rem;
    }
}

@media screen and (min-width: 992px) {
    .hideForSmallScreen {
        display: block;
    }
    .home_main_section {
        padding-top: 180px;
        padding-bottom: 143px;
    }
    .home_main_section_updated {
        padding-top: 35px;
        padding-bottom: 80px;
    }
}

@media screen and (max-width: 992px) {
    .hideForSmallScreen {
        display: none;
    }
    .home_main_section {
        padding-top: 40px;
        padding-bottom: 143px;
    }
    .home_main_section_updated {
        padding-top: 40px;
        padding-bottom: 143px;
    }
}

@media screen and (max-width: 1000px) {
    .home_left_section,
    .home_right_section,
    .home_left_section2 {
        margin-top: 2rem;
        max-width: 100%;
        text-align: center;
        width: 24rem;
        padding-top: 1.4rem;
    }
    .home_left_section2 {
        margin-bottom: 3.4rem;
    }
    .home_main_image {
        width: 100%;
    }
}

@media screen and (min-width: 1001px) and (max-width: 1180px) {
    .home_left_section,
    .home_right_section,
    .home_left_section2 {
        padding-top: 4rem;
    }
}

@media screen and (max-width: 1050px) {
    .home_left_section,
    .home_right_section,
    .home_left_section2 {
        max-width: 16rem;
    }
}

@media screen and (max-width: 1180px) {
    .home_left_section,
    .home_right_section,
    .home_left_section2 {
        max-width: 17rem;
    }
}

@media screen and (min-width: 1181px) {
    .home_left_section,
    .home_right_section,
    .home_left_section2 {
        max-width: 20rem;
        padding-top: 4rem;
    }
}

.html_class {
    height: 100%;
}

@media screen and (max-height: 478px) {
    .body_class {
        min-height: 110%;
        padding: 0px;
        margin-top: 0px;
        margin-right: 0px;
        margin-left: 0px;
        position: relative;
    }
}

@media screen and (min-height: 478px) and (max-height: 500px) {
    .body_class {
        min-height: 137%;
        padding: 0px;
        margin-top: 0px;
        margin-right: 0px;
        margin-left: 0px;
        position: relative;
    }
}

@media screen and (min-height: 500px) and (max-height: 530px) {
    .body_class {
        min-height: 129%;
        padding: 0px;
        margin-top: 0px;
        margin-right: 0px;
        margin-left: 0px;
        position: relative;
    }
}

@media screen and (min-height: 530px) and (max-height: 570px) {
    .body_class {
        min-height: 122%;
        padding: 0px;
        margin-top: 0px;
        margin-right: 0px;
        margin-left: 0px;
        position: relative;
    }
}

@media screen and (min-height: 570px) and (max-height: 600px) {
    .body_class {
        min-height: 115%;
        padding: 0px;
        margin-top: 0px;
        margin-right: 0px;
        margin-left: 0px;
        position: relative;
    }
}

@media screen and (min-height: 600px) and (max-height: 624px) {
    .body_class {
        min-height: 110%;
        padding: 0px;
        margin-top: 0px;
        margin-right: 0px;
        margin-left: 0px;
        position: relative;
    }
}

@media screen and (min-height: 624px) and (max-height: 672px) {
    .body_class {
        min-height: 105%;
        padding: 0px;
        margin-top: 0px;
        margin-right: 0px;
        margin-left: 0px;
        position: relative;
    }
}

@media screen and (min-height: 673px) and (max-height: 720px) {
    .body_class {
        min-height: 110%;
        padding: 0px;
        margin-top: 0px;
        margin-right: 0px;
        margin-left: 0px;
        position: relative;
    }
}

@media screen and (min-height: 720px) {
    .body_class {
        min-height: 100%;
        padding: 0px;
        margin-top: 0px;
        margin-right: 0px;
        margin-left: 0px;
        position: relative;
    }
}

@media screen and (min-width: 850px) and (max-width: 998px) {
    .singleJobWidth {
        width: 50% !important;
        left: 62vw !important;
    }
    .singleJobWidthWeb {
        width: 48% !important;
    }
}

@media screen and (min-width: 999px) and (max-width: 1000px) {
    .singleJobWidth {
        width: 47% !important;
        left: 62vw !important;
    }
    .singleJobWidthWeb {
        width: 48% !important;
    }
}

@media screen and (min-width: 1001px) and (max-width: 1030px) {
    .singleJobWidthWeb {
        width: 47% !important;
    }
}

@media screen and (min-width: 1031px) and (max-width: 1045px) {
    .singleJobWidthWeb {
        width: 46.2% !important;
    }
}

@media screen and (min-width: 1045px) and (max-width: 1060px) {
    .singleJobWidthWeb {
        width: 46% !important;
    }
}

@media screen and (min-width: 1061px) and (max-width: 1080px) {
    .singleJobWidthWeb {
        width: 45% !important;
    }
}


/* @media screen and (min-width: 1051px) and (max-width: 1080px) {
    .singleJobWidthWeb {
        width: 45% !important;
    }
} */

@media screen and (min-width: 1081px) and (max-width: 1100px) {
    .singleJobWidthWeb {
        width: 44% !important;
    }
}

@media screen and (min-width: 1100px) and (max-width: 1140px) {
    .singleJobWidthWeb {
        width: 43% !important;
    }
}

@media screen and (min-width: 1141px) and (max-width: 1170px) {
    .singleJobWidthWeb {
        width: 42% !important;
    }
}

@media screen and (min-width: 1171px) and (max-width: 1199px) {
    .singleJobWidthWeb {
        width: 41% !important;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1220px) {
    .singleJobWidthWeb {
        width: 48% !important;
    }
}

@media screen and (min-width: 1221px) and (max-width: 1240px) {
    .singleJobWidthWeb {
        width: 47% !important;
    }
}

@media screen and (min-width: 1241px) and (max-width: 1260px) {
    .singleJobWidthWeb {
        width: 46% !important;
    }
}

@media screen and (min-width: 1261px) and (max-width: 1300px) {
    .singleJobWidthWeb {
        width: 45% !important;
    }
}

@media screen and (min-width: 1301px) and (max-width: 1330px) {
    .singleJobWidthWeb {
        width: 44% !important;
    }
}

@media screen and (min-width: 1331px) and (max-width: 1370px) {
    .singleJobWidthWeb {
        width: 43% !important;
    }
}

@media screen and (min-width: 1371px) and (max-width: 1385px) {
    .singleJobWidthWeb {
        width: 42% !important;
    }
}

@media screen and (min-width: 1385px) and (max-width: 1399px) {
    .singleJobWidthWeb {
        width: 41% !important;
    }
}

@media screen and (min-width: 1400px) and (max-width: 1420px) {
    .singleJobWidthWeb {
        width: 47% !important;
    }
}

@media screen and (min-width: 1421px) and (max-width: 1455px) {
    .singleJobWidthWeb {
        width: 46% !important;
    }
}

@media screen and (min-width: 1456px) and (max-width: 1495px) {
    .singleJobWidthWeb {
        width: 45% !important;
    }
}

@media screen and (min-width: 1496px) and (max-width: 1530px) {
    .singleJobWidthWeb {
        width: 44% !important;
    }
}

@media screen and (min-width: 1531px) and (max-width: 1560px) {
    .singleJobWidthWeb {
        width: 43% !important;
    }
}

@media screen and (min-width: 1561px) and (max-width: 1590px) {
    .singleJobWidthWeb {
        width: 42% !important;
    }
}

@media screen and (min-width: 1591px) and (max-width: 1620px) {
    .singleJobWidthWeb {
        width: 41% !important;
    }
}

@media screen and (min-width: 1621px) and (max-width: 1670px) {
    .singleJobWidthWeb {
        width: 40% !important;
    }
}

@media screen and (min-width: 1671px) and (max-width: 1710px) {
    .singleJobWidthWeb {
        width: 39% !important;
    }
}

@media screen and (min-width: 1711px) and (max-width: 1760px) {
    .singleJobWidthWeb {
        width: 38% !important;
    }
}

@media screen and (min-width: 1761px) and (max-width: 1810px) {
    .singleJobWidthWeb {
        width: 37% !important;
    }
}

@media screen and (min-width: 1811px) and (max-width: 1850px) {
    .singleJobWidthWeb {
        width: 36% !important;
    }
}

@media screen and (min-width: 1851px) and (max-width: 1920px) {
    .singleJobWidthWeb {
        width: 35% !important;
    }
}

@media screen and (min-width: 1921px) and (max-width: 1980px) {
    .singleJobWidthWeb {
        width: 34% !important;
    }
}

@media screen and (min-width: 1981px) and (max-width: 2020px) {
    .singleJobWidthWeb {
        width: 33% !important;
    }
}

@media screen and (min-width: 2021px) and (max-width: 2080px) {
    .singleJobWidthWeb {
        width: 32% !important;
    }
}

@media screen and (min-width: 2081px) and (max-width: 2150px) {
    .singleJobWidthWeb {
        width: 31% !important;
    }
}

@media screen and (min-width: 2151px) and (max-width: 2180px) {
    .singleJobWidthWeb {
        width: 31% !important;
    }
}

@media screen and (min-width: 2181px) and (max-width: 2230px) {
    .singleJobWidthWeb {
        width: 30% !important;
    }
}

@media screen and (min-width: 2231px) and (max-width: 2290px) {
    .singleJobWidthWeb {
        width: 29% !important;
    }
}

@media screen and (min-width: 2291px) and (max-width: 2320px) {
    .singleJobWidthWeb {
        width: 28.5% !important;
    }
}

@media screen and (min-width: 2321px) and (max-width: 2370px) {
    .singleJobWidthWeb {
        width: 28% !important;
    }
}

@media screen and (min-width: 2371px) and (max-width: 2410px) {
    .singleJobWidthWeb {
        width: 27.5% !important;
    }
}

@media screen and (min-width: 2411px) and (max-width: 2460px) {
    .singleJobWidthWeb {
        width: 27% !important;
    }
}

@media screen and (min-width: 2461px) and (max-width: 2510px) {
    .singleJobWidthWeb {
        width: 26.5% !important;
    }
}

@media screen and (min-width: 2511px) and (max-width: 2560px) {
    .singleJobWidthWeb {
        width: 26% !important;
    }
}

@media screen and (min-width: 2561px) and (max-width: 2600px) {
    .singleJobWidthWeb {
        width: 25.7% !important;
    }
}

@media screen and (min-width: 2601px) {
    .singleJobWidthWeb {
        width: 25.3% !important;
    }
}

@media screen and (min-width: 1001px) and (max-width: 1200px) {
    .singleJobWidth {
        width: 45% !important;
        left: 62vw !important;
    }
}

@media screen and (min-width: 1201px) and (max-width: 1348px) {
    .singleJobWidth {
        width: 48% !important;
        left: 62vw !important;
    }
}

@media screen and (min-width: 1349px) and (max-width: 1499px) {
    .singleJobWidth {
        width: 45.8% !important;
        left: 62vw !important;
    }
}

@media screen and (min-width: 1500px) and (max-width: 1599px) {
    .singleJobWidth {
        width: 40.8% !important;
        left: 62vw !important;
    }
}

@media screen and (min-width: 1599px) and (max-width: 1649px) {
    .singleJobWidth {
        width: 38.8% !important;
        left: 62vw !important;
    }
}

@media screen and (min-width: 1649px) and (max-width: 1707px) {
    .singleJobWidth {
        width: 39.2% !important;
        left: 62vw !important;
    }
}

@media screen and (min-width: 1708px) and (max-width: 1729px) {
    .singleJobWidth {
        width: 39.4% !important;
        left: 62vw !important;
    }
}

@media screen and (min-width: 1730px) and (max-width: 1749px) {
    .singleJobWidth {
        width: 39.5% !important;
        left: 62vw !important;
    }
}

@media screen and (min-width: 1750px) and (max-width: 1769px) {
    .singleJobWidth {
        width: 39.7% !important;
        left: 62vw !important;
    }
}

@media screen and (min-width: 1770px) and (max-width: 1799px) {
    .singleJobWidth {
        width: 39.9% !important;
        left: 62vw !important;
    }
}

@media screen and (min-width: 1800px) and (max-width: 1849px) {
    .singleJobWidth {
        width: 40.1% !important;
        left: 62vw !important;
    }
}

@media screen and (min-width: 1850px) and (max-width: 1880px) {
    .singleJobWidth {
        width: 40.1% !important;
        left: 62vw !important;
    }
}

@media screen and (min-width: 1881px) and (max-width: 1909px) {
    .singleJobWidth {
        width: 40.3% !important;
        left: 62vw !important;
    }
}

@media screen and (min-width: 1909px) and (max-width: 1920px) {
    .singleJobWidth {
        width: 40.5% !important;
        left: 62vw !important;
    }
}

@media screen and (min-width: 1921px) and (max-width: 1940px) {
    .singleJobWidth {
        width: 38.5% !important;
        left: 49.7vw !important;
    }
}

@media screen and (min-width: 1941px) and (max-width: 1970px) {
    .singleJobWidth {
        width: 38.7% !important;
        left: 49.7vw !important;
    }
}

@media screen and (min-width: 1971px) and (max-width: 2000px) {
    .singleJobWidth {
        width: 38.9% !important;
        left: 49.7vw !important;
    }
}

@media screen and (min-width: 2000px) and (max-width: 2030px) {
    .singleJobWidth {
        width: 34.1% !important;
        left: 49.7vw !important;
    }
}

@media screen and (min-width: 2031px) and (max-width: 2060px) {
    .singleJobWidth {
        width: 34.3% !important;
        left: 49.7vw !important;
    }
}

@media screen and (min-width: 2061px) and (max-width: 2090px) {
    .singleJobWidth {
        width: 34.5% !important;
        left: 49.7vw !important;
    }
}

@media screen and (min-width: 2091px) and (max-width: 2099px) {
    .singleJobWidth {
        width: 34.7% !important;
        left: 49.7vw !important;
    }
}

@media screen and (min-width: 2100px) and (max-width: 2199px) {
    .singleJobWidth {
        width: 30% !important;
        left: 49.7vw !important;
    }
}

@media screen and (min-width: 2200px) and (max-width: 2250px) {
    .singleJobWidth {
        width: 31% !important;
        left: 49.7vw !important;
    }
}

@media screen and (min-width: 2251px) and (max-width: 2299px) {
    .singleJobWidth {
        width: 31.3% !important;
        left: 49.7vw !important;
    }
}

@media screen and (min-width: 2300px) and (max-width: 2349px) {
    .singleJobWidth {
        width: 31.5% !important;
        left: 49.7vw !important;
    }
}

@media screen and (min-width: 2350px) and (max-width: 2399px) {
    .singleJobWidth {
        width: 31.9% !important;
        left: 49.7vw !important;
    }
}

@media screen and (min-width: 2400px) and (max-width: 2449px) {
    .singleJobWidth {
        width: 32.1% !important;
        left: 49.7vw !important;
    }
}

@media screen and (min-width: 2450px) and (max-width: 2499px) {
    .singleJobWidth {
        width: 32.3% !important;
        left: 49.7vw !important;
    }
}

@media screen and (min-width: 2500px) and (max-width: 2549px) {
    .singleJobWidth {
        width: 33% !important;
        left: 49.7vw !important;
    }
}

@media screen and (min-width: 2550px) and (max-width: 2599px) {
    .singleJobWidth {
        width: 33.3% !important;
        left: 49.7vw !important;
    }
}

@media screen and (min-width: 2600px) and (max-width: 2649px) {
    .singleJobWidth {
        width: 33.7% !important;
        left: 49.7vw !important;
    }
}

@media screen and (min-width: 2650px) and (max-width: 2699px) {
    .singleJobWidth {
        width: 34.1% !important;
        left: 49.7vw !important;
    }
}

@media screen and (min-width: 2700px) and (max-width: 2749px) {
    .singleJobWidth {
        width: 34.4% !important;
        left: 49.7vw !important;
    }
}

@media screen and (min-width: 2750px) and (max-width: 2799px) {
    .singleJobWidth {
        width: 34.7% !important;
        left: 49.7vw !important;
    }
}

@media screen and (min-width: 2800px) and (max-width: 2849px) {
    .singleJobWidth {
        width: 35% !important;
        left: 49.7vw !important;
    }
}

@media screen and (min-width: 2850px) {
    .singleJobWidth {
        width: 35.4% !important;
        left: 49.7vw !important;
    }
}

@media screen and (min-height: 350px) and (max-height: 699px) {
    .jobs_overflow_scroll_bar_search {
        height: calc(94vh - 122.87px);
    }
    .singleJobScrollDivSearch {
        height: calc(76vh - 122.87px);
    }
}

@media screen and (min-height: 700px) and (max-height: 739px) {
    .jobs_overflow_scroll_bar_search {
        height: calc(85vh - 122.87px);
    }
    .singleJobScrollDivSearch {
        height: calc(74vh - 122.87px);
    }
}

@media screen and (min-height: 740px) and (max-height: 772px) {
    .jobs_overflow_scroll_bar_search {
        height: calc(88vh - 122.87px);
    }
    .singleJobScrollDivSearch {
        height: calc(77vh - 122.87px);
    }
}

@media screen and (min-height: 773px) and (max-height: 822px) {
    .jobs_overflow_scroll_bar_search {
        height: calc(91vh - 122.87px);
    }
    .singleJobScrollDivSearch {
        height: calc(80vh - 122.87px);
    }
}

@media screen and (min-height: 823px) and (max-height: 887px) {
    .jobs_overflow_scroll_bar_search {
        height: calc(94vh - 122.87px);
    }
    .singleJobScrollDivSearch {
        height: calc(83vh - 122.87px);
    }
}

@media screen and (min-height: 888px) {
    .jobs_overflow_scroll_bar_search {
        height: calc(97vh - 122.87px);
    }
    .singleJobScrollDivSearch {
        height: calc(86vh - 122.87px);
    }
}

@media screen and (max-width: 539px) {
    .prelative_t14rem {
        position: relative;
        top: 14rem;
    }
}
@media screen and (min-width: 540px) {
    .prelative_t14rem {
        position: relative;
        top: 6rem;
    }
}


/* end website responsive css */