
@media screen and (max-width: 960px) {
  body.sidebar-second .content-sidebar-wrap  { width:100%; }
  body.two-sidebars .content-sidebar-wrap { width:100%; }

  body aside,
  body #content,
  #top-area .column,
  #footer-area .column{
    float: none !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    clear: both;
  }

  #footer,
  #page-wrap,
  #footer_wrapper{
    padding: 0 15px;
  }

  .top_right .region-search{ float: none; }
}

@media screen and (max-width: 728px) {
  .top_left {
    margin:4px 0;
  }

  #logo {
    margin: 0px 4px 0 0;
  }

  #logo img { margin-left:4px;}
}

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

  div.field-type-image {width:50%;height:50%;}

  #navigation {
    background: url('../images/menu_bg.png');
  }

  footer {
    text-align:center;
  }

  body.sidebar-second .content-sidebar-wrap { width:100%; }



  #main-menu > ul {
    font-size: 12px;
  }
  /* Menu */
  #navigation #main-menu {
    padding: 9px 0;
  }
  #main-menu > ul.menu {
    display: none;
  }
  #main-menu > ul.menu li {
    border: none;
      float: none;
      text-align: center;
  }

  #main-menu ul.menu li.active-trail {
    background:#fff;
  }

  #main-menu ul {
    display: none;
  }

  #main-menu li ul {
    position: static;
    border: 0;
  }

  #main-menu li ul ul {
    margin: 0 !important;
    border: 0;
  }

  #main-menu ul,
  #main-menu li {
    float: none;
    width: 100%;
  }

  #main-menu {
    border: 0;
    float: none;
    display: block;
    clear: both;
    float: left;
    width: 100%;
  }


  #main-menu li a.active {
    width: 100%;
    padding: 18px 0;
    color: #fff;
    border-radius: 0;
    margin: 0;
    text-align: center;
    border-bottom: 1px solid #84C5E2;
    background: #0075be;
  }

  #main-menu li li a{
    background: #3091cd;
  }

  #main-menu li:hover >a{
    background: #3091cd;
    color: #fff;
  }

  #main-menu li li a {
    text-align: center;
    padding: 18px 0;
  }

  #main-menu li:hover > ul,
  #main-menu li li:hover > ul,
  #main-menu li li li:hover > ul {
    display: none;
  }

  #main-menu li li.expanded >a{
    background-image: none;
  }

  .drop-down-toggle {
    display: block;
  }

  #main-menu .nav-toggle {
    display: block;
    font-size: 15px;
    font-weight: normal;
    background: #18222B;
    color: white;
    margin: 0;
    letter-spacing: 1px;
    text-align: center;
    background: url(../images/mobile-menu.png) right 14px #00609c no-repeat;
    padding: 15px;
  }

  #main-menu ul.menu li {
    margin: 0;
    width: 100%;
  }

  #main-menu ul.menu li a {color:#fff !important;}

  .footer_credit p{
    width: 100%;
    text-align: center;
  }


  #main-menu > ul.menu {
    display: none;
  }

  .tinynav {
    margin:0 5px;
    background-image: url("../images/select-arrow.png");
  }

  .tinynav {
    background-image: none;
    background-color: transparent;
    background-position: right center;
    background-repeat: no-repeat;
    border: none;
    color: #fff;
    display: block;
    margin-bottom: 0;
    margin-left: auto;
    margin-top: 0;
    overflow: hidden;
    width: 100%;
  }
  .tinynav option {
    color: #000;
  }



}

@media screen and (max-width: 500px) {
    /* small phone */
  #social-register-link {
    display:none;
  }
}

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

  #site-description {display:none;}

  .user-menu-wrapper {
    display:none;
  }

  .top_left {
    margin:4px 0;
  }

  #logo {
    margin: 0px 4px 0 0;
  }

  #logo img { margin-left:4px;}

  #footer, #page-wrap, #footer_wrapper {padding: 0 8px;}
}

@media screen and (max-width: 319px) {
  /* small phone */
  #header {
    border-top: none;
  }
}
