@-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: 1070px) {
     body {
         margin:0!important;
         padding:0!important;
         overflow-x: hidden;
    }
     #content {
         max-width: 95vw!important;
         margin: 0 auto;
         padding: 0px;
         overflow: hidden;
    }
     #header {
         background-image: url('../images/headerm.png');
         background-position: top center;
         background-repeat: no-repeat;
         height: 500px;
         background-size: cover;
         margin-bottom: 10px;
    }
     .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;
    }
     .line {
         display:none;
    }
     .topo-direito {
         margin: 0 auto;
         height: auto;
         width: 100%;
         float: none;
    }
     .menu-second {
         display: none;
    }
     .menu{
         width: 100%;
         font-size: 13px;
         /* color: #df8a65; */
         display: block;
         height: auto;
         margin: 0;
         background: transparent;
         padding: 0;
         margin-bottom: 10px;
    }
     .menu ul {
         position: static;
         display: none;
         border: 0px;
         overflow: hidden;
    }
     .menu ul li, .menu li a {
         width: 96%;
    }
     .menu ul li a{
         background: transparent;
         margin: 0 auto;
         margin-top: 10px;
         border: 1px solid rgb(0 0 0 / 10%);
         font-size: 11px;
         border-radius: 10px;
         color: #a32a17;
         text-transform: uppercase;
         padding: 15px;
         width: 92%;
    }
     .show-menu {
         display: block;
         border-radius: 10px;
         font-size: 12px;
         color: #a32a17;
         text-transform: uppercase;
         padding: 15px;
         background: #f4b578;
         background: transparent;
         border: 1px solid rgb(0 0 0 / 10%);
    }
     .menu input[type=checkbox]:checked ~ #menu {
         margin: 0 auto;
    }
     .welcome {
         margin: 0 auto;
         width: 100%;
         padding: 0;
         margin-bottom: 10px;
         background: #f4b578;
         border-radius: 10px;
    }
     .welcome p {
         font-size: 13px;
         padding: 20px;
         margin: 0 auto;
         max-width: 100%;
         color: #c48b54;
         text-align: center;
    }
    .back-site  {
        display: none;
    }
     #footer {
         max-width: 100%;
    }
     #footer .inner {
         font-size: 11px;
         max-width: 92vw!important;
    }
     .social {
         display: flex;
         margin: 0 auto;
         align-items: center;
         justify-content: center;
         width: 100%;
    }
     .social a {
         margin-right: 5px;
    }
     .home{
         margin: 0 auto;
        height: 35px;
        position: relative;
        margin-left: calc(50% - 180px / 2);
    }
     .maintable, .admin_menu_wrapper {
        /* line-height:145%;
         */
         height: auto;
         padding: 0;
        /* border: 0;
         */
    }
     .tableh1 {
         font-size: 11px!important;
         padding: 10px 15px;
    }
     .alblink {
         font-size: 10px;
         line-height: 10px;
    }
     .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 {
        /* max-width: 9vw!important;
         */
    }
     .thumb_caption_mtime {
        /* margin-bottom: 18px;
         */
    }
     .thumb_caption {
         font-size: 9px!important;
         height: auto;
        /* padding: 10px 0;
         */
        /* margin-top: 10px;
         */
    }
     .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: 9px;
         /* width: 64%; */
    }
     .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: 80%!important;
    }
     .statlink {
         font-size: 11px;
         line-height: 14px;
         padding: 10px 0;
    }
     .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: 1vw 10px 0 10px!important;
        margin: 0!important;
        width: calc(50% - 20px)!important;
        float: none;
        position: relative;
        display: inline-block;
        height: 100%;
        border-radius: 0;
   }
    .thumbnail, .catrow_noalb img, .catrow img {
        max-width: 100%!important;
        height: auto!important;
   }
    .thumb_title, .thumb_caption, .thumb_filename, .thumb_num_comments, .thumb_resolution {
   }
    .catlink a {
        font-size: 11px;
   }
    .albumsThumbnails {
        width: 95%!important;
   }
}
 @media all and (max-width: 992px) {

}
 @media all and (max-width: 570px) {
     #header {
         height: 380px;
    }
}

