@media (max-width: 1670px) {

  .meet img {
      max-width: 100%;
      float: right;
  }

  .content.meet h2 {
      font-size: 42px;
  }

  .content.meet h3 {
      font-size: 23px;
  }

  .content.meet p {
      font-size: 17px;
      margin-top: 8px;
      margin-bottom: -10px;
  }

  .directions {
      padding: 115px 0 80px;
  }

}

@media (max-width: 1380px) {

  .header .brand {
      max-width: 200px;
      -webkit-flex: 0 0 200px;
      -ms-flex: 0 0 200px;
      flex: 0 0 200px;
  }

  .header .brand span {
      font-size: 14px;
      margin: 0 0 -10px;
  }

  .header .nav li, .header .nav a {
      font-size: 18px;
  }

  .header .nav li:last-child {
      margin: 0 0 0 20px;
  }

  .header .nav li a {
      padding: 13px 12px;
  }

  .board {
      -webkit-transform-origin: center left;
      transform-origin: center left;
      -webkit-transform: scale(0.9);
      transform: scale(0.9);
  }

  .content p {
      font-size: 19px;
  }



  .intro {
      padding: 85px 0 0;
  }

  .content h2 {
      font-size: 36px !important;
  }

  .content h3 {
      font-size: 21px !important;
  }

  .content .board .note h3 {
    font-size: 34px !important;
  }

  .content .board .note p {
    font-size: 20px !important;
    margin-top: 5px;
}

  .content p {
      font-size: 16px !important;
  }

  .hero h2 {
      font-size: 81px;
  }

}

@media (max-width: 1199px) {


  .reopen {
      -webkit-transform-origin: bottom right;
      transform-origin: bottom right;
      -webkit-transform: scale(0.7);
      transform: scale(0.7);
  }


  .pg-intro h1 {
      font-size: 67px;
  }

  .pg-intro p {
      font-size: 16px;
  }

  .pg-intro {
      padding: 120px 0 50px;
  }

  .pg-content {
      padding: 65px 0;
  }

  .about-intro p {
      font-size: 16px;
      margin: 0 0 25px;
  }

  .about-intro p:last-child {
      margin: 0;
  }

  .pg-content hr {
      height: 7px;
      margin: 60px 0;
  }

  .section-intro h2 {
      font-size: 33px;
  }

  .section-intro p {
      font-size: 17px;
  }

  .bio-pic img {
      max-width: 150px;
  }

  .bio-pic:before, .bio-pic:after {
      width: 70px;
  }

  .bio h3 {
      font-size: 21px;
  }

  .bio h4 {
      font-size: 14px;
  }

  .bio p {
      font-size: 13px;
  }

  .service-intro h2 {
      font-size: 27px;
  }

  .service-intro p {
      font-size: 15px;
  }

  .service-top ul li {
      font-size: 17px;
  }

  .service-top ul li i, .products section i {
      width: 90px;
      height: 90px;
      -webkit-background-size: 52px;
      background-size: 52px;
  }

  .online-refills h3 {
      font-size: 24px;
  }

  .service-list .sl-right {
      padding: 55px;
  }

  .sl-right ul li {
      font-size: 13px;
      padding-left: 27px;
  }

  .products section h3 {
      font-size: 21px;
  }

  .faq-entry-content h3 {
      font-size: 22px;
      margin: 0 0 20px;
      padding-left: 33px;
  }

  .faq-entry-content h3 i {
      font-size: 27px;
      top: -3px;
  }

  .faq-entry-content ul, .faq-entry-content p {
      font-size: 14px;
  }

  .faq-entry-content ul li:before {
      font-size: 22px;
  }

  .faq-entry-content {
      margin: 0 0 35px;
      padding: 0 0 35px;
  }

  .ccm-faq-container .ccm-faq-block-links {
      padding: 20px;
      top: 100px;
  }

  .ccm-faq-container .ccm-faq-block-links a {
      font-size: 13px;
  }

  .today {
      padding: 20px 20px 20px 63px;
      font-size: 14px;
  }

  .today i {
      top: 20px;
      left: 20px;
      font-size: 34px;
  }

  .pg-content .cinfo li {
      font-size: 14px;
  }

  .pg-content .icon-footer-1, .pg-content .icon-footer-2, .pg-content .icon-footer-3 {
      width: 15px;
      margin: 0 9px 0 0;
      height: 15px;
  }

  .pg-content .cinfo {
      margin: 20px 0 35px;
  }

  .cmap iframe {
      height: 250px;
  }

  .board {
      -webkit-transform: scale(0.75);
      transform: scale(0.75);
  }

  .intro {
      padding: 15px 0 0;
  }

  .button {
      font-size: 15px;
      padding: 16px 22px;
  }

  .content p a.button {
      margin: 0;
  }

  .content.meet h2 {
      margin: -59px 0 0;
  }

  .content.meet a {
      margin: 20px 0 0 !important;
  }

  .content h2 {
      font-size: 26px !important;
  }

  .content h3 {
      font-size: 18px !important;
  }

  .content p {
      font-size: 14px !important;
  }

  .faq-lead h2 {
      font-size: 22px;
  }

  .faq-lead {
      padding: 30px 0;
  }

  .footer h2 {
      font-size: 19px;
      margin: 0 0 16px;
  }

  .footer h2:after {
      width: 32px;
      height: 3px;
  }

  .footer .last p {
      font-size: 12px;
      margin: 22px 0 -9px;
  }

  .footer .last img {
      max-width: 100px;
  }

  .footer ul li {
      font-size: 12px;
  }

  .icon-footer-1, .icon-footer-2, .icon-footer-3 {
      width: 20px;
      height: 20px;
      -webkit-background-size: contain;
      background-size: contain;
  }

  .footer p {
      font-size: 11px;
  }

  .footer .brand a img {
      max-width: 190px;
  }

  .footer .brand a span {
      font-size: 12px;
  }

  .header .brand {
      max-width: 170px;
      -webkit-flex: 0 0 170px;
      -ms-flex: 0 0 170px;
      flex: 0 0 170px;
  }

  .header .brand span {
      font-size: 12px;
      margin: 0 0 -13px;
  }

  .header .nav li a {
      padding: 11px 10px;
  }

  .header .nav li, .header .nav a {
      font-size: 16px;
  }

  .header .nav li i {
      width: 27px;
      height: 27px;
      -webkit-background-size: 14px;
      background-size: 14px;
  }

}

