@media screen and (max-width:1400px){
    .intro__text.clip-box__text {
        display: none;
    }
    .header__logo img , .modal__header__logo img{
        width: 80px;
    }
    .gallery__images__wrapper {
        height: 500px;
    }
    .gallery__images picture {
        height: 500px;
    }
    .gallery--rt .gallery__background {
        height: 500px;
    }
    .gallery--rt {
        max-height: 500px;
    }
    
}
@media screen and (max-width:1200px){
    .intro__text span{
        font-size: 30px!important;
    }
    .header__logo img , .modal__header__logo img{
        width: 70px;
    }
    .advantages-title {
        display: none;
    }
    .gallery__images__wrapper {
        height: 400px;
    }
    .gallery__images picture {
        height: 400px;
    }
    .gallery--rt .gallery__background {
        height: 400px;
    }
    .gallery--rt {
        max-height: 400px;
    }
    .gallery__text__inner h3{
       margin: 0;
        font-size: 2.1rem;
     }
     .showform {
        width: 60%;
    }
    #inquiryForm {
        display: none;
        border: 6px solid #dbc383;
        padding: 1em;
        width: 600px;
        z-index: 888;
        text-align: center;
        background: #275a64;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
    }
    #inquiryForm input,#inquiryForm textarea {
        margin: 20px auto;
        width: 90%;
    }
}
@media screen and (max-width:979px){
    .intro__text span{
        display: none;
    }
    .js-menu-item{
        margin-bottom: 15px;
    }
    .header--sticky {
        background-color: #235865;
        max-height: 105px;
    }
    .header__logo img, .modal__header__logo img {
        width: 55px;
    }

    /* .clip-box__content--image.clip-box__content--image--parallax img {
        padding-top: 7%;
    } */
    .quote__images__main {
      margin-left: 30px;
    }
    .quote__images {
        margin-right: 0;
    }
    .gallery__images{
        width: 50%;
        margin: 0 0 0 auto!important;
    }
    .gallery__text__inner h3 {
        font-size: 2.1rem;
    }
    .gallery__text__inner p {
       font-size: 16px;
    }
    .gallery--rt .gallery__text__inner {
        padding: 0 0 var(--spacing-3) 10px;
    }
    .gallery--rt .gallery__text {
        transform: translateY(-50%);
      }
      .showform {
        width: 80%;
    }
  
    
}
@media screen and (max-width:768px){
    .intro__clip-box {
        height: 100%;
        width: 100%;
    }
    .intro__tab-box{
        width: 100%;
    }
    .intro__tab-box__text p {
        margin: 0;
        max-width: 90%;
        text-align: justify;
        font-size: 16px;
    }
    .intro__tab-box {
        height: calc(var(--col) * 6.66667);
    }
    .quote__wrapper {
        flex-direction: column;
    }
    .quote {
        padding: 30px;
    }
    .quote__images__main {
        position: relative;
        width: 80%;
        margin: 40px auto;
     
    } 
    .gallery__text__inner p {
        font-size: 14px;
    }   
    .showform {
        width: 90%;
    }
}
@media screen and (max-width:568px){
    .clip-box__content--bottom {
        display: block;
    }
    .intro__text {
        bottom: calc(var(--viewport-height-actual) * 0.59 + var(--spacing-3));
        padding: 0 5px;
    }
    .pop-btn {
        position: fixed;
        top: 50%;
        transform: translateY(-50%) rotate(90deg);
        right: -32px;
        font-size: 16px;
        z-index: 999;
        padding: 5px 8px;
        background-color: #caac6f;
        line-height: 20px;
    }
    .clip-box__content--image.clip-box__content--image--parallax img {
        padding-top: 14%;
    }
    .intro__tab-box {
        height: calc(var(--col) * 7.66667);
    }
    .intro__tab-box__text__item {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: var(--spacing);
  }
  .quote__images__main {
    position: relative;
    width: 95%;
 }   
 .preload-bg{
    background-image: url(../img/preload_mobile.png);
    /* transition-delay: 5s!important; */
  }
  .gallery--rt {
    height: auto !important;
  }
  .gallery--rt .gallery__text {
    transform: unset;
}
.gallery__images {
    width: 100%;
    margin: 0 !important;
}
.gallery__images picture {
    height: auto;
    display: block;
    width: 100%;
}
.gallery__images__wrapper {
    height: auto!important;
}
.gallery--rt {
    max-height: unset;
}
.gallery--rt .gallery__text__inner {
    padding: 30px 0 var(--spacing-4) 30px;
}
.gallery--rt .gallery__buttons {
    right: 0;
    top: 0;
    left: unset;
    bottom: unset;  
}
.showform {
    background-color: #235865;
    padding: 15px;
}
input, textarea {
    margin: 30px auto;
    font-family: inherit;
    text-transform: inherit;
    font-size: inherit;
    display: block;
    width: 100%;
    padding: 0.4em;
    background: transparent;
    color: #fff;
    border: none;
    border-bottom: 1px solid #d8b775;
}
showform p {
    font-size: 12px;
}
.form-footer {
    flex-direction: column;
}
.form-footer img{
    width: 70%;
    margin-top: 10px;
}
#inquiryForm {
    width: 400px;
}
.line-bottom li {
    padding: 2px 0;
    font-size: 14px;
}
  
}
@media screen and (max-width:420px){
    .intro__tab-box {
        height: calc(var(--col) * 5.96669);
    }
    .gallery--rt .gallery__text__inner {
        padding: 20px;
    }
    .gallery__text__inner p {
        font-size: 14px;
        line-height: 20px;
    }
    .panorama__button {
        top: var(--spacing-5);
    }
    #inquiryForm {
        width:300px;
    }
    #inquiryForm h3{
        color: #fff;
        font-size: 24px!important;
        margin: 15px auto;
    }
    .panorama__image {
        display: block;
        width: auto;
        min-width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: 5% 5%;
        object-position: 5% 5%;
    }
    .footer__left__sales {
        padding: 11px 0 37px;
    }
   .footer__left__button p{
    font-size: 13px;
    line-height: normal;
   }
    

}
@media screen and (max-width:360px){
    .intro__tab-box {
        height: calc(var(--col) * 7.66667);
    }
}