/* responsive mobile */

@media only screen and (max-width: 480px) {
    .search-description a{
        font-size: 14px;
    }
    /* section1 */
    .display_none-mb {
        display: none;
    }
    .display_none-web {
        display: block;
    }
    .searchwrap::before {
        display: none;
    }
    .searchwrap::after {
        display: none;
    }
    .input-container {
        grid-template-columns: 0.6fr 0.5fr 0.1fr;
    }
    .h1_home {
        text-align: center;
    }
    .h1_home a {
        font-size: 24px;
    }
    .searchwrap, .home.searchwrap {
        height: 340px;
        padding: 16px 0;
    }
    .search-job {
        margin-top: 20px;
    }
    .jobs_container .article_component{
      
    }
    .jobs_hot .slide-content-jobs{
        grid-template-columns: 1fr;
    }
    .pre-position{
      
        left: -14px !important;
    }
    .next-position
    {
     
        right: -14px !important;
    }
    .jobs_osd-grid{
        padding: 12px 10px;
        overflow: hidden;
        height: 100px;
        display: grid;
        align-items: center;
    }
    .searchwrap h1.h1_home{
        font-size: 23px;
        text-align: center;
        margin-top: 20px;
        margin-bottom:12px;
    }
    .number_adversite{
        display:none;
    }
    .company-box-big.company-hot-company{
        margin-top:30px;
    }
    .line-clamp-2{
        display: unset;
    }
    .prize_container_cup_wrapper_mobile{
        display: block;
    }
    .prize_container .prize_container_inner .prize_container_cup_wrapper{
        display: none;
    }
    .prize_container .prize_container_inner{
        grid-template-columns: 1fr;
    }
    .prize_container_content .prize_container_items .prize_container_item_inner{
        gap: 14px;
    }
    .prize_container .prize_container_inner .prize_container_content{
        padding:  0;
    }
    .prize_container .prize_container_inner .prize_container_content .prize_container_content_title{
        grid-template-columns: .8fr .2fr;
        display: grid;
    }
    .prize_container_inner .prize_container_content .prize_container_content_title .prize_title{
        font-size: 21px;
        margin-bottom: 0;
        align-items: center;
        display: flex;
    }
    .prize_container_inner .prize_container_content .prize_container_items{
        grid-template-columns: 1fr;
        row-gap: 16px;
    }
    .prize_container_inner .prize_container_content .prize_container_content_title .prize_title::before{
        background-image: url(/public/images/prize_backgroud.png);
        /* background-size: cover; */
        background-repeat: no-repeat;
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: -1;
        top: 42px;
        right: 75px;

        transform: rotate(90deg);
    }
    #banner .searchwrap{
        height: 353px;
    }
    .job_osd-items{
        grid-template-columns: .75fr .25fr;
    }
    .prize_container_cup_wrapper_mobile img{
        height: 125px;
    }

    .job_top{
        height: 100px;
        display: grid;
        align-items: center;
    }
    .job_osd-ctn{
        align-items: center;
    }
    .job_outstanding_mobile{
        display:block;
    }
    .job_outstanding_desktop{
        display: none;
    }
    .job_osd-items.job_top_item{
        grid-template-columns: .75fr .25fr;
    
    }
    .fob_osd-grid .job_company-name{
    }
    .job_osd-title{
        display: grid;
    }
    
   
    .job_top .job_osd-title{
        max-width: 170px;
        min-width: unset;
    }
    .job_osd-content .job_osd-icon{
        display: inline-block;
        max-width: 82px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .prize_container .prize_container_inner .prize_container_content::before{
        right: 0;
    }
}

@media (min-width: 481px) and (max-width: 640px) {
    .h1_home a {
        font-size: 26px;
    }
    .h1_home {
        text-align: center;
    }
    .display_none-mb {
        display: none;
    }
    .display_none-web {
        display: block;
    }
}

@media (min-width: 641px) and (max-width: 768px) {
    .searchwrap_margin {
        max-width: 750px;
    }
    .display_none-tablet {
        display: none;
    }
    .job_osd-title {
        max-width: none;
    }
    .h1_home {
        text-align: center;
    }
}

@media (min-width: 769px) and (max-width: 990px) {
    .display_none-tablet {
        display: none;
    }
    .searchwrap_margin {
        max-width: 750px;
    }
    .h1_home {
        text-align: center;
    }
}

@media (min-width: 991px) and (max-width: 1024px) {
    .input-container {
        grid-template-columns: 0.6fr 0.5fr 0.2fr;
    }
    .searchwrap_margin {
        max-width: 970px;
    }
}
@media only screen and (max-width: 1200px) {
    .box-free{
        display: none;
    }
}
@media (min-width: 1025px) and (max-width: 1200px) {
    .searchwrap_margin {
        max-width: 970px;
    }
}