/*----- MÁXIMO 475 -----*/

@media (max-width:475px) {
    .traducao.acesso-informacao img {
        top: 0px;
        position: absolute;
        right: 105px;
    }

    #h1-logo {
        margin: 0.1em;
        padding: 0.1rem;
    }

    #acessibilidade-topo {
        margin-top:-10px;
    }
    
    #busca button {
        right: unset;
    }

    #img-logo {
        padding-left:28px;
        padding-top:10px;
        margin-top: -18px;
    }

    .interno {
        margin-top:140px !important;
    }

    .botoes-topo {
        margin-top:-20px;
    }

    .banner {
        height:160px;
        width:100%;
        object-fit: cover;
        object-position: center;
        margin-top: 78px;
        padding-top: 2.4em;
        margin-bottom: 1em;
    }

    .banner img {
        height:160px;
        width:100%;
        object-fit: cover;
        object-position: center;
    }

    .banner-curso {
        height:160px;
        width:100%;
        object-fit: cover;
        object-position: center;
        margin-top: 78px;
        padding-top: 2.4em;
        margin-bottom: 1em;
    }

    .banner-curso img {
        height:160px;
        width:100%;
        object-fit: cover;
        object-position: center;
    }

    .dynamika-menu-li-root {
        flex-direction:column !important;
        height:auto;
    } 

    .box-destaques {
        font-size:10px;
        color:rgba(255,255,255,.5);
        width:100%;
        display:block;
        text-align:center;
        padding:20px 0;
        border-radius:12px;
        background-color:rgb(34,31,68);
        border:4px solid rgb(34,31,68);
        transition: all .3s ease;
    }

    .box-destaques svg {
        width:30%;
        text-align:center;
        color:rgb(255,255,255);
        font-size:15px;
        line-height:17px;
    }
    
    .box-destaques h3 {
        font-weight:bold;
        text-transform: uppercase;
        color:rgb(255,255,255);
        margin:5px 0 0 0;
        font-size:8px;
    }
    
    .box-destaques p {
        display: none;
    }

    .noticia-home {
        width:96%;
        margin:2%;
    }

    .noticia-home img {
        height:auto;
    }

    .texto-rodape {
        text-align: center;
    }

    .btn-padrao, #miolo-unidade .nav-tabs a {
        padding: 4px 10px;
    }

    .imagem-pessoa {
        height:auto;
    }
    
    .imagem-pessoa img {
        height:auto;
    }
    
    .imagem-pessoa img:hover {
        height:auto;
    }

    #header-curso .menu-fechado {
        margin: 0 !important;
        top: 0 !important;
    }

    .btn-topo-curso {
        position: absolute;
        top: 20px;
        right: 110px;
        padding: 4px 8px;
        font-size: 11px;
    }
    
    #banner-curso {
        margin-top: 80px !important;
    }

    .curso-categoria svg {
        font-size: 45px;
        line-height: 50px;
    }

    .curso-categoria h3 {
        font-size: 16px;
    }

    .dynamika-menu-nav-forest {
        position:relative;
        float: right;
        top:0;
        right:-12px;
        bottom:0;
        background-color:rgb(75,70,110);
        width:270px !important;
        overflow-x: hidden;
        z-index: 1;
    }
}





/*----- 476/575 -----*/

