@-webkit-viewport {
    width: device-width;
}
@-moz-viewport {
    width: device-width;
}
@-ms-viewport {
    width: device-width;
}
@-o-viewport {
    width: device-width;
}
@viewport {
    width: device-width;
}
@media all and (max-width: 1090px) {
    body {
        margin:0!important;
        padding:0!important;
        overflow-x: hidden;
    }
    #content {
        max-width: 95vw!important;
        margin: 0 auto;
        padding: 0px;
        /* overflow: hidden; */
    }
    #main {
        margin: 0 auto;
    }
    #header {
        /* background-image: url('../images/headerm.png'); */
        background-position: top center;
        background-repeat: no-repeat;
        height: 500px;
        background-size: cover;
        margin-bottom: 0;
    }
    .topbar{
        width: 100%;
        padding: 20px 0;
        margin: 0 auto;
        background: #fff;
        border-top-left-radius: 30px;
        overflow: hidden;
    }
    #main-topo {
        margin: 0 auto;
        padding: 0;
        width: auto;
    }
    td.navmenu {
    /* display: none; */
}
    .line {
        display:none;
    }
    .menu-mobile {
        /* background: #cc6b4f; */
        width: 100%;
    }
    .topo {
        display: block;
        width: auto;
        margin-top: -50px;
        background: rgb(200 193 160 / 24%);
        /* padding: 0px 0 20px 0; */
        /* border-top: 1px solid #a0513a; */
    }
    .topo p {
        /* width: 90%; */
        /* margin: 0 auto; */
        /* margin-bottom: 20px; */
    }
    .menu-second {
        display: none;
    }
    .menu{
        /* width: 90%; */
        display: block;
        height: auto;
        background: transparent;
        padding: 0;
        /* margin: 0 auto; */
        border-radius: 0;
    }
    .menu ul {
        position: static;
        display: none;
        border: 0px;
        overflow: hidden;
        padding: 0;
    }
    .menu ul li, .menu li a {
        width: 100%;
    }
    .menu ul a{
        margin: 0 auto;
        margin-top: 10px;
        border: 1px solid rgb(255 255 255 / 10%);
        width: 100%;
        color:#c8aa93;
        text-transform: uppercase;
        padding: 15px;
        background: #ecead2;
        border-radius: 30px;
    }
    .show-menu {
        display: block;
        color: #c8aa93;
        text-transform: uppercase;
        padding: 15px;
        background: #ecead2;
        border-radius: 30px;
    }
    .display_media {
        background: transparent;
    }
    .menu input[type=checkbox]:checked ~ #menu {
        margin: 0 auto;
    }
    .catrow tbody {
        background-position: 1px;
    }
    .welcome {
        text-align: center;
        /* width: 100%; */
        margin: 0 auto 20px 0;
        padding: 20px;
        background: #0000001c;
        /* background: rgb(200 193 160 / 24%); */
    }
    .welcome p {
        text-align: center;
        font-size: 13px;
    }
    .disclaimer {
        display: block;
        text-align: center;
        margin-bottom: 20px;
    }
    
    .disclaimer-icon {
        margin: 0 auto;
    }
    
    #footer .inner p {
        margin: 0 auto;
        font-size: 12px;
    }
    
    #footer .inner span {
        /* font-size: 15px; */
    }
    
    #footer .script {
        height: auto;
        padding: 8px 20px;
        width: auto;
        display: inline-block;
        margin-top: 20px;
    }
    
    #footer .script span {
        font-size: 12px;
    }
    #footer {
        max-width: 100%;
    }
    #footer .inner {
        font-size: 11px;
        max-width: 92vw!important;
        padding: 20px;
    }
    .script-online {
        display: block;
        width: 30%;
        margin: 10px auto;
    }
    .social {
        margin: 0 auto;
        width: 90%;
        padding: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 20px;
    }
    .social a {
        width: auto;
        padding: 0 10px;
    }
    .social a::after {
        display: none;
    }
    .home{
        margin: 0 auto;
        height: 35px;
        position: relative;
        margin-left: calc(50% - 180px / 2);
    }
    table {
        border-spacing: 0;
    }
    .maintable, .admin_menu_wrapper {
        line-height:145%;
        height: auto;
        padding: 0;
        border: 0;
        background: #ecead2;
        border-radius: 30px;
    }
    .tableh1 {
        font-size: 11px!important;
    }
    .alblink {
        font-size: 10px;
        line-height: 10px;
        border-radius: 30px;
    }
    .tableh1_info {
        font-size: 10px;
    }
    .catrow_noalb, .catrow {
        line-height: 12px;
    }
    .tableh2 {
        padding: 5px;
        line-height:normal;
    }
    .tableb {
        padding-left: 0!important;
        padding-right: 0!important;
    }
    .thumbnails {
        /* padding: 1vw 0!important; */
        margin: 0!important;
    }
    .thumb_caption, .thumb_filename, .thumb_num_comments, .thumb_resolution {
    }
    .thumb_caption_mtime {
        /* margin-bottom: 18px;
        */
    }
    .thumb_caption {
        font-size: 10px!important;
        left: calc(50% - 95px / 2);
    }
    .thumb_title_views {
    }
    .thumb_title_views{
    }
    .strip_image {
        max-width: 10vw!important;
        height: auto;
    }
    .display_media .image {
        max-width: 79vw !important;
        height: auto;
    }
    #film {
        width: 100%!important;
    }
    #film .thumb a:link {
        width: 100%!important;
    }
    .thumb_title {
        /* font-size: 10px; */
    }
    .navigation .content {
        margin: 0 auto;
        padding: 0;
        width: 100vw!important;
    }
    .tape {
        width: 100%!important;
        height: 100%!important;
        margin-left: 0!important;
    }
    #voting_title {
        line-height:25px;
        font-size:18px;
    }
    .albumName, .thumbsAdmin {
        float: left;
        padding: 0.5%;
        margin: 0px;
    }
    .sortorder_cell {
        float: right;
    }
    #formcell {
        float: left;
    }
    .thumbnail, .catrow_noalb img, .catrow img {
        max-width: 12vw!important;
        height: auto!important;
    }
    .remove {
        display: none!important;
    }
    #picinfo {
        width: 100%!important;
        overflow: scroll;
    }
    .sortorder_cell img,.thumb_caption_rating img,#comments img {
        max-width: 2vw!important;
        height: auto!important;
    }
    #comments #captchaImg img {
        max-width: 25vw!important;
        height: auto!important;
    }
    .comment_date {
        font-size: 1.4vw!important;
    }
    .buttonlist ul li a span {
        height: 2vw!important;
        line-height: 2vw!important;
    }
    .catrow_noalb table,.catrow table {
        font-size: 90%!important;
    }
    .statlink {
        font-size: 11px;
        line-height: 14px;
    }
    .statlink h2 {
        /* font-size: 3.5vw!important;
        */
    }
    body {
        padding: 0px!important;
    }
    .buttonlist ul li a span {
        height: 3vw!important;
        line-height: 2vw!important;
    }
    .buttonlist ul li a {
        font-size: 3vw!important;
    }
    .thumbsAdmin .admin_menu {
        margin: 2%!important;
    }
    .thumbsAdmin a {
        font-size: 2.5vw!important;
    }
    .thumbnails {
        padding: 30px;
        margin: 0!important;
        width: calc(50% - 60px)!important;
        float: none;
        position: relative;
        display: inline-block;
        height: 100%;
        border-radius: 0;
        background: transparent;
    }
    .thumbnail, .catrow_noalb img, .catrow img {
        max-width: 85%!important;
        height: auto!important;
    }
    .thumb_title, .thumb_caption, .thumb_filename, .thumb_num_comments, .thumb_resolution {
    }
    .catlink a {
        font-size: 14px;
    }
    .albumsThumbnails {
        width: 95%!important;
    }
}
@media all and (max-width: 992px) {
    
}
@media all and (max-width: 768px) {
    #header {
        height: 380px;
    }
    .topo {
        margin-top: -35px;
    }
}


@media all and (max-width: 480px) {
    #header {
        height: 240px;
    }
    .topo {
        margin-top: -20px;
    }
}