/************************* Theme Created By Deanna @ Feelin Alive Designs (feelinalivedesigns@outlook.com).
 Please do not edit or redistribute without permission. **********************************************/
 
 /**** RESPONSIVE CODING ****/
 
    @media screen and (max-width:1024px) {
    #header {
     width: 100%;
     max-width: 1024px;
     margin: 0 auto;
}
  
  .slider {margin: 0px 5px 0px;float: left;}

   .sitename {
    float: right;
    font-size: 40pt;
    padding-top: 0px;
    max-width: 710px;
}


   .imgtwo {
         width: 100%;
         max-width: 713px;
         height: 100%;
         max-height: 202px;
         margin: 10px 0px 10px 0px;
         float: right;
         background-image: url("images/header.png");
         background-repeat: no-repeat;
         background-size: contain;
         }
     .welcome {
    display:none!important;
    max-width: 345px;
    float: left;
}

     .affiliates {
    max-width: 310px;
    display:none!important;
    float: left;
    }

  #gal{
     width:100%;
     padding: 0px;
     margin-bottom: 0px;
     overflow: auto;
     float:none!important;
     margin: 0px 2px;
     max-width: 1024px;
}

   #sidebar {
    max-width: 310px;
    float: none!important;
    display:none!important;
    margin: 0px 10px;
}


    .albumstatinfo {
    display: inline-block;
    float: none;
    margin-top:  0px;
}
   
 .image.thumbnail {
     margin: 2px;
   max-width: 12vw!important;
    height: auto;
}
 .thumbnails {
     padding: 0px;
     background: transparent
     margin: 0px;
  min-width: 10vw;
     }
     
     .thumb_title_title, .thumb_title_views, .thumb_dimensions, .thumb_caption {
     font-size: 1.2vw!important;
     line-height: 100%!important;
 }

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



    .navmenu a:link, .navmenu a:visited, .navmenu a:active {
padding: 0px 0px!important;
  margin: 2px!important;
 
}
    .display_media {
padding: 0px;
     background: transparent;
     width: auto;
}

    .display_media .image {max-width: 85vw!important;
                         height: auto;
                         margin-right: 0;
                         margin-left: 0;
                         padding: 10px;
                         background: #000000;}

   div#film {
    width: 50vw!important;
    margin: 0 auto;
    position: relative;
}
   
  .footer {
     height: auto;
}
   .sitename-footer {
    text-align: center;
    width: 100%;
    max-width: 1024px;
    float: none;
    text-transform: uppercase;
    font-size: 45pt;
    letter-spacing: -4px;
    color: #300a9c;
    line-height: 34pt;
    margin-top: 15px;
}
 .foottext {
  text-align: center;
  padding: 0px;
}

 }
   @media screen and (max-width:768px) {
    #header {
     width: 100%;
     max-width: 768px;
     margin: 0 auto;
}
  
  .slider {margin: 0px 5px 0px;float: left;}

   .sitename {
    float: none;
    font-size: 44pt;
    padding-top: 50px;
}


   .imgtwo {
         width: 100%;
         max-width: 768px;
         height: 100%;
         max-height: 218px;
         margin: 10px 0px 10px 0px;
         float: right;
         background-image: url("images/header.png");
         background-repeat: no-repeat;
         background-size: contain;
         }

   .welcome {
    float: none;
    max-width: 435px;
    margin: 0px 0px 10px 310px;
}
        .affiliates {
    float: none;
    max-width: 435px;
    display:none!important;
    margin: 0px 0px 10px 310px;
}
  #gal{
     width:100%;
     padding: 0px;
     margin-bottom: 0px;
     overflow: auto;
     float:none!important;
     margin: 0px 2px;
}

   #sidebar {
    max-width: 310px;
    float: none!important;
    display:none!important;
    margin: 0px 229px;
}

     .catrow, .catrow_noalb {
     width: 100%;
     float: left;
}

    .albumstatinfo {
    display: inline-block;
    float: none;
    margin-top:  0px;
}
   
 .image.thumbnail {
     margin: 2px;
   max-width: 12vw!important;
    height: auto;
}
 .thumbnails {
     padding: 0px;
     background: transparent
     margin: 0px;
  min-width: 10vw;
     }
     
     .thumb_title_title, .thumb_title_views, .thumb_dimensions, .thumb_caption {
     font-size: 1.2vw!important;
     line-height: 100%!important;
 }

    .thumb_title_views, .thumb_dimensions, .thumb_caption {
     display: block;
      width: 15vw;
 }
    .navmenu {
     white-space: normal!important;
     max-width: 2.4vw!important;
     font-size: 2vw;
}

 .tableh1nav {
     font-size: 2.2vw;
     padding: 2px;
}

    .navmenu a:link, .navmenu a:visited, .navmenu a:active {
padding: 0px 0px!important;
  margin: 2px!important;
 
}
    .display_media {
padding: 0px;
     background: transparent;
     width: auto;
}

    .display_media .image {max-width: 85vw!important;
                         height: auto;
                         margin-right: 0;
                         margin-left: 0;
                         padding: 10px;
                         background: #000000;}

   div#film {
    width: 50vw!important;
    margin: 0 auto;
    position: relative;
}
   
  .footer {
     height: auto;
}
   .sitename-footer {
    text-align: center;
    width: 100%;
    max-width: 768px;
    float: none;
    text-transform: uppercase;
    font-size: 45pt;
    letter-spacing: -4px;
    color: #300a9c;
    line-height: 34pt;
    margin-top: 15px;
}
 .foottext {
  text-align: center;
  padding: 0px;
}

 }
 
    @media screen and (max-width:425px) {
    #header {
     width: 100%;
     max-width: 425px;
     height: 100%;
     margin: 0 auto;
}
  
  .slider {margin: 0px 65px 0px;float: none;}

   .sitename {
    float: none;
    font-size: 44pt;
    padding-top: 0px;
}


   .imgtwo {
         width:100%;
         max-width: 425px;
         height: 100%;
         max-height: 121px;
         margin: 10px 0px 10px 0px;
         float: none;
         background-image: url("images/header.png");
         background-repeat: no-repeat;
         background-size: contain;
         }

   .welcome {
    float: none;
    max-width: 425px;
    margin: 0px 0px 10px 0px;}
  
     .affiliates {
    float: none;
    display:none!important;
    max-width: 435px;
    margin: 0px 0px 10px 0px;
}
     

  #gal{
     width:100%;
     padding: 0px;
     margin-bottom: 0px;
     overflow: auto;
     float:none!important;
     margin: 0px 2px;
}

   #sidebar {
    max-width: 310px;
    float: none!important;
    display:none!important;
    margin: 0px 55px;
}

     .catrow, .catrow_noalb {
     width: 100%;
     float: left;
}

    .albumstatinfo {
    display: inline-block;
    float: none;
    margin-top:  0px;
}
   
 .image.thumbnail {
     margin: 2px;
   max-width: 12vw!important;
    height: auto;
}
 .thumbnails {
     padding: 0px;
     background: transparent
     margin: 0px;
  min-width: 10vw;
     }
     
     .thumb_title_title, .thumb_title_views, .thumb_dimensions, .thumb_caption {
     font-size: 2.2vw!important;
     line-height: 100%!important;
 }

    .thumb_title_views, .thumb_dimensions, .thumb_caption {
     display: block;
      width: 15vw;
 }
    .navmenu {
     white-space: normal!important;
     max-width: 2.4vw!important;
     font-size: 2vw;
}

 .tableh1nav {
     font-size: 2.2vw;
     padding: 2px;
}

    .navmenu a:link, .navmenu a:visited, .navmenu a:active {
padding: 0px 0px!important;
  margin: 2px!important;
 
}
    .display_media {
padding: 0px;
     background: transparent;
     width: auto;
}

    .display_media .image {max-width: 85vw!important;
                         height: auto;
                         margin-right: 0;
                         margin-left: 0;
                         padding: 10px;
                         background: #000000;}

   div#film {
    width: 50vw!important;
    margin: 0 auto;
    position: relative;
}
   
  .footer {
     height: auto;
}
   .sitename-footer {
    text-align: center;
    width: 100%;
    max-width: 425px;
    float: none;
    text-transform: uppercase;
    font-size: 45pt;
    letter-spacing: -4px;
    color: #300a9c;
    line-height: 34pt;
    margin-top: 15px;
}
 .foottext {
  text-align: center;
  padding: 0px;
}

 }
  @media screen and (max-width:375px) {
    #header {
     width: 100%;
     max-width: 375px;
     height: 100%;
     margin: 0 auto;
}
  
  .slider {margin: 0px 40px 0px;float: none;}

   .sitename {
    float: none;
    font-size: 44pt;
}


   .imgtwo {
         width:100%;
         max-width: 375px;
         height: 100%;
         max-height: 107px;
         margin: 10px 0px 10px 0px;
         float: none;
         background-image: url("images/header.png");
         background-repeat: no-repeat;
         background-size: contain;
         }

   .welcome {
    float: none;
    display:none!important;
    max-width: 375px;
    margin: 0px 0px 10px 0px;
}
  #gal{
     width:100%;
     max-width: 375px;
     padding: 0px;
     margin-bottom: 0px;
     overflow: auto;
     float:none!important;
     margin: 0px 2px;
}

   #sidebar {
    max-width: 310px;
    float: none!important;
    display:none!important;
    margin: 0px 30px;
}
   
 .image.thumbnail {
     margin: 2px;
   max-width: 12vw!important;
    height: auto;
}
 .thumbnails {
     padding: 0px;
     background: transparent
     margin: 0px;
  min-width: 10vw;
     }
     
     .thumb_title_title, .thumb_title_views, .thumb_dimensions, .thumb_caption {
     font-size: 2.2vw!important;
     line-height: 100%!important;
 }

    .thumb_title_views, .thumb_dimensions, .thumb_caption {
     display: block;
      width: 15vw;
 }
    .navmenu {
     white-space: normal!important;
     max-width: 2.4vw!important;
     font-size: 2vw;
}

 .tableh1nav {
     font-size: 1.2vw;
     padding: 2px;
}

    .navmenu a:link, .navmenu a:visited, .navmenu a:active {
padding: 0px 0px!important;
  margin: 2px!important;
 
}
    .display_media {
padding: 0px;
     background: transparent;
     width: auto;
}

    .display_media .image {max-width: 85vw!important;
                         height: auto;
                         margin-right: 0;
                         margin-left: 0;
                         padding: 10px;
                         background: #000000;}

   div#film {
    width: 50vw!important;
    margin: 0 auto;
    position: relative;
}
   
  .footer {
     height: auto;
}
   .sitename-footer {
    text-align: center;
    width: 100%;
    max-width: 375px;
    float: none;
    text-transform: uppercase;
    font-size: 45pt;
    letter-spacing: -4px;
    color: #300a9c;
    line-height: 34pt;
    margin-top: 15px;
}
 .foottext {
  text-align: center;
  padding: 0px;
}

 }
 @media screen and (max-width:320px) {
    #header {
     width: 100%;
     max-width: 320px;
     height: 100%;
     margin: 0 auto;
}
  
  .slider {
margin: 0px 10px 0px;
float: none;
}

   .sitename {
    float: none;
    font-size: 44pt;
}


   .imgtwo {
         width:100%;
         max-width: 320px;
         height: 100%;
         max-height: 91px;
         margin: 10px 0px 10px 0px;
         float: none;
         background-image: url("images/header.png");
         background-repeat: no-repeat;
         background-size: contain;
         }

   .welcome {
    float: none;
    display:none!important;
    max-width: 320px;
    margin: 0px 0px 10px 0px;
}
     .affiliates {
    float: none;
    display:none!important;
    max-width: 320px;
    margin: 0px 0px 10px 0px;
}

  
  #gal{
     width:100%;
     max-width: 320px;
     padding: 0px;
     margin-bottom: 0px;
     overflow: auto;
     float:none!important;
     margin: 0px 2px;
}

   #sidebar {
    max-width: 310px;
    float: none!important;
    display:none!important;
    margin: 0px 5px;
}
   
 .image.thumbnail {
     margin: 2px;
   max-width: 12vw!important;
    height: auto;
}
 .thumbnails {
     padding: 0px;
     background: transparent
     margin: 0px;
  min-width: 10vw;
     }
     
     .thumb_title_title, .thumb_title_views, .thumb_dimensions, .thumb_caption {
     font-size: 2.2vw!important;
     line-height: 100%!important;
 }

    .thumb_title_views, .thumb_dimensions, .thumb_caption {
     display: block;
      width: 15vw;
 }
    .navmenu {
     white-space: normal!important;
     max-width: 2.4vw!important;
     font-size: 2vw;
}

 .tableh1nav {
     font-size: 1.2vw;
     padding: 2px;
}

    .navmenu a:link, .navmenu a:visited, .navmenu a:active {
padding: 0px 0px!important;
  margin: 2px!important;
 
}
    .display_media {
padding: 0px;
     background: transparent;
     width: auto;
}

    .display_media .image {max-width: 85vw!important;
                         height: auto;
                         margin-right: 0;
                         margin-left: 0;
                         padding: 10px;
                         background: #000000;}

   div#film {
    width: 50vw!important;
    margin: 0 auto;
    position: relative;
}
   
  .footer {
     height: auto;
}
   .sitename-footer {
    text-align: center;
    width: 100%;
    max-width: 320px;
    float: none;
    text-transform: uppercase;
    font-size: 45pt;
    letter-spacing: -4px;
    color: #300a9c;
    line-height: 34pt;
    margin-top: 15px;
}
 .foottext {
  text-align: center;
  padding: 0px;
}

 }