@media screen and (max-width: 1400px){
    .container{
        max-width: 1200px;
    }
    header .container{
        width: 100%;
        max-width: 100%;
        padding: 0px 20px;
    }
    header .container nav ul li{
        padding: 10px 15px;
        display: flex;
        align-items: center;
        gap: 5px;
        position: relative;
        z-index: 9999;
        cursor: pointer;
    }
}

@media screen and (max-width: 1200px){
    .container{
        max-width: 992px;
        position: relative;
    }
    header .container{
        max-width: 992px;
    }
    header .container nav ul{
        display: none;
        flex-direction: column;
        align-items: flex-start;
        position: absolute;
        z-index: 9999;
        top:0;
        right: 50px;
        background-color: #fff;
        border:none;
        box-shadow: 0px 100px 80px 0px rgba(0, 0, 0, 0.07), 0px 41.778px 33.422px 0px rgba(0, 0, 0, 0.05), 0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.04), 0px 12.522px 10.017px 0px rgba(0, 0, 0, 0.04), 0px 6.65px 5.32px 0px rgba(0, 0, 0, 0.03), 0px 2.767px 2.214px 0px rgba(0, 0, 0, 0.02);
    }
    header .container nav ul li{
        flex-direction: column;
        align-items: flex-start;
        border:none;
    }
    header .container nav ul li ul{
        position: relative;
        top:0px;
        left: 0px;
        background-color: #f7f7f7;
        box-shadow: none;
        width: 100%;
        min-width: 100%;
    }
    header .container nav ul li.contato{
        display: block;
    }
    header .container .btContato{
        display: none;
    }
    header .menuResp{
        display: flex;
        position: absolute;
        top:10px;
        right:0px;
    }
}

@media screen and (max-width: 992px){
    .container{
        max-width: 768px;
    }
    header .container{
        max-width: 768px;
    }
    section.about{
        margin-top: 0px;
    }
    section.about .container{
        display: flex;
        align-items: center;
        margin-bottom: 50px;
        flex-direction: column;
    }
    section.about .img{
        width: 100%;
    }
    section.about .description{
        width: 100%;
    }
    section.images .departments{
        display: flex;
        gap: 30px;
        margin: 50px 0px;
        flex-direction: column;
        align-items: center;
    }
    section.noticias .container ul{
        flex-wrap: wrap;
        gap: 03.90625%;
    }
    section.noticias .container ul li{
        width: 48.046875%;
    }
}

@media screen and (max-width: 768px){
    .container{
        max-width: 576px;
    }
    section.images .overlay{
        display: none;
    }
    section.details .contact{
        flex-direction: column;
    }
    section.details .contact form{
        width: 100%;
        padding-right: 0px;
    }
    section.details .contact .map{
        width: 100%;
        margin-top: 30px;
    }
    section.details ul.list li{
        display: flex;
        flex-direction: column;
    }
    section.details ul.list li .desc {
        padding-left: 0px;
        padding: 20px;
        width: auto;
        text-align: center;
    }
    /* section.details ul.list li .img{
        display: none;
    } */
}

@media screen and (max-width:576px){
    .container{
        max-width: 100%;
        padding: 0px 30px;
    }
    header .menuResp{
        display: flex;
        position: absolute;
        top:10px;
        right:20px;
    }
    header .container nav ul{
        right: 60px;
    }
    section.images .departments .department{
        width: 100%;
    }
    section.noticias .container ul{
        gap: 0;
    }
    section.noticias .container ul li{
        width: 100%;
    }
    section.noticias .container ul li img{
        width: 100%;
    }
}

@media screen and (max-width: 450px){
    header .container nav ul{
        top:50px;
        right: 20px;
    }
}