ul#filters {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

[data-sub="other-expenses"] table {
  margin-bottom: 15px
} 

[data-menu="fall-winter"] .dropdown {
  padding-bottom: 5px;
}

.event-item-list .more-details {
  margin: 0 0 20px 0
}

.owl-dots.owl-dot-clone {
  bottom: 0px;
  margin-bottom: 10px
}

.event-item-list.event-item-content {
  padding: 30px
}

.accordion.style-1 .content {
  padding: 0 10px;
  margin-left: 0;
}


div[data-section="about"] {
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 150px 0;
}


div[data-section="about"] .container {
  width: 100%;
  max-width: 625px;
  transform: unset;
  position: static;
  margin: 0 auto;
  padding: 0 20px;
}

div.btn-checkout {
  display: unset;
}

div.btn-checkout [for="pcode"] {
  margin: 0 10px;
}

form.shopping-cart div.cart-contents div.btn-checkout input#pcode {
  margin: 10px 0px 0px 25px;
  width: 100%;
  max-width: 155px;
}

div.btn-checkout button {
  /* margin: 10px 0px 0px 25px; */
}

div.product-details div.product-price-quantity label {
  margin: auto;
}

.menu-navs nav {
  flex-wrap: wrap;
}

@media (min-width: 1440px) {

}

@media (max-width: 2560px) {


  [data-section="about"] .container {

    width: 40%;
    max-width: 1000px;
  }
}

@media (max-width: 1920px) {
  
  [data-section="about"] .container {
    position: initial;
    transform: initial;
    width: 35%;
    max-width: 1000px;
  }
}

@media (max-width: 1600px) {

  [data-section="about"] .container {
    position: initial;
    transform: initial;
    width: 50%;

    max-width: 1000px;
  }
}

@media (max-width: 1200px) {

  .owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 0px;
  }

  #fancy-testimonial-carousel .owl-item {
    padding: 0px;
  }

  [data-section="about"] .row>div {
    padding: 30px;
    margin-bottom: 0;
  }

  #header-wrapper {
      background-color: rgba(0,0,0,1.0);
  }
  
  [data-section="about"] .container {
    width: 65%;
    position: static;
    transform: none;
    max-width: 1000px;
  }

  .logo {
    display: inline;
    
  }

  .logo img {
    margin-left: initial;
    margin-right: initial;
    transform: translateX(0px);
    margin-top: 20px;
  }

  #header .nav-left .pi-nav {
    display: none;
  }

  #dl-menu {
    display: inline-block;
  }

  .menu-style-2 .menu-item-title>p {
    padding-right: 60px;
  }

  [data-type="about-container"] {
      margin: 50px 0 25px;
  }
  [data-section="event-types"] .col-md-12, [data-section="about-us"].v2 .col-md-12 {
      margin: 0;
  }

  .pi-latest-posts .post-hover img {
      display: block;
      object-fit: cover;
      height: 100%;
      width: 100%;
  }

  .fancy-testimonial-background h4 {
      font-size: 19px;
  }

  .fancy-testimonial-background .carousel-container {
      height: auto;
  }

  #fancy-testimonial-carousel p {
      font-size: 12px;
  }

  #fancy-testimonial-carousel .testimonial-author {
      font-size: 11px;
  }

  #instagram-gallery li:nth-child(8), #instagram-gallery li:nth-child(10) {
      display: none;
  }

  .fancy-testimonial-background {
      width: 100%;
  }
  .owl-dots {
      display: none;
  }

  #copyright-container p {
      text-align: center;
  }

  #copyright-container .breadcrumb {
      margin: 10px auto;
      float: none;
      display: flex;
      max-width: 700px;
      justify-content: space-between;
      flex-wrap: wrap;
  }

  .scroll-up {
      bottom: 32px;
  }

}

@media (max-width: 1199px) {
  .owl-carousel div.owl-item img {
    min-height: 575px;
  }
}

@media (max-width: 1000px) {

  #instagram-gallery li {
    width: 25vw;
    height: 25vw;
  }

  [data-section="gallery"] .fancy-testimonial-background {
      width: 100%;
      height: 25vw;
  }

  #instagram-gallery li:nth-child(7) {
    display: none;
  }

  #instagram-gallery li:nth-child(6) {
    display: none;
  }

  #instagram-gallery li:nth-child(11) {
    display: none;
  }

  #instagram-gallery li:nth-child(12) {
    display: none;
  }

  
}

@media (max-width: 991px) {

  .owl-carousel div.owl-item img {
      min-height: 788px;
  }

  [data-section="faq"] .container {
    padding: 40px 20px;
  }

  [data-section="faq"] .container [data-type="faq-section"] {
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
  }

  [data-section="about"] .container {
    width: 80%;
    max-width: 100%;
    
  }

  [data-section="menus"] .container {
    width: 90%
  }

  div.food-menu-subsection .menu-style-2 .menu-item-title>p {
    margin-right: 65px;
  }

  .food-menu-subsection {
    flex-direction: column;
  }

  .food-menu-subsection ul{
    gap: 20px
  }

  .owl-item .article-meta {
    margin-bottom: 50px
  }

  .owl-item .more-details {
    margin-top: 25px;
    margin-bottom: 25px;
  }

  [data-section="partnerships"] .container {
    width: 90%;
  }

  [data-section="partnerships"] {
    padding: 100px 0px 0px 0px;
  }

  [data-section="faq"] {
    padding-top: 0px;
    padding-bottom: 0px
  }

  .pi-latest-posts .post-hover>a {
      height: 135px
  }

  [data-section="gallery"] .fancy-testimonial-background {
    width: 100%
  }

  [data-section="faq"] {
    padding: 50px 20px;
  }

  [data-section="faq"] .container {
    width: auto;
  }

  .col-md-4.pi-latest-posts .post-meta,
  .col-md-3.pi-latest-posts .post-meta {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
  }

  [data-section="blog"] .pi-latest-posts p {
    margin-bottom: 20px;
  }

  .modal.blog .post-meta {
    flex-wrap: wrap;
  }

  [data-section="blog"] .pi-latest-posts .post-hover>a {
    height:400px;
  }

  [data-section="blog"] .pi-latest-posts .custom-heading a {
        display: flex;
        justify-content: center;
  }

  

  #instagram-gallery li:nth-child(8) {
    width: 100%
  }

  #instagram-gallery li:nth-child(10) {
    width: 100%
  }

  #footer-wrapper .newsletter .submit {
    width: auto;
  }

  #footer-wrapper .newsletter {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

