/*Tablet Landscape*/
@media (min-width: 769px) and (max-width: 1024px) {
  .menu-wrapper .middle-wrp .main-navig {
    width: auto;
  }
  .menu-wrapper .middle-wrp .main-navig a {
    padding: 2px 16px 0;
  }
}

/*Tablet portrait*/
@media (min-width: 681px) and (max-width: 786px) {
  * {
    box-sizing: border-box;
  }
  .header-wrapper .middle-wrp {
    width: 100%;
  }
  .row {
    width: 100%;
  }
  .header-wrapper .middle-wrp .left-content {
    width: 38%;
    padding: 22px 0 0 10px;
  }
  .header-wrapper .middle-wrp .left-content .searchbar {
    width: 94px;
  }
  .header-wrapper .middle-wrp .right-content {
    width: 35%;
    padding: 24px 10px 0 0;
  }
  .header-wrapper .middle-wrp .left-content .hotline {
    padding: 5px 4px;
  }
  .header-wrapper .middle-wrp .right-content .socialmedia {
    width: 100%;
    float: right;
  }
  .header-wrapper .middle-wrp .right-content .hotline {
    padding: 2px 10px 0 0;
  }
  .header-wrapper .middle-wrp .middle-content {
    width: 150px;
  }
  .header-wrapper .middle-wrp .middle-content .logo-wrp {
    width: 150px;
    height: 140px;
    padding: 0 9px;
  }
  .header-wrapper .middle-wrp .middle-content .logo-wrp img {
    width: 100%;
  }
  .slider-wrapper {
    max-height: 320px;
  }
  .slider-wrapper .slider {
    height: 259px;
  }

  .menu-wrapper .middle-wrp {
    width: 100%;
  }
  .menu-wrapper .middle-wrp ul.navigation .make-a-reservation {
    top: 35px;
    display: none;
  }
  .menu-wrapper .middle-wrp .main-navig {
    width: 100%;
  }

  .content-wrapper .middle-wrp {
    width: 100%;
  }
  .content-wrapper .middle-wrp .main-wrapper.main-wrapper2 {
    width: 100%;
  }
  .content-wrapper .middle-wrp .main-wrapper .below-content {
    padding: 0 10px;
  }
  .content-wrapper .middle-wrp .main-wrapper.main-wrapper2 p {
    font-size: 13px;
  }
  .content-wrapper .middle-wrp .main-wrapper {
    width: 100%;
  }
  .content-wrapper .middle-wrp .main-wrapper .below-content .left {
    width: 33%;
    padding: 0 20px 0 0;
  }
  .content-wrapper .middle-wrp .main-wrapper .below-content .left:last-child {
    padding: 0 20px 0 0;
  }
  .content-wrapper .middle-wrp .main-wrapper .below-content .left img {
    width: 100%;
  }
  .content-wrapper .middle-wrp .main-wrapper .below-content .left h2 {
    font-size: 20px;
  }
  .content-wrapper .middle-wrp .main-wrapper .below-content .left p {
    font-size: 13px;
  }

  .footer-wrapper .topwrapper .left {
    width: 100%;
    text-align: center;
  }
  .footer-wrapper .topwrapper .left .socialmedia .title {
    float: none;
    display: inline-block;
    padding: 0px 0 6px;
  }
  .footer-wrapper .topwrapper .right {
    width: 100%;
    text-align: center;
    margin: 10px 0 0;
  }
  .footer-wrapper .copyrights {
    padding: 8px 8px;
  }

  .layawaves .menu-wrapper .middle-wrp ul.navigation li.first {
    width: auto;
  }
  .layawaves .menu-wrapper .middle-wrp ul.navigation li {
    width: auto;
  }
  .layaleisure .menu-wrapper .middle-wrp ul.navigation li.first {
    width: auto;
  }
  .layaleisure .menu-wrapper .middle-wrp ul.navigation li {
    width: auto;
  }
  .layabeach .menu-wrapper .middle-wrp ul.navigation li.first {
    width: auto;
  }
  .layabeach .menu-wrapper .middle-wrp ul.navigation li {
    width: auto;
  }
  .layasafari .menu-wrapper .middle-wrp ul.navigation li.first {
    width: auto;
  }
  .layasafari .menu-wrapper .middle-wrp ul.navigation li {
    width: auto;
  }
  .menu-wrapper .middle-wrp .main-navig a {
    padding: 2px 14px 0 17px;
    height: 35px;
    font-size: 12px;
  }

  .submenu-wrapper .subnavi1 {
    height: auto;
  }
  .submenu-wrapper .subnavi1 .middle-wrp {
    width: 100%;
  }
  .submenu-wrapper .subnavi1 .middle-wrp .left-wrap {
    width: 100%;
  }
  .layawaves
    .submenu-wrapper
    .subnavi1
    .middle-wrp
    .left-wrap
    a
    .make-a-reservation {
    width: 100%;
    font-size: 14px;
    line-height: 60px;
    text-align: center;
  }
  .layaleisure
    .submenu-wrapper
    .subnavi1
    .middle-wrp
    .left-wrap
    a
    .make-a-reservation {
    width: 100%;
    font-size: 14px;
    line-height: 60px;
    text-align: center;
  }
  .layabeach
    .submenu-wrapper
    .subnavi1
    .middle-wrp
    .left-wrap
    a
    .make-a-reservation {
    width: 100%;
    font-size: 14px;
    line-height: 60px;
    text-align: center;
  }
  .layasafari
    .submenu-wrapper
    .subnavi1
    .middle-wrp
    .left-wrap
    a
    .make-a-reservation {
    width: 100%;
    font-size: 14px;
    line-height: 60px;
    text-align: center;
  }
  .submenu-wrapper .subnavi1 .middle-wrp .right-wrap {
    width: 100%;
    margin: 05px 0 5px;
    padding: 5px 10px;
  }
  .submenu-wrapper
    .subnavi1
    .middle-wrp
    .right-wrap
    ul.subnavig1
    a.current
    li
    .icon {
    top: 32px;
  }

  .content-wrapper
    .middle-wrp
    .main-wrapper
    .below-content
    .accormodation.offers
    img {
    width: 100%;
  }
  /*Laya Wave*/
  .layawaves .content-wrapper .middle-wrp .main-wrapper {
    padding: 30px 0 25px;
  }
  .layawaves .content-wrapper .middle-wrp .main-wrapper h1 {
    margin: 0 0 5px;
    padding: 0 10px;
  }
  .layawaves .content-wrapper .middle-wrp .main-wrapper .below-content p {
    font-size: 14px;
    padding: 0;
  }
  .layawaves
    .content-wrapper
    .middle-wrp
    .main-wrapper
    .below-content
    .accormodation
    .img-wrp {
    margin: 0 10px 10px 0;
  }
  .layawaves
    .content-wrapper
    .middle-wrp
    .main-wrapper
    .below-content
    .accormodation
    .decription {
    float: none;
    width: auto;
    padding: 0 0 0 0px;
  }
  .layawaves .content-wrapper .middle-wrp .main-wrapper p {
    padding: 0 10px;
  }
  .layawaves .content-wrapper .middle-wrp .main-wrapper .right {
    width: 42%;
  }
  .layawaves .content-wrapper .middle-wrp .main-wrapper .right h1 {
    padding: 0px;
  }
  .layawaves .content-wrapper .middle-wrp .main-wrapper .below-content p span {
    width: 100% !important;
    padding: 0 !important;
    float: left;
  }

  /*Laya leisure*/
  .layaleisure .content-wrapper .middle-wrp .main-wrapper {
    padding: 30px 0 25px;
  }
  .layaleisure .content-wrapper .middle-wrp .main-wrapper h1 {
    margin: 0 0 5px;
    padding: 0 10px;
  }
  .layaleisure .content-wrapper .middle-wrp .main-wrapper .below-content p {
    font-size: 14px;
    padding: 0;
  }
  .layaleisure
    .content-wrapper
    .middle-wrp
    .main-wrapper
    .below-content
    .accormodation
    .img-wrp {
    margin: 0 10px 10px 0;
  }
  .layaleisure
    .content-wrapper
    .middle-wrp
    .main-wrapper
    .below-content
    .accormodation
    .decription {
    float: none;
    width: auto;
    padding: 0 0 0 0px;
  }
  .layaleisure .content-wrapper .middle-wrp .main-wrapper p {
    padding: 0 10px;
  }
  .layaleisure .content-wrapper .middle-wrp .main-wrapper .right {
    width: 42%;
  }
  .layaleisure .content-wrapper .middle-wrp .main-wrapper .right h1 {
    padding: 0px;
  }
  .layaleisure
    .content-wrapper
    .middle-wrp
    .main-wrapper
    .below-content
    p
    span {
    width: 100% !important;
    padding: 0 !important;
    float: left;
  }

  /*Laya beach*/
  .layabeach .content-wrapper .middle-wrp .main-wrapper {
    padding: 30px 0 25px;
  }
  .layabeach .content-wrapper .middle-wrp .main-wrapper h1 {
    margin: 0 0 5px;
    padding: 0 10px;
  }
  .layabeach .content-wrapper .middle-wrp .main-wrapper .below-content p {
    font-size: 14px;
    padding: 0;
  }
  .layabeach
    .content-wrapper
    .middle-wrp
    .main-wrapper
    .below-content
    .accormodation
    .img-wrp {
    margin: 0 10px 10px 0;
  }
  .layabeach
    .content-wrapper
    .middle-wrp
    .main-wrapper
    .below-content
    .accormodation
    .decription {
    float: none;
    width: auto;
    padding: 0 0 0 0px;
  }
  .layabeach .content-wrapper .middle-wrp .main-wrapper p {
    padding: 0 10px;
  }
  .layabeach .content-wrapper .middle-wrp .main-wrapper .right {
    width: 42%;
  }
  .layabeach .content-wrapper .middle-wrp .main-wrapper .right h1 {
    padding: 0px;
  }
  .layabeach .content-wrapper .middle-wrp .main-wrapper .below-content p span {
    width: 100% !important;
    padding: 0 !important;
    float: left;
  }

  /*Laya safari*/
  .layasafari .content-wrapper .middle-wrp .main-wrapper {
    padding: 30px 0 25px;
  }
  .layasafari .content-wrapper .middle-wrp .main-wrapper h1 {
    margin: 0 0 5px;
    padding: 0 10px;
  }
  .layasafari .content-wrapper .middle-wrp .main-wrapper .below-content p {
    font-size: 14px;
    padding: 0;
  }
  .layasafari
    .content-wrapper
    .middle-wrp
    .main-wrapper
    .below-content
    .accormodation
    .img-wrp {
    margin: 0 10px 10px 0;
  }
  .layasafari
    .content-wrapper
    .middle-wrp
    .main-wrapper
    .below-content
    .accormodation
    .decription {
    float: none;
    width: auto;
    padding: 0 0 0 0px;
  }
  .layasafari .content-wrapper .middle-wrp .main-wrapper p {
    padding: 0 10px;
  }
  .layasafari .content-wrapper .middle-wrp .main-wrapper .right {
    width: 42%;
  }
  .layasafari .content-wrapper .middle-wrp .main-wrapper .right h1 {
    padding: 0px;
  }
  .layasafari .content-wrapper .middle-wrp .main-wrapper .below-content p span {
    width: 100% !important;
    padding: 0 !important;
    float: left;
  }

  /*Laya Other Pages*/
  .content-wrapper .middle-wrp .main-wrapper.main-wrapper2 {
    padding: 30px 0 0px;
  }
  .contactus .content-wrapper .middle-wrp .main-wrapper .right {
    width: 44%;
  }
  .contactus .content-wrapper .middle-wrp .main-wrapper h1 {
    padding: 0 10px;
  }
  .aboutus .content-wrapper .middle-wrp .main-wrapper h1 {
    padding: 0 10px;
  }
  .aboutus .content-wrapper .middle-wrp .main-wrapper p {
    font-size: 14px;
  }
  .press-room .content-wrapper .middle-wrp .main-wrapper h1 {
    padding: 0 10px;
  }
  .careers .content-wrapper .middle-wrp .main-wrapper h1 {
    padding: 0 10px;
  }

  .sitemap .content-wrapper .middle-wrp .main-wrapper .below-content ul li {
    width: 48%;
  }
}
