/************************* Theme Created By Deanna @ Feelin Alive Designs (feelinalivedesigns@outlook.com).
 Please do not edit or redistribute without permission. **********************************************/
 
 /**** RESPONSIVE CODING ****/
  
 @media (max-width: 320px) {
  

 body {
         background: #212121; 
font-family: 'Roboto Condensed', sans-serif;
     font-size: 10pt;
     color: #000000;
     margin: 0;
     padding: 0;
}

   .maintable {
     max-width: 320px;
     width: 100%;
}
  #welcomemessage {
    width: 100%;
    max-width: 300px;

}

 #gal{
     width:100%;
     max-width: 320px;
     padding: 0px;
     margin-bottom: 0px;
     float: left;
     overflow: hidden;
}
   .catrow, .catrow_noalb {

  background: #f8f8f8;
}

  
.thumbnails {
     padding: 5px;
     background: #ffffff;
     margin: 0px;
     display: inline-table;
     min-width: 140px;

}

 table {
     font-size : 9px;
    font-family: 'Roboto Condensed', sans-serif;
}

td {
    display: inline-table;
    overflow: visible;
    max-width: 290px;
    min-width: 290px;
}
 .image.thumbnail {
     margin: 0px;
     width: 100%;
     min-width:100px;
     max-width: 150px;

}

   .navmenu {
 display: inline-grid;
}


  div#film {max-width: 320px;margin: 0 auto;}

  

   .footer {
     max-width: 320px;
     overflow: hidden;
     padding: 10px;
}



 }



 @media (max-width: 768px) { 
   body {
         background: #212121; 
font-family: 'Roboto Condensed', sans-serif;
     font-size: 10pt;
     color: #000000;
     margin: 0;
     padding: 0;
}

   .maintable {
     max-width: 768px;
     width: 100%;
}
  #welcomemessage {
    width: 100%;
    max-width: 720px;

}

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

.thumbnails {
     padding: 5px;
     background: #ffffff;
     margin: 0px;
     display: inline-table;
     min-width: 140px;

}
 .catrow, .catrow_noalb {
  border-bottom: 0px solid #f3f3f3;
}

 table {
     font-size : 9px;
    font-family: 'Roboto Condensed', sans-serif;
}

td {
    display: table-cell;
    overflow: visible;
    min-width: 200px;
}
 .image.thumbnail {
     margin: 0px;
     width: 100%;
     min-width:100px;
     max-width: 150px;

}

   .navmenu {
 display: grid;}
  
   .navmenu a:link, .navmenu a:visited, .navmenu a:active {
padding: 5px 0px;
  margin: 0px;
}

  div#film {max-width: 768px;margin: 0 auto;}

  

   .footer {
     max-width: 768px;
     overflow: hidden;
     padding: 10px;
}


 }

  @media (max-width: 1024px) {
 body {
         background: #212121; 
font-family: 'Roboto Condensed', sans-serif;
     font-size: 10pt;
     color: #000000;
     margin: 0;
     padding: 0;
}

   .maintable {
     max-width: 1024px;
     width: 100%;
}
  #welcomemessage {
    width: 100%;
    max-width: 620px;

}

 #gal{
     width:100%;
     max-width: 1024px;
     padding: 0px;
     margin-bottom: 0px;
     float: left;
     overflow: hidden;
}
   
tr.cats {max-width: 800px;width: 100%;display: block; float: right;}
tr.catbanner {max-width: 200px;
              width: 100%;
              display: block;
              float: left;
        height: 100%;
    min-width: 200px;
height: 100%!important;}

     div#film {max-width: 1024px;margin: 0 auto;}

  

   .footer {
     max-width: 1024px;
     overflow: hidden;
     padding: 10px;
}


 }