@media (max-width: 800px) {
  [data-section="about"] .container {
    width: 90%;
  }

  [data-section="about"] .row>div {
    padding: 20px
  }

  [data-type="about-container"] p {
    padding: 0px
  }


}
@media (max-width: 768px) {

#footer-wrapper .newsletter {
  align-items: normal;
}

#footer-wrapper .newsletter .email {
  width: calc(100% - 173px);
}

  #footer-wrapper div.row {
    flex-direction: column;
  }

  #footer-wrapper .newsletter {
    margin: 10px auto;
  }
}
@media (max-width: 767px) {

  [data-section="home"] h2 {
    font-size: 30px;
    margin: 10px 0;
  }

  [data-section="home"] .container .row div h2 span {
    font-size: 45px;
  }

  [data-section="home"] span.small {
    font-size: 30px;
    margin-bottom: 30px
  }
  .divider.style-2.center {
    margin-top: 20px
  }

  [data-section="home"] .cta {
    margin: 20px auto 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  #footer .social-links {
    margin: 20px auto 10px auto;
  }
  
}
@media (max-width: 658px) {
  #copyright-container .breadcrumb {
    justify-content: center;
  }
}
@media (max-width: 600px) {

  #copyright-container .breadcrumb {
    justify-content: center;
  }
  #instagram-gallery li {
    width: 50vw;
    height: 50vw;
  }

  [data-section="gallery"] .fancy-testimonial-background {
    height: 50vw;
    padding: 30px 20px;
  }

  [data-section="contact"] img {
    min-width: 100%;
    height: auto;
  }

  div[data-section="about"] {
    padding: 0;
  }

  div[data-section="about"] .container {
    margin: 0;
    padding: 0;
  }

  [data-section="about"] .row {
    border-radius: 0;
  }

  [data-section="about"] .row>div {
    padding: 40px;
  }

  [data-section="menus"] {
    padding: 20px 0 !important;
  }

  [data-section="menus"] .container {
    width: auto;
    margin: 0 20px;
  }

  [data-section="event-types"], [data-section="about-us"].v2 {
    padding: 20px 0;
  }

  .owl-carousel div.owl-item img {
      min-height: 200px;
  }

  .owl-item .article-meta {
      margin: 40px 0 20px;
  }

  [data-section="partnerships"] {
      padding: 40px 0;
  }
  ul#filters {
      gap: 5px;
  }
  .projcard {
      width: 100%;
      overflow: visible;
      height: calc(100vh - 182px) !important;
  }

  .pt-partners.protip-container.protip-skin-default.protip-skin-default--size-normal.protip-skin-default--scheme-pro {
      left: 20px !important;
      top: 162px !important;
      bottom: 20px !important;
      position: fixed;
      width: calc(100vw - 40px) !important;
      min-width: unset !important;
      overflow: scroll;
  }

  .projcard-img {
      width: 100%;
      max-height: 200px;
      border-radius: 10px 10px 0 0;
  }

  .projcard-innerbox {
      flex-direction: column;
      overflow: scroll;
      height: 100%;
      border-radius: 10px 10px 0 0;
      justify-content: start;
  }

  .projcard-textbox::before, .projcard-textbox::after {
      display: none;
  }

  .projcard-textbox {
      width: 100%;
  }

  .projcard::before {
      display: none;
  }

  .projcard:hover .projcard-img {
      transform: none;
  }

  .projcard:hover {
      box-shadow: none;
      transform: none;
  }

  .projcard-contact a {
      padding: 5px 10px;
  }
}
@media (max-width: 576px) {

  .menu-navs nav {
    flex-wrap: wrap;
  }

  [data-section="menus"] .container {
    padding: 35px 35px;
  }

  .menu-style-1 .menu-item-thumbnail {
    width: 25%
  }

  .menu-style-1 .menu-item-thumbnail img {
    height: 75%
  }

  .menu-style-1 div.menu-item-thumbnail+.menu-item-description {
    padding: 0px 40px 20px 20px
  }

  [data-section="faq"] .custom-heading h3 {
    font-size: 30px;
  }
}

@media (max-width: 400px) {
  [data-section="gallery"] .fancy-testimonial-background {
      height: 70vw;
  }

  [data-section="gallery"] .fancy-testimonial-background h4{
    margin-bottom: 10px;

  }

  [data-section="home"] .cta {
    gap: 15px;
  }

  [data-section="home"] .cta a{
    padding: 10px 15px
  }
}

@media (max-width: 370px) {
  #header-wrapper .logo img {
    height: 35px;
    margin-bottom: 10px
  }


}

@media only screen and (min-width: 320px) and (max-width: 479px) {
  #footer-wrapper .newsletter {
    align-items: center;
  }
  
  #footer-wrapper .newsletter .submit {
    width: 50%;
  }
}