/*
*
* MOBILE OVERRIDES
*
*/

/* Large devices (large desktops, 1200px and lower) */
@media (max-width: 1200px) {
  .top-head .menu-item-search { display: none; }
  
  .bottom-head nav a { padding-left: 20px; padding-right: 20px; }
  .bottom-head nav a > i { display: none; }
  
  .hero-container .hero-text { font-size: 32px; }
}

/* Medium devices (desktops, 992px and lower) */
@media (max-width: 992px) {
  .bottom-head nav { width: 100%; }
  .bottom-head nav .navbar-toggle { padding: 15px 10px; }
  .bottom-head nav .navbar-toggle .icon-bar { height: 3px; margin-top: -3px; 	  	-webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0);
			-webkit-transition: all 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
			-moz-transition: all 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
			-ms-transition: all 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
			-o-transition: all 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
			transition: all 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    .bottom-head nav .navbar-toggle .icon-bar:last-child { display: none; }
    .bottom-head nav .navbar-toggle .icon-bar:nth-child(2n) { -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg); }
    .bottom-head nav .navbar-toggle .icon-bar { -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); }
    
    
    .bottom-head nav .navbar-toggle.folded { padding: 9px 10px }
    .bottom-head nav .navbar-toggle.folded .icon-bar { transform: none; }
    .bottom-head nav .navbar-toggle.folded .icon-bar + .icon-bar { margin-top: 4px; }
    .bottom-head nav .navbar-toggle.folded .icon-bar:last-child { display: block; }
  
  .hero-container .hero-text { font-size: 26px; }
  
  .cta-container .ctabox { padding-top: 15px; }
}


/* Small devices (tablets, 768px and lower) */
@media (max-width: 768px) {
  body { font-size: 14px; background-color: #FFF; }
  
  .top-head .header-logo img { margin: 0 auto; }  
  
  .top-head .controls-container { display: none; }
  
  .main-container > div > div > div[class^="col-"] { margin-top: 0; box-shadow: none; }
  
  .hero-container .hero-text { font-size: 24px; text-align: center; top: auto; bottom: 0px; }
  
  .cta-container .ctabox { border-bottom: 6px solid #e5f4ea; padding-bottom: 3px; margin-bottom: 20px; text-align: center; }
  .cta-container div[class^="col-"]:last-child .ctabox { margin-bottom: 0; }
  
  .home .main-container h1 { font-size: 24px; }
  
  .main-container img { width: 100%; height: auto; float: none; margin: 0 0 10px 0; }
  .main-container hr { display: none; }
  
  .whats-new article { margin-bottom: 20px; }
    .whats-new article i { display: none; }
    .whats-new article > div { padding-left: 0; }
  
  .single-journal .attachment-journal-cover { margin-top: 30px; }
  .single-journal .journal-sections { }
    .single-journal .journal-sections .journal-article { padding-bottom: 35px; }
      .single-journal .journal-sections .journal-article > .article-toggle { display: none; }
      .single-journal .journal-sections .journal-article article { padding-right: 160px; padding-left: 0; }
    
  .footer-container { }
    .footer-container .menu-footer-container { text-align: center; }
      .footer-container .menu-footer-container ul li { display: block; margin-bottom: 6px; }
        .footer-container .menu-footer-container ul li a { padding: 0; }
}

@media (max-width: 992px) {
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-header {
    float: right;
  }
  .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;
  }
}