﻿@media only screen and (max-width:1290px) {
  .container {
    width: calc(100% - 140px);
  }

  .header.logo {
    top: 65px;
  }

    .header.logo .container img {
      height: 100px;
    }
}

@media only screen and (max-width:1250px) {
  .grid-one-fourth .grid-item {
    width: 33.3333%
  }

  .grid-one-fifth .grid-item {
    width: 25%;
  }
}

@media only screen and (max-width:1160px) {
  .grid-one-half .grid-item {
    width: 100%;
  }

  .grid-item .row .col-md-3 {
    width: 30% !important;
    float: left !important;
  }

  .grid-item .row .col-md-9 {
    width: 70% !important;
    float: left !important;
  }

  .groups .grid-item .img {
    margin-right: 0;
    width: 100%;
  }

  .contact-info {
    width: 40%;
  }

  .inquiry-form {
    width: 60%;
  }

  .event-date li {
    font-size: 15px;
  }

  .event-count:not(.list-inline) h5 span {
    margin-left: 60px;
  }

  footer .container {
    width: calc(100% - 30px);
  }
}

@media only screen and (max-width:1000px) {
  .ribbon-3d .ribbon-left,
  .ribbon-3d .ribbon-right {
    display: none;
  }

  .ribbon-3d .ribbon-left-mobile,
  .ribbon-3d .ribbon-right-mobile {
    display: block;
  }

  .container {
    width: calc(100% - 62px);
  }

  .event-date li {
    font-size: 18px;
  }

  .event-count:not(.list-inline) h5 span {
    margin-left: 68px;
  }

  footer ul.social li {
    float: none;
    margin: 15px 0 !important;
  }

  footer div.one_half,
  footer div.one_fourth,
  footer div.three_fourths {
    float: none;
    width: 100%;
    margin-left: 20px;
    margin-right: 20px;
    text-align: center;
  }
}

@media only screen and (min-width:992px) {
  #revolution_wrap #newsletter_form,
  #revolution_wrap #newsletter_form .col-sm-12 .form-group {
    margin-bottom: 0 !important;
  }
}

@media only screen and (max-width:991px) {
  .page_wrapper > .container > .row {
    margin: 0;
  }

  .col-md-9 {
    padding-left: 0;
  }

  .page_wrapper .container > .row .col-md-3 {
    float: none;
  }

  #sidebar {
    padding-right: 20px;
    margin-top: 30px;
  }

    #sidebar .widget {
      text-align: center;
    }

      #sidebar .widget a {
        font-size: 16px;
      }

      #sidebar .widget li::before {
        display: none;
      }

      #sidebar .widget.newsletter {
        display: none;
      }

      #sidebar .widget.support {
        display: none;
      }

  #amazon-smile {
    margin-left: auto;
    margin-right: auto;
  }

  #support {
    display: block;
  }

  .mb20-mobile {
    margin-bottom: 20px !important;
  }
}

@media only screen and (max-width:950px) {
  .desktop {
    display: none;
  }

  .mobile {
    display: block;
  }

  #mobile-menu {
    display: block;
  }

  header .container {
    width: 100% !important;
    padding: 0 15px !important;
  }

  header nav {
    display: none;
    position: absolute;
    top: 65px;
    right: 0;
    width: 200px;
    height: unset;
    z-index: 1000;
    background: rgba(68, 147, 99, 0.9);
  }

    header nav ul {
      border-top: 1px solid rgba(255,255,255,0.50);
      padding-top: 0;
      margin: 0;
    }

    header nav a {
      font-size: 16px !important;
    }

    header nav ul li {
      float: none;
      display: block;
      margin: 0;
    }

    header nav ul > li {
      border-bottom: 1px solid rgba(255,255,255,0.50);
    }

    header nav ul li a {
      display: block;
      border-radius: 0;
    }

    header nav ul li ul {
      position: relative;
      /*display: block;*/
      padding: 0;
      top: 0;
      width: 100%;
    }

      header nav ul li ul li {
        background: none;
        border: none !important;
      }

        header nav ul li ul li a {
          padding-left: 25px;
        }

  .header.logo {
    top: 0;
  }

    .header.logo .container img {
      /*height: 130px;*/
    }

    .header.logo .desktop,
    .header.logo .desktop img {
      display: none;
    }

    .header.logo .mobile {
      display: block;
    }

  /*.flexslider .slides li {
    height: 250px;
  }*/

  section.page_heading div .tagline {
    display: none;
  }
}

