/* media queries for small devices */
@media screen and (max-width: 479px) {
   .nav_pag_center_div {
      display: none;
   }
  


    .nav_pag_last_div {
        width: 60px;
        display: inline-block;
    }
    
    .nav_pag_next_div {
        width: 60px;
        display: inline-block;
    }
    
    .nav_pag_center_div {
        display: none;
    }

    .nav_pag_play_div {
        max-width: 60px;
        display: inline-block;
    }
    
    .nav_pag_first_div {
        width: 60px;
        display: inline-block;
    }
    
    .nav_pag_prev_div {
        width: 60px;
        display: inline-block;
    }
    
    #banner_img {
        width: 80%;
        height: auto;
        margin-top: 0px;
    }
    
    
    #social_div {
      min-height: 60px;
      padding-top: 10px;
      padding-left: 20px;
      text-align: left;
    }
    
    #social_div_e {
      min-height: 60px;
      padding-top: 10px;
      padding-left: 20px;
      text-align: right;
    }
    
    
   
    .text_page {
        margin: 0 auto;
        padding: 10px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        width: 100%; 
        COLOR: #333333; 
        background-color: #FFFFFF;
        border: 1px solid #e0e0e0;
        border-radius: 5px;
        -moz-border-radius: 5px;     
    }
    
    .video_page {
        margin: 0 auto;
        padding: 10px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        width: 100%; 
        COLOR: #FFF; 
        background-color: #333333;
        border: 1px solid #FFF;
        border-radius: 5px;
        -moz-border-radius: 5px;     
    }
    

     .playlist ul li {
         font-size: 14pt;
         font-weight: bold;
     }

     .textlist ul li {
         font-size: 14pt;
         font-weight: bold;
     }

    .table-inshad {
        margin: 5px auto; 
        width: 100%;
    }
    
    /* photos */
    #photos_list {
        border-top: 2px solid #FFFFFF;
        border-bottom: 2px solid #FFFFFF;
        text-align: center;
        padding: 10px 10px 10px 10px;
        background-color: #333333;
        border: 1px solid #6699CC;
    }
    
    
    .photo_thumb_box {
        display: inline-block;
        vertical-align: middle;
        width: 250px;
        height: 250px;
        border: 2px solid #6e6e6e;
        background-color: #333;
        white-space: nowrap;
        text-align: center; 
        margin: 10px;
    }
    
    .photo_center {
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }
    
    IMG.photo_thumb {
        background: #3A6F9A;
        vertical-align: middle;
        max-height: 200px;
        max-width: 200px;
        border-left: solid 2px #fff;
        border-top: solid 2px #fff;
        border-right: solid 2px #fff;
        border-bottom: solid 2px #fff;
    }
    
    IMG.photo {
        padding: 0px;
        vertical-align: middle;
        max-height: 1000px;
        max-width: auto;
        border: 5px solid #ffffff;
    }
    
    .photoCapt {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 10pt;
      color: white;
    	FONT-WEIGHT: bold; 
      TEXT-DECORATION: none;
      PADDING-TOP: 5px; 
    	PADDING-RIGHT: 5px; 
      PADDING-LEFT: 5px; 
      PADDING-BOTTOM: 0px; 
    }
    
    .photoBy {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 8pt;
      TEXT-DECORATION: none;
      PADDING-TOP: 2px; 
    	PADDING-RIGHT: 5px; 
      PADDING-LEFT: 5px; 
      PADDING-BOTTOM: 2px; 
      color: #758AA8;
    }
    
    IMG.photo_thumb:hover {
        border: 4px solid #000;
    }
    
    .photo_box_header h2 a:link {
    	text-decoration: none; color: white; 
    	}
    .photo_box_header h2 a:visited {
    	text-decoration: none; color: white; 
    	}
    .photo_box_header h2 a:hover {
    	text-decoration: none; color: #ccb399; 
    	}
    .photo_box_header h2 a:active {
    	text-decoration: none; color: white; 
    	}
    
    #photo_nav_div {
        padding: 5px;
    }
    
    #photo_nav_last_div {
        width: 60px;
        display: inline-block;
    }
    
    #photo_nav_next_div {
        width: 60px;
        display: inline-block;
    }
    
    #photo_nav_center_div {
        width: 200px;
        display: inline-block;
    }
    
    #photo_nav_first_div {
        width: 60px;
        display: inline-block;
    }
    
    #photo_nav_prev_div {
        width: 60px;
        display: inline-block;
    }
    
    
    .carousel-caption {
        position: relative;
        left: auto;
        right: auto;
    }
    
       
    /* contacts */
    
    .contact_page {
        margin: 10px auto;
        width: 100%;
        padding: 5px 25px;
        font-size: 18px;
        background-color: #ffffff;
        border: 2px solid #90caf9;
        border-top-right-radius: 10px 10px;
        border-top-left-radius: 10px 10px;
        border-bottom-right-radius: 10px 10px;
        border-bottom-left-radius: 10px 10px;
    }
    
    #contact_header {
        margin-top: 5px;
        text-align: center;     
        background-color: #eeeeee;
    }
    
    #contact_body {
        margin: 10px;
        background-color: #ffffff;
        text-align: right;     
    }
    
    /* misc */
    
    .accordion-caret .accordion-toggle:hover {
        text-decoration: none;
    }
    .accordion-caret .accordion-toggle:hover span,
    .accordion-caret .accordion-toggle:hover strong {
        text-decoration: underline;
    }
    .accordion-caret .accordion-toggle:before {
        font-size: 25px;
        vertical-align: -3px;
    }
    .accordion-caret .accordion-toggle:not(.collapsed):before {
        content: "?";
        margin-right: 0px;
    }
    .accordion-caret .accordion-toggle.collapsed:before {
        content: "?";
        margin-right: 0px;
    }
        
    .hl0 { background-color: #FFFF99 }
    .hl1 { background-color: #FF99FF }
    .hl2 { background-color: #99FFFF }
    
    .row_0 {background-color:rgb(191, 197, 202)}
    .row_1 {background-color:#EFF5FB}
    
    .contact {
        border: 1px solid #CCCCFF; 
        max-width: 580;
        height: 440; 
        text-align: right;
        font-size: 14pt;
      	COLOR: #003366; 
        background-color: #FFFFCC;
        margin: 10px;
        border-collapse: collapse;
        border-color: #000066;
        padding: 5;
    }
    
    TD.contact {
      background-color: #dcebff;
      border-color: #dcebff;
    }
    
    TD.contact2 {
      background-color: #003366;
      border-color: #dcebff;
    }
    
    .panel-heading .accordion-toggle:after {
        /* symbol for "opening" panels */
        font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
        content: "\e114";    /* adjust as needed, taken from bootstrap.css */
        float: left;        /* adjust as needed */
        color: white;         /* adjust as needed */
    }
    .panel-heading .accordion-toggle.collapsed:after {
        /* symbol for "collapsed" panels */
        content: "\e080";    /* adjust as needed, taken from bootstrap.css */
    }
    
        
    P.reference {
        text-align: right;
        font-size: 12pt;
        line-height: 13pt;
        margin: 10px; 
        COLOR: #333333; 
        padding: 5px;
    }
    
    P.message {
        border: solid #6699CC;
        text-align: center;
        font-size: 14pt;
        color: #6699CC;
        padding: 5px;
        width: 600px;
    }
    
    P.error {
        border: solid #FF9966;
        text-align: center;
        font-size: 14pt;
        color: #FF9966;
        padding: 5px;
        width: 600px;
    }

}