/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/


/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
  .main-short-nav {
    display: none;
  }
  
  .navbar-default {
    background: #fff;
    border-bottom: 1px solid #d9000b;
  }
  .navbar-default .navbar-header .navbar-brand {
    padding: 1em 2em;
    margin-bottom: 1.5em;
    
  }
  .navbar-default .navbar-header .navbar-brand img {
    height: 55px;
    
  }
  .navbar-default  #bs-example-navbar-collapse-1{
    background: transparent;
  }
  .navbar-default  #bs-example-navbar-collapse-1 ul {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding: 0;
  }
  
  .navbar-default  #bs-example-navbar-collapse-1 ul li a {
    padding-top: 0.8em;
    padding-bottom: 0.8em;
    padding-left: 10px;
    padding-right: 10px;
    color: #333;
  }
  .navbar-default  #bs-example-navbar-collapse-1 ul li.open a,
  .navbar-default  #bs-example-navbar-collapse-1 ul li.active a {
    background: #d9000b;
    color: #fff;
  }
  .navbar-default  #bs-example-navbar-collapse-1 ul li .caret {
    border-width: 4px;
    border-style: solid;
    border-color: #333 #fff #fff #fff;
  }
  .navbar-default  #bs-example-navbar-collapse-1 ul li.open .caret,
  .navbar-default  #bs-example-navbar-collapse-1 ul li.active .caret {
    border-width: 4px;
    border-style: solid;
    border-color: #fff #d9000b #d9000b #d9000b;
  }
  
  .navbar-default  #bs-example-navbar-collapse-1 ul ul ul {
    display: block;
  }
  .navbar-default  #bs-example-navbar-collapse-1 ul ul ul li a {
    padding-left: 30px!important;
  }
  
  /*HCS */
  #hcs .navbar-default {
    border-bottom: 1px solid #00A8BA;
  }
  #hcs .navbar-default  #bs-example-navbar-collapse-1 ul li.open a,
  #hcs .navbar-default  #bs-example-navbar-collapse-1 ul li.active a {
    background: #00A8BA;
    color: #fff;
  }
  #hcs .navbar-default  #bs-example-navbar-collapse-1 ul li.open .caret,
  #hcs .navbar-default  #bs-example-navbar-collapse-1 ul li.active .caret {
    border-color: #fff #00A8BA #00A8BA #00A8BA;
  }
  
  /*ITS */
  #its .navbar-default {
    border-bottom: 1px solid #F1B434;
  }
  #its .navbar-default  #bs-example-navbar-collapse-1 ul li.open a,
  #its .navbar-default  #bs-example-navbar-collapse-1 ul li.active a {
    background: #F1B434;
    color: #fff;
  }
  #its .navbar-default  #bs-example-navbar-collapse-1 ul li.open .caret,
  #its .navbar-default  #bs-example-navbar-collapse-1 ul li.active .caret {
    border-color: #fff #F1B434 #F1B434 #F1B434;
  }  
  
  /*IS */
  #is .navbar-default {
    border-bottom: 1px solid #DA291C;
  }
  #is .navbar-default  #bs-example-navbar-collapse-1 ul li.open a,
  #is .navbar-default  #bs-example-navbar-collapse-1 ul li.active a {
    background: #DA291C;
    color: #fff;
  }
  #is .navbar-default  #bs-example-navbar-collapse-1 ul li.open .caret,
  #is .navbar-default  #bs-example-navbar-collapse-1 ul li.active .caret {
    border-color: #fff #DA291C #DA291C #DA291C;
  }
  
  /*ISS */
  #iss .navbar-default {
    border-bottom: 1px solid #75787B;
  }
  #iss .navbar-default  #bs-example-navbar-collapse-1 ul li.open a,
  #iss .navbar-default  #bs-example-navbar-collapse-1 ul li.active a {
    background: #75787B;
    color: #fff;
  }
  #iss .navbar-default  #bs-example-navbar-collapse-1 ul li.open .caret,
  #iss .navbar-default  #bs-example-navbar-collapse-1 ul li.active .caret {
    border-color: #fff #75787B #75787B #75787B;
  }
  
  #themefader {
    height: auto;
  }
 
  .sub-navi > ul {
    display: none;
  }
}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 640px) {
  
  body {
    width: 100%;
    overflow-x: hidden;
  }
  
  button.navbar-toggle {
    color: #fff;
    background: #d9000b!important;
    border: none;
    border-radius: 0px;
    right: 1em;   
  }
  
  /*HCS */
  #hcs button.navbar-toggle {
    background: #00A8BA!important;
  }
  
  /*ITS */
  #its button.navbar-toggle {
    background: #F1B434!important;
  }
  
  /*IS */
  #is button.navbar-toggle {
    background: #DA291C!important;
  }
  
  /*ISS */
  #iss button.navbar-toggle {
    background: #75787B!important;
  }
  
  #bs-example-navbar-collapse-1 {
    padding: 0 1em;
  }
  
  
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 360px) {
  .navbar-default .navbar-header .navbar-brand img {
    height: 45px;
    margin-top: -0.3em;
    
  }
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
}