@media (max-width: 1199px) and (min-width: 760px) {
    .serviceYear span.help-block.form-error {
        bottom: -30px !important;
    }
}

@media (max-width: 767px) {
    html,
    body {
        overscroll-behavior: none; 
        overflow-x: hidden;
    }
    
    .mainBanner h1 {
        text-align: left !important;
    }

    .mtMobi {
        margin-top: 2em;
    }

    
}
@media (max-width: 768px) {
    .recruitImg img {
        max-width: 100%;
    }
    .imgMobi {
        display: block;
    }
    .hrpm img{
        max-width: 100%;
    }
    .rowReverse {
        flex-direction: column-reverse;
    }
    .mobiCenter {
        text-align: left !important;
    }
    /* #services #humanRecourcesGold h2, #services #humanRecourcesGrey h2 {
        font-size: 1em !important;
    } */

    #humanRecourcesGold,
    #humanRecourcesGrey {
        min-height: 150px;
    }

    #services img {
        margin-bottom: 1.5em;
    }
}

@media (min-width: 768px) {
    .imgMobi {
        display: none;
    }
    .recruitImg {
        background-image: url(/img/01_Recruitment.jpg);
        background-position-x: center;
        background-position-y: center;
        background-size: cover;
    }
    .hrpm {
        background-image: url(/img/02_HR_project_management.jpg);
        background-size: cover;
        background-position-x: center;
        background-position-y: center;
    }
    .orgDevImg {
        background-image: url(/img/03_Organisational_development.jpg);
        background-size: cover;
        background-position-x: center;
        background-position-y: center;
    }
    .assesmentsImg {
        background-image: url(/img/04_Assessments.jpg);
        background-size: cover;
        background-position-x: center;
        background-position-y: center;
    }
    .payrollImg {
        background-image: url(/img/Payroll.png);
        background-size: cover;
        background-position-x: center;
        background-position-y: center;
    }
    .labourImg {
        background-image: url(/img/LabourRelations.png);
        background-size: cover;
        background-position-x: center;
        background-position-y: top;
    }
    #myModal .modal-content {
        max-width: 95% !important;
    }
}
