/************************* Theme Created By Deanna @ Feelin Alive Designs (feelinalivedesigns@outlook.com).
 Please do not edit or redistribute without permission. **********************************************/
/**** RESPONSIVE CODING ****/
@media screen and (min-width: 901px) and (max-width:1199px) {
    #sitename {
        max-width: 1199px;
        width: 100%;
        float: none;
        text-align: center;
    }

    #header {
        display: none !important;
    }

    #mobileheader {
        display: block;
    }

    #mobileheader img {
        display: block;
        width: 100%;
        max-width: 100vw;
    }

    #container {
        max-width: 1199px;
        width: 100%;
        margin: 0 auto;
        min-height: 100%;
        background: transparent;
    }

    #navigation {
        width: 100%;
        max-width: 1199px;
        height: auto;
        background: transparent;
        text-align: center;
        margin: 0 auto;
        line-height: 10pt;
    }

    a.nav {
        display: inline-block;
    }

    a:link.nav::before, .navigation a:link::before {
        height: 0px;
    }

    #gal {
        width: 100%;
        max-width: 1199px;
        padding: 0px;
        margin-bottom: 0px;
        overflow: visible;
    }

    div#film {
        width: 70vw !important;
        margin: 0 auto;
        position: relative;
    }

    img.strip_image, td.thumb {
        max-width: 25vw;
        padding: 0px;
        margin: 0px;
    }
}

@media screen and (min-width: 660px) and (max-width:900px) {
    #sitename {
        max-width: 900px;
        width: 100%;
        float: none;
        text-align: center;
    }

    #header {
        display: none !important;
    }

    #mobileheader {
        display: block;
    }

    #mobileheader img {
        display: block;
        width: 100%;
        max-width: 100vw;
    }

    #container {
        max-width: 900px;
        width: 100%;
        margin: 0 auto;
        min-height: 100%;
        background: transparent;
    }

    #navigation {
        width: 100%;
        max-width: 900px;
        height: auto;
        background: transparent;
        text-align: center;
        margin: 0 auto;
        line-height: 10pt;
    }

    a.nav {
        display: inline-block;
    }

    a:link.nav::before, .navigation a:link::before {
        height: 0px;
    }

    #gal {
        width: 100%;
        max-width: 900px;
        padding: 0px;
        margin-bottom: 0px;
        overflow: visible;
    }

    .thumbnails .image.thumbnail {
        margin: 2px;
        max-width: 20vw !important;
        height: auto;
    }

    .thumbnails {
        background: transparent margin: 0px !important;
        min-width: 10vw;
    }

    .thumb_title_title, .thumb_title_views, .thumb_dimensions, .thumb_caption {
        line-height: 130% !important;
        max-width: 16vw;
    }

    .thumb_title_views, .thumb_dimensions, .thumb_caption {
        display: block;
        margin-bottom: 5px;
    }

    div#film {
        width: 70vw !important;
        margin: 0 auto;
        position: relative;
    }

    img.strip_image, td.thumb {
        max-width: 25vw;
        padding: 0px;
        margin: 0px;
    }
}

@media screen and (min-width: 481px) and (max-width:659px) {
    #sitename {
        max-width: 659px;
        width: 100%;
        float: none;
        text-align: center;
    }

    #header {
        display: none !important;
    }

    #mobileheader {
        display: block;
    }

    #mobileheader img {
        display: block;
        width: 100%;
        max-width: 100vw;
    }

    #container {
        max-width: 659px;
        width: 100%;
        margin: 0 auto;
        min-height: 100%;
        background: transparent;
    }

    #navigation {
        width: 100%;
        max-width: 659px;
        height: auto;
        background: transparent;
        text-align: center;
        margin: 0 auto;
        line-height: 10pt;
    }

    a.nav {
        display: inline-block;
    }

    a:link.nav::before, .navigation a:link::before {
        height: 0px;
    }

    #gal {
        width: 100%;
        max-width: 659px;
        padding: 0px;
        margin-bottom: 0px;
        overflow: visible;
    }

    .thumbnails .image.thumbnail {
        margin: 2px;
        max-width: 20vw !important;
        height: auto;
    }

    .thumbnails {
        background: transparent margin: 0px !important;
        min-width: 10vw;
    }

    .thumb_title_title, .thumb_title_views, .thumb_dimensions, .thumb_caption {
        line-height: 130% !important;
        max-width: 16vw;
    }

    .thumb_title_views, .thumb_dimensions, .thumb_caption {
        display: block;
        margin-bottom: 5px;
    }

    div#film {
        width: 70vw !important;
        margin: 0 auto;
        position: relative;
    }

    img.strip_image, td.thumb {
        max-width: 25vw;
        padding: 0px;
        margin: 0px;
    }
}

