@media only screen and (max-width: 1024px) {
    /* home page css start */ 
    .search-btn { 
        padding: 12px 34px; 
    } 
     
    /* home page css start */
}

@media only screen and (max-width: 991px) {
    h1 {
        font-size: 28px;
        line-height: 34px; 
    }

    /* home page css start */ 
    .search-box input {
        padding: 0px 4px;
    }
    .search_item { 
        padding: 14px 10px; 
    }
    section.jobStart_outer {
        padding: 40px 0; 
    }
    .hero_img {
        position: relative;
        z-index: 9999;
    }
    .search-section { 
        bottom: 70px; 
        z-index: 99999;
    }
span.expert, span.part_time, span.remote {
    padding: 4px 10px;
    border-radius: 100px;
    font-size: 10px;
    line-height: 18px;
} 
     
header.mobile.main_header button.navbar-toggler {
    background: #ffece5;
}
header.mobile.main_header .navbar-toggler:focus {
    box-shadow: unset;
} 
    .main_header ul li { 
        border-bottom: 1px solid #d9d9d9;
        padding: 0 !important;
    } 
    .main_header ul li .nav-link.active {
        border-top: 0;
        border-left: 4px solid #3e3e3e;
        width: 100%;
        background-color: #ffece5;
        color: #000000 !important;
    }
    .main_header ul li .nav-link {
        padding: 0 16px;
        height: 52px !important;
    }
    .header_right {
        padding: 12px 0 0 0;
    }
    .pagination .page-link {
        width: 36px;
        height: 36px; 
    }
    .page-item:first-child .page-link, .page-item:last-child .page-link {
        border-radius: 9px !important;
    }
    
    /* about page css */
    .recruitment_img {
        margin-bottom: 30px;
        justify-content: center;
        gap: 39px;
    }
    
    .recruitment_img img {
        width: 60%;
    }
    
    .vision_col, .mision_col {
        text-align: center;
    }
    /* home page css close */
    
    /* job detail css start */
    div#navbarSupportedContent {
        border: 1px solid #d9d9d9;
        border-radius: 10px;
        padding: 0 0 10px 0;
        background: #ffffff;
    }
    .main_header ul li a.nav-link {
        color: #000000 !important;
    }
    /* job detail css close */

}

