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

    #header_banner_oxygenhr {
        background-size: 100% !important;
        min-height: 100% !important;
        background-repeat: no-repeat !important;
    }

    #header_banner_oxygenhr .container {
        padding-bottom: 100px;
    }

    .text_header_hr {
        margin-top: 0 !important;
    }

    .text_header_hr > div > p {
        max-width: 300px;
    }

}

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

    .newhr_box .div_popular {
        position: absolute;
        right: 80px;
    }

    .hr_second_red .row {
        flex-direction: column-reverse;
    }

    #header_banner_oxygenhr {

        background-image: none !important;
    }

    .mobile_bg_hr {

        display: block !important;
        max-width: calc(100% + 140px);
    }

    #header_banner_oxygenhr .container {
        padding: 0 !important;
    }


    .text_header_hr {
        position: absolute;
        top: 0;
    }

    .text_header_hr > div > p {
        text-align: left !important;
    }

    .text_header_hr > div {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }


    .floros_img {

        display: block !important;
        width: 90%;
        position: absolute;
        top: 5rem;
        left: 7rem;
    }

}

@media only screen and (min-width: 1440px) and (max-width: 1649px) {


    #header_banner_oxygenhr {
        min-height: 980px !important;
    }

}

@media (min-width: 320px) and (max-width: 420px) {


    .text_header_hr > div {
        padding: 0 40px;
    }

    .mobile_bg_hr {
        max-width: calc(100% + 450px) !important;
        min-height: 540px;
    }

    .mobile_bg_hr {
        max-width: 250% !important;
    }


    .padding_zero {

        padding: 0 !important;
    }

    .ergani_box_top {
        margin-top: 0 !important;
    }
}


@media (max-width: 620px) {

    .floros_img {
        display: none !important;
    }

    .mobile_bg_hr {
        max-width: 200%;
    }

    #cont_hr {
        justify-content: center;
        display: flex;
    }

    .text_header_hr {
        top: 4rem;
    }
}


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

    .text_header_hr > div > h1 {
        max-width: 300px !important;
    }
}

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

    .text_header_hr > div > h1 {
        max-width: 400px !important;
    }

}

@media (min-width: 390px) and (max-width: 767px) {


    .pink_circles_div {
        background-size: 60% !important;
    }

}

@media (max-width: 680px) {
    #hr .hero_hr {
        background-image: none !important;
    }

    .newhr_box > p{
        max-width: 100px;
    }

    .berry_purple.oxygen_hr {
        text-align: center !important;
        font-size: 40px!important;
        padding-bottom: 8px!important;
    }

    #hr .subtext_header_new{
        margin:8px 0!important;
    }

    .ergani_box_top {
        margin-top: 100px;
        z-index: 1;
    }

}

@media (max-width: 992px) {

    .oxygen_hr {
        padding-top: 54px;
    }
    .ergani_box_main{
        font-size: 28px;
        line-height: 32px;
        opacity: 1;
        color: rgba(4, 1, 20, 1);
        font-weight: 900;
        letter-spacing: -0.21px;
        text-align: center;
    }

    .ergani_box_sec{
        font-size:18px ;
    }

    .ergani_box_top{
        padding:24px;
    }

    .ergani_icons_div .col-md-4{
        padding: 0 40px 32px;
    }

    .ergani_icons_div{
        padding: 0!important;
    }

    .hr_pricing_card  .card-title {
        font-size: 24px !important;
    }

    .title_mob_hr{
        display: block!important;
    }

    /*#hr .hero_hr {*/
    /*    background-image: none !important;*/
    /*}*/
    #complete_sol_hr{
        display: none!important;
    }

    .hr_first_red .row, .hr_second_red .row {
        padding:40px!important;
    }

    .hr_first_red ,.hr_second_red{
        background-size: cover;
        background-repeat: no-repeat;
    }


    .hr_first_red .font18 ,.hr_second_red .font18{
        font-size: 14px!important;
    }

    .img_ergani_red{
        margin-bottom: 40px;
    }

    .hr_pricing_card .card-body.benefits {
        padding: 34px 16px !important;
    }

    .hero_hr {
        background-position: 0 -150px;
        min-height: 600px;
    }



    .parent_boxhr{
        margin-bottom: 120px;
    }

    .hr_pricing_card .card-body.benefits{
        background-color: #f2f2f4 !important
    }

    .hr_pricing_card {
        box-shadow: none!important;
        border:8px!important;
        background-color: transparent;
    }

    .hr_pricing_card .card-body.first{
        border-radius: 8px;
        box-shadow: 0 8px 16px rgba(4, 1, 20, 0.1);
        opacity: 1;
        background-color: rgba(255, 255, 255, 1);
    }

    .incudes_oxygenhr {
        padding: 40px;
        margin:0
    }
    .incudes_oxygenhr .container-xl .row > div {
        padding: 0 !important;
    }
}
@media (max-width: 1920px) {
    .hero_hr {
        background-position: 0 -150px;
        min-height: 880px;
    }
}

@media (max-width: 834px) {
    #hr .header_text_new {
        font-size: 24px !important;
        justify-content: center;
        margin-top: 0!important;
    }
}

@media (min-width: 767px) and (max-width: 1440px) {
    #hr .header_text_new {
        font-size: 40px !important;
    }

}

@media (min-width: 1440px) and (max-width: 1750px) {
    .hr_first_red, .hr_second_red {
        max-width: calc(100% - 80px);
    }

}

@media (max-width:575px){
    .hr_first_red, .hr_second_red {
        border-radius: 0;
    }

    .ergani_box_top {
        margin-top: 0!important;
    }
}