@media screen and (min-width: 376px) and (max-width:480px) {
    #sitename {
        max-width: 480px;
        width: 100%;
        float: none;
        text-align: center;
    }

    span.websitename {
        font-size: 24pt;
        line-height: 26pt;
    }

    span.websitename:before {
        font-size: 20pt;
    }

    .websitesubtitle {
        text-align: center;
        text-transform: uppercase;
        letter-spacing: 3px;
        padding: 2px;
        font-size: 2vw;
    }

    #header {
        display: none !important;
    }

    #mobileheader {
        display: block;
    }

    #mobileheader img {
        display: block;
        width: 100%;
        max-width: 100vw;
    }

    #container {
        max-width: 480px;
        width: 100%;
        margin: 0 auto;
        min-height: 100%;
        background: transparent;
    }

    #navigation {
        width: 100%;
        max-width: 480px;
        height: auto;
        background: transparent;
        text-align: center;
        margin: 0 auto;
        line-height: 10pt;
    }

    a.nav {
        display: inline-block;
    }

    a:link.nav::before, .navigation a:link::before {
        height: 0px;
    }

    #gal {
        width: 100%;
        max-width: 480px;
        padding: 0px;
        margin-bottom: 0px;
        overflow: visible;
    }

    .thumbnails .image.thumbnail {
        margin: 2px;
        max-width: 20vw !important;
        height: auto;
    }

    .thumbnails {
        background: transparent margin: 0px !important;
        min-width: 10vw;
    }

    .thumb_title_title, .thumb_title_views, .thumb_dimensions, .thumb_caption {
        font-size: 2vw !important;
        line-height: 100% !important;
        max-width: 16vw;
    }

    .thumb_title_views, .thumb_dimensions, .thumb_caption {
        display: block;
        margin-bottom: 5px;
    }

    td.statlink {
        display: block;
    }

    .statlink a:last-of-type {
        display: block;
        line-height: 15pt;
    }

    .sortorder_cell {
        display: block;
        text-align: center !important;
    }

    .sortorder_cell .statlink, .sortorder_cell .statlink a {
        display: inline-block;
    }

    .tableh1navspacer {
        display: none;
    }

    .navmenu a:link, .navmenu a:visited, .navmenu a:active {
        padding: 1px;
        margin: 2px;
    }

    .navmenu-active p {
        padding: 6px;
        margin: 2px;
    }

    .display_media .image {
        max-width: 90vw !important;
    }

    div#film {
        width: 70vw !important;
        margin: 0 auto;
        position: relative;
    }

    img.strip_image, td.thumb {
        max-width: 25vw;
        padding: 0px;
        margin: 0px;
    }
}

@media screen and (min-width: 371px) and (max-width:375px) {
    #sitename {
        max-width: 375px;
        width: 100%;
        float: none;
        text-align: center;
    }

    span.websitename {
        font-size: 24pt;
        line-height: 26pt;
    }

    span.websitename:before {
        font-size: 20pt;
    }

    .websitesubtitle {
        text-align: center;
        text-transform: uppercase;
        letter-spacing: 3px;
        padding: 2px;
        font-size: 2vw;
    }

    #header {
        display: none !important;
    }

    #mobileheader {
        display: block;
    }

    #mobileheader img {
        display: block;
        width: 100%;
        max-width: 100vw;
    }

    #container {
        max-width: 375px;
        width: 100%;
        margin: 0 auto;
        min-height: 100%;
        background: transparent;
    }

    #navigation {
        width: 100%;
        max-width: 375px;
        height: auto;
        background: transparent;
        text-align: center;
        margin: 0 auto;
        line-height: 10pt;
    }

    a.nav {
        display: inline-block;
    }

    a:link.nav::before, .navigation a:link::before {
        height: 0px;
    }

    #gal {
        width: 100%;
        max-width: 375px;
        padding: 0px;
        margin-bottom: 0px;
        overflow: visible;
    }

    .thumbnails .image.thumbnail {
        margin: 2px;
        max-width: 20vw !important;
        height: auto;
    }

    .thumbnails {
        background: transparent margin: 0px !important;
        min-width: 10vw;
    }

    .thumb_title_title, .thumb_title_views, .thumb_dimensions, .thumb_caption {
        font-size: 2.5vw !important;
        line-height: 100% !important;
        max-width: 16vw;
    }

    .thumb_title_views, .thumb_dimensions, .thumb_caption {
        display: block;
        margin-bottom: 5px;
    }

    .catlink a {
        line-height: 18pt;
    }

    .catlink:before {
        font-family: "Font Awesome 5 Free";
        content: "\f005\00a0";
        font-weight: 900;
        font-size: 18pt;
        margin: 0px 0px 0px 0px;
        color: #c8818a;
    }

    td.statlink {
        display: block;
    }

    .statlink a:last-of-type {
        display: block;
        line-height: 15pt;
    }

    .sortorder_cell {
        display: block;
        text-align: center !important;
    }

    .sortorder_cell .statlink, .sortorder_cell .statlink a {
        display: inline-block;
    }

    .tableh1navspacer {
        display: none;
    }

    .navmenu a:link, .navmenu a:visited, .navmenu a:active {
        padding: 1px;
        margin: 2px;
    }

    .navmenu-active p {
        padding: 6px;
        margin: 2px;
    }

    .display_media {
        padding: 0px;
        background: transparent;
        width: auto;
    }

    .display_media .image {
        max-width: 95vw !important;
    }

    div#film {
        width: 70vw !important;
        margin: 0 auto;
        position: relative;
    }

    img.strip_image, td.thumb {
        max-width: 25vw;
        padding: 0px;
        margin: 0px;
    }
}

