/* added new DG */
    .overlayFeatured {
      padding-top: 30px;
      width: 100%;
      /*margin: -500px auto;*/
    }

    .overlayh1 {
      color:#fff;
      font-size: 45px;
    }

    .overlaySubText {
        color: #fff;
        font-size: 22px;
        width: 50%;
        text-align: center;
        display: block;
        margin: 0 auto;
        line-height: 1.5;
    }


    /* gallery */

    img.zoom {
     width: 100%;
     height: 200px;
     border-radius:5px;
     object-fit:cover;
     -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     -ms-transition: all .3s ease-in-out;
     cursor: default;
    }

    .transition {
     -webkit-transform: scale(1.2);
     -moz-transform: scale(1.2);
     -o-transform: scale(1.2);
     transform: scale(1.2);
    }
     .modal-header {

      border-bottom: none;
    }
     .modal-title {
         color:#000;
     }
     .modal-footer{
       display:none;
     }

     .overlayGallery {
       margin: -35px auto;
       width: 90%;
       z-index: 1;
     }

     .col-lg-4.col-md-4.col-xs-3.thumb {
       margin: 20px auto;
    }

    ul.ftco-footer-social.list-unstyled.float-md-left.float-lft.mt-3 {
    text-align: center;
    width: 100%;
    margin: 0 auto !important;
    padding: 0px;
}

  .bigHeight {
    height:320px;
  }

  .smallHeight {
    height:100px;
    background-size: contain;
  }

  .titleH1 {
      margin: 50px auto 20px;
      font-weight: 600;
      font-size: 2vw;
  }

  .titleH1 span {
    cursor: pointer;
  }

  .titleH1 .active {
      background: #572703;
      color: white;
      padding: 20px;
      border-radius: 20px;
      cursor:default;
  }

  .menuPlace {
    text-align: right;
  }

  .menuPlace li {
      display: inline-block;
      color: #40409a;
      /* text-decoration: underline; */
      margin: 20px 0px;
      text-align: right;
      font-size: 1.4vw;
      color: #990000;
  }


  .languages {
    margin: 20px 0 0;
  }

  .languages li {
    list-style-type: none;
      display: inline-block;
  }

  .linkMenu {
      background: #552d14;
      color: white;
      padding: 10px 60px;
      font-size: 2vw;
      border-radius: 7px;
      border-color: #552d14;
      box-shadow: none;
  }

  .linkMenu a {
    color:white;
  }

  .promos img {
      width: 100% !important;
  }

  .mb-2 span {
    color: #c8a97e;
    font-size: 4vw;
    cursor: auto;
}

.titleH1 span {
    font-size: 2vw;
    cursor: pointer;
}


.topHeadingOverlay {
  position: absolute;
  top:190px;
  z-index: 1000;
  width: 100%;
}


.imgMobileAithousaBg {
  display: block;
}

.imgMobileAithousa {
  display: none;
}


.titleSection {
  font-size: 25px;
  text-align: center;
  text-transform: uppercase;
  margin: 20px auto;
}

.menuItems {
  margin: 0 auto;
  width: 50%;
}

.menuItems h3 img {
    width: 65% !important;
    margin: 0px auto;
    display: block;
}

.menuItems h3 {
    margin:0px;
}

.menuItems img {
    width: 150px;
    vertical-align: top;
    height: 110px;
}

.menuItemBox {
  clear: both;
  margin: 10px auto;
  /*border-top: 1px solid #dedede;*/
  /*border-top: 1px solid #dedede;*/
  padding: 5px 20px 20px 20px;
  min-height: 150px;
}

.menuText {
  display: inline-block;
  vertical-align: top;
  max-width: 60%;
}

.menuImg {
    display: inline-block;
    float: right;
}

.filter-buttons {
  margin:20px auto;
  text-align: center;
}

.filterDiv {
    display: none;
    clear: both;
    /* padding-bottom: 20px;
    background: #b99f7a; */
    /*background:#b99f7a99;*/
    padding-top: 10px;
}

.show {
  display: block;
}

.active {
    border: 1px solid #c8a97e;
    background: transparent;
    color: #c8a97e;
}

.menuItemBox h4 {
    color:#552d14;
    margin:0 0 2px 0;
}

.btn-tag {
    margin:5px 0;
    font-size: 15px;
}


.image2coursesMenu {
    margin: 0 auto;
    width: 100%;
}

.menuText span {
    font-size: 14px;
    line-height: 21px;
    display: block;
    color:black;
}

.subTitleSection {
    font-size: 15px;
    /*color: white;*/
    padding: 0 10px 0 10px;
    text-align: justify;
    display: none;
}

.logoTea {
    width: 145px !important;
    margin: 0 auto 30px;
    height: auto !important;
    display: block;
}


pr {
    position: absolute;
    right: 30px;
    font-size: 11px;
}

/*----------------------Style custom mobile -------------------------------*/

  @media (max-width: 991.98px) {

  .owl-carousel.home-slider {
    /*height: 350px !important;*/
    overflow: hidden;
    background-size: cover !important;
  }

  .owl-carousel.home-slider .slider-item {
    /*background-size: contain;*/
  }

  .featured {
    margin-top:0px !important;
  }


  .menus .text .one-half h3 {
    font-size: 34px;
  }


  .hero-wrap.hero-wrap-2 {
    display: none;
  }

  .titleH1 span {
    cursor: pointer;
    display: block;
    font-size: 6vw;
}

  .titleH1 img {
    margin: 20px 20px 10px 20px !important;
  }

  .navbar-brand img {
    height: 50px;
  }

  .staff .cta {
    width: 100%;
    margin: 20px auto 35px;
  }

  .linkMenu {
    width: 90%;
    font-size: 34px;
  }

/*  .owl-carousel .owl-stage-outer {
    height: 350px;
  }

  .owl-stage {
    height: 350px;
  }

  */

  .overlaySubText {
    font-size: 14px;
    width:95%;
  }

  .overlayh1 {
    font-size: 30px;
  }

  .overlayFeatured {
      padding-top: 30px;
      width: 100%;
      margin: 0px auto;
      color: white;
  }

.mobileSmall {
  width: 50%;
}

.mobileTop {
  position: absolute !important;
  top: 280px;
}

.featured .featured-menus .menu-img {
  width:70px;
  height:70px;
}

.topHeadingOverlay {
  position: absolute;
  top:90px;
  z-index: 1000;
  width: 100%;
}


.imgMobileAithousa {
  display: block;
  width: 100%;
}

.imgMobileAithousaBg {
  display: none;
}

.menuItems {
    width: 100%;
}

.menuItems img {
    width: 100px;
    height: 73px;
}

.menuItemBox {
    /*padding: 15px;*/
    padding: 7px 15px 7px 15px;
}

.menuItemBox h4 {
    font-size: 16px;
}

.menuText p {
    font-size: 13px;
    line-height: 17px;
    color: black;
    margin: 5px auto 5px;
    line-height: 22px;
}

.menuText {
    display: inline-block;
    vertical-align: top;
    max-width: 60%;
}

.subTitleSection {
  font-size: 13px;
}

.btn-tag {
    margin: 5px 0;
    font-size: 11px;
}

.menuText span {
  font-size: 11px;
}

.btn.btn-primary {
    padding: 2px 8px;
}

.filter-buttons {
    margin: 0px auto 0px;
}

.menuItemBox {
  min-height: 80px;
}

.logoTea {
    width: 145px !important;
    margin: 0 auto 30px;
    height: auto !important;
    display: block;
}


.menuItems h3 img {
    width: 100% !important;
    margin: 0px auto;
    display: block;
}


  }