/*@media (max-width: 750px) {*/
/*    body .wrapper main {*/
/*        height: calc(100% - 120px);*/
/*    }*/
/*}*/

@media (max-width: 750px) {


    .imgDecribeWeather {
        width: 60px;
    }

    .imgSunriseSunset {
        width: 50px;
    }


    span.degree,
    .nowTime,
    time,
    .otherInformationSpan {
        font-size: 16px;
    }

    .otherInformationSpan img {
        width: 25px;
    }

    .titleInTable {
        font-size: 20px;
    }

    time {
        font-size: 15px;
    }
}

@media (max-width: 500px) {
    body .wrapper main .otherInformation,
    body .wrapper main .mainInformation,
    body .wrapper main .blockForLastCities,
    body .wrapper main .blockForWeatherToday .blockForFewDays {
        width: 95%;

    }

    .mainInformationDiv {
        width: 100%;
    }
}


@media (max-width: 420px) {
    .imgDecribeWeather {
        width: 50px;
    }

    .imgSunriseSunset {
        width: 40px;
    }


    span.degree,
    .nowTime,
    time,
    .otherInformationSpan {
        font-size: 15px;
    }

    .otherInformationSpan img {
        width: 20px;
    }

    .titleInTable {
        font-size: 15px;
    }

    time {
        font-size: 13px;
    }

    .currentWeatherSpan {
        position: relative;
        top: -10px;
    }
}

@media (max-width: 1100px) {

    body .wrapper main .otherInformation,
    body .wrapper main .mainInformation,
    body .wrapper main .blockForLastCities,
    body .wrapper main .blockForWeatherToday .blockForFewDays {
        margin-top: 15px;

    }

    body .wrapper main .blockForWeatherToday .blockForFewDays {

        margin-bottom: 15px;
    }

    body .wrapper main .blockForLastCities, body .wrapper main .blockForWeatherToday .blockForFewDays {
        position: initial;

    }

    body .wrapper main .blockForWeatherToday {
        flex-direction: column;
        row-gap: 10px;
    }
}