.container_cal {
    /* width: 80%; */
    padding: 0 10px;
    margin: auto;
    height: 100%;
    min-height: 100vh;
}

.calendar_top {
    background-color: red;
}

#cal {
    min-height: 100vh;
    width: 100%;
    height: 100%;
    border: 0;

}

.cal__top {
    display: flex;
    column-gap: 10%;
    align-items: center;
}

.select_cal {
    flex: 1;
}
.select_cal >*{
    width: 100%;
    margin: 0;
}
.prev >button,.next > button{
    margin: 0;
}

.heading_month {
    text-align: center;
    font-size: 25px;
    text-transform: capitalize;
}

@media only screen and (max-width:991px) {
    .container_cal {
        /* width: 95%; */
    }
    #cal {
        min-height: 720px;
    }
    .prev >button,.next > button{
        padding: 10px !important;
    }
    .heading_month {
        
        font-size: 30px;
        
        padding-top: 20px;
    }
}