@media (min-width: 476px) and (max-width: 575px) {
    .traducao.acesso-informacao img {
        top: 0px;
        position: absolute;
        right: 105px;
    }

    #acessibilidade-topo {
        margin-top:-25px;
    }

    .dynamika-menu-li-root {
        flex-direction:column !important;
        height:auto;
    }

    #img-logo {
        margin:10px 0 0 0 !important;
        padding-left:30px !important;
        text-align: left;
        height: 60px !important;
    }

    .interno {
        margin-top:140px !important;
    }

    .border-bottom-acessibilidade {
        border-bottom:0;
    }

    #busca button {
        right: unset;
    }

    .botoes-topo {
        margin-top:-20px;
    }

    #h1-logo {
        margin: 0.1em;
        padding: 0.1rem;
    }

    .banner {
        height:220px;
        width:100%;
        object-fit: cover;
        object-position: center;
    }

    .banner img {
        object-fit: cover;
        object-position: center;
        min-height:280px;
        width:100%;
    }

    .banner-curso {
        height:220px;
        width:100%;
        object-fit: cover;
        object-position: center;
    }

    .banner-curso img {
        object-fit: cover;
        object-position: center;
        min-height:280px;
        width:100%;
    }

    .box-destaques {
        font-size:10px;
        color:rgba(255,255,255,.5);
        width:100%;
        display:block;
        text-align:center;
        padding:20px;
        margin:0;
        border-radius:12px;
        background-color:rgb(34,31,68);
        border:4px solid rgb(34,31,68);
        transition: all .3s ease;
    }
    
    .box-destaques svg {
        width:50%;
        text-align:center;
        color:rgb(255,255,255);
        font-size:30px;
        line-height:35px;
    }
    
    .box-destaques h3 {
        font-weight:bold;
        text-transform: uppercase;
        color:rgb(255,255,255);
        margin:5px 0 0 0;
        font-size:10px;
    }
    
    .box-destaques p {
        display: none;
    }

    .noticia-home {
        width:96%;
        margin:2%;
    }

    .noticia-home img {
        height:auto;
    }

    .btn-padrao, #miolo-unidade .nav-tabs a {
        padding: 4px 10px;
    }

    .imagem-pessoa {
        height:auto;
    }
    
    .imagem-pessoa img {
        height:auto;
    }
    
    .imagem-pessoa img:hover {
        height:auto;
    }

    #header-curso #img-logo {
        margin: 0 !important;
    }

    #header-curso .menu-fechado {
        margin: 0 !important;
        top: 0 !important;
    }
    
    .btn-topo-curso {
        position: absolute;
        top: 18px;
        right: 120px;
        padding: 8px 12px;
        font-size: 14px;
    }
    
    #banner-curso {
        margin-top: 70px !important;
    }

        .dynamika-menu-nav-forest {
        position:relative;
        float: right;
        top:0;
        right:-12px;
        bottom:0;
        background-color:rgb(75,70,110);
        width:270px !important;
        overflow-x: hidden;
        z-index: 1;
    }
}





/*----- 576/767 -----*/

@media (min-width: 576px) and (max-width: 767px) {

    .botoes-traducao {
        padding-right: 80px !important;
        padding-top:18px;
    }

    .traducao.acesso-informacao img {
        top: 2px;
        position: absolute;
        right: 110px;
    }

    .menu-fechado {
        top:-55px !important;
    }

    .border-bottom-acessibilidade {
        border-bottom:0;
    }

    #img-logo {
        margin:5px 0 1px 0 !important;
        text-align: left;
    }

    .dynamika-menu-li-root {
        flex-direction:column !important;
        height:auto;
    }

    .interno {
        margin-top:140px !important;
    }

    #busca button {
        right: unset;
    }

    .banner {
        height:245px;
        width:100%;
        object-fit: cover;
        object-position: center;
    }

    .banner img {
        min-height:245px;
        width:100%;
        object-fit: cover;
        object-position: center;
    }

    .banner-curso {
        height:245px;
        width:100%;
        object-fit: cover;
        object-position: center;
    }

    .banner-curso img {
        min-height:245px;
        width:100%;
        object-fit: cover;
        object-position: center;
    }

    .box-destaques svg {
        width:50%;
        text-align:center;
        color:rgb(255,255,255);
        font-size:30px;
        line-height:35px;
    }
    
    .box-destaques h3 {
        font-weight:bold;
        text-transform: uppercase;
        color:rgb(255,255,255);
        margin:5px 0 0 0;
        font-size:10px;
    }
    
    .box-destaques p {
        display: none;
    }

    .noticia-home:nth-child(2), .noticia-home:nth-child(3) {
        display: none;
    }

    .noticia-home {
        position: relative;
        overflow:hidden;
        padding:0;
        margin:1%;
        width:99%;
    }

    .atalho {
        width: 100%;
        padding: 0;
    }

    .atalho h4 {
        font-size: 10px;
    }

    .btn-padrao, #miolo-unidade .nav-tabs a {
        padding: 4px 10px;
    }

    .imagem-pessoa {
        height:auto;
    }
    
    .imagem-pessoa img {
        height:auto;
    }
    
    .imagem-pessoa img:hover {
        height:auto;
    }
    
    .btn-topo-curso {
        position: absolute;
        top: 20px;
        right: 120px;
        padding: 10px 15px;
        font-size: 14px;
    }    
    
    #banner-curso {
        margin-top: 78px !important;
    }
}





