/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575px) {

  .hidden-lg-up {
    display: block;
  }
  .hidden-md-down {
    display: none;
  }
  /* header style */
  #Header .mobile-menu ul li {
    list-style: none;
    padding: 0 0 20px 20px; 
  }
 
  #Header .site-logo-wrap {
    padding: 5px 0;
    width: 80%!important;
  }
  #Header .site-logo-wrap .logo img { 
    width: 75px!important;
    transition: all 0.3s ease-in-out;
  }
  #Header.header-fixed .site-logo-wrap .logo img {
    width: 75px!important;
    transition: all 0.3s ease-in-out;
  }
  .site-logo-wrap h1 {
    font-size: 1.5em!important;
    padding-left: 5px;
    display: table;
  }
  .site-logo-wrap .tagline {
    font-size: 10px;
    display: block;
  }

  #Header .mobile-menu ul li a{
    font-size: 14px;
  }

  #Header a.menu-trigger { 
    top: 15px;
  }
  
  .block-title { 
    margin-top: 4em;
  }

  /*Gallery*/

  .imageGallery1 {
  margin-top: 5em;
  }
  .imageGallery1 a {
    width: 100%;
    display: block;
    height: 50px;
    overflow-y: hidden;
  }

}


/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767px) {
  /* Header style */
  .navbar-nav {
    background-color: rgba(0, 0, 0, 0.5);
  }
  .hidden-lg-up {
    display: block;
  }
  .hidden-md-down {
    display: none;
  }

}
/*Medium devices (tablets, 768px and up)*/

@media (min-width: 768px) and (max-width: 991px) {
  /* Header style */
  .navbar-nav {
    background-color: rgba(0, 0, 0, 0.5);
  }
  #Header .site-logo-wrap .logo img {
    width: 60px;
  }
 
  /* mobile menu style */
  #Header .mobile-menu {
    width: 300px;
    left: -300px;
  }
  #Header .mobile-menu ul {
    margin-top: 100px;
  }
 
  .hidden-lg-up {
    display: block;
  }
  .hidden-md-down {
    display: none;
  }

}