@media all and (min-width: 400px) { .article-outer, .article-outer-sidebar, .article-outer-cc2, .comments-outer, .comments-outer-sidebar, .related-posts-outer, .related-posts-outer-sidebar { margin: 0 30px 0 30px; } .article-container { padding-top: 18px; } .top-bar-outer, .main-container-outer, .footer-outer { margin: 0 auto; } .main-container-outer { padding: 0 20px 0 20px; } /* Since v.1.1 */ .site-footer { padding: 40px 20px 25px 20px; } /* */ } @media all and (min-width: 480px) { .date-txt { float: left; } .author-txt { float: right; } } @media all and (min-width: 640px) { .article-outer, .comments-outer, .related-posts-outer { margin: 0 50px 0 50px; } .article-container { display: inline-block; width: 100%; padding-top: 28px; } } @media all and (min-width: 680px) { .row-1-2 { display: table; table-layout: fixed; width: 100%; } .col-1-2 { width: 50%; display: inline-block; padding-right: 10px; float: left; } .col-1-2:nth-child(2n+2) { padding-left: 10px; } /* */ .main-container { padding-right: 0px; } .main-container-sidebar, .main-container-sidebar-cc2 { padding-right: 300px; } .site-content-sidebar, .site-content-sidebar-cc2 { float: left; padding-right: 20px; padding-bottom: 0px; width: 100%; } .sidebar { float: right; margin-right: -300px; width: 300px; } .related-posts-row { padding-left: 40px; } .related-post-item { width: 33.3%; margin-right: 20px; } .related-post-item:first-child { margin-left: -40px; } } @media all and (min-width: 760px) { .date-txt-sidebar, .date-txt-cc2 { float: left; } .author-txt-sidebar, .author-txt-cc2 { float: right; } .comment-author-img { display: table-cell; } .comment-content { display: table-cell; padding-top: 3px; } .comment-text { margin: 20px 0 0 64px; } /* Since v.1.8 */ .widget-item-footer-outer-col2 { width: 50%; margin-right: 40px; display: inline-block; vertical-align: top; margin-bottom: 20px; } .widget-item-footer-outer-col2:nth-child(2n) { margin-right: 0px; } .widget-item-footer-outer-col2:nth-child(2n+1) { margin-left: -40px; } .footer-widget-area-inner-col2 { padding-left: 40px; } /* */ } @media all and (min-width: 860px) { blockquote { margin: 0 30px 0 30px; } .comment.depth-2 { padding-left: 22px; } .comment.depth-3 { padding-left: 44px; } } @media all and (min-width: 960px) { .article-outer-sidebar, .article-outer-cc2, .comments-outer-sidebar, .related-posts-outer-sidebar { margin: 0 50px 0 50px; } .site-content-sidebar, .site-content-sidebar-cc2 { padding-right: 40px; } /* */ .col-1-2 { padding-right: 20px; } .col-1-2:nth-child(2n+2) { padding-left: 20px; } .row-1-3 { display: table; table-layout: fixed; width: 100%; } } @media all and (min-width: 1000px) { .col-1-3 { width: 33.33%; display: inline-block; padding-right: 10px; float: left; } .col-1-3:nth-child(2n+2) { padding-left: 5px; padding-right: 5px; } .col-1-3:nth-child(3n+3) { padding-left: 10px; } .site-container-inner-cc3 { max-width: 100%; } .related-posts-row-sidebar { padding-left: 40px; } .related-post-item-sidebar { width: 33.3%; margin-right: 20px; } .related-post-item-sidebar:first-child { margin-left: -40px; } /* */ #site-menu, #sticky-menu-container, .social-accounts { display: block; } .nav-container, .nav-s-container { display: table-cell; } /* Since v.1.1 */ .nav-container-outer { display: block; } #footer-social { display: block; } .footer-text { width: 33.3%; } .btn-to-top { text-align: center; width: 33.3%; } /* */ .slicknav_menu { display: none; } .social-icon-touch { margin-right: 0px; } /* Since v.1.8 */ .widget-item-footer-outer { width: 33.3%; display: inline-block; vertical-align: top; margin-right: 40px; margin-bottom: 20px; } .widget-item-footer-outer:nth-child(3n) { margin-right: 0px; } .widget-item-footer-outer:nth-child(3n+1) { margin-left: -80px; } .footer-widget-area-inner { padding-left: 80px; } /* */ } @media all and (min-width: 1020px) { .col-1-2-sidebar { width: 50%; display: inline-block; padding-right: 10px; float: left; } .col-1-2-sidebar:nth-child(2n+2) { padding-left: 10px; } } @media all and (min-width: 1080px) { .article-outer-cc3, .article-outer-sidebar-cc2 { margin: 0 30px 0 30px; } .comment-reply-edit { float: right; padding-top: 0px; padding-left: 20px; width: 250px; } .comment.depth-2 { padding-left: 64px; } .comment.depth-3 { padding-left: 128px; } .depth-3 .comment-reply-edit { width: 150px; } .btnReply { float: right; padding-left: 20px; padding-right: 0px; } .btnEdit { float: right; } /* */ .col-1-2-sidebar { padding-right: 20px; } .col-1-2-sidebar:nth-child(2n+2) { padding-left: 20px; } }