@media only screen and (max-width: 767px) {
    h2 {
        font-size: 24px;
        line-height: 28px; 
    }
    .spacer-b {
        padding-bottom: 16px;
    }
    
    /* home page css start */
 
.mobile.main_header .navbar img {
    width: 180px;
}
.mobile.main_header .navbar .profile_right img {
    width: auto;
}
 
section.hero {
    background: var(--primary-color);
    padding-top: 40px;
    min-height: 300px;
    display: flex;
    align-items: center;
}
section.hero.about_hero {
    min-height: 350px;
    height: 300px;
}
    .search_item { 
        display: flex;
    }
        .search-btn {
        padding: 6px 24px;
    }
    .search-box input {
    padding: 0px 10px;
    font-size: 14px;
}
.mobile.main_header .navbar .notification img {
        width: 24px;
    }
    
    /* about page responsive */
    .recruitment {
        padding: 40px 0;
    }
    
    .recruitment_img {
        gap: 10px;
    }
    
    .recruitment_img img {
        max-width: 150px;
    }
    
    .our_mission {
        padding: 40px 0;
    } 
    /* home page css close */
    
    /* job page css start */
    .job_type {
        padding-bottom: 12px;
    }
    .job_item ul li , .experience ul li {
        display: inline-block !important;
        margin-right: 12px;
        padding-bottom: 4px !important;
    }
    .job_item ul li label { 
        font-size: 12px; 
        line-height: 18px;
    }
    .job_item {
        padding-bottom: 14px;
    }
    .range_heading { 
        margin-bottom: 5px;
    }
    .range-input { 
        margin-bottom: 0; 
    }
    .salary-range { 
        margin-top: 0;
        margin-bottom: 10px;
    }
    .heading_row .heading_content h6  {
        font-size: 16px;
        line-height: 28px; 
    }
    .country img {
        width: 28px !important;
    }
    /*.job_right .row .col_child {*/
    /*    padding-top: 14px !important;*/
    /*}*/
    .button_right a { 
        padding: 6px 10px;
    }
    .button_right a img {
        padding-left: 4px;
    }
    .hero .row.align-items-center {
        padding: 120px 0 0 0;
    }
    /* job page css close */
    
    /* job detail css start */ 
    .bottom_row {
        display: block;
    }
    span.detailPay { 
        padding: 0px 0 4px 0; 
    }
    .job_outer { 
        padding: 30px 0 0 0;
    }
    .jobDetail_title .jobDetail_titleLeft .title {
        padding-left: 10px;
    }
    .jobDetail_title .heading_left { 
        width: 48px;
        height: 48px;
        border-radius: 8px;
    }
    .job_card .heading_row { 
        padding-top: 6px;
    }
    .bottom_row .bottom_right {
        width: 100%; 
        justify-content: start;
        padding-top: 10px;
    }
    .jobDetail_title .heading_left img {
        width: 28px;
    }
    .primary_button { 
        padding: 8px 16px; 
    }
    .jobDetail_titleRight { 
        margin-top: 10px;
    }
    .jobDetail_title .jobDetail_titleLeft span {
        font-size: 14px;
    }
    .job_outer1 .jobDetail_title {
        position: unset;
        padding: 14px 16px;
    }
    .job_outer1 .type_row, .jobDetail_child {
        padding: 14px 16px; 
    }
    
    .footerDetails {
        background: #ffffff;
        box-shadow: 0px -2px 6px 1px #dfdfdf4a;
        padding: 16px 20px;
        position: sticky;
        bottom: 0;
        text-align: center;
    }
    .footerDetails a.primary_button {
        width: 100%;
        margin-top: 8px;
        padding: 10px 30px;
        font-size: 18px;
    }
    .footerDetails span {
        color: #000000;
        font-size: 14px;
        line-height: 22px;
        font-weight: 500;
    }
    .jobDetail_titleRight a {
        display: none;
    }
    .footerDetails {
        display: block;
    }
    .job_outer .job_right {
        padding-top: 14px;
    }
    .about_hero::before { 
        background: linear-gradient(272deg, #d7181d7a 0%, #d7181d 50%);
    }
    .search-box {
        position: relative;
        overflow: unset;
        padding: 0;
        display: block;
        border-radius: 25px;
    }
    .search_item {
        padding: 18px 10px;
        display: flex;
        width: 100%;
        border-bottom: 1px solid var(--grey-100);
        border-right: 0;
    }
    .search-row_button {
        width: 100%;
    }
    .search-btn {
        padding: 8px 20px;
        width: 100%;
        border-radius: 10px;
        margin: 0 6px 6px 6px;
    }
    
    /* job detail css close */

}

@media only screen and (max-width: 575px) {
    /* home page css start */
    .mobile.main_header .navbar img {
        width: 140px;
    }
     
    .search-box input {
        padding: 0px 8px;
        width: 80px;
    }
     
    .search-input { 
        font-size: 10px;
        line-height: 18px;
    }
    .search_item img {
        width: 22px;
        object-fit: contain;
    } 
     
    .search-section { 
        bottom: 40px;
        left: 50%;
        width: 96%;
        transform: translate(-50%, 0);
    }
    .button_right a {
        font-size: 12px; 
        line-height: 18px; 
        padding: 8px 12px;
    }
    .button_right a img {
        padding-left: 6px;
        width: 22px;
    }
    .button_right {
        text-align: center;
        margin-top: 10px;
    }
     
    
    /* about page mobile */
    .recruitment_img {
        justify-content: center;
        flex-direction: column;
        align-items: center;
        gap: 15px;
        margin-bottom: 30px;
    }
    
    .recruitment_img img {
        width: 100%;
        max-width: 100%;
    }
    
    .recruitment_img img:first-child {
        margin-top: 0;
    }
    
    .recruitment_content h4 {
        font-size: 18px;
    }
    
    .vision_col, .mision_col {
        text-align: center;
    }
    
    /* index css start */
    .jobStart_row {
        width: 100%; 
    }
    /* index css close */
    
    /* footer mobile */
    footer.main_footer {
        padding: 15px 0;
    }
    
    footer.main_footer p {
        font-size: 12px;
    }

}