@media only screen and (min-width: 901px) and (max-width: 1600px) {

    .material {
        padding: 80px 0;
    }

    .material-title h3 {
        font-size: 42px;
    }

    .ellipse {
        left: unset !important;
        top: 260px !important;
        height: 50% !important;
    }

}

@media screen and (min-width: 500px) and (max-width: 900px) {

    .material {
        display: none;
    }

    .material2 {
        padding: 60px 0;
    }

    .material-description p {
        font-size: 30px;
        margin-bottom: 2vh;
    }

    .toggle-link::after {
        margin-left: 1vh;
    }

    .material-download {
        padding-top: 50px;
    }

    .material-download h4 {
        font-size: 30px;
    }

    .material-download ul li {
        font-size: 20px;
    }

    .material-download a {
        font-size: 20px !important;
    }
}

@media only screen and (max-width: 500px) {

    .material {
        display: none;
    }

    .material2 {
        padding: 50px 0;
    }

    .material-description p {
        font-size: 20px;
        margin-bottom: 2vh;
    }

    .material-row a {
        font-size: 20px;
    }

    .toggle-link::after {
        margin-left: 1vh;
    }

    .hidden-content h4 b {
        font-size: 20px;
    }

    .hidden-content ul li {
        font-size: 15px;
    }

    .hidden-content p {
        font-size: 15px;
    }

    .material-download {
        padding-top: 50px;
    }

    .material-download h4 {
        font-size: 20px;
    }

    .material-download ul li {
        font-size: 15px;
    }

    .material-download a {
        font-size: 15px !important;
    }
}