@media (max-width : 1023px) {
    body {
        padding: 5px;
    }
    html body div#container, html body > div#header, html body > nav#main-nav, html body #header-image {
        width: 100%;
        max-width: 800px;
    }
    html body #header-image {
        height: auto;
    }
    #header h1#blogtitle, #header a#blogtitle {
        position: static;
        padding-left: 20px;
        padding-top: 20px;
    }
    #header h2#blogdesc, #header p#blogdesc {
        position: static;
        padding-left: 22px;
        padding-top: 0;
    }
    #container div.content-area {
        max-width: 100%;
        min-height: initial;
        width: 100%;
    }
    div#container div#header {
        width: auto;
        max-width: 100%;
    }
    #header a#header-image {
        text-align: center;
    }
    #header a#header-image img {
        width: auto;
        max-width: 100%;
        max-height: 360px;
        margin-left: auto;
        margin-right: auto;
    }
    div.more-content nav.cc_history {
        display: none;
    }
    #container #sidebar-wide {
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 0;
        width: 100%;
    }
    #container div#sidebar1,
    #container div#sidebar2 {
        max-width: 330px;
        min-width: 310px;
        margin-left: auto;
        margin-right: auto;
    }
    #container #sidebar-wide aside {
        padding-left: 10px;
        padding-right: 10px;
    }
    #wpadminbar #wp-admin-bar-go-to-parent {
        display: none;
    }
    div.entry-content img[class^="wp-image-"], div.entry-content p img {
        max-width: 100%;
        height: auto;
    }

    .gallery-columns-2 dl {
        max-width: 48%;
        min-width: 48%;
        padding-left: 15px;
    }
    .gallery-columns-3 dl {
        max-width: 31%;
        min-width: 31%;
        padding-left: 15px;
    }
    .gallery-columns-4 dl {
        max-width: 23%;
        min-width: 23%;
        padding-left: 15px;
    }
    .gallery-columns-2 dl:nth-of-type(2n+1), .gallery-columns-2 dl:first-child,
    .gallery-columns-3 dl:nth-of-type(3n+1), .gallery-columns-3 dl:first-child,
    .gallery-columns-4 dl:nth-of-type(4n+1), .gallery-columns-4 dl:first-child {
        padding-left: 0;
    }

    .gallery-columns-5:after,
    .gallery-columns-6:after,
    .gallery-columns-7:after,
    .gallery-columns-8:after,
    .gallery-columns-9:after {
        content: " ";
        clear: both;
        float: none;
        display: block;
    }
    .gallery-columns-5 br,
    .gallery-columns-6 br,
    .gallery-columns-7 br,
    .gallery-columns-8 br,
    .gallery-columns-9 br {
        display: none;
    }
    .gallery-columns-5 dl,
    .gallery-columns-6 dl,
    .gallery-columns-7 dl,
    .gallery-columns-8 dl,
    .gallery-columns-9 dl {
        padding-left: 15px;
        max-width: 18%;
        min-width: 18%;
    }
    .gallery-columns-5 dl:nth-of-type(5n+1), .gallery-columns-5 dl:first-child,
    .gallery-columns-6 dl:nth-of-type(5n+1), .gallery-columns-6 dl:first-child,
    .gallery-columns-7 dl:nth-of-type(5n+1), .gallery-columns-7 dl:first-child,
    .gallery-columns-8 dl:nth-of-type(5n+1), .gallery-columns-8 dl:first-child,
    .gallery-columns-9 dl:nth-of-type(5n+1), .gallery-columns-9 dl:first-child {
        clear: left;
        padding-left: 0;
    }

    nav#main-nav {
        position: relative;
        z-index: 999;
        margin-left: auto;
        margin-right: auto;
    }
    nav#main-nav:before {
        font-family: dashicons;
        font-size: 40px;
        content: "\f333";
        vertical-align: middle;
        padding-left: 7px;
    }
    nav#main-nav > span#respMenu {
        display: inline-block;
        margin-left: -47px;
        padding-left: 47px;
        min-height: 24px;
    }
    #main-nav ul.topnav {
        display: none;
        padding: 0;
        margin: 0;
        position: absolute;
        top: 30px;
        left: 0;
        z-index: 999;
        min-width: 300px;
        -webkit-box-shadow: 4px 3px 5px 0 rgba(128, 128, 128, 0.8);
        -moz-box-shadow: 4px 3px 5px 0 rgba(128, 128, 128, 0.8);
        box-shadow: 4px 3px 5px 0 rgba(128, 128, 128, 0.8);
    }
    #main-nav .topnav li, #main-nav .topnav > li:first-child, #main-nav .topnav li:last-child {
        display: block;
        padding: 0;
        background-color: transparent;
    }
    #main-nav .topnav li a {
        display: block;
        padding: 10px;
    }
    #main-nav ul.topnav > li > ul.subnav {
        display: block;
        position: static;
        background-color: transparent;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        border: none;
    }
    #main-nav ul.topnav li ul.subnav > li > a {
        margin-left: 10px;
    }
    #main-nav ul.topnav li ul.subnav.level1 > li > a {
        margin-left: 5px;
    }
    #main-nav ul.subnav a:before {
        content: "\f139";
        font-family: dashicons;
        vertical-align: middle;
        position: relative;
        top: -2px;
    }

    div#fogkefeatfogo {
        float: none;
        overflow: hidden;
    }
    div#fogkefeszar {
        margin-top: 0;
        text-align: center;
        float: none;
    }
    .more-content .cc_ads_in_post {
        width: 100%;
        overflow: hidden;
    }

    div#wpadminbar li#wp-admin-bar-go-to-parent { display: none; }

    body div#zoneTop {
        width: 100%;
        max-width: 980px;
        text-align: center;
        margin: 0 auto;
        overflow-x: hidden;
    }
    div#zoneTop > div:not(:empty) {
        margin-bottom: 5px;
    }

    .flexbox div#contentFrame, .flexboxtweener div#contentFrame {
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: row wrap;
        -moz-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }
    .flexbox div#contentFrame div.content-area, .flexboxtweener div#contentFrame div.content-area {
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
        float: none;
    }
    .flexbox div#contentFrame div#sidebar-wide, .flexboxtweener div#contentFrame div#sidebar-wide {
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
        float: none;
    }
    .no-flexbox.no-flexboxtweener div#contentFrame { display: table; }
    .no-flexbox.no-flexboxtweener div#contentFrame div.content-area { display: table-header-group; float: none; }
    .no-flexbox.no-flexboxtweener div#contentFrame div#sidebar-wide { display: table-footer-group; float: none; }
    div#contentFrame div#sidebar-wide:before, div#contentFrame div#sidebar-wide:after {
        content: '';
        display: block;
        clear: both;
        height: 25px;
        width: 100%;
    }

    img#cb_printbutton {
        display: none;
    }
}

