@media screen and (max-width: 768px) {
    .teachers-main {
        grid-template-columns: repeat(2, auto);
    }

    .actions-content {
        flex-direction: column;
    }

    .actions-content a {
        font-size: 15px;
    }

    .actions-content p {
        margin: 10px 0px 30px 0px;
    }

    .join-the-club {
        margin-top: 50px;
    }

    .become-an-instructor::after {
        content: "";
        display: none;
    }
}

@media screen and (max-width: 576px) {
    .teachers-main {
        column-gap: 15px;
        row-gap: 30px;
    }

    .teachers-box-info a {
        font-size: 17px !important;
        font-weight: 700 !important;
    }
    
    .actions {
        margin-top: 70px;
        padding: 40px 0px 0px 0px;
    }
}