@media (max-width: 750px) {

    .container {
        width: 100%;
        min-width: 750px;
        transform-origin: top left;
        transform: scale(0.95);
        position: absolute;
        top: 0;
        left: 0;
        overflow-x: hidden;
    }

    .info-responsive {
        transform: scale(0.92);
    }


}

@media (max-width: 720px) {

    .container {
        transform: scale(0.90);
        overflow: hidden;
    }

    .info-responsive {
        transform: scale(0.92);

    }
}

@media (max-width: 680px) {

    .container {
        transform: scale(0.85);
        overflow: hidden;
    }

    .info-responsive {
        transform: scale(0.92);
    }

}

@media (max-width: 640px) {

    .container {
        transform: scale(0.80);
        overflow: hidden;
    }

}

@media (max-width: 600px) {

    .container {
        transform: scale(0.75);
        overflow: hidden;
    }

    .info-responsive {
        transform: scale(0.92);
    }

}

@media (max-width: 560px) {

    .container {
        transform: scale(0.70);
        overflow: hidden;
    }

    .info-responsive {
        transform: scale(0.95);
    }
}

@media (max-width: 520px) {

    .close img {
        width: 10px;
    }

    .modal-header {
        padding: 2%;
    }

    .container {
        transform: scale(0.65);
        overflow: hidden;
    }

    .info-responsive {
        transform: scale(0.92);
    }

    .area-click {
        width: 100%;
        height: 35%;
        display: block;
    }
    
    .area-click:focus {
        outline: none;
        box-shadow: none;
    }

    .info01 {
        margin-left: -3%;
    }

    .info02 {
        margin-left: -5%;
    }

    .modal-header h5 {
        font-size: 40px;
    }

    .modal-body p,
    .modal-body a,
    .modal-body a {
        margin-bottom: 12px;
        text-align: left;
        font-size: 18px;
        line-height: 20pt;
    }

    .icones-curso {
        max-width: 400px;
    }

    .icone-glossary {
        max-width: 20%;
    }

    .card-header {
        margin-top: 20%;
    }

    .section-row__content-inner {
        margin-top: 0;
    }

    audio {
        -webkit-transform: scale(2.1);
        -moz-transform: scale(2.1);
        transform: scale(2.1);
        margin: 40px;
    }

    .tablink-quebra {
        padding: 19px;
        font-size: 24px;
    }

    .tablink-m01 {
        font-size: 28px;
        line-height: 30px;
    }

    .tablink-02 {
        font-size: 28px;
        line-height: 30px;
    }

    .tablink02-quebra {
        font-size: 33px;
    }

    .tablink-quebra-aba02 {
        padding: 19px;
        font-size: 24px;
    }

    div,
    li,
    ol,
    .li,
    a,
    p {
        font-size: 40px;
        line-height: 50px;
    }

    h1 {
        font-size: 57px;
    }

    h4 {
        font-size: 35px;
    }

    h5 {
        font-size: 53px;
    }

    h6 {
        font-size: 30px;
    }

}

@media (max-width: 480px) {

    .container {
        transform: scale(0.60);
        overflow: hidden;
    }

    .info-responsive {
        transform: scale(0.92);
    }

}

@media (max-width: 440px) {

    .container {
        transform: scale(0.55);
        overflow: hidden;
    }

    .info-responsive {
        transform: scale(0.92);
    }

}

@media (max-width: 400px) {

    .container {
        transform: scale(0.50);
        overflow: hidden;
    }

    .info-responsive {
        transform: scale(0.92);
    }

}

@media (max-width: 360px) {

    .container {
        transform: scale(0.45);
        overflow: hidden;
    }

    .info-responsive {
        transform: scale(0.92);
    }

}

@media (max-width: 320px) {

    .close img {
        width: 10px;
    }

    .modal-header {
        padding: 2%;
    }

    .container {
        transform: scale(0.40);
        overflow: hidden;
    }

    .info-responsive {
        transform: scale(0.92);

    }

    .area-click {
        width: 100%;
        height: 35%;
        display: block;
    }

    .area-click:focus {
        outline: none;
        box-shadow: none;
    }

    .info01 {
        margin-left: -3%;
    }

    .info02 {
        margin-left: -5%;
    }

    .icone-glossary {
        max-width: 30%;
    }

    .modal-header h5 {
        font-size: 40px;
    }

    .modal-body p,
    .modal-body a,
    .modal-body a {
        margin-bottom: 12px;
        text-align: left;
        font-size: 18px;
        line-height: 20pt;
    }

    .icones-curso {
        max-width: 400px;
    }

    .card-header {
        margin-top: 20%;
    }

    .section-row__content-inner {
        margin-top: 0;
    }

    audio {
        -webkit-transform: scale(2.1);
        -moz-transform: scale(2.1);
        transform: scale(2.1);
        margin: 40px;
    }

    .tablink-quebra {
        padding: 19px;
        font-size: 24px;
    }

    .tablink-m01 {
        font-size: 28px;
        line-height: 30px;
    }

    .tablink-02 {
        font-size: 28px;
        line-height: 30px;
    }

    .tablink02-quebra {
        font-size: 33px;
    }

    div,
    ul,
    ol,
    .li,
    li,
    a,
    p {
        font-size: 40px;
        line-height: 50px;
    }

    h1 {
        font-size: 57px;
    }

    h4 {
        font-size: 35px;
    }

    h5 {
        font-size: 53px;
    }

    h6 {
        font-size: 30px;
    }
}

@media (max-width: 280px) {

    .container {
        transform: scale(0.35);
        overflow: hidden;
    }

    .info-responsive {
        transform: scale(0.92);
    }

}

@media (max-width: 240px) {

    .container {
        transform: scale(0.30);
        overflow: hidden;
    }

    .info-responsive {
        transform: scale(0.92);
    }
}

@media (max-width: 200px) {

    .container {
        transform: scale(0.25);
        overflow: hidden;
    }

    .info-responsive {
        transform: scale(0.92);
    }
}

@media (max-width: 160px) {

    .container {
        transform: scale(0.20);
        overflow: hidden;
    }

    .info-responsive {
        transform: scale(0.92);
    }
}

@media (max-width: 120px) {

    .container {
        transform: scale(0.15);
        overflow: hidden;
    }

    .info-responsive {
        transform: scale(0.92);
    }
}

@media (max-width: 80px) {

    .container {
        transform: scale(0.10);
        overflow: hidden;
    }

    .info-responsive {
        transform: scale(0.92);
    }
}

@media (max-width: 40px) {

    .container {
        transform: scale(0.6);
        overflow: hidden;
    }

    .info-responsive {
        transform: scale(0.92);
    }
}