@media (max-width : 1023px) and (min-width : 680px) {
    #container div#sidebar-wide {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    #container div#sidebar1,
    #container div#sidebar2 .sidebar-left,
    #container div#sidebar2 .sidebar-right {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        max-width: 696px;
        margin-left: auto;
        margin-right: auto;
    }
    #container div#sidebar2 {
        max-width: 696px;
        margin-left: auto;
        margin-right: auto;
    }
    #container div#sidebar2 .sidebar-left,
    #container div#sidebar2 .sidebar-right {
        max-width: 348px;
    }
    #container div#sidebar1 aside.sidebar-box,
    #container div#sidebar2 aside.sidebar-box {
        -webkit-column-break-inside: avoid;
        page-break-inside: avoid;
        break-inside: avoid;
        padding-left: 0;
        padding-right: 0;
    }
    #sidebar1 .cc-ads-doboz-right + .clear + .clear {
        clear: none;
        float: inherit;
    }
}
@media (max-width: 720px) {
    .gallery-columns-5 dl,
    .gallery-columns-6 dl,
    .gallery-columns-7 dl,
    .gallery-columns-8 dl,
    .gallery-columns-9 dl {
        max-width: 17.5%;
        min-width: 17.5%;
    }

    div.social .shareByEmailBox {
        width: 91%;
        padding-left: 15px;
        padding-right: 15px;
        box-sizing: border-box;
        text-align: left;
    }
    div.social .shareByEmailBox div.background {
        width: 100%;
    }
    div.social .shareByEmailBox div.head {
        width: 100%;
        margin-left: 0;
        box-sizing: border-box;
    }
    div.social .shareByEmailBox div.shareByEmail {
        width: 100%;
        height: 280px;
        margin-left: 0;
        box-sizing: border-box;
    }
    .shareByEmail label {
        width: 94%;
    }
    .shareByEmail label input, .shareByEmail label + label input {
        width: 100%;
        box-sizing: border-box;
    }
    .shareByEmail textarea {
        width: 100%;
        box-sizing: border-box;
        height: 70px;
    }
}
@media (max-width : 640px) {
    body {
        background-image: none;
    }

    .gallery-columns-5 dl:nth-of-type(5n+1),
    .gallery-columns-6 dl:nth-of-type(5n+1),
    .gallery-columns-7 dl:nth-of-type(5n+1),
    .gallery-columns-8 dl:nth-of-type(5n+1),
    .gallery-columns-9 dl:nth-of-type(5n+1) {
        clear: none;
        padding-left: 15px;
    }
    .gallery-columns-4 dl,
    .gallery-columns-5 dl,
    .gallery-columns-6 dl,
    .gallery-columns-7 dl,
    .gallery-columns-8 dl,
    .gallery-columns-9 dl {
        padding-left: 15px;
        max-width: 22.5%;
        min-width: 22.5%;
    }
    .gallery-columns-4 dl:nth-of-type(4n+1),
    .gallery-columns-5 dl:nth-of-type(4n+1), .gallery-columns-5 dl:first-child,
    .gallery-columns-6 dl:nth-of-type(4n+1),
    .gallery-columns-7 dl:nth-of-type(4n+1),
    .gallery-columns-8 dl:nth-of-type(4n+1),
    .gallery-columns-9 dl:nth-of-type(4n+1) {
        clear: left;
        padding-left: 0;
    }

    div.entry-meta a.entry-comments {
        display: inline-block;
        text-decoration: none;
    }
    div.entry-meta a.entry-comments span { display: none; }
    div.entry-meta a.entry-comments:before {
        font-family: dashicons;
        font-size: 16px;
        content: "\f101";
        vertical-align: bottom;
        position: relative;
        top: 1px;
    }
}

