/* RESPONSIVE DESIGN STYLES
================================ */
@media (max-width: 640px) { /* MOBILE PHONES */

  /* HEADER AREA CSS GOES HERE */
  #header .row {
    margin-bottom: 0px !important;
  }
  #header_logo img {
    width: 60%;
    height: auto !important;
    padding-top: 0px !important;
    padding-left: 20% !important;
    padding-right: 20% !important;
    padding-bottom: 16px !important;
  }
  #header_contact p{
    float: left !important;
    width: 100%;
    text-align: center !important;
  }
  #header_contact .auth_service_provider {
    float: left !important;
    width: 100%;
    height: 40px;
    position: relative !important;
    top: 10px !important;
    left: 0px !important;
  }
  #header_contact .auth_service_provider:before {
    float: none !important;
    width: 50% !important;
    left: 50% !important;
    margin-left: -64px !important;
    margin-right: 0px !important;
    position: relative !important;
  }
  #header_contact .auth_service_provider p {
    position: absolute !important;
    width: 50% !important;
    left: 50% !important;
    margin-left: -30px !important;
    text-align: left !important;
  }
  #header_links p {
    text-align: center !important;
  }
  #header_links p:after {
    display: none !important;
  }

  /* NAVIGATION AREA CSS GOES HERE */
  #navigation {
    background-image: none !important;
    background-color: #222222 !important;
  }
  #navigation .row {
    margin-bottom: 0px;
  }
  .active {
    display: block;
  }
  #navigation { overflow: hidden; /* fix for Firefox being stupid */ }
  #navigation.fixed ul.nav { width: 100% !important; }
  #navigation ul.nav { margin-left: 0px !important; }
  #navigation ul.nav li {
    /* The style of a standard button, which applies to all levels */
    background-image: none !important;
    border-left: 0px !important;
    border-right: 0px !important;
    border-bottom: solid 1px #353535 !important;
  }
  #navigation ul.nav li.nav-selected,
  #navigation ul.nav li.nav-path-selected,
  #navigation ul.nav li:hover {
    background-color: #F41C27 !important;
    background-image: none !important;
  }
  #navigation ul.nav li a {
    padding: 8px 17px !important;
  }

  /* SECOND LEVEL SPECIFIC MENU STYLES */
  #navigation ul.nav ul {
    padding: 0px !important;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
  }
  #navigation ul.nav ul li.nav-selected,
  #navigation ul.nav ul li:hover {
    background: none !important;
  }
  #navigation ul.nav ul li a {
    font-size: 13px !important;
    line-height: 17px !important;
    padding: 8px 18px 8px 28px !important;
  }	
  /* THIRD LEVEL SPECIFIC MENU STYLES */
  #navigation ul.nav ul li ul li a {
    padding: 8px 18px 8px 38px !important;
  }

  /* BANNER AREA CSS GOES HERE */
  #banner_home { display: none !important; }

  /* CONTENT AREA CSS GOES HERE */
  #content {
    margin: 10px 0px 0px 0px !important;
  }
  #content .rssSummaryList {
    padding-top: 20px !important;
  }

  #contact_info {
    margin: 20px 0px !important;
  }
  #contact_info i {
    float: left !important;
    margin-left: 0px !important;
  }
  #contact_info .fa-phone {
    margin-top: 5px !important;
  }
  #contact_info .phone {
    float: left !important;
  }
  #contact_info .email {
    float: left !important;
    font-size: 16px !important;
  }
  #contact_info .fa-envelope {
    clear: both;
    font-size: 16px !important;
    margin-top: 8px !important;
  }

  /* NAV ICONS CSS GOES HERE */
  #nav_icons {
    padding-top: 20px;
    background-image: none !important;
    background-color: #EEEEEE !important;
  }
  #nav_icons ul li {
    width: 100% !important;
    height: 60px !important;
    padding: 8px 0px 8px 0px !important;
  }
  #nav_icons li:nth-child(6) p {
    width: 100% !important;
  }


  /* FOOTER AREA CSS GOES HERE */
  #footer_legal {
    padding: 16px 0px 6px 0px !important;
  }
  #footer_legal .row {
    margin-bottom: 0px !important;
  }
}