@media only screen and (max-width:800px) {
  .grid-one-fourth .grid-item,
  .grid-one-third .grid-item,
  .grid-two-thirds .grid-item,
  .grid-three-fourths .grid-item {
    width: 100%;
  }

  .grid-one-fifth .grid-item {
    width: 33.3333%;
  }

  .grid-one-sixth .grid-item {
    width: 25%;
  }

  section.page_heading .container {
    width: 100%;
  }

  .upcoming-events .col-sm-8,
  .upcoming-events .col-sm-4 {
    width: 100%;
    float: none;
  }

  .upcoming-events .event-count {
    display: table;
    width: auto;
    margin: 5px auto;
  }
}

@media only screen and (max-width:750px) {
  p {
    font-size: 1.2em;
  }

  .container {
    width: 100%;
    padding: 0;
  }

  .header.logo .container img {
    margin-left: 32px;
  }

  .ribbon-3d .ribbon-left-mobile,
  .ribbon-3d .ribbon-right-mobile {
    display: none;
  }

  .ribbon-3d .table {
    width: 100%;
    display: table;
    margin-bottom: 0;
  }

    .ribbon-3d .table .table-cell {
      display: table-cell;
      vertical-align: middle;
      height: 114px;
      padding: 0 20px;
    }

  .ribbon-3d h1 {
    line-height: normal;
  }

  .ribbon-3d {
    background-image: url("/images/ribbon-center-green-mobile.png");
    height: 140px;
  }

  .event-details .table {
    margin: 0 auto;
    width: auto;
  }

  .event-dates-times {
    margin: 20px auto !important;
  }

    .event-dates-times > div {
      display: block !important;
      text-align: center !important;
      padding: 0 !important;
    }

  .grid-item .box {
    margin-left: 0;
    margin-right: 0;
  }

  footer div.one_half,
  footer div.one_fourth,
  footer div.three_fourths {
    margin-left: 0;
    margin-right: 0;
  }

  #help {
    display: block !important;
    text-align: center;
  }

    #help div {
      display: block;
      margin: 0 !important;
    }

    #help span.icon {
      font-size: 60px !important;
    }

    #help div:nth-child(2) {
      text-align: left;
    }

    #help div:nth-child(3) {
      text-align: center !important;
      width: 100%;
      padding: 0 !important;
    }
}

@media only screen and (max-width:600px) {
  .grid-item {
    width: 100%;
  }

    .grid-item .row .col-md-3 {
      width: 40% !important;
    }

    .grid-item .row .col-md-9 {
      width: 60% !important;
    }

  .grid-one-fifth .grid-item {
    width: 50%;
  }

  .contact-info,
  .inquiry-form {
    float: none;
    width: 100%;
    text-align: center;
  }

    .contact-info h2,
    .inquiry-form h2 {
      width: 100%;
    }
}

@media only screen and (max-width:450px) {
  .grid-item .img img {
    max-width: 100%;
  }

  .grid-one-sixth .grid-item {
    width: 50%;
  }

  .header.logo .container img {
    height: 100px;
  }

  footer .logo img {
    float: none;
  }

  footer .logo p {
    text-align: center;
  }
}

@media only screen and (max-width:400px) {
  .grid-item .row .col-md-3,
  .grid-item .row .col-md-9 {
    width: 100% !important;
    float: none !important;
  }

  .grid-one-fifth .grid-item {
    width: 100%;
  }

  .grid-item img {
    max-width: 100% !important;
    float: none !important;
  }

  .groups .grid-item .box .description {
    padding: 20px;
    padding-top: 0;
  }
}

@media only screen and (max-width:385px) {
  .header.logo .container img {
    top: 60px;
    margin: 0 auto;
    left: 0;
    right: 0;
  }

  section.page_heading {
    height: 100px;
  }
}