@media (max-width : 540px) {
    #header a#header-image img {
        max-height: 260px;
        margin: 0 auto;
    }
    .related-posts > div > a {
        width: 25%;
        height: auto;
    }
    .related-posts > div > a img {
        width: 82%;
        height: auto;
        min-width: 82%;
        min-height: 0;
        max-width: 82%;
    }
    .related-posts > div > a span {
        width: 82%;
    }
    .related-posts > div > a:nth-child(8) ~ a {
        display: none;
    }

    .gallery-columns-4:after {
        content: " ";
        clear: both;
        float: none;
        display: block;
    }
    .gallery-columns-4 br {
        display: none;
    }
    .gallery-columns-4 dl:nth-of-type(4n+1),
    .gallery-columns-5 dl:nth-of-type(4n+1),
    .gallery-columns-6 dl:nth-of-type(4n+1),
    .gallery-columns-7 dl:nth-of-type(4n+1),
    .gallery-columns-8 dl:nth-of-type(4n+1),
    .gallery-columns-9 dl:nth-of-type(4n+1) {
        clear: none;
        padding-left: 15px;
    }
    .gallery-columns-3 dl,
    .gallery-columns-4 dl,
    .gallery-columns-5 dl,
    .gallery-columns-6 dl,
    .gallery-columns-7 dl,
    .gallery-columns-8 dl,
    .gallery-columns-9 dl {
        padding-left: 15px;
        max-width: 30%;
        min-width: 30%;
    }
    .gallery-columns-3 dl:nth-of-type(3n+1), .gallery-columns-3 dl:first-child,
    .gallery-columns-4 dl:nth-of-type(3n+1),
    .gallery-columns-5 dl:nth-of-type(3n+1),
    .gallery-columns-6 dl:nth-of-type(3n+1),
    .gallery-columns-7 dl:nth-of-type(3n+1),
    .gallery-columns-8 dl:nth-of-type(3n+1),
    .gallery-columns-9 dl:nth-of-type(3n+1) {
        clear: left;
        padding-left: 0;
    }

    div.social a.fbshare, div.social a.google, div.social a.twitter div.social a.pinterest {
        margin-bottom: 10px;
    }

    #comments div.reply {
        position: static;
        text-align: left;
        width: auto;
        margin-top: 10px;
    }
}

@media (max-width : 479px) {
    body {
        padding: 1px 0 0 0;
        margin: 0;
    }
    body div#container {
        border: none;
        padding: 0;
        margin: 0;
    }
    body div#container2 {
        border: none;
    }
    #header a#header-image img {
        max-height: 240px;
    }
    #header h1#blogtitle, #header a#blogtitle {
        padding-top: 10px;
        padding-left: 10px;
    }
    #header h2#blogdesc, #header p#blogdesc {
        padding-top: 0;
        padding-left: 12px;
    }
    #container div.content-area {
        word-break: break-word;
    }
    #container .content-area .content {
        padding-left: 10px;
        padding-right: 10px;
    }
    .comments_form textarea {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
    }
    #container #sidebar-wide aside {
        padding-left: 10px;
        padding-right: 10px;
    }
    #container #sidebar2 .sidebar-left aside {
        padding-right: 2px;
    }
    #container #sidebar2 .sidebar-right aside {
        padding-left: 2px;
    }
    #comments form.comment-loginform {
        width: 90%;
    }
    body #wpadminbar #wp-admin-bar-edit > .ab-item {
        width: 48px;
    }

    .gallery-columns-2 dl {
        max-width: 47%;
        min-width: 47%;
    }

    div.social .shareByEmailBox, div.social .shareByEmailBox div.background {
        height: 500px;
    }
    div.social .shareByEmailBox div.shareByEmail {
        height: 380px;
    }
    .shareByEmailBox .head h3 {
        max-width: 200px;
        padding-top: 25px;
    }
    .shareByEmail label {
        width: 100%;
        border: none;
        position: static;
        margin-bottom: 43px;
        padding: 0;
    }
    .shareByEmail label + label + label {
        color: #356da9;
        font-weight: bold;
        height: 95px;
    }
    .shareByEmail label + label input {
        padding-left: 10px;
    }
    .shareByEmail label input, .shareByEmail textarea {
        position: static;
        display: block;
        border-width: 1px;
        border-color: #787878 #cccccc #cccccc #787878;
        border-style: solid;
        margin: 4px 0 7px 0;
        padding: 7px 0 7px 10px;
    }
    .shareByEmail textarea {
        height: 100px;
    }

    #comments .comment-history {
        position: static;
        display: block;
        margin-top: 3px;
    }
    #comments div.comment-meta {
        position: static;
    }
    #comments .comment-author cite, #comments .comment-author span {
        top: -13px;
    }
}