@media (max-width: 991px) {

  .content .board .note h3, .content .board .note h3 span {
    font-size: 25px !important;
  }

  .content .board .note p, .content .board .note p span {
    font-size: 15px !important;
    margin-top: 5px;
}

    .reopen {
        -webkit-transform-origin: unset;
        transform-origin: unset;
        -webkit-transform: unset;
        transform: unset;
        left: 15px;
        margin: auto;
        bottom: 15px;
        right: 15px;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        width: auto;
        height: auto;
    }
    .reopen h2 small, .reopen h2 {
        font-size: 20px;
        margin: 0 0 -5px;
    }

    .reopen h2 small {
        display: inline;
    }

    .reopen {
        text-align: left;
        padding: 10px;
    }

    .reopen p {
        padding: 0;
    }

  .pg-contact .col-sm-3, .pg-contact .col-sm-9 {
      -webkit-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
  }


  .today i {
      top: 12px;
      left: 20px;
  }

  .today {
      padding: 20px;
      text-align: right;
      font-size: 16px;
  }


  .pg-intro h1 {
      font-size: 51px;
  }

  .pg-intro p {
      font-size: 14px;
  }

  .faq-entry-content h3 {
      font-size: 18px;
      margin: 0 0 13px;
      padding-left: 26px;
  }

  .faq-entry-content h3 i {
      font-size: 23px;
  }

  .faq-entry-content ul li:before {
      font-size: 22px;
  }

  .faq-entry-content ul li {
      padding: 0 0 0 25px;
  }

  .faq-entry-content ul li:before {
      font-size: 17px;
      top: 2px;
  }


  .ccm-faq-container .ccm-faq-block-links {
      display: none;
  }

  .ccm-faq-container .ccm-faq-block-entries {
      -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
  }

  .products .mid {
      margin-top: 50px;
      margin-bottom: 50px;
  }

  .online-refills h3 {
      font-size: 19px;
      margin: 14px 0 0;
  }

  .service-intro h2 {
      font-size: 22px;
  }

  .service-intro p {
      font-size: 15px;
  }

  .service-top ul li i, .products section i {
      width: 75px;
      height: 75px;
      -webkit-background-size: 41px;
      background-size: 41px;
  }

  .service-top ul li {
      font-size: 14px;
  }

  .service-list {display: block;}

  .service-list .sl-left, .service-list .sl-right {
      max-width: 100%;
  }

  .service-list .sl-left {
      height: 330px;
  }

  .intro .col-sm-5,
  .intro .col-sm-7 {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .header {
      padding: 15px;
  }

  .header .brand {
      max-width: 145px;
      -webkit-flex: 0 0 145px;
      -ms-flex: 0 0 145px;
      flex: 0 0 145px;
  }

  .header .nav li, .header .nav a {
      font-size: 16px;
  }

  .header .nav li {
      margin: 0 2px;
  }

  .header .nav li:last-child {
      margin: 0 0 0 10px;
  }

  .hero h2 {
      font-size: 66px;
  }

  .hero p {
      font-size: 17px;
  }

  .hero p i {
      margin-right: 10px;
  }

  .icon-clock {
      width: 29px;
      height: 29px;
  }

  .board {-webkit-transform: unset;transform: unset;width: 641px;height: 438px;margin: 0 auto 40px;}

  .board .postit {width: 160px;left: 53px;top: 50px;}

  .board .pic {
      top: 223px;
      left: 52px;
      width: 160px;
  }

  .board .note {
      width: 281px;
      height: 331px;
  }

  .intro .main {
      margin: -20px 0 0;
      display: block;
  }

  .intro {
      padding: 50px 0;
      text-align: center;
  }

  .meet .col-sm-7, .meet .col-sm-5 {
      -webkit-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
  }

  .meet {
      padding: 50px 0 0;
      text-align: center;
  }

  .content.meet h2 {
      margin: 0;
  }

  .meet img {
      margin: 60px auto -4px;
      float: none;
      max-width: 300px;
  }

  .directions {
      padding: 60px 0;
  }

  .directions .col-sm-7 {
      -webkit-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      margin: 0;
  }

  .directions .container {
      z-index: 3;
      position: relative;
  }

  .directions:after {content: "";display: block;z-index: 1;background: #FFF;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;opacity: 0.9;}

  .directions {
      position: relative;
      text-align: center;
  }

  .faq-lead .col-sm-9, .faq-lead .col-sm-3 {
      -webkit-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
  }

  .faq-lead .text-right {
      text-align: center !important;
      margin: 25px 0 0;
  }

  .faq-lead {
      text-align: center;
  }

.footer {
  -webkit-background-size: cover;
  background-size: cover;
}

.footer {
    text-align: center;
}

.footer .col-lg-3 {
    margin-top: 30px;
    margin-bottom: 30px;
}

.footer h2:after {
    margin: 5px auto 30px;
}

.footer .brand a img {
    margin: 0 auto 20px;
}

.footer {
    padding: 30px 0;
}

.footer ul.ci li {
    text-align: right;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
}

}

@media (max-width: 825px) {

  .header .nav li a {
      padding: 9px 7px;
  }

  .header .nav li, .header .nav a {
      font-size: 14px;
  }

}

@media (min-width: 768px) {

  .mopt {display: none;}

}

@media (max-width: 767px) {

  .content .board .note h3, .content .board .note h3 span {
    font-size: 19px !important;
  }

  .content .board .note p, .content .board .note p span {
      font-size: 14px !important;
      line-height: 1.25;
  }

	.pg-content.pg-contact {
    padding-top: 20px;
}
	.cinfo + p {
    margin-bottom: 30px;
}
.pg-contact .ccm-layout-column-wrapper .ccm-layout-column {
    width: 100% !important;
    margin-bottom: 29px;
}
  .about-intro {
    padding: 0;
    margin: 30px 0 0;
}

.pg-content hr {
    height: 4px;
    margin: 47px 0;
}

.section-intro h2 {
    font-size: 25px;
}

.section-intro p {
    font-size: 14px;
}

.bio-pic:before, .bio-pic:after {
    display: none;
}

.bio-pic img {
    max-width: 100px;
}

.bio {
    margin: 0 0 40px !important;
}

.pg-intro {
    padding: 90px 0 27px;
}

.pg-intro h1 {
    font-size: 35px;
}
.online-refills h3 {
    font-size: 15px;
    margin: 0 0 10px;
}
.pg-intro p {
    font-size: 12px;
}

  .header .nav {
      -webkit-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      display: block;
      text-align: center;
      margin: 10px 0 0;
      display: none;
  }

  .header {
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
  }

  .header .nav li, .header .nav li a {
      display: block;
  }

  .header .nav li:last-child {
      display: none;
  }

  .header .nav li a {
      padding: 17px;
      border-bottom: 1px solid rgba(255,255,255,0.1);
  }

  .header {
      background: #28292c;
      padding: 7px 10px 2px;
  }

  .mopt a i, .mopt a span {
      display: block;
  }

  .mopt a i {
      background-color: #d51143;
      width: 38px;
      height: 38px;
      -webkit-border-radius: 6px;
      border-radius: 6px;
      color: #fff;
      line-height: 38px;
      text-align: center;
      font-size: 22px;
  }

  .mopt a {
      display: inline-block;
      text-align: center;
      margin: 0 0 0 3px;
  }

  .mopt a span {
      font-size: 10px;
      text-transform: uppercase;
      color: #fff;
      margin: 3px 0;
  }

  .hero {
    background-image: url(../i/hero.jpg);
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }

  .hero .video-background {
    display: none;
  }

  .videobg {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
  }

  .videobg,
  .videobg .video-overlay {
      z-index: 4 !important;
  }

  .hero {
      height: auto;
      padding: 60px 0;
      margin: 65px 0 0;
  }

  .hero h2 {
      position: relative;
      top: 0;
      left: 0;
      right: 0;
      font-size: 50px;
  }

  .hero p {
      position: relative;
      top: 0;
      left: 0;
      right: 0;
      margin: 22px 0 0;
  }

  .hero h2 span {
      margin: 0;
  }

  .videobg {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
  }

  .board .postit, .board .pic {
      display: none;
  }

  .board .note {
      top: 30px;
      background-color: #fff;
      background-image: none;
      left: 35px;
      right: 46px;
      bottom: 68px;
      margin: auto;
      width: auto;
      height: auto;
      padding: 0 20px;
  }

  .board {
      width: 471px;
      height: 338px;
  }

  .board .note div {
      padding: 0;
      position: relative;
      -webkit-transform: unset;
      transform: unset;
      left: 0;
      top: 0;
  }

}

@media (max-width: 580px) {

  .board {
      width: 320px;
      height: 230px;
  }

  .board .note {
      top: 19px;
      left: 21px;
      right: 24px;
      bottom: 40px;
  }

  .board .note p {
      font-size: 12px !important;
      margin: 0;
  }

  .board .note h3 {
      font-size: 15px !important;
  }

  .hero h2 {
      font-size: 41px;
  }
  .board {
      width: 320px;
      height: 230px;
  }

  .board .note {
      top: 19px;
      left: 21px;
      right: 24px;
      bottom: 40px;
  }

  .board .note p {
      font-size: 12px !important;
      margin: 0;
  }

  .board .note h3 {
      font-size: 15px !important;
  }

  .intro .main {
      padding: 0;
  }

  .button {
      font-size: 13px;
      padding: 20px 17px;
  }

  .content h2 {
      font-size: 23px !important;
  }

  .content.meet h3 {
      font-size: 15px !important;
  }

  .content.meet p {
      font-size: 13px !important;
  }

  .directions form input[type="text"] {
      padding: 22px 30px 21px 53px;
      width: 100%;
      margin: 0;
  }

  .button {
  }

  .directions form input[type="submit"] {
      width: 100%;
  }

  .directions {
    background: none;
  }

  .faq-lead p {
      font-size: 14px;
  }


.about-intro p {
    font-size: 13px;
    margin: 0 0 21px;
}

.online-refills * {text-align: center !important;}

.service-list .sl-left {
    height: 200px;
    width: 320px;
    margin: 30px auto 0;
}

.service-list .sl-right {
    padding: 30px;
    background-color: #fff;
    text-align: center;
}

.sl-right h2 {
    font-size: 28px;
}

.sl-right p {
    font-size: 15px;
}

.sl-right ul li {
    text-align: left;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.service-top ul li i, .products section i {
    width: 56px;
    height: 56px;
    -webkit-background-size: 34px;
    background-size: 34px;
}

.service-intro h2 {
    font-size: 19px;
}

.service-intro p {
    font-size: 14px;
}

.service-top ul {
    display: block;
}

.service-top ul li {
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #ddd;
    padding: 5px 0;
}

.service-top ul li i {
    margin: 0;
    width: 45px;
    height: 45px;
    -webkit-background-size: 28px;
    background-size: 28px;
}

.online-refills h3 {
    font-size: 15px;
    margin: 0 0 10px;
}

.today i {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.today {
    text-align: center;
}


}