@media screen and (max-height: 900px) {
    .heightPlanning {
        max-height: 98vh;
        min-height: 98vh;
    }

    .heightItems {
        max-height: 117vh;
    }

    .heightItems2 {
        max-height: 111vh;
    }
}

@media screen and (max-height: 850px) {
    .heightPlanning {
        max-height: 95vh;
        min-height: 95vh;
    }

    .heightItems {
        max-height: 116vh;
    }

    .heightItems2 {
        max-height: 110vh;
    }
}

@media screen and (max-height: 800px) {
    .heightPlanning {
        max-height: 92vh;
        min-height: 92vh;
    }

    .heightItems {
        max-height: 115vh;
    }

    .heightItems2 {
        max-height: 109vh;
    }
}

@media screen and (max-height: 750px) {
    .heightPlanning {
        max-height: 90vh;
        min-height: 90vh;
    }

    .heightItems {
        max-height: 114vh;
    }

    .heightItems2 {
        max-height: 108vh;
    }
}

@media screen and (max-height: 700px) {
    .heightPlanning {
        max-height: 87vh;
        min-height: 87vh;
    }

    .heightItems {
        max-height: 113vh;
    }

    .heightItems2 {
        max-height: 106vh;
    }
}

@media screen and (max-height: 650px) {
    .heightPlanning {
        max-height: 83vh;
        min-height: 83vh;
    }

    .heightItems {
        max-height: 111vh;
    }

    .heightItems2 {
        max-height: 104vh;
    }
}

@media screen and (max-height: 600px) {
    .heightPlanning {
        max-height: 79vh;
        min-height: 79vh;
    }

    .heightItems {
        max-height: 109vh;
    }

    .heightItems2 {
        max-height: 101vh;
    }
}

@media screen and (max-height: 550px) {
    .heightPlanning {
        max-height: 74vh;
        min-height: 74vh;
    }

    .heightItems {
        max-height: 107vh;
    }

    .heightItems2 {
        max-height: 97vh;
    }
}

@media screen and (max-height: 500px) {
    .heightPlanning {
        max-height: 64vh;
        min-height: 64vh;
    }

    .heightItems {
        max-height: 105vh;
        min-height: 100vh;
    }

    .heightItems2 {
        max-height: 92vh;
        min-height: 100vh;
    }
}

@media screen and (max-width: 450px) {
    .form {
        width: 100%;
    }

    .show {
        top: 15px;
    }
    .p {
        font-size:17px;
    }

    .textTitle {
        margin-left: 0px;
    }

    .SiteGrid {
        margin-right: 0px;
    }

    .textTitle {
        margin-top: 9px;
    }

    .siteButton {
        margin-top: 6px;
        width: 120px;
    }

    .SiteGrid {
        padding-left: 8px;
    }

    .planItem245 {
        width: 155px;
        min-width: 155px;
    }

    .planItem243 {
        width: 153px;
        min-width: 153px;
    }

    .planItem352 {
        width: 252px;
        min-width: 252px;
    }

    .planItem350 {
        width: 250px;
        min-width: 250px;
    }

    .planItem202 {
        width: 152px;
        min-width: 152px;
    }

    .planItem200 {
        width: 150px;
        min-width: 150px;
    }

    .planItem152 {
        width: 132px;
        min-width: 132px;
    }

    .planItem150 {
        width: 130px;
        min-width: 130px;
    }
}