/************************* 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: 1024px) {

    #header {
        display: none !important;
    }


    #mobileheader {
        display: block;
    }

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

    #container {
        max-width: 1024px;
        width: 100%;
        margin: 0 auto;
        background: #ffffff;
        padding-top: 35px;
    }

    #sidebar {
        max-width: 30%;
        width: 100%;
        float: left;
    }

    .maintable {
        max-width: 900px;
        width: 100%;
    }

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

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

    .thumbnails {
        margin: 0px !important;
        min-width: 7vw;
        padding: 0px;
    }

    .thumb_title_views, .thumb_dimensions, .thumb_caption {
        max-width: 16vw;
        line-height: 100% !important;
        display: block;
        margin-top: 0px;
        margin: 3px 0px;
    }

    .catthumbimg {
        float: none;
        width: 150px;
        margin: 0 auto;
    }

    .catthumbimg .image.thumbnail {
        width: 150px !important;
        max-width: 150px !important;
        height: 15-0px;
        margin: 0 auto;
        margin-top: 1px;
        margin-bottom: 1px;
    }

    .catinfo {
        float: none;
        max-width: 240px;
        margin: 0 auto;
    }

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



    .footer {
        margin: 0 auto;
    }

    .footertext {
        width: 100%;
        max-width: 550px;
        text-align: center;
        margin-bottom: 10px;
        margin-left: 272px;
        margin-top: 130px;
    }



}

@media screen and (min-width: 660px) and (max-width:900px) {
    #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;
        background: #ffffff;
    }

    #welcome {
        max-width: 560px;
        margin: 0 auto;
        padding-top: 10px;
        text-align: center;
    }

    .maintable {
        max-width: 900px;
        width: 100%;
    }

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

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

    .thumbnails {
        margin: 0px !important;
        min-width: 7vw;
        padding: 0px;
    }

    .thumbnails a>img {

        border: 4px solid #286586;

    }

    .thumbnails:nth-child(odd) a>img {

        border: 4px solid #8d3a50;

    }

    .thumb_title_views, .thumb_dimensions, .thumb_caption {
        max-width: 16vw;
        line-height: 100% !important;
        display: block;
        margin-top: 0px;
        margin: 3px 0px;
    }


    .catthumbimg {
        float: none;
        width: 150px;
        margin: 0 auto;
    }

    .catthumbimg .image.thumbnail {
        width: 150px !important;
        max-width: 150px !important;
        height: 15-0px;
        margin: 0 auto;
        margin-top: 1px;
        margin-bottom: 1px;
    }

    .catinfo {
        float: none;
        max-width: 240px;
        margin: 0 auto;
    }

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

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

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


    #sidebar {

        width: 100%;
        float: none;
        margin: 0 auto;
        overflow: hidden;
    }

    .footer {
        background-position: 0px 115px;
        background-size: 900px;
        margin: 0 auto;
    }

    .footertext {
        width: 100%;
        max-width: 550px;
        text-align: center;
        margin-bottom: 10px;
        margin-left: 0px;
        margin: 0 auto;
        margin-top: 0px;
    }

}


@media screen and (min-width: 481px) and (max-width:659px) {
    #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;
        background: #ffffff;
    }

    #welcome {
        max-width: 420px;
        margin: 0 auto;
        padding-top: 10px;
        text-align: center;
    }

    .maintable {
        max-width: 659px;
        width: 100%;
    }

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

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

    .thumbnails {
        margin: 0px !important;
        min-width: 7vw;
        padding: 0px;
    }

    .thumbnails a>img {

        border: 4px solid #286586;

    }

    .thumbnails:nth-child(odd) a>img {

        border: 4px solid #8d3a50;

    }

    .thumb_title_title, .thumb_title_views, .thumb_dimensions, .thumb_caption {
        font-size: 2vw !important;
        max-width: 16vw;
        line-height: 100% !important;
        display: block;
        margin-top: 0px;
        margin: 3px 0px;
    }

    .thumb_title_views, .thumb_dimensions, .thumb_caption {
        display: block;
        width: 15vw;
        padding: 5px;
    }

    .thumb_title_views:before {
        font-family: "Font Awesome 5 Free";
        content: "\f06e";
        font-weight: 900;
        font-size: 6pt;
        color: #ffffff;
        margin: 0px 3px 0px 0px;
    }


    .thumb_caption_ctime:before, .thumb_caption_mtime:before {
        font-family: "Font Awesome 5 Free";
        content: "\f073";
        font-weight: 900;
        font-size: 6pt;
        color: #ffffff;
        margin: 0px 3px 0px 0px;
    }

    td.cats {
        min-width: 150px;
        width: 100%;
        display: inline-block;
        min-height: 160px;
        margin: 5px;
        padding: 0px;
        overflow: visible;
        vertical-align: top;
        max-width: 98vw;
    }

    .catthumbimg {
        float: none;
        width: 150px;
        margin: 0 auto;
    }

    .catthumbimg .image.thumbnail {
        width: 150px !important;
        max-width: 150px !important;
        height: 15-0px;
        margin: 0 auto;
        margin-top: 1px;
        margin-bottom: 1px;
    }

    .catinfo {
        float: none;
        max-width: 240px;
        margin: 0 auto;
    }

    td.cats, td.cats:nth-child(4n+3) {
        background: #2c5e6b;
        background-image: url('images/catbg.png');
        background-repeat: repeat;
        background-position: bottom center;
    }


    td.cats:nth-child(even) {
        background: #8d3a50;
        background-image: url('images/catbg.png');
        background-repeat: repeat;
        background-position: right;
    }

    td.albumview {
        padding: 5px;
    }

    .albumstatinfo {
        margin-top: 0px;
    }

    .albumviewthumbnails {
        display: block;
        text-align: center;
        margin: 0 auto;
    }

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

    .alblink a {
        font-size: 9pt;
        padding: 5px 5px;
        margin: 0px;
        text-transform: uppercase;
        color: #ffffff;
        font-family: 'Jost', sans-serif;
        font-weight: 800;
        line-height: 8pt;
    }

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

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

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




    #sidebar {
        max-width: 659px;
        width: 100%;
        float: left;
    }

    .footer {
        background-position: 0px 227px;
        background-size: 662px;
        margin: 0 auto;
    }

    .footertext {
        width: 100%;
        max-width: 400px;
        text-align: center;
        margin-bottom: 10px;
        margin-left: 0px;
        margin: 0 auto;
        margin-top: 110px;
    }







}


@media screen and (min-width: 376px) and (max-width:480px) {

    #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;
        background: #ffffff;
    }

    #welcome {
        max-width: 305px;
        margin: 0 auto;
        padding-top: 10px;
        text-align: center;
    }

    .maintable {
        max-width: 480px;
        width: 100%;
    }

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

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

    .thumbnails {
        margin: 0px !important;
        min-width: 7vw;
        padding: 0px;
    }

    .thumbnails a>img {

        border: 4px solid #286586;

    }

    .thumbnails:nth-child(odd) a>img {

        border: 4px solid #8d3a50;

    }

    .thumb_title_title, .thumb_title_views, .thumb_dimensions, .thumb_caption {
        font-size: 2vw !important;
        max-width: 16vw;
        line-height: 100% !important;
        display: block;
        margin-top: 0px;
        margin: 3px 0px;
    }

    .thumb_title_views, .thumb_dimensions, .thumb_caption {
        display: block;
        width: 15vw;
        padding: 5px;
    }

    .thumb_title_views:before {
        font-family: "Font Awesome 5 Free";
        content: "\f06e";
        font-weight: 900;
        font-size: 6pt;
        color: #ffffff;
        margin: 0px 3px 0px 0px;
    }


    .thumb_caption_ctime:before, .thumb_caption_mtime:before {
        font-family: "Font Awesome 5 Free";
        content: "\f073";
        font-weight: 900;
        font-size: 6pt;
        color: #ffffff;
        margin: 0px 3px 0px 0px;
    }

    td.cats {
        min-width: 150px;
        width: 100%;
        display: inline-block;
        min-height: 160px;
        margin: 5px;
        padding: 0px;
        overflow: visible;
        vertical-align: top;
        max-width: 98vw;
    }

    .catthumbimg {
        float: none;
        width: 150px;
        margin: 0 auto;
    }

    .catthumbimg .image.thumbnail {
        width: 150px !important;
        max-width: 150px !important;
        height: 15-0px;
        margin: 0 auto;
        margin-top: 1px;
        margin-bottom: 1px;
    }

    .catinfo {
        float: none;
        max-width: 240px;
        margin: 0 auto;
    }

    td.cats, td.cats:nth-child(4n+3) {
        background: #2c5e6b;
        background-image: url('images/catbg.png');
        background-repeat: repeat;
        background-position: bottom center;
    }


    td.cats:nth-child(even) {
        background: #8d3a50;
        background-image: url('images/catbg.png');
        background-repeat: repeat;
        background-position: right;
    }

    td.albumview {
        padding: 5px;
    }

    .albumstatinfo {
        margin-top: 0px;
    }

    .albumviewthumbnails {
        display: block;
        text-align: center;
        margin: 0 auto;
    }

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

    .alblink a {
        font-size: 9pt;
        padding: 5px 5px;
        margin: 0px;
        text-transform: uppercase;
        color: #ffffff;
        font-family: 'Jost', sans-serif;
        font-weight: 800;
        line-height: 8pt;
    }

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

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

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


    #sidebar {
        max-width: 480px;
        width: 100%;
        float: left;
    }

    .footer {
        background-position: 0px 290px;
        background-size: 500px;
        margin: 0 auto;
    }

    .footertext {
        width: 100%;
        max-width: 300px;
        text-align: center;
        margin-bottom: 10px;
        margin-left: 0px;
        margin: 0 auto;
        margin-top: 100px;

    }



}

@media screen and (min-width: 371px) and (max-width:375px) {

    #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;
        background: #ffffff;
    }

    #welcome {
        max-width: 310px;
        margin: 0 auto;
        padding-top: 10px;
        text-align: center;
    }

    .maintable {
        max-width: 375px;
        width: 100%;
    }

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

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

    .thumbnails {
        margin: 0px !important;
        min-width: 7vw;
        padding: 0px;
    }

    .thumbnails a>img {

        border: 4px solid #286586;

    }

    .thumbnails:nth-child(odd) a>img {

        border: 4px solid #8d3a50;

    }

    .thumb_title_title, .thumb_title_views, .thumb_dimensions, .thumb_caption {
        font-size: 2.5vw !important;
        max-width: 16vw;
        line-height: 100% !important;
        display: block;
        margin-top: 0px;
        margin: 3px 0px;
    }

    .thumb_title_views, .thumb_dimensions, .thumb_caption {
        display: block;
        width: 15vw;
        padding: 5px;
    }

    .thumb_title_views:before {
        font-family: "Font Awesome 5 Free";
        content: "\f06e";
        font-weight: 900;
        font-size: 6pt;
        color: #ffffff;
        margin: 0px 3px 0px 0px;
    }


    .thumb_caption_ctime:before, .thumb_caption_mtime:before {
        font-family: "Font Awesome 5 Free";
        content: "\f073";
        font-weight: 900;
        font-size: 6pt;
        color: #ffffff;
        margin: 0px 3px 0px 0px;
    }

    td.cats {
        min-width: 150px;
        width: 100%;
        display: inline-block;
        min-height: 160px;
        margin: 5px;
        padding: 0px;
        overflow: visible;
        vertical-align: top;
        max-width: 355px;
    }

    .catthumbimg {
        float: none;
        width: 150px;
        margin: 0 auto;
    }

    .catthumbimg .image.thumbnail {
        width: 150px !important;
        max-width: 150px !important;
        height: 15-0px;
        margin: 0 auto;
        margin-top: 1px;
        margin-bottom: 1px;
    }

    .catinfo {
        float: none;
        max-width: 240px;
        margin: 0 auto;
    }

    td.cats, td.cats:nth-child(4n+3) {
        background: #2c5e6b;
        background-image: url('images/catbg.png');
        background-repeat: repeat;
        background-position: bottom center;
    }


    td.cats:nth-child(even) {
        background: #8d3a50;
        background-image: url('images/catbg.png');
        background-repeat: repeat;
        background-position: right;
    }

    td.albumview {
        padding: 5px;
    }

    .albumstatinfo {
        margin-top: 0px;
    }

    .albumviewthumbnails {
        display: block;
        text-align: center;
        margin: 0 auto;
    }

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

    .alblink a {
        font-size: 8pt;
        padding: 5px 5px;
        margin: 0px;
        text-transform: uppercase;
        color: #ffffff;
        font-family: 'Jost', sans-serif;
        font-weight: 800;
        line-height: 8pt;
    }

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

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

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



    #sidebar {
        max-width: 375px;
        width: 100%;
        float: left;
    }

    .footer {
        background-position: 0px 330px;
        background-size: 400px;
        margin: 0 auto;
    }

    .footertext {
        width: 100%;
        max-width: 340px;
        text-align: center;
        margin-bottom: 10px;
        margin-left: 0px;
        margin-top: 140px;
    }


}

@media screen and (min-width: 290px) and (max-width:370px) {
    #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;
        background: #ffffff;
    }

    #welcome {
        max-width: 235px;
        margin: 0 auto;
        padding-top: 10px;
        text-align: center;
    }

    .maintable {
        max-width: 370px;
        width: 100%;
    }

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

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

    .thumbnails {
        margin: 0px !important;
        min-width: 7vw;
        padding: 0px;
    }

    .thumbnails a>img {

        border: 4px solid #286586;

    }

    .thumbnails:nth-child(odd) a>img {

        border: 4px solid #8d3a50;

    }

    .thumb_title_title, .thumb_title_views, .thumb_dimensions, .thumb_caption {
        font-size: 2.5vw !important;
        max-width: 16vw;
        line-height: 100% !important;
        display: block;
        margin-top: 0px;
        margin: 3px 0px;
    }

    .thumb_title_views, .thumb_dimensions, .thumb_caption {
        display: block;
        width: 15vw;
        padding: 5px;
    }

    .thumb_title_views:before {
        font-family: "Font Awesome 5 Free";
        content: "\f06e";
        font-weight: 900;
        font-size: 6pt;
        color: #ffffff;
        margin: 0px 3px 0px 0px;
    }


    .thumb_caption_ctime:before, .thumb_caption_mtime:before {
        font-family: "Font Awesome 5 Free";
        content: "\f073";
        font-weight: 900;
        font-size: 6pt;
        color: #ffffff;
        margin: 0px 3px 0px 0px;
    }

    td.cats {
        min-width: 150px;
        width: 100%;
        display: inline-block;
        min-height: 160px;
        margin: 5px;
        padding: 0px;
        overflow: visible;
        vertical-align: top;
        max-width: 355px;
    }

    .catthumbimg {
        float: none;
        width: 150px;
        margin: 0 auto;
    }

    .catthumbimg .image.thumbnail {
        width: 150px !important;
        max-width: 150px !important;
        height: 15-0px;
        margin: 0 auto;
        margin-top: 1px;
        margin-bottom: 1px;
    }

    .catinfo {
        float: none;
        max-width: 240px;
        margin: 0 auto;
    }

    td.cats, td.cats:nth-child(4n+3) {
        background: #2c5e6b;
        background-image: url('images/catbg.png');
        background-repeat: repeat;
        background-position: bottom center;
    }


    td.cats:nth-child(even) {
        background: #8d3a50;
        background-image: url('images/catbg.png');
        background-repeat: repeat;
        background-position: right;
    }

    td.albumview {
        padding: 5px;
    }

    .albumstatinfo {
        margin-top: 0px;
    }

    .albumviewthumbnails {
        display: block;
        text-align: center;
        margin: 0 auto;
    }

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

    .alblink a {
        font-size: 8pt;
        padding: 5px 5px;
        margin: 0px;
        text-transform: uppercase;
        color: #ffffff;
        font-family: 'Jost', sans-serif;
        font-weight: 800;
        line-height: 8pt;
    }

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

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

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


    #sidebar {
        max-width: 370px;
        width: 100%;
        float: left;
    }

    .footer {
        background-position: 0px 330px;
        background-size: 400px;
        margin: 0 auto;
    }

    .footertext {
        width: 100%;
        max-width: 260px;
        text-align: center;
        margin-bottom: 10px;
        margin-left: 0px;
        margin-top: 140px;
    }



}