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

  /*
    Header
  */
  header{ font-size: 0.8rem !important; }
  .navigation ul li a{ margin-right: 20px !important; }
  .navigation{ font-size: 0.8rem !important; }
  .navigation .form-control{ width: 150px !important; }
  nav ul li.btn{ font-size: 0.8rem !important; }
  nav ul li.btn a{padding: .275rem .55rem !important;}
  .navigation .form-control{ font-size:0.8rem !important; }
  header .logo img{ height: 40px !important; }
  /*
    Home page
  */
  .home-ad .caption h4{font-size: 1.4rem !important;}
  .home-events h4{ font-size: 1.3rem !important;}
  .home-events p{ font-size: 0.8rem !important; }
  .home-events .carousel-caption p-5{ padding: 2rem !important; }
  .home-about h1{ font-size: 2rem !important; }
  main.home-main{ background-position: right -200px top 450px !important; }
  .home-research{ margin-top: 50px !important; padding-top: 50px !important; }
  .home-newsroom{ padding-top: 50px !important;  }
  .home-did-you-know{padding-bottom: 50px !important;padding-top: 50px !important;}
  .home-did-you-know .bg-fern{ top: -20px !important; background-size: 400px !important}
  .home-did-you-know .did-you-know-right p{ width: 70% !important}
}

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

}

/* Medium Devices, Desktops : col-md */
@media only screen and (max-width : 992px) {
  ul#menu-top-menu li.btn-link{ padding-top: 0 !important; }

}

