.page-realtime-keywords .main {
    max-width: none;
    padding: 28px 30px 30px;
}

.realtime-topbar {
    align-items: center;
    margin-bottom: 18px;
}

.realtime-topbar h1 {
    font-size: 27px;
}

.realtime-frame-wrap {
    overflow: hidden;
    height: calc(100vh - 150px);
    min-height: 600px;
    border: 1px solid #dfe5e2;
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 8px 28px rgba(30, 49, 41, .07);
}

.realtime-frame-wrap iframe {
    width: 100%;
    height: 100%;
    border: 0;
}

@media (max-width: 900px) {
    .page-realtime-keywords .main {
        padding: 22px;
    }

    .realtime-frame-wrap {
        height: calc(100vh - 210px);
        min-height: 520px;
    }
}

@media (max-width: 620px) {
    .realtime-topbar {
        align-items: stretch;
    }

    .realtime-frame-wrap {
        height: calc(100vh - 265px);
        min-height: 450px;
    }
}