/************************* 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: 1025px) and (max-width:1199px) {
  #header {
        display: none;
    }
    #mobileheader {
        display: block;
    }

    #mobileheader img {
        display: block;
        width: 100%;
        max-width: 100vw;
    }
    #container {
        padding-bottom: 0px;
        margin: 0 auto;
        text-align: left;
        max-width: 1199px;
        overflow: hidden;
    }

    #topbar {
        max-width: 1199px;
        margin: 0 auto;
    }
     .image.thumbnail {
        margin: 2px;
        max-width: 14vw !important;
        height: auto;
    }
        .thumbnails {
        margin: 0px !important;
        min-width: 7vw;
        padding: 0px;
    }
    span.thumb_caption.thumb_caption_caption {
    display: block;
    margin-top: 10px;
    margin-bottom: 5px;
}
     td.albumview .image.thumbnail {
    max-width: 130px !important;
    padding: 10px !important;
    margin-bottom: 10px;
}

    .albumstatinfo {
    margin-top: 25px;
    max-width: 43vw!important;
}
     div#film {
        width: 90vw !important;
        margin: 0 auto;
        position: relative;
    }
    
}


@media screen and (min-width: 901px) and (max-width:1024px) {
     #header {
        display: none;
    }
    #mobileheader {
        display: block;
    }

    #mobileheader img {
        display: block;
        width: 100%;
        max-width: 100vw;
    }
    #container {
        padding-bottom: 0px;
        margin: 0 auto;
        text-align: left;
        max-width: 1024px;
        overflow: hidden;
    }

    #topbar {
        max-width: 1024px;
        margin: 0 auto;
    }
     .image.thumbnail {
        margin: 2px;
        max-width: 14vw !important;
        height: auto;
    }
        .thumbnails {
        margin: 0px !important;
        min-width: 7vw;
        padding: 0px;
    }
    span.thumb_caption.thumb_caption_caption {
    display: block;
    margin-top: 10px;
    margin-bottom: 5px;
}
     td.albumview .image.thumbnail {
    max-width: 130px !important;
    padding: 10px !important;
    margin-bottom: 10px;
}

    .albumstatinfo {
    margin-top: 25px;
    max-width: 43vw!important;
}
     div#film {
        width: 90vw !important;
        margin: 0 auto;
        position: relative;
    }

    
}
@media screen and (min-width: 660px) and (max-width:900px) {
    #header {
        display: none;
    }
    #mobileheader {
        display: block;
    }

    #mobileheader img {
        display: block;
        width: 100%;
        max-width: 100vw;
    }
    #container {
        padding-bottom: 0px;
        margin: 0 auto;
        text-align: left;
        max-width: 900px;
        overflow: hidden;
    }

    #topbar {
        max-width: 900px;
        margin: 0 auto;
    }
    .top-left {
        max-width: 100%;
        display: inline-block;
    }
    .topbar-box-projects {
        display: block;
        max-width: 100%;
        width: 100%;
    }
     .maintable {
        max-width: 900px;
        width: 100%;
        padding: 0px;
    }

    #gal {
        width: 100%;
        max-width: 900px;
        padding: 0px;
        margin-bottom: 0px;
        overflow: visible;
    }
    .image.thumbnail {
        margin: 2px;
        max-width: 14vw !important;
        height: auto;
    }
    .thumbnails {
        margin: 0px !important;
        min-width: 7vw;
        padding: 0px;
    }
    .thumb_title_title, .thumb_title_views, .thumb_dimensions, .thumb_caption {
        max-width: 16vw;
        line-height: 100% !important;
    }

    .thumb_title_title {
        margin: 0 auto;
    }
    .thumb_title_views, .thumb_dimensions, .thumb_caption {
        display: block;
        width: 11vw;
        font-size: 8pt!important;
    }
    
    span.gallery-stats {
        line-height: 14pt;
    }
    .footer {
        background-size: 100%;
        min-height: 200px;
    }

    .foottext {
        margin-top: 210px;
        max-width: 600px;
    }
    td.albumview .image.thumbnail {
    max-width: 130px !important;
    padding: 10px !important;
    margin-bottom: 10px;
}

    .albumstatinfo {
    margin-top: 25px;
    max-width: 43vw!important;
}
        div#film {
        width: 70vw !important;
        margin: 0 auto;
        position: relative;
    }
        td.thumb img.strip_image {
    max-width: 17vw!important;
}

td.thumb {
    display: inline;
}
}


@media screen and (min-width: 481px) and (max-width:659px) {
#header {
        display: none;
    }
    #mobileheader {
        display: block;
    }

    #mobileheader img {
        display: block;
        width: 100%;
        max-width: 100vw;
    }
    #container {
        padding-bottom: 0px;
        margin: 0 auto;
        text-align: left;
        max-width: 659px;
        overflow: hidden;
    }

    #topbar {
        max-width: 659px;
        margin: 0 auto;
    }
    .top-left {
        max-width: 100%;
        display: inline-block;
    }
    .topbar-box-projects {
        display: block;
        max-width: 100%;
        width: 100%;
    }
     .maintable {
        max-width: 659px;
        width: 100%;
        padding: 0px;
    }

    #gal {
        width: 100%;
        max-width: 659px;
        padding: 0px;
        margin-bottom: 0px;
        overflow: visible;
    }
    .image.thumbnail {
        margin: 2px;
        max-width: 14vw !important;
        height: auto;
        padding: 5px 5px;
    }
    .thumbnails {
        margin: 0px !important;
        min-width: 7vw;
        padding: 0px;
    }
    .thumb_title_title, .thumb_title_views, .thumb_dimensions, .thumb_caption {
        font-size: 2vw !important;
        max-width: 16vw;
        line-height: 100% !important;
    }

    .thumb_title_title {
        margin: 0 auto;
    }
    .thumb_title_views, .thumb_dimensions, .thumb_caption {
        display: block;
        width: 11vw;
        font-size: 1.5vw !important;
        padding: 2px;
    }
    span.gallery-stats {
        line-height: 14pt;
    }
    .footer {
        background-size: 100%;
        min-height: 200px;
    }

    .foottext {
        margin-top: 155px;
        max-width: 400px;
    }
td.albumview .image.thumbnail {
    max-width: 130px !important;
    padding: 10px !important;
}

    .albumstatinfo {
    margin-top: 25px;
    max-width: 43vw!important;
}
    .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;
    }

    td.thumb img.strip_image {
    max-width: 17vw!important;
}

td.thumb {
    display: inline;
}
    
}


@media screen and (min-width: 376px) and (max-width:480px) {
#header {
        display: none;
    }
    #mobileheader {
        display: block;
    }

    #mobileheader img {
        display: block;
        width: 100%;
        max-width: 100vw;
    }
    #container {
        padding-bottom: 0px;
        margin: 0 auto;
        text-align: left;
        max-width: 480px;
        overflow: hidden;
    }

    #topbar {
        max-width: 480px;
        margin: 0 auto;
    }
     .top-left {
        max-width: 100%;
        display: inline-block;
    }
    .topbar-box-projects {
        display: block;
        max-width: 100%;
        width: 100%;
    }
    .maintable {
        max-width: 480px;
        width: 100%;
        padding: 0px;
    }

    #gal {
        width: 100%;
        max-width: 480px;
        padding: 0px;
        margin-bottom: 0px;
        overflow: visible;
    }
     .image.thumbnail {
        margin: 2px;
        max-width: 14vw !important;
        height: auto;
        padding: 5px 5px;
    }
    .thumbnails {
        margin: 0px !important;
        min-width: 7vw;
        padding: 0px;
    }
    .thumb_title_title, .thumb_title_views, .thumb_dimensions, .thumb_caption {
        font-size: 2vw !important;
        max-width: 16vw;
        line-height: 100% !important;
    }

    .thumb_title_title {
        margin: 0 auto;
    }
    .thumb_title_views, .thumb_dimensions, .thumb_caption {
        display: block;
        width: 11vw;
        font-size: 1.5vw !important;
        padding: 2px;
    }
     span.gallery-stats {
        font-size: 13pt;
        line-height: 14pt;
    }
.footer {
        background-size: 100%;
        min-height: 200px;
    }

    .foottext {
        margin-top: 120px;
        max-width: 300px;
    }

     tr.albumview td {
    display: block;
    text-align: center;
    margin: 0 auto;
    width: 90%;
}

td.albumview .image.thumbnail {
    max-width: 130px !important;
    padding: 10px !important;
}

.albumstatinfo {
    margin-top: 20px;
}
	td.navmenu, td.navmenu-active {display: inline-block;}

td.tableh1nav {
    display: block;
    width: 94vw;
}
     .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;
    }
     td.thumb {display: block;}
    
}


@media screen and (min-width: 371px) and (max-width:375px) {
  #header {
        display: none;
    }
    #mobileheader {
        display: block;
    }

    #mobileheader img {
        display: block;
        width: 100%;
        max-width: 100vw;
    }
    #container {
        padding-bottom: 0px;
        margin: 0 auto;
        text-align: left;
        max-width: 375px;
        overflow: hidden;
    }

    #topbar {
        max-width: 375px;
        margin: 0 auto;
    }

    .top-left {
        max-width: 100%;
        display: inline-block;
    }

    .topbar-box-welcome {
        max-width: 95%;
        margin: 0 auto;
        width: 100%;
        display: block;
        text-align: justify;
        line-height: 12pt;
    }

    .topbar-box-affiliates {
        display: block;
        max-width: 100%;
        width: 100%;
        text-align: center;
    }
    .topbar-box-affiliates li {
        list-style: none;
        text-align: center;
        background: #d26a3a;
        margin: 2px 2px;
        padding: 3px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-transition: opacity 0.6s linear;
        opacity: 1;
        -webkit-transition: all 0.8s ease-in;
        -moz-transition: all 0.8s ease-in;
        transition: all 0.8s ease-in;
        max-width: 27%;
        display: inline-block;
    }
    #navlinks a:link, #navlinks a:active, #navlinks a:visited, .admin_menu a:link, .admin_menu a:visited, .admin_menu a:active {
        font-size: 8pt;
    }

    .topbar-box-projects {
        display: block;
        max-width: 100%;
        width: 100%;
    }
    span.project-title {
        font-family: 'Permanent Marker';
        font-size: 11pt;
        line-height: 13pt;
    }
    span.project-type, span.project-role {
        font-size: 8pt;
    }

    span.project-release {
        font-size: 8pt;
    }

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

    #gal {
        width: 100%;
        max-width: 370px;
        padding: 0px;
        margin-bottom: 0px;
        overflow: visible;
    }
    
    .image.thumbnail {
        margin: 2px;
        max-width: 14vw !important;
        height: auto;
        padding: 5px 5px;
    }
    .thumbnails {
        margin: 0px !important;
        min-width: 7vw;
        padding: 0px;
    }
    .thumb_title_title, .thumb_title_views, .thumb_dimensions, .thumb_caption {
        font-size: 2vw !important;
        max-width: 16vw;
        line-height: 100% !important;
    }

    .thumb_title_title {
        margin: 0 auto;
    }

    .thumb_title_views, .thumb_dimensions, .thumb_caption {
        display: block;
        width: 11vw;
        font-size: 1.5vw !important;
        padding: 2px;
    }
    .catlink a {
        font-size: 15pt;
    }

    span.gallery-stats {
        font-size: 11pt;
        line-height: 14pt;
    }
     .footer {
        background-size: 100%;
        min-height: 200px;
    }

    .foottext {
        margin-top: 90px;
        max-width: 250px;
    }

      tr.albumview td {
    display: block;
    text-align: center;
    margin: 0 auto;
    width: 90%;
}

td.albumview .image.thumbnail {
    max-width: 130px !important;
    padding: 10px !important;
}

.albumstatinfo {
    margin-top: 20px;
}
	td.navmenu, td.navmenu-active {display: inline-block;}

td.tableh1nav {
    display: block;
    width: 94vw;
}
      .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;
    }
     td.thumb {display: block;}

    
}

@media screen and (min-width: 290px) and (max-width:370px) {
    #header {
        display: none;
    }
    #mobileheader {
        display: block;
    }

    #mobileheader img {
        display: block;
        width: 100%;
        max-width: 100vw;
    }
    #container {
        padding-bottom: 0px;
        margin: 0 auto;
        text-align: left;
        max-width: 370px;
        overflow: hidden;
    }

    #topbar {
        max-width: 370px;
        margin: 0 auto;
    }

    .top-left {
        max-width: 100%;
        display: inline-block;
    }

    .topbar-box-welcome {
        max-width: 95%;
        margin: 0 auto;
        width: 100%;
        display: block;
        text-align: justify;
        line-height: 12pt;
    }

    .topbar-box-affiliates {
        display: block;
        max-width: 100%;
        width: 100%;
        text-align: center;
    }
    .topbar-box-affiliates li {
        list-style: none;
        text-align: center;
        background: #d26a3a;
        margin: 2px 2px;
        padding: 3px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-transition: opacity 0.6s linear;
        opacity: 1;
        -webkit-transition: all 0.8s ease-in;
        -moz-transition: all 0.8s ease-in;
        transition: all 0.8s ease-in;
        max-width: 27%;
        display: inline-block;
    }
    #navlinks a:link, #navlinks a:active, #navlinks a:visited, .admin_menu a:link, .admin_menu a:visited, .admin_menu a:active {
        font-size: 8pt;
    }

    .topbar-box-projects {
        display: block;
        max-width: 100%;
        width: 100%;
    }
    span.project-title {
        font-family: 'Permanent Marker';
        font-size: 11pt;
        line-height: 13pt;
    }
    span.project-type, span.project-role {
        font-size: 8pt;
    }

    span.project-release {
        font-size: 8pt;
    }

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

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

    .image.thumbnail {
        margin: 2px;
        max-width: 14vw !important;
        height: auto;
        padding: 5px 5px;
    }
    .thumbnails {
        margin: 0px !important;
        min-width: 7vw;
        padding: 0px;
    }
    .thumb_title_title, .thumb_title_views, .thumb_dimensions, .thumb_caption {
        font-size: 2vw !important;
        max-width: 16vw;
        line-height: 100% !important;
    }

    .thumb_title_title {
        margin: 0 auto;
    }

    .thumb_title_views, .thumb_dimensions, .thumb_caption {
        display: block;
        width: 11vw;
        font-size: 1.5vw !important;
        padding: 2px;
    }
    .catlink a {
        font-size: 15pt;
    }

    span.gallery-stats {
        font-size: 11pt;
        line-height: 14pt;
    }

    .footer {
        background-size: 100%;
        min-height: 200px;
    }

    .foottext {
        margin-top: 90px;
        max-width: 250px;
    }

    tr.albumview td {
    display: block;
    text-align: center;
    margin: 0 auto;
    width: 90%;
}

td.albumview .image.thumbnail {
    max-width: 130px !important;
    padding: 10px !important;
}

.albumstatinfo {
    margin-top: 20px;
}
	td.navmenu, td.navmenu-active {display: inline-block;}

td.tableh1nav {
    display: block;
    width: 94vw;
}

     .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;
    }

    td.thumb {display: block;}


}