@media screen and (min-width: 290px) and (max-width:370px) {
    #sitename {
        max-width: 370px;
        width: 100%;
        float: none;
        text-align: center;
    }

    span.websitename {
        font-size: 24pt;
        line-height: 26pt;
    }

    span.websitename:before {
        font-size: 20pt;
    }

    .websitesubtitle {
        text-align: center;
        text-transform: uppercase;
        letter-spacing: 3px;
        padding: 2px;
        font-size: 2vw;
    }

    #header {
        display: none !important;
    }

    #mobileheader {
        display: block;
    }

    #mobileheader img {
        display: block;
        width: 100%;
        max-width: 100vw;
    }

    #container {
        max-width: 370px;
        width: 100%;
        margin: 0 auto;
        min-height: 100%;
        background: transparent;
    }

    #navigation {
        width: 100%;
        max-width: 370px;
        height: auto;
        background: transparent;
        text-align: center;
        margin: 0 auto;
        line-height: 10pt;
    }

    a.nav {
        display: inline-block;
    }

    a:link.nav::before, .navigation a:link::before {
        height: 0px;
    }

    #gal {
        width: 100%;
        max-width: 370px;
        padding: 0px;
        margin-bottom: 0px;
        overflow: visible;
    }

    .thumbnails .image.thumbnail {
        margin: 2px;
        max-width: 13vw !important;
        height: auto;
    }

    .thumbnails {
        background: transparent margin: 0px !important;
        min-width: 10vw;
    }

    .thumb_title_title, .thumb_title_views, .thumb_dimensions, .thumb_caption {
        font-size: 2.5vw !important;
        line-height: 100% !important;
        max-width: 12vw;
    }

    .thumb_title_views, .thumb_dimensions, .thumb_caption {
        display: block;
        margin-bottom: 5px;
    }

    .catlink a {
        font-family: 'Staatliches', cursive;
        font-size: 14pt;
        font-weight: 700;
        line-height: 13pt;
        text-decoration: none;
        color: #c8818a;
    }

    .catlink:before {
        font-family: "Font Awesome 5 Free";
        content: "\f005\00a0";
        font-weight: 900;
        font-size: 12pt;
        margin: 0px 0px 0px 0px;
        color: #c8818a;
    }

    td.statlink {
        display: block;
    }

    .statlink a:last-of-type {
        display: block;
        line-height: 15pt;
    }

    .sortorder_cell {
        display: block;
        text-align: center !important;
    }

    .sortorder_cell .statlink, .sortorder_cell .statlink a {
        display: inline-block;
    }

    .tableh1navspacer {
        display: none;
    }

    .navmenu a:link, .navmenu a:visited, .navmenu a:active {
        padding: 1px;
        margin: 2px;
    }

    .navmenu-active p {
        padding: 6px;
        margin: 2px;
    }

    .display_media {
        padding: 0px;
        background: transparent;
        width: auto;
    }

    .display_media .image {
        max-width: 95vw !important;
    }

    div#film {
        width: 70vw !important;
        margin: 0 auto;
        position: relative;
    }

    img.strip_image, td.thumb {
        max-width: 25vw;
        padding: 0px;
        margin: 0px;
    }
}