@media (max-width: 1400px){
    h1 {
        font-size: 40px;
    }
    
    h2{
        font-size: 30px;
    }
    
    h3{
        font-size: 26px;
    }
    
    h4{
        font-size: 25px;
    }
    
    h5{
        font-size: 22px;
    }
    
    p{
        font-size: 18px;
    }

    .hdr-nw h4{
        font-size: 20px;
    }

    .five-clmn h3 {
        font-size: 40px;
    }

    .five-clmn p {
        font-size: 23px;
    }

    .success-txt h3 {
        font-size: 21px;
    }
    .success-txt h4 {
        font-size: 18px;
    }
}

@media (max-width: 992px){
    h1 {
        font-size: 35px;
    }
    
    h2{
        font-size: 25px;
    }
    
    h3, h4{
        font-size: 20px;
    }
    
    
    h5{
        font-size: 18px;
    }
    
    p{
        font-size: 16px;
    }

    section{
        padding: 30px 0;
    }

    .hdr-nw h4{
        font-size: 18px;
    }

    .five-clmn h3 {
        font-size: 30px;
    }

    .five-clmn p {
        font-size: 16px;
    }

    .success-txt h3 {
        font-size: 18px;
    }
    .success-txt h4 {
        font-size: 16px;
    }

    /* .row{
        margin-left: 0;
    } */

    header {
        padding: 20px 0;
        height: 40vh;
    }
    .logo-sec img {
        width: 70px;
    }
    .team-section p {
        width: auto;
        margin: 20px;
    }

    .recruiter-section h2::after, 
    .recruiter-section h2::before {
        top: 15px;
    }

    .recruiter-section h2::before {
        width: 35%;
    }

    .recruiter-img-section img {
        width: 170px;
    }

    .four-clmn-box p{
        height: 100px;
    }

    .success-cont img{
        width: 60%;
    }

    .success-cont h2 {
        padding-left: 40px;
        margin-top: -10px;
    }

    .success-section {
        margin-top: 20px;
    }

    .programme-txt {
        padding-right: 0;
    }
    .programme-txt p{
        margin-top: 20px;
    }

    .fun-section p {
        margin-top: 20px;
    }

    footer {
        padding: 15px 0;
    }
    .programme-txt {
        margin-right: 0;
    }
    .programme-cont img {
        width: 100%;
    }
}


@media (max-width: 768px){
    header h3{
        margin: 25px 0;
    }
    .recruiter-section h2::after, 
    .recruiter-section h2::before {
        /*width: 21%;*/
        display:none;
    }

    .fun-box-section .slick-arrow {
        left: 290px;
        bottom: 0;
    }
    .fun-box-section .slick-arrow.slick-next {
        left: 330px;
    }

    .success-cont .col-lg-6 {
        text-align: center;
    }

    .success-txt {
        padding-left: 0;
    }

    .quote-sg {
        background-size: 8%;
    }

    .four-clmn-box,
    .fun-box {
        padding: 5px;
    }
    header {
        height: 50vh;
    }
}

@media (max-width: 412px){
    .recruiter-img-section img {
        width: 100px;
    }

    .four-clmn-box p {
        padding: 7px;
        font-size: 12px;
    }

    .recruiter-section h2::after, 
    .recruiter-section h2::before {
        /*width: 21%;*/
        display:none;
    }

    .five-clmn-section {
        flex-flow: row wrap;
    }
    .five-clmn {
        flex-basis: 50%;
    }

    .recruiter-img-section .slick-slide figure{
        height: auto;
        margin-top: 30px;
    }
    .programme-cont img {
        width: 100%;
    }

    .fun-box-section .slick-arrow {
        left: 150px;
    }
    .fun-box-section .slick-arrow.slick-next {
        left: 190px;
    }
     header {
        height: 50vh;
    }
}