/*-- responsive-media --*/
@media only screen and (max-width:1440px) 
{
  .fig {
  /*top: 54%;*/
  left: 14%;
  }
  .plate-2{
    width: 35%;
}

}
@media only screen and (max-width:1366px)
{
  .plate-1 {
    left: -4%;
  }
  .fig {
    left: 12%;
  }

  .booking-right input[type="text"]:nth-child(4) {
    padding-right: 56px;
  }
}
@media only screen and (max-width: 1280px)
{
  .plate-1 {
    /*display: none;*/
  }
  .fig {
    left: 10%;
  }
 
  .nav-logo {
    left: 41%;
  }

  .banner {
    height: 790px;
  }

  .plate-2 {
    /*top: 44.5%;*/
  }
@media only screen and (max-width: 1024px)
{


  .nav-logo {
    left: 40%;
    top: -185px;
  }
  .nav-logo img {
    width: 100%;
  }
  .banner {
    padding: 3em 0;
    height: 670px;
  }
  .banner-bottom-nav{
    text-align: center;
  }
  .banner-bottom-nav ul li a {
    font-size: 20px;
  }
  .banner-bottom-nav ul li {
    margin: 0;
  }
  .banner-bottom {
    padding: 1.8em  0;
  }

  /*----------- about -----------*/

  .plate-1 img {  
    width: 27vw;
  }
  .welcome,.why {
    text-align: center;
    margin: 0 auto;
    width: 100%;
  }
  .welcome p, .why p{
    height: 100%;
    width: 80%;
    padding: 25px;
        margin: 0 auto;
  }
  .plate-2{
    width: 40%;
    overflow: hidden;
  }

  .booking-right input[type="text"]:nth-child(4) {
    padding-right: 45px;
  }
  .booking-right input[type="text"]:nth-child(5){
    padding-right: 45px;
  }

.wide-booking-form .booking-form-input-1{
  width: 30%;
}
.wide-booking-form .booking-form-input-2{
  width: 15%;
}
.wide-booking-form .booking-form-input-3{
  width: 40%;
}
  
  .dedicate {
    padding-left: 26em;
  }
  .dedicated p {
    width: 90%;
  }
  .dedicated {
    margin: 3em 0 1em;
  }
  .dedicated h4 {
    margin: 0 0 .5em;
    font-size: 27px;
  }
 
  .fig {
    left: 4%;
    /*top: 36.3%;*/
  }
 

  input[type="text"], .booking-right textarea {
    font-size: 15px;
  }



  .booking-left p {
     margin-top: 1em;
    }
  .booking-left h5 {

    font-size: 25px;
  }
  .booking-left p label {
      font-size: 22px;
    }

  /*----------- room -----------*/
  .room li {
      line-height: 30px;
  }
  .move-left {
      margin-left: 0; 
      width: 100%;
  }
  .move-left .list {
      width: 100%;
  }
  .room-pricebox {
      width: 100%;
      margin-top: 10px;
  }
.swiper-testimonial .testimonial-title {
   width: 100%
}

 
}
@media only screen and (max-width:768px)
{
  .nav-logo{
    width: 40%;
    left: 30%;
    top: -260%;
    z-index: 1000;
  }
  .nav-logo img{
    width: 80%;
  }

  .fixed{
    position: inherit;
    }
  span.menu {
    display: block;
    cursor: pointer;
    width: 100%;
    position: relative;
    text-align:right;
    margin: 9px 0;
    }
  ul.nav1{
    display:none;
    background:#bcc3bc;
    }
  .banner-bottom-nav ul.nav1 li {
    display: inline-block;
    text-align: center;
    margin: 0;
    width: 100%;
    padding:15px 0;
    }
  .banner-bottom-nav ul {
    position: absolute;
    padding: 0;
    margin: 0;
    margin: 1% 0 0;
    left: 0%;
    width: 100%;
    z-index: 999;
    }
  .banner {
    padding: 1em 0;
    height: 560px;
  }
  
  .banner-bottom {
    padding: .95em 0;
  }
  
  .welcome h4 {
    font-size: 25px;
    margin: 0 0 .5em;
  }
  .welcome p {
    font-size: 15px;
    width: 90%;
  }
  .why h4 {
      font-size: 25px;
      margin: 1em 0 .5em;
    }
  .why p {
    font-size: 15px;
  }
  .plate-2 img {
    width: 100%;
  }
  .plate-2 {
    width: 33%;
    /*top: 54%;*/
  }

  .dedicated {
    margin: 1em 0 1em;
  }
  .dedicated h4 {
      font-size: 25px;
    }

  .dedicated p {
    font-size: 15px;
  }

  .fig {
    left: 3%;
    /*top: 32%;*/
  }

  .booking-left{
    width: 40%;
    text-align:center;
  }
  .booking-left p label {
  margin: 40px;
}
  .booking-left p {
    font-size: 16px;
    margin:1em 0;
  }
  .booking-left h5 {
    /*font-size: 20px;*/
    margin:1em 0;
  }
  .booking-right{
    width: 55%;
  }
   .section__contacts {
    padding: 30px 0;
  }

   .section__gallery {
    padding: 30px 0;
  }


/*----------- booking -----------*/

.wide-booking-form .booking-form-input-1{
  width: 60%;
}
.wide-booking-form .booking-form-input-2{
  width: 34%;
}
.wide-booking-form .booking-form-input-3{
  width: 100%;
}

  /*----------- workshop -----------*/

  .fig{
    left: -10%;
  }
  .dedicate {
    padding-left: 22em;
}

  /*----------- subtitle -----------*/


.section__subtitle {
    font-size: 16px;
    padding: 0 10%;
}
  /*----------- slide -----------*/

.where-item-title h2, .service-item-title h2 {
    font-size: 13px;
}

}
@media only screen and (max-width: 640px)
{  
   .nav-logo img{
    width: 100%;
  }
  .nav-logo{
    top: -260%;
  }

  .banner {
    height: 435px;
  }
  
  .plate-2 {
    /*top: 65%;*/
  }
  
  .fig img {
    width: 70%;
  }

  .fig{
      position: relative;
      text-align: center;
      margin-top: -60px;
          top: 0;
     left: 0;
  }
   .dedicate {
    padding-left: 19em;
      padding: 10px;
      text-align: center;
  }
  .dedicated h4 {
      font-size: 24px;
  }
  .dedicated p {
      font-size: 18px;
      width: 100%;
  }
  .booking-left {
    margin-top: 3em;
    float: none;
    width: 100%;
    text-align: center;
  }
  .booking-left p {
    font-size: 15px;
  }
  .booking-left p label {
    background-size: contain;
    background: url(../images/10.png) no-repeat 4em 0em;
  }
  .booking-right {
    float: none;
    width: 100%;
    margin-top: 3em;
  }

}

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

 .nav-logo{
    top: -150%;
  }

  .banner {
    height: 380px;
  }
  .welcome h4 {
    font-size: 22px;
  }
  .welcome p {
    /*overflow: hidden;*/
    font-size: 14px;
    /*height: 100px;*/
    line-height: 24px;
    }
   .why h4 {
    font-size: 22px;
    margin: .5em 0 .5em;
  }
  .why p {
    font-size: 14px;
    /*overflow: hidden;*/
    /*height: 100px;*/
    line-height: 24px;
  }
  .plate-2 {
    width: 60%;
  }
  .dedicate {
  }
  .dedicated {
  }

  .dedicated p {
    font-size: 14px;
  }


  .booking-left p label {
    background-size: contain;
    background: url(../images/10.png) no-repeat 2em 0em;
  }

  .footer p {
    font-size: 20px;
  }
  .footer {
    padding: 3em 0;
  }
  .banner-bottom-nav ul {
    margin: 2% 0 0;
  }
  .banner-bottom-nav ul li a {
    font-size: 25px;
  }
  .section__testimonial {
    padding: 20px;
  }
  .swiper-testimonial .testimonial-title p {
  
    height: 100px;
     overflow: hidden; 
    overflow-y: scroll;
}
}

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

  .wide-booking-form .booking-form-input-1,
  .wide-booking-form .booking-form-input-2,
  .wide-booking-form .booking-form-input-3{
    width: 100%;
  }

  .booking-left p label {
    margin:0;
  }
}
/*-- //responsive-media --