@media (max-width : 360px) {
    .related-posts > div > a {
        width: 33%;
    }
    .related-posts > div > a:nth-child(6) ~ a {
        display: none;
    }
    .shareByEmailBox .head h3 {
        background-position: 25px 25px;
        max-width: 150px;
        padding-left: 83px;
    }
}

@media (max-width : 329px) {
    #container #sidebar-wide {
        min-width: 320px;
    }
    #container #sidebar-wide aside {
        max-width: 300px;
        overflow: hidden;
    }

    .gallery-columns-2 dl {
        max-width: 46%;
        min-width: 46%;
    }
    .gallery-columns-3 dl,
    .gallery-columns-4 dl,
    .gallery-columns-5 dl,
    .gallery-columns-6 dl,
    .gallery-columns-7 dl,
    .gallery-columns-8 dl,
    .gallery-columns-9 dl {
        max-width: 28%;
        min-width: 28%;
    }
}

@media (max-width : 319px) {
    #main-nav ul.topnav {
        max-width: 97%;
        min-width: 97%;
    }
    #main-nav ul.topnav > li > ul.subnav {
        max-width: 100%;
        min-width: 100%;
    }

    .shareByEmailBox .head h3 {
        background-position: 10px 15px;
        max-width: 120px;
        padding-left: 68px;
        padding-top: 14px;
    }
    div.social .shareByEmailBox div.shareByEmail {
        padding: 20px 10px;
    }
}

@media (max-width : 259px) {
    .related-posts > div > a {
        width: 49%;
    }
    .related-posts > div > a:nth-child(4) ~ a {
        display: none;
    }

    .gallery-columns-3:after {
        content: " ";
        clear: both;
        float: none;
        display: block;
    }
    .gallery-columns-3 br {
        display: none;
    }
    .gallery-columns-3 dl:nth-of-type(3n+1),
    .gallery-columns-4 dl:nth-of-type(3n+1),
    .gallery-columns-5 dl:nth-of-type(3n+1),
    .gallery-columns-6 dl:nth-of-type(3n+1),
    .gallery-columns-7 dl:nth-of-type(3n+1),
    .gallery-columns-8 dl:nth-of-type(3n+1),
    .gallery-columns-9 dl:nth-of-type(3n+1) {
        clear: none;
        padding-left: 15px;
    }
    .gallery-columns-2 dl,
    .gallery-columns-3 dl,
    .gallery-columns-4 dl,
    .gallery-columns-5 dl,
    .gallery-columns-6 dl,
    .gallery-columns-7 dl,
    .gallery-columns-8 dl,
    .gallery-columns-9 dl {
        padding-left: 15px;
        max-width: 43%;
        min-width: 43%;
    }
    .gallery-columns-2 dl:nth-of-type(2n+1),
    .gallery-columns-3 dl:nth-of-type(2n+1),
    .gallery-columns-4 dl:nth-of-type(2n+1),
    .gallery-columns-5 dl:nth-of-type(2n+1),
    .gallery-columns-6 dl:nth-of-type(2n+1),
    .gallery-columns-7 dl:nth-of-type(2n+1),
    .gallery-columns-8 dl:nth-of-type(2n+1),
    .gallery-columns-9 dl:nth-of-type(2n+1) {
        clear: left;
        padding-left: 0;
    }
}

@media (max-height: 360px) {
    table#over18 td#logo18 {
        width: 104px;
        height: 110px;
        background-size: 104px 104px;
    }
    table#over18 td.text-and-buttons {
        margin-top: 5px;
    }
}