How to add responsive padding for no-sidebar post/page

Hi everyone, as title, all posts/pages with no-sidebar layout is not responsive, without padding in mobile interface.

How could I fix it?

This is the css I use for single post padding

/** Single post padding **/
@media(min-width: 769px) {
    .single.separate-containers.right-sidebar .inside-article,
    .single.separate-containers.right-sidebar .comments-area,
    .single.separate-containers.right-sidebar .page-header,
    .single.separate-containers.right-sidebar .paging-navigation,
    .single.one-container.right-sidebar .site-content,
    .right-sidebar .inside-page-header {
        padding: 30px 20px 120px 120px;
    }
    .site-content .is-right-sidebar {
        width: 29%;
    }
body.no-sidebar:not(.home) #page {
    padding: 30px 0px;
}
}