@media (max-width: 992px) {

    .homepage-about h2 {
        width: 90%;
    }

    .homepage-our-website-container .our-website h2 {
        width: 90%;
    }

    .homepage-our-website-container .our-website {
        width: 90%;
        border-radius: 10px !important;
        margin-left: auto;
        margin-right: auto;
    }

    .homepage-test h1 {
        font-size: 20px;
    }

    .homepage-test p {
        font-size: 16px;
    }

    .homepage-exam-types {
        flex-direction: column;
    }

    .homepage-exam-type {
        width: 100%;
        margin-top: 40px;
    }

    .homepage-exam-type:first-child {
        margin-top: 0px;
    }

    .exam-practice {
        width: 90%;
        border-radius: 20px;
        margin: 120px auto 0px auto;
    }

    .exam-practice h1 {
        width: 90%;
        font-size: 20px;
        line-height: 28px;
    }
}

@media (max-width: 768px) {
    .homepage-banner-content,
    .h-p {
        width: 90%;
    }
    .h-br {
        display: block;
    }
}

@media (max-width: 576px) {
    .exam-types {
        flex-direction: column;
    }

    .homepage-about h2 {
        font-size: 18px;
        line-height: 28px;
        width: 100%;
    }

    .homepage-our-website-container .our-website h2 {
        font-size: 18px;
    }

    .homepage-about-container p {
        font-size: 15px;
    }

    .banner-buttons {
        flex-direction: column;
    }

    .banner-button {
        margin: 5px 0px !important;
    }

    .homepage-banner h1 {
        font-size: 25px;
    }

    .exam-type {
        width: 100%;
        border-bottom: 0px;
    }

    .exam-type:last-child {
        padding-bottom: 0px;
    }

    .exam-type img {
        width: 90px;
        padding-bottom: 20px;
    }
}