@media (max-width: 1200px) {
    .term-col {
        float: none;
    }
    .term-col .img-wrap {
        margin-top: 30px;
    }
    .term-col .text-wrap {
        margin-bottom: 50px;
    }
    .term-col .arrow {
        left: 50%;
        top: -42px;
        -moz-transform: rotate(90deg) translate(-50%,58%);
        -ms-transform: rotate(90deg) translate(-50%,58%);
        -webkit-transform: rotate(90deg) translate(-50%,58%);
        -o-transform: rotate(90deg) translate(-50%,58%);
        transform: rotate(90deg) translate(-50%,58%);
    }
    .screen-terms, .screen-atmo {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    h2 {
        margin-bottom: 40px;
    }
    .screen-atmo h2 {
        margin-bottom: 80px;
    }
    .details-button-wrap {
        margin-top: 0px;
    }
}

@media (max-width: 760px) {
    .dialog-col {
        padding-left: 34px;
        margin-left: 0;
    }
}

@media (max-width: 560px) {
    h1, .title {
        font-size: 40px;
    }
    .timer-col {
        padding-right: 22px;
        margin-right: 20px;
    }
    .timer-col > span {
        font-size: 42px;
    }
    .screen-top-descr {
        margin: 40px auto 20px;
        padding-bottom: 20px;
    }
    .round-button {
        margin-bottom: 30px;
    }
}

@media (max-width: 420px) {
    .dialog-col .dialog-img {
        width: 0;
    }
}