/*----- 768/991 -----*/

@media (min-width: 768px) and (max-width: 991px) {
    .container{
        width: auto !important;
    }
    
    #img-logo {
        margin:5px 0 1px 0 !important;
        text-align: left;
    }
    
    .botoes-traducao {
        padding-right: 100px !important;
        padding-top:25px;
    }

    .traducao.acesso-informacao img {
        top: 0px;
        position: absolute;
        right: 110px;
    }

    .border-bottom-acessibilidade {
        border-bottom:0;
    }

    .menu-fechado {
        top:-55px !important;
    }

    .interno {
        margin-top:140px !important;
    }
    
    .banner {
        height:280px;
        object-fit: cover;
        object-position: center;
    }

    .banner img {
        height:280px;
        object-fit: cover;
        object-position: center;
    }

    .banner-curso {
        height:280px;
        object-fit: cover;
        object-position: center;
    }

    .banner-curso img {
        height:280px;
        object-fit: cover;
        object-position: center;
    }

    .box-destaques {
        font-size:20px;
        color:rgba(255,255,255,.5);
        width:100%;
        display:block;
        text-align:center;
        padding:30px;
        margin:0;
        border-radius:12px;
        background-color:rgb(34,31,68);
        border:4px solid rgb(34,31,68);
        transition: all .3s ease;
    }
    
    .box-destaques svg {
        width:50%;
        text-align:center;
        color:rgb(255,255,255);
        font-size:30px;
        line-height:35px;
    }
    
    .box-destaques h3 {
        font-weight:bold;
        text-transform: uppercase;
        color:rgb(255,255,255);
        margin:5px 0 0 0;
        font-size:10px;
    }
    
    .box-destaques p {
        display: none;
    }

    .noticia-home {
        position: relative;
        overflow:hidden;
        padding:0;
        margin:1%;
        width:48%;
    }

    .noticia-home:nth-of-type(3){
        display:none;
    }

    .atalho h4{
        font-size: 10px !important;
        padding: 0 !important;
    }

    footer .icon-footer {
        width: 0.95em !important;
    }
    
    .btn-topo-curso {
        position: absolute;
        top: 15px;
        right: 120px;
    }
    
    #banner-curso {
        margin-top: 78px !important;
    }

    .curso-servicos div:nth-child(4) {
        display: none;
    }
}





/*----- 992/1199 -----*/

@media (min-width: 992px) and (max-width: 1199px) {
    .container{
        width: auto !important;
    }

    #img-logo {
        padding-left:30px;
        margin:25px 0;
        text-align: left;
    }

    .traducao.acesso-informacao img {
        top: 0px;
        position: absolute;
        right: 0;
    }
    
    .banner {
        height:320px;
        object-fit: cover;
        object-position: center;
    }

    .banner img {
        height:320px;
        object-fit: cover;
        object-position: center;
    }

    .banner-curso {
        height:320px;
        object-fit: cover;
        object-position: center;
    }

    .banner-curso img {
        height:320px;
        object-fit: cover;
        object-position: center;
    }

    .menu-fechado {
        display:none;
    }

    .noticia-home {
        position: relative;
        overflow:hidden;
        padding:0;
        margin:1%;
        width:48%;
    }

    .noticia-home:nth-of-type(3){
        display:none;
    }

    .btn-topo-curso {
        font-size: 14px;
        padding: 15px;
    }

    .curso-servicos div:nth-child(4) {
        display: none;
    }
}





/*----- 1200/1399 -----*/

