@media screen and (max-width: 1270px) {

    .infopanel-big-show .content { margin: 0 20px; left:0; }
}

@media screen and (max-width: 819px) {

    .infopanel.open { overflow-y: scroll; }
    .infopanel .content { height: calc(100% - 180px); overflow-y: scroll; margin: 0 20px; left:0; }
    .infopanel .content header h2, h3, span { line-height: 1.7rem; margin: 5px auto 0; }
    .infopanel-close-btn { right: 20px; left: auto; }
    .infopanel-close-btn.open { left: 0; bottom: 0; right: 0; height: 50px; }
}

@media screen and (max-width: 598px) {

    .infopanel .content { height: calc(100% - 170px); }
    .infopanel .content .frame { flex: 0 1 100%; }
    .infopanel .content .frame .ce-textpic { height: calc(100% - 35px); }
}