@media screen and (max-width: 1808px) {
    .conteudo {
        width: 40vw;
    }
}

@media screen and (max-width: 1566px) {
    .container-map {
        width: 350px;
    }

    .map {
        height: 210px;
    }

}

@media screen and (max-width: 1474px) {
    .container-map {
        width: 500px;
    }

    .map {
        height: 310px;
    }


}


@media screen and (max-width: 1544px) {
    .modall {
        height: 80vh;
    }

}

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

    #bloco1,
    #bloco2,
    #bloco3,
    #bloco4,
    #bloco5 {
        max-width: 1100px;

    }


    .modall {
        height: 80vh;
    }

}

@media screen and (max-width: 1144px) {
    #calendar {
        max-width: 650px;
    }

    .icones {
        width: calc(100% - 200px);
        margin-left: 200px;
        z-index: 9998;
    }

    #piechart {
        width: 400px;
        height: 200px;
        text-align: center;
    }

    #bloco1,
    #bloco2,
    #bloco3,
    #bloco4,
    #bloco5 {
        max-width: 1000px;
        margin-left: 30px;
    }


    .map {
        height: 280px;
    }

    .box,
    .box1,
    .box2,
    .box3,
    .box4 {
        width: 48%;

    }

    .box32 {
        float: right;
    }

}

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

    .box,
    .box1,
    .box2,
    .box3,
    .box4 {
        width: 70%;

    }

}

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

    .container-map {
        width: 400px;
    }

    .map {
        height: 310px;
    }


    #bloco1,
    #bloco2,
    #bloco3,
    #bloco4,
    #bloco5 {
        width: 900px;
    }


    .map {
        height: 260px;
    }

    .conteudo {
        margin-left: 220px;
    }
}

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

    #calendar .fc-button {
        font-size: 12px;
        padding: 2px 5px;
        line-height: 1.5;
    }

    #calendar .fc-header-toolbar button {
        font-size: 12px;
        padding: 2px 5px;
        line-height: 1.5;
    }

    #calendar .fc-toolbar-title {
        font-size: 18px;
    }

    #calendar .fc-daygrid-day-number {
        font-size: 12px;
    }

    #calendar {
        max-width: 500px;
    }

    .container-count>div {
        height: 120px;
        width: 170px;
    }

    .view-cell {
        left: 0;
        width: 100%;
    }


    #bloco1,
    #bloco2,
    #bloco3,
    #bloco4,
    #bloco5 {
        max-width: 800px;

    }


    .map {
        height: 260px;
    }

    .conteudo {
        margin-left: 190px;
    }

    .menu-hamburguer {
        height: 100%;
        display: block;
        right: 0;
        float: right;
        margin-right: 20px;
        z-index: 9999;
        padding-top: 20px;
    }

    .fa-caret-up {
        display: none;
    }

    .sub-menu.open {
        display: block;
    }

    .login-menu .fa-caret-down {
        display: inline-block;
    }

    .login-menu.open .fa-caret-down {
        display: none;
    }

    .login-menu.open .fa-caret-up {
        display: inline-block;
    }


    .sub-menu a:before {
        content: "\2022";
        /* código do bullet point */
        color: #000;
        /* cor do ícone */
        margin-right: 10px;
        /* espaço entre o ícone e o texto */
    }

    .sub-menu a {
        padding-left: 10px;
    }



    .menu-hamburguer .sub-menu {
        display: none;
    }

    .menu-hamburguer .login-menu:hover .sub-menu {
        display: block;
        position: absolute;
        top: 100%;
        left: 0;
        background-color: #2ECC40;
        width: 150px;
        z-index: 999;
    }

    .menu-hamburguer .sub-menu li {
        padding: 10px 0px;
        text-align: left;
        text-decoration: none;
    }

    .menu-hamburguer .sub-menu a {
        text-decoration: none;
        color: white;
        font-size: 22px;
        cursor: pointer;
        list-style: none;
    }

    .menu-hamburguer .sub-menu a:hover {
        color: #999;
    }

    .menu-hamburguer .sub-menu a:active {
        color: #999;
    }

    .menu {
        display: none;
    }

    #checkbox-menu {
        opacity: 0;
        position: absolute;
        z-index: 9999;
        height: 32px;
        width: 30px;
    }

    #labelMenu {
        position: relative;
        display: block;
        height: 22px;
        width: 30px;
        z-index: 999;
    }

    .spanMenu {
        position: absolute;
        display: block;
        height: 5px;
        width: 30px;
        border-radius: 30px;
        background: #000;
        transition: 0.2s ease;
    }

    label span:nth-child(1) {
        top: 0;
    }

    label span:nth-child(2) {
        top: 8px;
    }

    label span:nth-child(3) {
        top: 16px;
    }

    #checkbox-menu:checked+label span:nth-child(1) {
        transform: rotate(-45deg);
        top: 8px;
    }

    #checkbox-menu:checked+label span:nth-child(2) {
        opacity: 0;
    }

    #checkbox-menu:checked+label span:nth-child(3) {
        transform: rotate(45deg);
        top: 8px;
    }



    .menu-hamburguer ul {
        position: fixed;
        z-index: 998;
        right: -150px;
        width: 0px;
        background-color: #2ECC40;
        height: 100%;
        margin-top: 53px;
        font-weight: bold;
        transition: all ease .2s;
        padding: 30px 10px;
        box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);
    }

    .menu-hamburguer #checkbox-menu:checked~ul {
        width: 150px;
        right: 0;
    }

    .menu-hamburguer ul li {
        padding: 10px 0px;
        text-align: left;
        text-decoration: none;

    }

    .menu-hamburguer ul a {
        text-decoration: none;
        color: white;
        font-size: 22px;
        cursor: none;
        list-style: none;

    }

    .menu-hamburguer ul a:hover {
        color: #000;
    }

    .menu-hamburguer ul a:active {
        color: #000;
    }

    .wid {
        width: 40%;
    }
}

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


    .map {
        height: 260px;
    }

    #botao {
        width: 300px;
        height: 70.83px;
        background-size: 100%;
    }

    .conteudo {
        margin-left: 170px;
    }

    .wid {
        width: 40%;
    }

    .img-container {
        max-width: 400px;
    }

    .imgRow {
        max-width: 240px;
        width: 240px;
        height: 260px;
    }

    .imgRowBelow {
        width: 260px;
        height: 190px;
    }
}


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

    #bloco1,
    #bloco2,
    #bloco3,
    #bloco4,
    #bloco5 {
        max-width: 670px;

    }

    menu .container2 {
        margin-top: 0;
    }


    .map {
        height: 240px;
    }

    #botao {
        width: 250px;
        height: 59.03px;
        background-size: 100%;
    }

    .conteudo {
        margin-left: 100px;
    }

    .img-container {
        max-width: 300px;
    }

    .imgRow {
        max-width: 210px;
        width: 210px;
        height: 230px;
    }

    .imgRowBelow {
        width: 230px;
        height: 160px;
    }
}

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

    .mgn {
        margin-bottom: 170px;
    }

    #calendar .fc-event-time,
    #calendar .fc-event-title {
        font-size: 12px;
    }

    table td,
    table th {
        overflow: hidden;
    }

    .container-dash {
        width: 100%;
    }

    #calendar {
        max-width: 450px;
    }

    .count-title {
        font-size: 12px;
    }

    .container-count>div {
        height: 120px;
        width: 170px;

    }

    #piechart {
        display: none;
    }

    .container-count {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .container-count>div {
        display: inline-block;
        margin: 10px;
    }

    #bloco1,
    #bloco2,
    #bloco3,
    #bloco4,
    #bloco5 {
        max-width: 560px;

    }

    .conteudo {
        margin-left: 0%;
        width: 90%;
    }

    .box,
    .box1,
    .box2,
    .box3,
    .box4 {
        width: 100%;
    }

    .wid {
        width: 30%;
    }

    .map {
        height: 220px;
    }

    .rowHome {
        display: block;
    }

    .textRow {
        width: 80%;
    }

    .rowTitle {
        text-align: left;
        font-size: 22px;
    }

    .imgRow {
        max-width: 190px;
        width: 190px;
        height: 210px;
    }

    .imgRowBelow {
        width: 210px;
        height: 140px;
    }

    .container5 {
        flex-direction: column;
    }

    .rowHome {
        margin-top: 40px;
    }
}