@media (min-width: 1200px) {

  .brand a img {
      width: 165px;
  }

}

@media (max-width: 1600px) {

  .about-intro img {
      max-width: 53%;
  }

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

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

  .about-home {
      height: 650px;
  }

  .about-home section {
      height: 520px;
      right: 60px;
  }

  .services-home {
      padding: 70px 0 115px;
  }

  .testimonials #slider li h3 {
      font-size: 38px;
  }

  .testimonials #slider li p {
      font-size: 20px;
  }

}

@media (max-width: 1367px) {


  .fwgallery a {
    height: 160px;
}

.fwgallery a img {
    max-width: 230px;
}

.fwgallery a i {
  line-height: 160px;
}

.restaurant-menu h2 {
    font-size: 37px;
}

  .about-section section {
      padding: 80px;
      font-size: 22px;
  }

  .about-home {
      height: 575px;
  }

  .about-home section h2 {
      font-size: 42px;
      margin: 0 0 22px;
  }

  .about-home section h1 {
      font-size: 13px;
  }

  .about-home section p {
      margin: 0 0 20px;
  }

  body {
      font-size: 19px;
  }

  .about-home section {
      height: 450px;
      width: 570px;
  }

  .intro {
      background-size: 200px;
  }

  .services-home .pillar i {
      width: 70px;
      height: 70px;
      -webkit-background-size: contain;
      background-size: contain;
  }

}

@media (max-width: 1199px) {

  .logos img {
      max-height: 40px;
  }

  .about-section section {
      padding: 60px;
      font-size: 20px;
  }

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

  .header .brand a {
      width: 125px;
      margin: -30px 50px;
      height: 125px;
  }

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

  .navigation ul li:not(.brand) a {
      font-size: 20px;
      padding: 19px 0;
  }

  .preheader {
      font-size: 14px;
  }

  .preheader i {
      width: 17px;
      height: 17px;
      -webkit-background-size: contain;
      background-size: contain;
  }

  .hero {
      height: 600px;
      height: calc(100vh - 115px);
  }

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

  .hero h2 em {
      font-size: 83%;
  }

  .intro {
      padding: 70px 0;
  }

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

  .section-intro:after {
      height: 25px;
      width: 182px;
      -webkit-background-size: contain;
      background-size: contain;
  }

  .section-intro {
      margin: 0 0 25px;
  }

  .intro p {
      margin: 0 0 50px;
  }

  .about-home section h3 {
      font-size: 32px;
      margin: 0 0 15px;
  }

  .about-home section h2 {
      font-size: 32px;
      margin: 0 0 4px;
  }

  .about-home section h1 {
      font-size: 12px;
  }

  .about-home section {
      height: 380px;
      width: 550px;
  }

  .about-home {
      height: 445px;
      -webkit-background-size: 250px;
      background-size: 250px;
  }

  .services-home .pillar i {
      width: 40px;
      height: 40px;
  }

  .services-home .pillar h3 {
      font-size: 21px;
  }

  .services-home .pillar p {
      font-size: 14px;
  }

  .testimonials #slider, .testimonials .map {
      max-width: 100%;
  }

  .testimonials {
      height: auto;
      display: block;
  }

  .testimonials .map {
      height: 160px;
      padding: 0;
  }

  .testimonials .map:before {
      display: none;
  }

  .testimonials #slider {
      text-align: center;
  }

  .testimonials .map {
      height: 160px;
      padding: 0;
  }

  .testimonials .map:before {
      display: none;
  }

  .testimonials #slider {
      text-align: center;
  }

  .directions .col-sm-7, .directions .col-sm-5 {
      -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      text-align: center;
  }

  .directions h2 {
      margin: 0 0 20px;
  }

  .testimonials #slider ul.slick-dots {
    bottom: 0;
  }

  .footer ul li, .footer ul li a {
      font-size: 18px;
  }

  .footer ul li {
      margin: 0 0 0 25px;
  }

  .footer .brand a img {
      max-width: 70px;
  }
  .fwgallery a {
      height: 110px;
  }

  .fwgallery a i {
      line-height: 110px;
  }

  .fwgallery a img {
      max-width: 160px;
  }
}

