@media screen and (max-width:820px) and (orientation:landscape) {

    /* mobile rotation  */
    .stoplandscape {
        display: block;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: #191818;
        text-align: center;
        z-index: 10000;
        overflow: hidden;
        bottom: 0;
        pointer-events: none;
    }
    .stoplandscape .overlay__content {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        font-size: 12px;
        color: #fff;
        width: 100%;
    }
    .stoplandscape .overlay__content p {
        font-size: 22px;
        font-weight: 300;
    }
}

@media screen and (max-width: 1440px) {

}

@media screen and (max-width: 1360px) {

}
@media screen and (max-width: 786px) {
    .footer{
            padding-bottom: 60px;
    }
    .footer_updown{
            bottom: 10px;
    }
    .addressblock .body_section.-type-context{
            padding-top: 140px;
    }
    .contactsectop .body_media-column_content {
        margin-top: 70px;
        margin-bottom: 70px;
    }
    .carrerpage .tymenulist1.somemargintop {
            padding-top: 150px;
            padding-bottom: 150px;
    }
     .loungepg .recipe_image .media {
             height: 400px;
     }
     .loungepg .recipe_image
     {
             width: 100%;
                 padding-right: 00px;
     }
     .loungepg .recipe:nth-child(2n) .recipe_image {
         padding-left: 0;
     }
     .loungepg .recipe_content {
         width: 65%;
     }
     .loungepg .recipes-container .recipe {
         margin-top: 120px;
        flex-flow: column;
     }
     .loungepg .recipes-container .recipe:nth-child(even) {
            flex-flow: column-reverse;
     }
     .loungepg .recipe_content .menulist .recipe_content-num {
         display: none;
     }
     .loungepg .menulist .recipe_content-title {
             text-align: left;
     }
     .loungepg .recipe_content {
             width: 100%;
     }
     .loungepg .recipes-container .recipe:last-child {
            margin-bottom: 100px;
     }
     .blockintro h1{
             font-size: 30px;
             font-weight: 300;
             padding: 20px 20px;
             line-height: 40px;
     }
     .boximgoverlay img:first-child{
             height: 170px;
             top: -50px;
             left: -50px;
     }
     .boximgoverlay img:last-child
     {
             height: 160px;
             bottom: -57px;
             right: -40px;
     }
     .blockintro h1{
             padding: 10px 30px 80px 30px;
     }
     .body_section.-prev-style-black.-style-black{
     
                 padding-top: 180px;
                 padding-right: 78px;
                 padding-left: 78px;
     }
     .body_section.-style-black.-next-style-black{
             box-shadow: 1px 1px black;
     }
     .homepg .txtsec p
     {
             font-size: 18px;
             text-align: left;
     }
          .homepg .txtsec h2
     {
             text-align: left;
     }
     .homepg .secondsec .body_block.-type-text
     {
             right: auto;
             left: auto;
     }
     .homepg .body_media-column_content .-type-text .body_text:after {
             left: auto;
             right: calc(100% + 15px);
     }
     .quote h1
     {
             font-size: 30px;
             font-weight: 300;
             line-height: 40px;
             max-width: 630px;
             margin: auto;
             color: darkgray;
     }
     
 
     .captionmax.smalcaptt p{
            
     }
     .tp-mask-wrap .captionmax.titlecaptt h1 {
            font-size: 35px;
            line-height: 46px;
                margin: 30px 0;
     }
     .captionmax.scrollbtn {
             top: 120px !important;
     }
     .tp-bgimg.defaultimg{
            background-position: 10% center !important;
            background-position: 55% center !important;
     }

     .slider-sec-1 .tp-bgimg.defaultimg {
            background-position: 60% center !important;
     }
     .slider-sec-8 .tp-bgimg.defaultimg {
            background-position: 60% center !important;
 
     }
     .body_section.-style-black.-next-style-black.firstlounge {
        padding-left: 75px;
        padding-right: 75px;
     }
         
     .captionmax.plateimg {
         left: -95vw;
         bottom: -66vw;

             left: -46vw;
             bottom: -2vw;
     }
     .captionmax.plateimg .slider-bg-img {
         width: 80vw !important;
         height: auto !important;
     }
     .tp-bullets
     {
             top: calc(90% - 15px) !important;

                 right: auto !important;
                 left: 8% !important;
                 opacity: 1 !important;
                 visibility: visible !important;
     }
.leafandtomato {
    left: -25vw;
    top: 39vw;
}
.leafandtomato>img{

}
     .pepperimg {
             left: -55vw;
             top: 52vw;
     }
     .pepperimg>img{
             width: 160px !important;
     }
     .leafonly>img{
     }
     .leafonly{
             left: -58vw;
             top: -31vw;
     }
     .tomatoonly>img{

     }
     .tomatoonly{
             left: -80vw;
             top: 26vw;
     }
     .leafonly2>img{

     }
     .leafonly2{}
     .leafonly21 img{

     }
     .leafonly21{
    left: -41vw;
     }
     .tomato21 img{
     }
     .tomato21{
    left: -60vw;
     }

     .coriander1{
    left: -43vw;
    top: 30vw;
     }
      .cucmber1 img{
      }
     .cucmber1{
    left: -73vw;
    top: 40vw;
     }

     .minit1{
    left: -65vw;
    top: 27vw;
     }
     .minit1 img{

     }
     .choco1{
    left: -40vw;
    top: -30vw;
     }
     .choco1 img{

     }
     .minit2{
    top: 40vw;
    left: -30vw;
     }
     .minit2 img{

     }
     .rasberry1{
    left: -62vw;
    top: 52vw;
     }
     .rasberry1 img{

     }
     #jobpopup>.container{
             flex-direction: column;
     }
     #jobpopup .contents img{
             height: 120px;
     }
     #jobpopup .contents h2{
             font-size: 30px;
     }
     .applycontent form{
             padding: 20px 50px;
     }
     .applycontent input,
     .applycontent select,
     .applycontent textarea{
             margin: 10px 0px;
     }
     .applycontent textarea {
         height: 120px;
     }
     .tp-bullets{
        display: flex;
        top: calc(91% - 15px) !important;
     }
     .tp-bullet{
                 margin-right: 10px;
     }
     .contact-content-block h1 { 
    font-size: 19px;
    line-height: 1.4;
}
.recipe_content-num:before{
  display: none;
}
.body_media-column.-reversed .body_media-column_content .-type-text .body_text:after{
            display: none;
          }
          .footer_updown .arrow-button.is-up .arrow-text--up,.footer_updown .arrow-text--down{
            display: none;
          }
          .homepg .body_media-column_content .-type-text .body_text:after{
            display: none;
          }

}
@media screen and (max-width: 420px) {
          #header img {
              width: 120px;
          }

          #header .burger {
              margin-top: 34px;
              right: 20px;
          }

          .logo_header {
              margin-left: 0;
          }

          .otherpagehead h1,
          .otherpagehead2 h1 {
              font-size: 35px;
          }
          .otherpagehead p,
          .otherpagehead2 p{
                  font-size: 16px;
                  width: 85%;
                  line-height: 26px;
          }
          .body_section.-type-context{
                  padding: 48px 5px;
          }
          .opening{
                  font-size: 15px;
          }
          .addressdetail h2{
                  font-size: 15px;
          }
          .ordertext{
                  padding: 10px 10px;
                  font-size: 12px;
          }
          .footer_credit>ul{
                  padding: 0;
          }
          .footer_updown{
                  margin: 0 auto 18px;
          }
          .footer_updown .arrow{
                  padding: 68px 35px 18px 35px;
          }
          .la-menu-page-rec .recipe_image .media{
                  height: 250px;
          }
          .applycontent form{
                  padding: 10px 10px;
          }
          #jobpopup{
                  width: 95%;
          }
          #jobpopup .contents img{
                  height: 80px;
          }
          #jobpopup .contents h2
          {
                  font-size: 25px;
          }
         .la-menu-page-rec .tymenulist1.somemargintop{ 
                padding-top: 30px;
          }
          .menulist .recipe_content-title{
                  font-size: 25px;
          }
          .loungepg .recipes-container .recipe:nth-child(even) {
              flex-flow: column;
          }
          .interiors figure img{
                      height: 260px;
          }
          .body_section.-prev-style-black.-style-black{
                   padding-top: 80px;
                   padding-right: 38px;
                   padding-left: 38px;
                   box-shadow: 1px 1px black;
                   padding-bottom: 10px;
          }
          .boximgoverlay img:first-child{
                      height: 140px;
          }
          .blockintro h1{
                      padding: 10px 30px 10px 30px;
                          line-height: 30px;
                          font-size: 17px;
          }
          .boximgoverlay img:last-child{
                      height: 130px;
                      bottom: -52px;
                      right: -29px;
          }
          .homepg .txtsec p{
                      font-size: 16px;
          }
          .mhomecat.firstpart {
                    padding-left: 30px;
                    padding-right: 30px;
          }
          .mhomecat
          {
                      padding-left: 20px;
                      padding-right: 20px;
          }
          .body_media-column+.body_media-column{
                      margin-top: 12px;
          }
          .mquote{
                      padding: 0;
                      padding-bottom: 20px;
          }
          .quote h1{
                      font-size: 20px;
                      line-height: 40px;
          }
          .tp-mask-wrap .captionmax.titlecaptt h1{
                      font-size: 24px;
                      line-height: 40px;
                       margin: 10px 0;
                       top: 50px;
          }
          .scrolldown-btn-slide{
                      padding: 5px 10px;
                      font-size: 12px;
                      border: 1px solid #b28a5f;
                          line-height: 20px;
          }
          .captionmax.plateimg .slider-bg-img{
                      width: 65vw !important;
          }
          .captionmax.plateimg{
                      left: -203vw;
                      bottom: -42vw;
          }
          .body_section.-style-black.-next-style-black.firstlounge{
                      padding: 48px 5px;
          }
          .slider-sec-1 .tp-bgimg.defaultimg {
                  background-image: url("slider-images/Mec/Banner_11_M.jpg") !important
          }
          .slider-sec-3 .tp-bgimg.defaultimg {
                  background-image: url("slider-images/Mec/Banner_01_M.jpg") !important
          }
          .slider-sec-4 .tp-bgimg.defaultimg {
                  background-image: url("slider-images/Mec/Banner_04_M.jpg") !important
          }
          .slider-sec-6 .tp-bgimg.defaultimg {
                  background-image: url("slider-images/Mec/Banner_06_M.jpg") !important
          }
          .slider-sec-7 .tp-bgimg.defaultimg {
                  background-image: url("slider-images/Mec/Banner_07_M.jpg") !important
          }
          .slider-sec-8 .tp-bgimg.defaultimg {
                  background-image: url("slider-images/Mec/Banner_03_M.jpg") !important
          }
          .slider-sec-9 .tp-bgimg.defaultimg {
                  background-image: url("slider-images/Mec/Banner_09_M.jpg") !important
          }
          .tp-bullets
          {
                 top: calc(50% - 140px) !important;
                 display: block;
                 left: 90% !important;
          }
          .menulist .recipe_content-summary span:nth-child(1) {
                  text-align: left;
          }
          .menulist .recipe_content-summary span:nth-child(2){
                      min-width: 50px;
          }
          .loungepg .menulist .recipe_content-summary {
                align-items: center;
          }
          .contact-content-block h1 {
                text-align: justify;
          }
          .addressblock .body_section.-type-context.contact-type-context{
                padding-right: 0;
                padding-left: 0;
          }
          .footer_credit>ul>li{
            padding: 5px 0px;
          }
          .menulist .recipe_content-summary span:nth-child(3) {
              min-width: 45px;
                  text-align: right;
          }
          .double_prize{
            width: 130px;
          }
          .header_menu_links{
                width: 100%;
                transform: translateX(100%);
          }
          

}
@media screen and (max-width: 576px) {
  .otherpagehead p, .otherpagehead2 p {
    
    width: 100%;
  }
}