@media (min-width: 1200px) and (max-width: 1399px) {
    .container{
        width: auto !important;
    }
    
    #img-logo {
        padding-left:30px;
        margin:25px 0;
        text-align: left;
    }
    
    .menu-fechado{
        display: none;
    }

    .banner {
        height:365px;
        object-fit: cover;
        object-position: center;
    }

    .banner img {
        height:365px;
        object-fit: cover;
        object-position: center;
    }

    .banner-curso {
        height:365px;
        object-fit: cover;
        object-position: center;
    }

    .banner-curso img {
        height:365px;
        object-fit: cover;
        object-position: center;
    }

    .btn-topo-curso {
        padding: 15px;
    }
}





/*----- 1400/1679 -----*/

@media (min-width: 1400px) and (max-width: 1679px) {
    .container{
        width: auto !important;
    }

    #img-logo {
        padding-left:30px;
        margin:25px 0;
        text-align: left;
    }
    
    .menu-fechado{
        display: none;
    }

    .banner {
        height:400px;
        object-fit: cover;
        object-position: center;
    }

    .banner img {
        height:400px;
        object-fit: cover;
        object-position: center;
    }

    .banner-curso {
        height:400px;
        object-fit: cover;
        object-position: center;
    }

    .banner-curso img {
        height:400px;
        object-fit: cover;
        object-position: center;
    }
}





/*----- 1680/1920 -----*/

@media (min-width: 1680px) and (max-width: 1920px) {
    .container{
        width: auto !important;
    } 

    #img-logo {
        padding-left:30px;
        margin:25px 0;
        text-align: left;
    }
    
    .menu-fechado{
        display: none;
    }

    .banner {
        height:440px;
        object-fit: cover;
        object-position: center;
    }

    .banner img {
        height:440px;
        object-fit: cover;
        object-position: center;
    }

    .banner-curso {
        height:440px;
        object-fit: cover;
        object-position: center;
    }

    .banner-curso img {
        height:440px;
        object-fit: cover;
        object-position: center;
    }
}





/*----- MAIS DE 1920 -----*/

@media (min-width: 1921px) {
    .container{
        width: auto !important;
    }

    #img-logo {
        padding-left:30px;
        margin:25px 0;
        text-align: left;
    }
    
    .menu-fechado{
        display: none;
    }
}





/* ----- MENU FECHADO ----- */

@media (max-width: 991px) {
    .dynamika-menu-nav-forest {
        display:none
    }

    .dynamika-menu-nav-forest {
        position:relative;
        float: right;
        top:0;
        right:-12px;
        bottom:0;
        background-color:rgb(75,70,110);
        width:270px !important;
        overflow-x: hidden;
        z-index: 1;
    }

    .dynamika-menu-ul-forest {
        width:270px !important;
        margin-top:5px !important;
    }

    .dynamika-menu-li-root {
        width:100% !important;
        line-height:auto !important;
    }

    .dynamika-menu-li-root:hover {
        border-bottom:0;
        flex-direction: column;
    }

    .dynamika-menu-a-root {
        line-height:15px !important;
        padding:8px !important;
        color:#FFF !important;
        border-bottom:1px solid rgba(255,255,255,.2);
        overflow: hidden !important;
    }

    .dynamika-menu-span-items {
        background-color: rgb(34,31,68);
        margin:0;
        padding:10px;
        width:270px;
    }

    .dynamika-menu-span-sub h3 {
        font-size:.9em;
    }

    .dynamika-menu-span-sub {
        margin:0;
        padding:5px 0;
    }

    .dynamika-menu-span-sub h3 {
        font-size:.8em;
    }

    .dynamika-menu-a-link {
        border:0;
        color: rgb(50,50,50) !important;
        font-size:12px !important;
        padding:10px;
    }

    .menu-fechado {
        padding:25px 30px;
        position: absolute;
        top:-70px;
        right:0px;
        cursor:pointer;
        font-weight:bold;
        font-size:14px;
        color:rgb(255,255,255);
        text-transform: uppercase;
        margin-top: 60px;
        text-align: center;
    }

    .menu-fechado svg {
        color:rgb(255,255,255);
    }
}