@media (max-width: 991px) {
  .footer ul li a {
    text-align: right;
    display: block;
    width: 100%;
  }
  .pg-restaurant h2 {
      font-size: 29px;
      margin: 0 0 10px;
  }

  .pg-restaurant img {
      margin-bottom: 20px;
  }

  .pg-restaurant p {
      font-size: unset;
  }
  .logos li {
      max-width: 50%;
      -webkit-flex: 0 0 50%;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      text-align: center;
      margin: 6px 0;
  }

  .logos {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 40px 0;
  }


  .restaurant-menu h2 {
      font-size: 30px;
  }

  .restaurant-menu p {
      font-size: 17px;
  }

.testimonials .map iframe {
  margin: 0;
}
  .about-section section {
      padding: 60px;
      font-size: 20px;
  }

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

  .about-section.alt .as2 {-webkit-order: 0;order: 0;}

  .about-section .as1, .about-section .as2, .about-section section {
      max-width: 100%;
      -webkit-flex: 0 0 100%;
      flex: 0 0 100%;
  }

  .about-section {
      display: block;
  }

  .about-section .as1, .about-section .as2 {
      width: 640px;
      height: 480px;
      margin: 30px auto -30px;
  }

  .about-section section {
      padding: 60px;
      font-size: 20px;
  }

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

  .about-section.alt .as2 {-webkit-order: 0;order: 0;}

  .about-section .as1, .about-section .as2, .about-section section {
      max-width: 100%;
      -webkit-flex: 0 0 100%;
      flex: 0 0 100%;
  }

  .about-section {
      display: block;
  }

  .about-section .as1, .about-section .as2 {
      width: 640px;
      height: 480px;
      margin: 30px auto -30px;
  }

  .directions h2 {
      font-size: 24px;
  }

  .footer .row {
      display: block;
  }

  .footer .row .col-sm-2, .footer .row .col-sm-10 {
      max-width: 100%;
      text-align: center;
  }

  .footer ul {
      display: block;
      width: 100%;
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      -ms-justify-content: space-between;
      -o-justify-content: space-between;
      justify-content: space-between;
  }

  .footer ul li a, .footer ul li {
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      -ms-justify-content: space-between;
      -o-justify-content: space-between;
      justify-content: space-between;
      width: 100%;
      margin: 0;
      border-bottom: 1px solid #ccc;
  }

  .footer ul li a {
      border: none;
  }

  .footer .copyright {
      border: none;
      padding: 0;
  }

  .testimonials.full, .testimonials {
      padding: 50px 0;
  }

  .testimonials #slider li h3, .testimonials.full #slider li h3 {
      font-size: 26px;
  }

  .testimonials #slider li p {
      font-size: 16px;
  }

  .icon-stars {
      width: 125px;
      height: 24px;
      background-size: contain;
  }

  .about-section section {
      text-align: center;
  }
  .services-home .pillar h3 {
      font-size: 20px;
  }

  .services-home .pillar {
      padding: 0;
  }

  .services-home .pillar p {
      font-size: 13px;
  }

  .service-content .row {-webkit-flex-direction: column;flex-direction: column;}

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

  .service-content .col-sm-5 {-webkit-order: 2;order: 2;text-align: center;}

  .service-content .col-sm-5 img {
      margin: 0 auto;
  }

  .cinfo h3 {
      font-size: 24px;
  }

  .cinfo p {
      margin: 0 0 10px;
      font-size: 15px;
  }

  .pg-contact .col-sm-4, .pg-contact .col-sm-8 {
      max-width: 100%;
  }

  .pg-contact .row {
      display: block;
  }

  .cinfo {
      margin: -24px 0 30px;
  }

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

  .header .brand a {
      margin: -30px 10px;
  }

  .navigation ul li:not(.brand) a {
      font-size: 16px;
      padding: 19px 0;
  }
  .footer i {
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      margin: auto;
  }

  .footer li {
      position: relative;
      padding-top: 5px;
      padding-bottom: 5px;
      text-align: right;
      display: block;
  }

  .footer ul li a, .footer ul li {
      display: block;
      padding: 0;
  }

  .footer ul li {
      padding: 10px 0;
  }
  .footer ul li, .footer ul li a {
      font-size: 15px;
  }

}

