/*Extra small devices (portrait phones, less than 576px)*/

@media (max-width: 575.98px) {
    /* banner start  */
    .banner {
        padding: 60px 0 80px;
    }
    .banner h2 {
        letter-spacing: 3px;
    }
    .banner h1 {
        font-size: 30px;
    }
    .banner p {
        font-size: 16px;
        margin-bottom: 35px;
    }
    .cc-m-sm-top-70 {
        margin-top: 70px !important;
    }
    /* banner end  */
    /* about start  */
    .about {
        padding: 60px 0;
    }
    .about h1 {
        font-size: 26px;
    }
    .about p {
        font-size: 16px;
    }
    /* about end  */
    /* eligibilty-app-process start  */
    .eligibilty-app-process {
        padding: 60px 0;
    }
    .app-process-wrapper h3 {
        font-size: 18px;
    }
    .eligibilty-app-process ul li {
        font-size: 16px;
    }
    /* eligibilty-app-process end  */
}


/*Small devices (landscape phones, 576px and up)*/

@media (min-width: 576px) and (max-width: 767.98px) {
    /* banner start  */
    .banner h1 {
        font-size: 38px;
    }
    .banner p {
        font-size: 16px;
        margin-bottom: 35px;
    }
    .cc-m-sm-top-70 {
        margin-top: 70px !important;
    }
    /* banner end  */
    /* about start  */
    .about {
        padding: 70px 0;
    }
    .about h1 {
        font-size: 26px;
    }
    .about p {
        font-size: 16px;
    }
    /* about end  */
    /* eligibilty-app-process start  */
    .eligibilty-app-process {
        padding: 70px 0;
    }
    /* eligibilty-app-process end  */
}


/*Medium devices (tablets, 768px and up)*/

@media (min-width: 768px) and (max-width: 991.98px) {
    /* banner start  */
    .cc-m-md-top-70 {
        margin-top: 70px !important;
    }
    /* banner end  */
    /* about start  */
    .about {
        padding: 80px 0;
    }
    .about p {
        font-size: 15px;
    }
    /* about end  */
    /* eligibilty-app-process start  */
    .eligibilty-app-process {
        padding: 80px 0;
    }
    /* eligibilty-app-process end  */
}


/*Large devices (desktops, 992px and up)*/

@media (min-width: 992px) and (max-width: 1199.98px) {
    /* banner start  */
    .banner h1 {
        font-size: 38px;
    }
    .banner p {
        font-size: 16px;
        margin-bottom: 35px;
    }
    /* banner end  */
    /* about start  */
    .about h1 {
        font-size: 22px;
    }
    .about p {
        font-size: 15px;
    }
    /* about end  */
}


/*X large devices (large desktops, 1200px and up)*/

@media (min-width: 1200px) and (max-width: 1399.98px) {}


/*XX Large devices (large desktops, 1400px and up)*/

@media (min-width: 1400px) {}