/* Small Devices, Tablets : col-sm */
@media only screen and (max-width : 768px) {

    /*
      Menu
    */

    .menuzord-menu ul.sub-menu {
          background: rgba(29, 32, 40, 1) none repeat scroll 0 0;
      }
      .menuzord-menu ul.sub-menu li ul.sub-menu {
          background: rgba(29, 32, 40, 1) none repeat scroll 0 0;
      }
      /*.sub-menu li {
          border-top: 1px solid #000 !important;
      }
      .oneNav ul li {
        border: medium none !important;
        position: relative;
      }*/
      .menuzord-menu ul.sub-menu li a {
          color: #ccc;
      }

    .menuzord {
          width: 100%;
      }
  	.indicator i {
          font-size: 22px;
          position: absolute;
          right: 22px;
          top: 10px;
      }
      .menuzord-menu ul.sub-menu li a {
          padding: 4px 22px;
      }
      .menuzord-responsive .menuzord-menu li ul.sub-menu li .indicator {
          height: 43px;
          top: -1px;
      }
      .sub-menu .indicator i {
          font-size: 22px;
          position: absolute;
          right: 23px;
          top: 11px;
          -webkit-transform: rotate(90deg);
          -moz-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          -o-transform: rotate(90deg);
          transform: rotate(90deg);
      }
      .sub-menu > li {
          border-top: 0 none !important;
      }
  	.menuzord-responsive .menuzord-menu li a{ padding: 10px 15px !important; margin: 0 !important; font-size:12px !important;text-transform: uppercase !important; line-height: 2 !important; }
  	.menuzord-responsive .menuzord-menu{ background: #28a745 !important; border-radius:4px !important; position:absolute !important; top: 40px;right: 0; width:70%; z-index: 1000;}
  	.menuzord-responsive .menuzord-menu > li > a{ border-bottom:1px solid #50d96f !important}
  	.menuzord-responsive .menuzord-menu > li:nth-last-child(2) > a{ border-bottom:none !important}
  	/*.menuzord .showhide{ padding:20px 0 0 !important}
  	nav.shown .menuzord .showhide{ padding:0 !important}*/
  	nav.shown .menuzord .showhide em{ background: #333}
  	.menuzord-menu ul.sub-menu, .menuzord-menu ul.sub-menu li ul.sub-menu{ min-width:inherit !important}
  	.menuzord-menu ul.sub-menu li a{ border-bottom:1px solid #419496 !important; }
  	.menuzord-responsive ul li a::before { display:none !important}
  	.menuzord-responsive ul li a{ color:#fff !important}

  /*
    Columns
  */
  .wp-block-columns{ margin-bottom: 0 !important;}
  .wp-block-column{ margin:0 0 15px !important; flex-basis: 100% !important;}
  .wp-block-image .alignleft, .wp-block-image .alignright{ margin-right: 0 !important; margin-left: 0 !important; width: 100%; }
  .wp-block-image .alignleft img, .wp-block-image .alignright img, .wp-block-image img{ width: 100% !important}

  .home-events .carousel-caption,.home-news .carousel-caption{ padding: 20px !important;}
  .home-news .carousel-caption h2{font-size: 1.4rem !important}
  .home-news .carousel-caption p{ display:none }

  .wp-block-gallery.columns-4 .blocks-gallery-item{ width: calc((100% - 16px)/2) !important;}

  .home-did-you-know{ padding-bottom: 0 !important;padding-top: 0 !important;}
  .news-row img,.news-row img{ margin-bottom: 15px !important}

  /*
    Animals
  */
  .item-animals a.animals-img-wrap .title h3{ font-size: 1rem !important }
  .item-animals a.animals-img-wrap .title h4{ font-size: 16px !important }

  article.animals .animal-info-wrap{ font-size: 14px !important ;}
  article.animals .animal-info-wrap p{ margin-bottom: 5px !important }
  .animal-info-wrap .wp-block-column{ margin-bottom: 0 !important}
  .animal-info-wrap {margin-bottom: 15px !important}

  /*
    Headers
  */
  .inner-banner .carousel-caption h1{ font-size: 2rem !important; }
  main .content h2{ font-size: 1.75rem !important; }
  main .content h3{ font-size: 1.5rem !important; }
  main.home-main{background-position: right -350px top 350px !important;}
  .home-news .carousel-caption h2, .home-events h4,.home-ad .caption h4{ font-size: 1.2rem !important;}

  .home-highlights .highlight p{ display: none }
  .home-highlights .highlight p.btn{display: block}
  .home-newsroom .pl-5.pt-5, .home-research .pl-5.pt-5{ padding: 0 !important }
  .home-newsroom .carousel-item h4,.home-research .carousel-item h4{ font-size: 16px;line-height: 22px;}
  form.search-form{ float: left !important }
  .navigation .form-control{ width: 250px !important; }
}

/* col-ms */
@media only screen and (max-width: 767px) {

}

/* Extra Small Devices, Phones : col-xs */
@media only screen and (max-width: 575px) {

  .menuzord-responsive .menuzord-menu{ width: 50% !important }
  /*
    Header
  */
  .navigation ul li a{ margin-right: 10px !important; }
  header .logo img{  }
  nav{ margin-bottom: 0 !important }
  ul#menu-top-menu li.btn-link{ padding: .5rem .3rem !important }
  ul#menu-main-menu{ float: right !important }
  nav ul li a .fab{ font-size: 18px !important }
  .navigation .form-control{ width: 180px !important; }
  .inner-banner{ background-size: auto 100% !important; }
  .inner-banner .carousel-caption{ padding-left: 0 !important; padding-right: 0 !important}
  .inner-banner .carousel-caption h1{ font-size: 1.8rem !important; }

  /*
    Homepage
  */

  .home-news,.home-ad-wrap{padding-right: 15px !important ; padding-left: 15px !important}
  .home-events,.home-ad{ margin: 0 0 0 15px !important; padding: 15px 0 0 0 !important}
  main.home-main{ background-image: none !important }
  .home-highlights .highlight p.btn{ margin-bottom: 0 !important }
  .home-highlights .highlight{ border: 0 !important; border-bottom: 10px solid #fff !important }
  .home-highlights .highlight:last-child{ border-bottom: 0 !important }
  .home-newsroom .card, .home-research .card{ margin-bottom: 15px !important}
  .home-newsroom .controls,.home-research .controls{left: 0 !important; bottom: 20px !important; z-index: 10000 !important;}


  .home-did-you-know .bg-fern{ display: none}
  .home-did-you-know .p-4{ padding-left:0 !important; padding-right:0 !important }
  .home-did-you-know .did-you-know-right p{ width: 100% !important}
  .home-research .carousel-item h4, .home-newsroom .carousel-item h4{ margin-bottom: 0 !important}
  .home-highlights .highlight p{ display: block }

  /*
    Innerpages
  */
  .sidebar .home-news{ padding:15px 0 0 !important}
  .sidebar .home-events,.sidebar .home-ad,.home-main .home-events,.home-main .home-ad{ margin: 0 !important; padding: 15px 0 0 !important}

  .item-animals{ margin: 0 !important;}

  /*
    Footer
  */
  footer .copyright ul li{ margin: 15px 10px 0 0 !important; }
  #mc_embed_signup .button{ margin: 10px 0 !important }
  #mc_embed_signup .mc-field-group{ width:100% !important;padding-bottom: 5px !important; }
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 360px) {
  ul#menu-top-menu li.btn-link{ padding: .5rem .26rem !important }
}