@media (min-width: 768px) {

  .gallery-link { display: none; }

}

@media (max-width: 767px) {
  .covid i {
      font-size: 21px;
      left: 30px;
  }
  .covid.d {display: none;}
  .covid.m {display: block;}


  .restaurant-menu h2 {
      font-size: 21px;
  }


  .menu-side {
    padding-bottom: 20px;
    margin-bottom: 20px;
    padding-right: none;
    border-bottom: 1px solid #eee;
    border-right: none;
  }

  .logos img {
      max-height: 30px;
  }

  .logos li:nth-child(1) img,
  .logos li:nth-child(3) img,
  .logos li:nth-child(4) img {
    max-height: 70px;
  }

  #swipebox-close {
      right: 0;
      left: 0;
      margin: auto;
      top: auto;
      bottom: 0;
  }
  .gallery-link {
    display: block;
    background-color: #5684e7;
    color: #fff;
    font-size: 22px;
    padding: 31px;
    font-weight: 600;
    text-align: center;
  }

  .gallery-link i {
    opacity: 0.5;
    margin: 0 10px 0 0;
  }

  .gallery-link:hover,
  .gallery-link:focus {
    color: #fff;
    background-color: #222;
  }

  .gallery {
    display: none;
  }

  .mhead {
    display: block;
    background-color: #fff;
    border-top: 4px solid #5684e7;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    z-index: 9999;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  }

  .mhead .logolink {
      display: inline-block;
      border-radius: 100%;
      background: #fff;
      padding: 5px;
      width: 78px;
      height: 78px;
  }

  .mhead .logolink img {
      max-width: 90px;
  }

  i.icon-m-1,
  i.icon-m-2 {
    background-color: #5684e7;
    width: 37px;
    height: 37px;
    border-radius: 3px;
    -webkit-background-size: 20px;
    background-size: 20px;
  }

  i.icon-m-1 {
    background-image: url(../i/menu.svg);
  }

  i.icon-m-2 {
    background-image: url(../i/phone.svg);
  }

  .mhead .mnav a i, .mhead .mnav a span {
      display: block;
  }

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

  .mhead .mnav a span {
      color: #444;
      font-weight: 700;
      font-size: 13px;
  }

  .mhead .mnav a i, .mhead .mnav a span {
      display: block;
  }

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

  .mhead .mnav a span {
      color: #444;
      font-weight: 700;
      font-size: 13px;
  }

  .preheader {
      display: none;
  }

  .header {
      position: fixed;
      background: #5684e7;
      z-index: 5000;
      top: 82px;
      left: 0;
      right: 0;
      margin: auto;
      width: 100%;
      text-align: center;
      display: none;
  }

  .header .brand {
      display: none;
  }

  .header .navigation ul {
      display: block;
  }

  .header .col-sm-12 {
      max-width: 100%;
  }

  .header .row {
      display: block;
  }

  .header .container .row {
      padding: 0;
  }

  .header .brand a {
      display: block;
  }

  .navigation ul li:not(.brand) a {
      display: block;
      color: #fff !important;
      font-size: 23px;
      padding: 10px;
      border-bottom: 1px solid rgba(0,0,0,0.1);
      margin: 0 -15px;
  }

  .navigation ul li:not(.brand) a.nav-selected {
      background: #222;
  }

  .navigation ul li:not(.brand) {
      display: block;
  }

  .navigation ul li:not(.brand) a:hover:after, .navigation ul li:not(.brand) a:focus:after, .navigation ul li:not(.brand) a.nav-selected:after {
      display: none;
  }

  .mhead .mnav a i, .mhead .mnav a span {
      display: block;
  }

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

  .mhead .mnav a span {
      color: #444;
      font-weight: 700;
      font-size: 13px;
  }

  .preheader {
      display: none;
  }

  .header {
      position: fixed;
      background: #5684e7;
      z-index: 5000;
      top: 82px;
      left: 0;
      right: 0;
      margin: auto;
      width: 100%;
      text-align: center;
      display: none;
  }

  .header .brand {
      display: none;
  }

  .header .navigation ul {
      display: block;
  }

  .header .col-sm-12 {
      max-width: 100%;
  }

  .header .row {
      display: block;
  }

  .header .container .row {
      padding: 0;
  }

  .header .brand a {
      display: block;
  }

  .navigation ul li:not(.brand) a {
      display: block;
      color: #fff !important;
      font-size: 23px;
      padding: 10px;
      border-bottom: 1px solid rgba(0,0,0,0.1);
      margin: 0 -15px;
  }

  .navigation ul li:not(.brand) a.nav-selected {
      background: #222;
  }

  .navigation ul li:not(.brand) {
      display: block;
  }

  .navigation ul li:not(.brand) a:hover:after, .navigation ul li:not(.brand) a:focus:after, .navigation ul li:not(.brand) a.nav-selected:after {
      display: none;
  }

  .hero {
      height: auto;
      margin-top: 82px;
      padding: 80px 0;
      position: relative;
      display: block;
  }

  .hero h2 {
      z-index: 3;
      position: relative;
      font-size: 40px;
  }

  .hero:before {content: "";display: block;position: absolute;background: #5684e7;top: 0;opacity: 0.7;left: 0;margin: auto;bottom: 0;right: 0;}

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

  .section-intro:after {
      height: 25px;
      width: 122px;
  }

  body {
      font-size: 16px;
  }


  .about-home section {
      position: relative;
      box-shadow: none;
      background: #f9f9f9;
      width: 100%;
      left: 0;
      top: 0;
      height: auto;
      padding: 40px 30px;
      text-align: center;
      display: block;
      -webkit-background-size: 200px;
      background-size: 200px;
      background-repeat: no-repeat;
      background-position: bottom right;
      background-image: url(../i/wheel-lg.png);
  }

  .about-home {
      height: auto;
  }

  .services-home .pillar {
      text-align: right;
      position: relative;
      padding: 20px 0 20px 120px;
      border-bottom: 1px solid #EEE;
  }

  .services-home .pillar i {
      position: absolute;
      left: 0;
      top: 20px;
      margin: auto;
  }

  .services-home .row {
      margin-top: 0;
  }

  .services-home .button {
      margin: 30px 0 0;
  }

  .services-home {
      padding: 60px 0;
  }

  .testimonials #slider {
      padding: 0;
  }

  .testimonials #slider li {
      padding: 30px;
  }

  .directions h2 {
      font-size: 18px;
  }

  .directions form input[type="text"], .directions form input[type="button"] {
      display: block;
      width: 100%;
      margin: 0;
  }

  .directions form .button {
      display: block;
      width: 100%;
  }


  .directions h2 {
      font-size: 18px;
      padding: 0 50px;
  }

  .directions form input[type="text"], .directions form input[type="button"] {
      display: block;
      width: 100%;
      margin: 0;
  }

  .directions form .button {
      display: block;
      width: 100%;
  }

  .pg-content form button[type="submit"], .button {
      padding: 14px 23px;
      font-size: 14px;
  }

  .about-home section p .button {
      margin: 6px 0 0;
      display: block;
  }

  .about-home section h3 {
      font-size: 30px;
  }

  .footer .copyright {
    font-size: 12px;
  }

  .pg-intro {
      margin-top: 82px;
      padding: 30px 15px;
  }

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

  .about-section .as1, .about-section .as2 {
      width: 100%;
      height: 200px;
      margin: 0;
  }

  .about-section section {
      padding: 30px;
      font-size: 17px;
  }

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

  .section-intro p {
      font-size: 13px;
      margin: 3px 0 15px;
  }

  .pg-content form button[type="submit"] {
      float: none;
  }

  .form-stacked .form-group:nth-child(2) {
      margin: 0;
  }

  .form-stacked .form-group:nth-child(2), .form-stacked .form-group:nth-child(3) {
      width: 49%;
  }

  .form-stacked .form-group:nth-child(3) {
      float: right;
  }

  .form-stacked .form-group:nth-child(1) {
      width: 100%;
      float: none;
  }

  .form-stacked textarea {
      height: 90px;
  }

  .directions form .button {
      font-size: 16px;
      padding: 20px 30px;
  }


}