@charset "utf-8";
/*-- Last updated:  03-May-2018     Version: 1.0                         */
/*-- Copyright 2018  MusicBiz Enterprises, All rights reserved.          */

#mContainer_padVideoLib {
   height: 140px;   /* header is 160px, hidden site logo has margin: 10px 0 10px 0  */
}

/*---------------------*/
/*  VideoLib Container */
/*---------------------*/
.mContainer_VideoLib {
   clear: both;
   width: 100%;
}

.mVideos_Frame {
   clear: both;
   width: 100%;
   margin: 0 auto;
}
.mVideo_Box {
   display: block;
   float: left;
   width: 31%;
   height: 440px;
   margin: 0 1% 40px 1%;
   padding: 0;
}


.mVideo_Heading {
   display: block;
   clear: both;
   width: 100%;
   margin:   0.5rem 0 0.5rem 0;
}
.mVideo_HeadingText {
   padding: 0 2% 0.5rem 2%;
   padding: 0 0 0.5rem 0;
   text-align: center;
   font-size: 2rem;           /* relative to root default font-size -- place after em, since rem is css3      */
}
.mVideo_HeadingLocation {
   text-align: center;
   font-size: 1.5rem;           /* relative to root default font-size -- place after em, since rem is css3      */
}
.mVideo_HeadingDate {
   text-align: center;
   font-size: 1.5rem;           /* relative to root default font-size -- place after em, since rem is css3      */
}
.mVideoLink {
   width: 480px;
   margin: 0 auto;
}
.mVideo_iFrame {
   display: block;
   width:  480px;
   height: 270px;
   margin:  0 auto;
}
.mVideo_PhotoBox {
}
.mVideo_Photo {
   display: block;
   clear: both;
   margin:  1em auto;
}
img.mVideo_Photo {
   width: 460px;
   height: auto;
   margin: 0 auto;
}

.mVideos_Frame, .mVideo_Box, .mVideo_Heading, .mVideo_HeadingDate, .mVideo_HeadingText, .mVideo_HeadingLocation, .mVideoLink, .mVideo_iFrame, .mVideo_PhotoBox, .mVideo_Photo {
    color: inherit;
    background-color: inherit;   
}

.mVideo_Box_FullScr {
   display: block;
   float: left;
   width: 50%;
   height: auto;
   margin: 10px 0% 20px 25%;
   padding: 0;
}
.mVideo_Heading_FullScr {
   display: block;
   clear: both;
   width: 100%;
   margin: 0.5rem 0 0.5rem 0;
}
.mVideo_HeadingText_FullScr {
   width: 100%;
   text-align: center;
   font-size: 2rem;           /* relative to root default font-size -- place after em, since rem is css3      */
}
.mVideo_HeadingLocation_FullScr {
   width: 100%;
   text-align: center;
   font-size: 1.5rem;           /* relative to root default font-size -- place after em, since rem is css3      */
}
.mVideo_HeadingDate_FullScr {
   width: 100%;
   text-align: center;
   font-size: 1.5rem;           /* relative to root default font-size -- place after em, since rem is css3      */
}
.mVideoLink_FullScr {
   width: 640px;
   margin: 0 auto;
}
.mVideo_iFrame_FullScr {
   display: block;
   width:   640px;
   height:  360px;
   margin:  0 auto;

}

/*-----------------------*/
/*  @media definitions   */
/*-----------------------*/
@media only screen and (max-width: 1920px) { 

}

@media only screen and (max-width: 1920px) { 

}

@media only screen and (max-width: 1500px) { 
   .mVideo_Box {
      width: 48%;
   }

}

@media only screen and (max-width: 1366px) { /* iPad Pro 12.9" view port size is 1366 x 1024 */

}

@media only screen and (max-width: 1280px) { 
   .mVideoBox_FullScr {
      width: 70%;
      margin-left: 15%;
   }

}


@media only screen and (max-width: 1150px) { /* iPad Pro 10.5" view port size is 1112 x 834 */
   .mVideoBox_FullScr {
      width: 80%;
      margin-left: 10%;
   }
}

@media only screen and (max-width: 1080px) {  /* Switch from menu bar to menu button */
   #mContainer_padVideoLib {
      height: 0px;
   }
   .mVideo_Box {
      width: 98%;
   }
   .mVideoLink {
      width: 100%;
      margin: 0 auto;
   }
   .mVideoLink_FullScr {
      width: 480px;
   }
   .mVideo_iFrame_FullScr {
      width:  480px;
      height: 270px;
   }

}

@media only screen and (max-width: 1024px) { /* iPad, iPad Mini view port size is 1024 x 768 */

}

@media only screen and (max-width: 960px) {
   .mVideo_iFrame_FullScr {
      width:  384px;
      height: 216px;
   }
   .mVideoLink_FullScr {
      width: 384px;
   }
}


@media only screen and (max-width: 768px) { /* iPhone 8 view port size is 375 x 667 */
   .mVideo_iFrame_FullScr {
      width:  320px;
      height: 180px;
   }
   .mVideoLink_FullScr {
      width: 320px;
   }
}

@media only screen and (max-width: 600px) {
   img.mAlbum_Photo {
      width: 96%;
   }
   .mVideo_Box_FullScr {
      width: 60%;
      margin-left: 20%;
   }
}

@media only screen and (max-width: 500px) {
   .mVideo_Box {
      height: auto;
   }
   .mVideo_Box_FullScr {
      width: 70%;
      margin-left: 15%;
   }
   .mVideo_HeadingText_FullScr {
      font-size: 1.5rem;           /* relative to root default font-size -- place after em, since rem is css3      */
   }
   .mVideo_iFrame {
      width:  384px;
      height: 216px;
   }
   img.mVideo_Photo {
      width: 80%;
   }
}

@media only screen and (max-width: 414px) { /* iPhone 8 plus view port size is 414 x 736 */

}

@media only screen and (max-width: 400px) { /* iPhone 8 view port size is 375 x 667 */
   .mVideo_Box_FullScr {
      width: 98%;
      margin-left: 1%;
   }
   .mVideo_iFrame {
      width:  320px;
      height: 180px;
   }
   img.mVideo_Photo {
      width: 66%;
   }

}

@media only screen and (max-width: 320px) { /* iPhone SE view port size is 320 x 568 */
   .mVideo_Box_FullScr {
      width: 100%;
      margin-left: 0%;
   }
}