/*---------------------------------------------------*/
/*                    Media Queries:                 */
/*---------------------------------------------------*/
/*
 *@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
        
}
*/
/*//////////////////////////////////////////////////////////  320  */
@media screen and (min-width: 320px) {
    .res320{display:inline-block; }
     html, body, body td, td{
        font-size:90%;
   }
    h1{font-size:28px;}
    h2{font-size:22px;}
    h3{font-size:14px;}
    #top-bar{
        padding-top: 0px;
    }
    .section-content-block{
        width:90vw;
    }
    #footer{
        font-size:80%;
    }
    nav a{
        font-size:11px;
   }
   .nav li{
        padding-right:0px;
   }
   .navbar-brand{
        width:150px;
   }
    
    
}

/*////////////////////////////////////////////////////////////////  768  */
@media screen and (min-width: 768px) {
   .res800{display:inline-block; }
   .res1024{display:inline-block; }
    html, body, body td, td{
        font-size:90%;
   }
    h1{font-size:28px;}
    h2{font-size:22px;}
    h3{font-size:14px;}
    #top-bar{
        padding-top: 0px;
        height:12vh;
    }
    .section-content-block{
        width:90vw;
    }
    .sidebar{
        display:none;
    }
    #footer{
        font-size:80%;
    }
    #footer .footerContent{
        width:70vw;
    }
    nav a{
        font-size:11px;
   }
   .nav li{
        padding-right:0px;
   }
   .navbar-brand{
        width:150px;
   }
   .big-screen{
        display:none;
   }
   .small-screen{
        display:block;
   }
}

/*////////////////////////////////////////////////////////////////  768  */
@media screen and (min-width: 992px) {
   .res1024{display:inline-block; }
    html, body, body td, td{
        font-size:90%;
   }
    h1{font-size:28px;}
    h2{font-size:22px;}
    h3{font-size:14px;}
    
    #top-bar{
        padding-top: 0px;
        height:10vh;
    }
    .section-content-block{
        width:90vw;
    }
    .sidebar{
        display:block;
    }
    #footer{
        font-size:80%;
    }
    #footer .footerContent{
        width:90vw;
    }
    nav a{
        font-size:11px;
   }
   .nav li{
        padding-right:0px;
   }
   .navbar-brand{
        width:150px;
   }
   .big-screen{
        display:block;
   }
   .small-screen{
        display:none;
   }
}

/*////////////////////////////////////////////////////////////////  768  */
@media screen and (min-width: 1300px) {
   .res1280{display:inline-block; }
   html, body, body td, td{
        font-size:95%;
   }
   
   h1{font-size:30px;}
   h2{font-size:24px;}
   h3{font-size:18px;}
   #top-bar{
        padding-top: 0px;
        height:8vh;
   }
   .section-content-block{
        width:70vw;
   }
   #footer{
        font-size:90%;
    }
    #footer .footerContent{
        width:70vw;
    }
   nav a{
        font-size:13px;
   }
   .nav li{
        padding-right:0px;
   }
   .navbar-brand{
        width:150px;
   }
   .big-screen{
        display:block;
   }
   .small-screen{
        display:none;
   }
}


/*////////////////////////////////////////////////////////////////  768  */
@media screen and (min-width: 1550px) {
   .res1600{display:inline-block; }
   html, body, body td, td{
        font-size:100%;
   }
   h1{font-size:36px;}
   h2{font-size:30px;}
   h3{font-size:24px;}
   #top-bar{
        padding-top: 1vh;;
   }
   #footer{
        font-size:90%;
    }
    #footer .footerContent{
        width:70vw;
    }
   .section-content-block{
        width:70vw;
   }
   nav a{
        font-size:15px;
   }
   .nav li{
    padding-right:0px;
   }
   .navbar-brand{
        width:200px;
   }
   .big-screen{
        display:block;
   }
   .small-screen{
        display:none;
   }
    
}

/*----------------------------------*/
/* Bootstrap Navbar: force collapse */
/*----------------------------------*/
@media (max-width: 856px) {
  .navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
      background-color: white;
      z-index:1000;
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in{
      display:block !important;
  }
  
}