/* for screens 1920+px, the site was made at a resolution of 1920p */
@media only screen and (min-width: 1920px) and (max-width: 24000px) {
  /* page 1 resolution 1920px  */
.main {
  background-image: url(background/main1-1920.jpg);
  background-attachment: fixed;
  width: 100%;
  min-width: 1920px;
  height: 100vh;
  min-height: 1080px;   
  max-height: 1536px;
  overflow: hidden;
 }    
.header-logo {
  margin-top: 10px;
  width: 380px;
  height: auto;
 }
 .top-icon-1c {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.top-whatsapp,
.top-viber,
.top-telegram,
.top-phone,
.top-email {
  margin-top: 0px;
  width: 67px;
  height: auto;
  margin-right: 30px;
 }
 .left-side-main {       
  width: 100%;
  height: 67vh;
  min-height: 552px;
  max-height: 998px;
} 
.right-side-main {
  width: 100%;
  height: 20vh;
  min-height: 180px;
  max-height: 257px;
}
.main-left-one {
  font-size: 60px;
  padding-top: 90px;
 }
.main-left-two {
  font-size: 27px;
  padding-top: 15px;
 }
.main-right-one {
    font-size: 27px;
    padding-left: 50%;
 }
.main-right-two {
    font-size: 20px;
    padding-left: 50%;
 }
  /* page 2 resolution 1920-2560px */
  .hotel {
    background-image: url(background/main2-1920.jpg);
    background-attachment: fixed;
    width: 100%;
    min-width: 1920px;
    height: 100vh;
    min-height: 1080px;   
    max-height: 1536px;
    overflow: hidden;
  }   

  /* page 3 resolution 1920-2560px */
  .location {
    background-image: url(background/main3-1920.jpg);
    background-attachment: fixed;
    width: 100%;
    min-width: 1920px;
    height: 100vh;
    min-height: 1080px;   
    max-height: 1536px;
    overflow: hidden;
  }   
  /* page 4 resolution 1920-2560px */
  .contacts {
    background-image: url(background/main4-1920.jpg);
    background-attachment: fixed;
    width: 100%;
    min-width: 1920px;
    height: 100vh;
    min-height: 1080px;   
    max-height: 1536px;
    overflow: hidden;
   }   
  }


/*----------------------------------------- 1536-1919 -----------------------------------------*/

/* for screens 1919-1536px, the site is made on the lower resolution */
@media only screen and (min-width: 1536px) and (max-width: 1919px) {
/* page 1 resolution 1536-1919px  */
.main {
  background-image: url(background/main1-1536.jpg);
  background-attachment: fixed;
  width: 100%;
  min-width: 1536px;
  height: 100vh;
  min-height: 864px;  
  max-height: 1229px;
  overflow: hidden;
}   
.container1p {
  width: 100%;
  max-width: 1400px;
}
.top-icon-1c {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.header-logo {
  margin-top: 10px;
  width: 312px;
  height: auto;
 }
.top-whatsapp,
.top-viber,
.top-telegram,
.top-phone,
.top-email {
  margin-top: 0px;
  width: 61px;
  height: auto;
  margin-right: 30px;
 }
 .left-side-main {       
  width: 100%;
  height: 67vh;
  min-height: 562px;
  max-height: 799px;
} 
.right-side-main {
  width: 100%;
  height: 20vh;
  min-height: 173px;
  max-height: 246px;
}
 .top-text-title {
  padding-left: 50px;
  padding-top: 22px;
  margin-right: 20px;
  font-size: 22px;
}
.top-text-title p {
  padding-left: 0px;
  padding-top: 0px;
  margin-right: 0px;
  font-size: 19px;
}
.main-left-one {
font-size: 60px;
padding-top: 75px;
}
.main-left-two {
font-size: 27px;
padding-top: 15px;
}
.main-right-one {
  font-size: 27px;
  padding-left: 50%;
}
.main-right-two {
  font-size: 20px;
  padding-left: 50%;
}
/* page 2 resolution 1536-1919px */
.hotel {
  background-image: url(background/main2-1536.jpg);
  background-attachment: fixed;
  width: 100%;
  min-width: 1536px;
  height: 100vh;
  min-height: 864px;  
  max-height: 1229px;
  overflow: hidden;
}   
.container2p {
  width: 100%;
  max-width: 1400px;
}
.topic2p-middle {
  height: 100%;
}
.topic2p-title-top {
  font-size: 55px;
}
.topic2p-title-one {
  font-size: 23px;
}
.topic2p-title-two {
  font-size: 23px;
}
.topic2p-suptitle {
    font-size: 20px;
    padding-left: 20px;
}
/* page 3 resolution 1536-1919px */
.location {
  background-image: url(background/main3-1536.jpg);
  background-attachment: fixed;
  width: 100%;
  min-width: 1536px;
  height: 100vh;
  min-height: 864px;  
  max-height: 1229px;
  overflow: hidden;
}   
.container3p {
  width: 100%;
  max-width: 1400px;
}
.topic3p-middle {
  height: 100%;
}
.topic3p-title-top {
  font-size: 55px;
}
.topic3p-title-one {
  font-size: 23px;
}
.topic3p-title-two {
  font-size: 23px;
}
.topic3p-suptitle {
    font-size: 20px;
    padding-left: 20px;
}

/* page 4 resolution 1536-1919px */
.contacts {
  background-image: url(background/main4-1536.jpg);
  background-attachment: fixed;
  width: 100%;
  min-width: 1536px;
  height: 100vh;
  min-height: 864px;  
  max-height: 1229px;
  overflow: hidden;
 }   
.container4p {
    width: 100%;
    max-width: 950px;
 }
.topic4p {
    font-size: 23px;
  }
  .text-one-4p,
  .text-two-4p {
    font-size: 18px;
  }
.input-box label {
  font-size: 15px;
  }
}

/*----------------------------------------- 1280-1535 -----------------------------------------*/

/* for screens 1535-1280px, the site is made on the lower resolution */
  @media only screen and (min-width: 1280px) and (max-width: 1535px) {
/* page 1 resolution 1280-1535px  */
.main {
  background-image: url(background/main1-1280.jpg);
  background-attachment: fixed;
  width: 100%;
  min-width: 1280px;
  height: 100vh;
  min-height: 720px;  
  max-height: 1024px;
  overflow: hidden;
}   
.container1p {
  width: 100%;
  max-width: 1200px;
}
.top-icon-1c {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.header-logo {
  margin-top: 10px;
  width: 240px;
  height: auto;
 }
.top-whatsapp,
.top-viber,
.top-telegram,
.top-phone,
.top-email {
  margin-top: 2px;
  width: 50px;
  height: auto;
  margin-right: 20px;
 }
 .left-side-main {       
  width: 100%;
  height: 67vh;
  min-height: 468px;
  max-height: 665px;
} 
.right-side-main {
  width: 100%;
  height: 20vh;
  min-height: 144px;
  max-height: 205px;
}
.top-text-title {
  padding-left: 50px;
  padding-top: 22px;
  margin-right: 20px;
  font-size: 17px;
}
.top-text-title p {
  padding-left: 0px;
  padding-top: 0px;
  margin-right: 0px;
  font-size: 15px;
}
.main-left-one {
font-size: 45px;
padding-top: 63px;
}
.main-left-two {
font-size: 20px;
padding-top: 15px;
}
.main-right-one {
  font-size: 20px;
  padding-left: 50%;
}
.main-right-two {
  font-size: 17px;
  padding-left: 50%;
}

/* page 2 resolution 1280-1535px  */
.hotel {
  background-image: url(background/main2-1280.jpg);
  background-attachment: fixed;
  width: 100%;
  min-width: 1280px;
  height: 100vh;
  min-height: 720px;  
  max-height: 1024px;
  overflow: hidden;
}   
.container2p {
  width: 100%;
  max-width: 1200px;
}
.topic2p-middle {
  height: 100%;
}
.topic2p-title-top {
  font-size: 42px;
}
.topic2p-title-one {
  font-size: 18px;
}
.topic2p-title-two {
  font-size: 18px;
}
.topic2p-suptitle {
    font-size: 17px;
    padding-left: 20px;
}
/* page 3 resolution 1280-1535px  */
.location {
  background-image: url(background/main3-1280.jpg);
  background-attachment: fixed;
  width: 100%;
  min-width: 1280px;
  height: 100vh;
  min-height: 720px;  
  max-height: 1024px;
  overflow: hidden;
}   
.container3p {
  width: 100%;
  max-width: 1200px;
}
.topic3p-middle {
  height: 100%;
}
.topic3p-title-top {
  font-size: 42px;
}
.topic3p-title-one {
  font-size: 18px;
}
.topic3p-title-two {
  font-size: 18px;
}
.topic3p-suptitle {
    font-size: 17px;
    padding-left: 20px;
}

/* page 4 resolution 1280-1535px  */
.contacts {
  background-image: url(background/main4-1280.jpg);
  background-attachment: fixed;
  width: 100%;
  min-width: 1280px;
  height: 100vh;
  min-height: 720px;  
  max-height: 1024px;
  overflow: hidden;
 }   
.container4p {
  width: 100%;
  max-width: 950px;
}
.topic4p {
  font-size: 18px;
}
.text-one-4p,
.text-two-4p {
  font-size: 16px;
} 
.input-box label {
  font-size: 15px;
  }
  }

/*----------------------------------------- 1024-1279 -----------------------------------------*/

/* for screens 1279-1024px, the site is made on the lower resolution */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
/* page 1 resolution 1024-1279px  */
.main {
  background-image: url(background/main1-1024.jpg);
  background-attachment: fixed;
  width: 100%;
  min-width: 1024px;
  height: 100vh;
  min-height: 576px;
  max-height: 819px;
  overflow: hidden;
}   
.container1p {
  width: 100%;
  max-width: 950px;
}
.header-logo {
  margin-top: 10px;
  width: 190px;
  height: auto;
 }
 .top-icon-1c {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.top-whatsapp,
.top-viber,
.top-telegram,
.top-phone,
.top-email {
  margin-top: 2px;
  width: 40px;
  height: auto;
  margin-right: 15px;
 }
 .left-side-main {
  width: 100%;
  height: 67vh;
  min-height: 374px;
  max-height: 532px;
} 
.right-side-main {
  width: 100%;
  height: 20vh;
  min-height: 115px;
  max-height: 164px;
}
.top-text-title {
  padding-left: 50px;
  padding-top: 22px;
  margin-right: 20px;
  font-size: 15px;
}
.top-text-title p {
  padding-left: 0px;
  padding-top: 0px;
  margin-right: 0px;
  font-size: 13px;
}
.main-left-one {
font-size: 35px;
padding-top: 62px;
}
.main-left-two {
font-size: 17px;
padding-top: 15px;
}
.main-right-one {
  font-size: 17px;
  padding-left: 50%;
}
.main-right-two {
  font-size: 14px;
  padding-left: 50%;
}
/* page 2 resolution 1024-1279px  */
.hotel {
  background-image: url(background/main2-1024.jpg);
  background-attachment: fixed;
  width: 100%;
  min-width: 1024px;
  height: 100vh;
  min-height: 576px;
  max-height: 819px;
  overflow: hidden;
}   
.container2p {
  width: 100%;
  max-width: 950px;
}
.topic2p-middle {
  height: 100%;
}
.topic2p-title-top {
  font-size: 32px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.topic2p-title-one {
  font-size: 15px;
}
.topic2p-title-two {
  font-size: 15px;
}
li {
  margin: 9px; padding: 0px;
  }
.topic2p-suptitle {
    font-size: 14px;
    padding-left: 20px;
}
.dot {
  height: 11px;
  width: 11px;
}
/* page 3 resolution 1024-1279px  */
.location {
  background-image: url(background/main3-1024.jpg);
  background-attachment: fixed;
  width: 100%;
  min-width: 1024px;
  height: 100vh;
  min-height: 576px;
  max-height: 819px;
  overflow: hidden;
}   
.container3p {
  width: 100%;
  max-width: 950px;
}
.topic3p-middle {
  height: 100%;
}
.topic3p-title-top {
  font-size: 32px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.topic3p-title-one {
  font-size: 15px;
}
.topic3p-title-two {
  font-size: 15px;
}
.topic3p-suptitle {
    font-size: 14px;
    padding-left: 18px;
}
/* page 4 resolution 1024-1279px  */
.contacts {
  background-image: url(background/main4-1024.jpg);
  background-attachment: fixed;
  width: 100%;
  min-width: 1024px;
  height: 100vh;
  min-height: 576px;
  max-height: 819px;
  overflow: hidden;
 }   
.container4p {
    width: 100%;
    height: auto;
    max-width: 650px;
}
.content4p {
  height: 100%;
  flex-direction: column-reverse;
}

.left-side-contacts {
  margin-top: 0px;
  flex-direction: row;
  width: 100%;
  justify-content: center;
  flex-wrap: wrap;
}
.right-side-contacts {
  width: 100%;
  height: auto;
  margin-left: 0;
}
.left-side-contacts:before {
  display: none;
}
.details4p {
  margin-right: 30px;
}
.details4p:last-child {
  margin-right: 0;
}
.topic4p {
  font-size: 14px;
  }
.text-one-4p,
.text-two-4p {
  font-size: 12px;
}
.topic-text {
  font-size: 25px; /* текст ТОП надписью */
  margin-bottom: 5px;
  text-align: center;
}
.right-side-contacts p {
  margin-bottom: 5px; 
  font-size: 14px; /* текст под ТОП надписью */
  text-align: center;
  padding-bottom: 10px;
}
.input-box {
  margin-bottom: 27px; /* отступ снизу от полей заполнения */
  height: 30px;
  }
.message-box {
  min-height: 70px;
}
.input-box input,
.input-box textarea {
    font-size: 12px;
    padding: 0 10px;
    margin-bottom: 0px;
}
.input-box textarea {
  resize: none;
  padding-top: 5px;
  padding-left: 15px;
}
.input-box label {
  font-size: 12px;
  display: flex;
  margin-left: -10px;
}
/* маштабирование иконок */
.address-img4p img,
.phone-img4p img,
.email-img4p img {
  width: 30px;
  height: auto;
}
.just-validate-error-label {
  font-size: 12px;
  padding-left: 10px;
 }
.message-box {
  margin-bottom: 25px; /* отступ кнопки button */
} 
.button input {
  font-size: 14px; /* шрифт кнопки button */
  padding: 8px 16px;
  margin-left: 0px;
  }
}

/* ------------------------- mobile devices ------------------------- */


/* for screens 1023-768px, the site is made on the lower resolution */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
/* page 1 resolution 768-1023px  */
.main {
  background-image: url(background/main1-768.jpg);
  background-attachment: scroll;
  width: 100%;
  min-width: 768px;
}   
.container1p {
  width: 100%;
  max-width: 730px;
  min-height: 1000px;
  max-height: 1000px;
  justify-content: center;
  display: flex;
  flex-direction: column-reverse;
}
.header-logo {
  width: 250px;
  height: auto;
  flex-grow: 2;
 }
.top-whatsapp,
.top-viber,
.top-telegram,
.top-phone,
.top-email {
  margin-left: 20px;
  width: 70px;
  height: auto;
  flex-grow: 1;
 }
 .topic1p-top {
  width: 100%;
  height: 250px;
  flex-direction: column;
}
.top-icon-1c {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.topic1p-middle {
  width: 100%;
  height: 600px;
  flex-direction: column;
}
 .left-side-main {
  width: 100%;
  height: 75%;
} 
.right-side-main {
  width: 100%;
  height: 25%;
}
.top-text-title {
  padding-left: 0px;
  padding-top: 0px;
  padding-bottom: 10px;
  margin-right: 0px;
  font-size: 14px;
  font-weight: 700;
  margin-left: 20px;
text-align: center;
  flex-grow: 1;
}
.top-text-title p {
  padding-left: 0px;
  padding-top: 0px;
  margin-right: 0px;
  font-weight: 600;
  font-size: 13px;
}
.main-left-one {
font-size: 35px;
padding-top: 110px;
text-align: center;
}
.main-left-two {
font-size: 25px;
padding-top: 15px;
text-align: center;
}
.main-right-one {
  font-size: 20px;
  padding-left: 0%;
  text-align: center;
}
.main-right-two {
  font-size: 18px;
  padding-left: 0%;
  text-align: center;
}
/* page 2 resolution 768-1023px  */
.hotel {
  background-image: url(background/main2-768.jpg);
  background-attachment: scroll;
  width: 100%;
  min-width: 768px;
}   
.container2p {
  width: 100%;
  max-width: 700px;
  min-height: 1000px;
  max-height: 1000px;
}
.topic2p-middle {
  height: 100%;
  flex-direction: column;
}
.left-side-description {
  width: 100%;
  height: 40%;
  padding-bottom: 7px;
} 
.right-side-photo {
  width: 100%;
  height: 40%;
}
.topic2p-title-top {
  font-size: 29px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.details2p {
  text-align: left;
  padding-right: 0px;
}
.topic2p-title-one {
  font-size: 17px;
}
.topic2p-title-two {
  font-size: 17px;
}
.topic2p-suptitle {
    font-size: 16px;
    padding-left: 20px;
}
li {
  margin: 7px; padding: 0px;
  }
.mySlides {
  padding-bottom: 5px;
}
/* page 3 resolution 768-1023px  */
.location {
  background-image: url(background/main3-768.jpg);
  background-attachment: scroll;
  width: 100%;
  min-width: 768px;
}   
.container3p {
  width: 100%;
  max-width: 700px;
  min-height: 1000px;
  max-height: 1000px;
}
.topic3p-middle {
  flex-direction: column;
}
.left-side-legend {
  width: 100%;
  height: auto;
  padding-bottom: 20px;
} 
.right-side-map {
  width: 100%;
  max-height: 100vh;
}
.topic3p-title-top {
  font-size: 29px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.details3p {
  text-align: left;
  padding-right: 0px;
}
.topic3p-title-one {
  font-size: 17px;
}
.topic3p-title-two {
  font-size: 17px;
}
.topic3p-suptitle {
    font-size: 16px;
    padding-left: 10px;
}
.map {
  height: 430px;
}

/* page 4 resolution 768-1023px  */
.contacts {
  background-image: url(background/main4-768.jpg);
  background-attachment: scroll;
  width: 100%;
  min-width: 768px;
 }   
 .container4p {
  width: 100%;
  max-width: 550px;
  min-height: 1000px;
  max-height: 1000px;
  display: flex;
}
.content4p {
flex-direction: column-reverse;
}
.left-side-contacts {
margin-top: 50px;
flex-direction: row;
width: 100%;
justify-content: center;
flex-wrap: wrap;
}
.right-side-contacts {
width: 100%;
margin-left: 0;
}
.left-side-contacts:before {
display: none;
}
.details4p {
margin-right: 20px;
}
.details4p:last-child {
margin-right: 0;
}
.topic4p {
font-size: 18px;
}
.text-one-4p,
.text-two-4p {
font-size: 14px;
}
.topic-text {
font-size: 29px; /* текст ТОП надписью */
margin-bottom: 5px;
text-align: center;
}
.right-side-contacts p {
margin-bottom: 5px; 
font-size: 14px; /* текст под ТОП надписью */
text-align: center;
padding-bottom: 10px;
}
.input-box {
margin-bottom: 35px; /* отступ снизу от полей заполнения */
}
.input-box input,
.input-box textarea {
  font-size: 13px;
  padding: 0 10px;
  margin-bottom: 0px;
}
.input-box textarea {
resize: none;
padding-top: 5px;
padding-left: 15px;
}
.input-box label {
font-size: 13px;
display: flex;
margin-left: -10px;
}
/* маштабирование иконок */
.address-img4p img,
.phone-img4p img,
.email-img4p img {
  width: 30px;
  height: auto;
}
.just-validate-error-label {
font-size: 12px;
padding-left: 10px;
}
.message-box {
margin-bottom: 35px; /* отступ кнопки button */
} 
.button input {
font-size: 18px; /* шрифт кнопки button */
padding: 8px 16px;
margin-left: 0px;
}
}

/*----------------------------------------- 640-767 -----------------------------------------*/

/* for screens 767-640px, the site is made on the lower resolution */
@media only screen and (min-width: 640px) and (max-width: 767px) {

/* page 1 resolution 640-767px  */
.main {
  background-image: url(background/main1-640.jpg);
  background-attachment: scroll;
  width: 100%;
  min-width: 640px;
}   
.container1p {
  width: 100%;
  max-width: 580px;
  min-height: 1000px;
  max-height: 1000px;
  justify-content: center;
  display: flex;
  flex-direction: column-reverse;
}
.header-logo {
  width: 250px;
  height: auto;
  flex-grow: 2;
 }
.top-whatsapp,
.top-viber,
.top-telegram,
.top-phone,
.top-email {
  margin-left: 20px;
  width: 70px;
  height: auto;
  flex-grow: 1;
 }
 .topic1p-top {
  width: 100%;
  height: 250px;
  flex-direction: column;
}
.top-icon-1c {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.topic1p-middle {
  width: 100%;
  height: 600px;
  flex-direction: column;
}
 .left-side-main {
  width: 100%;
  height: 75%;
} 
.right-side-main {
  width: 100%;
  height: 25%;
}
.top-text-title {
  padding-left: 0px;
  padding-top: 0px;
  padding-bottom: 10px;
  margin-right: 0px;
  font-size: 14px;
  font-weight: 700;
  margin-left: 20px;
text-align: center;
  flex-grow: 1;
}
.top-text-title p {
  padding-left: 0px;
  padding-top: 0px;
  margin-right: 0px;
  font-weight: 600;
  font-size: 13px;
}
.main-left-one {
font-size: 35px;
padding-top: 110px;
text-align: center;
}
.main-left-two {
font-size: 25px;
padding-top: 15px;
text-align: center;
}
.main-right-one {
  font-size: 20px;
  padding-left: 0%;
  text-align: center;
}
.main-right-two {
  font-size: 18px;
  padding-left: 0%;
  text-align: center;
}

/* page 2 resolution 640-767px  */
.hotel {
  background-image: url(background/main2-640.jpg);
  background-attachment: scroll;
  width: 100%;
  min-width: 640px;
}   
.container2p {
  width: 100%;
  max-width: 550px;
  min-height: 1000px; 
  max-height: 1000px;
}
.topic2p-middle {
  height: 100%;
  flex-direction: column;
}
.left-side-description {
  width: 100%;
  height: 40%;
  padding-bottom: 7px;
} 
.right-side-photo {
  width: 100%;
  height: 40%;
}
.topic2p-title-top {
  font-size: 29px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.details2p {
  text-align: left;
  padding-right: 0px;
}
.topic2p-title-one {
  font-size: 18px;
}
.topic2p-title-two {
  font-size: 18px;
}
li {
  margin: 7px; padding: 0px;
  }
.topic2p-suptitle {
    font-size: 16px;
    padding-left: 20px;
}
.dot {
  height: 10px;
  width: 10px;
}
.mySlides {
  padding-bottom: 5px;
}

/* page 3 resolution 640-767px  */
.location {
  background-image: url(background/main3-640.jpg);
  background-attachment: scroll;
  width: 100%;
  min-width: 640px;
}   
.container3p {
  width: 100%;
  max-width: 550px;
  min-height: 1000px; 
  max-height: 1000px;
}
.topic3p-middle {
  flex-direction: column;
}
.left-side-legend {
  width: 100%;
  height: auto;
  padding-bottom: 20px;
} 
.right-side-map {
  width: 100%;
  max-height: 100vh;
}
.topic3p-title-top {
  font-size: 29px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.details3p {
  text-align: left;
  padding-right: 0px;
}
.topic3p-title-one {
  font-size: 18px;
}
.topic3p-title-two {
  font-size: 18px;
}
.topic3p-suptitle {
    font-size: 16px;
}
.map {
  height: 360px;
}

/* page 4 resolution 640-767px  */
.contacts {
  background-image: url(background/main4-640.jpg);
  background-attachment: scroll;
  width: 100%;
  min-width: 640px;
 }   
 .container4p {
  width: 100%;
  max-width: 500px;
  min-height: 1000px; 
  max-height: 1000px;
  display: flex;
}
.content4p {
flex-direction: column-reverse;
}
.left-side-contacts {
margin-top: 50px;
flex-direction: row;
width: 100%;
justify-content: center;
flex-wrap: wrap;
}
.right-side-contacts {
width: 100%;
margin-left: 0;
}
.left-side-contacts:before {
display: none;
}
.details4p {
margin-right: 10px;
}
.details4p:last-child {
margin-right: 0;
}
.topic4p {
font-size: 16px;
}
.text-one-4p,
.text-two-4p {
font-size: 13px;
}
.topic-text {
font-size: 29px; /* текст ТОП надписью */
margin-bottom: 5px;
text-align: center;
}
.right-side-contacts p {
margin-bottom: 5px; 
font-size: 14px; /* текст под ТОП надписью */
text-align: center;
padding-bottom: 10px;
}
.input-box {
margin-bottom: 30px; /* отступ снизу от полей заполнения */
}
.input-box input,
.input-box textarea {
  font-size: 13px;
  padding: 0 10px;
  margin-bottom: 0px;
}
.input-box textarea {
resize: none;
padding-top: 5px;
padding-left: 15px;
}
.input-box label {
font-size: 11px;
display: flex;
margin-left: -10px;
}
/* маштабирование иконок */
.address-img4p img,
.phone-img4p img,
.email-img4p img {
  width: 30px;
  height: auto;
}
.just-validate-error-label {
font-size: 11px;
padding-left: 10px;
}
.message-box {
margin-bottom: 30px; /* отступ кнопки button */
} 
.button input {
font-size: 14px; /* шрифт кнопки button */
padding: 8px 16px;
margin-left: 0px;
}
}

/*----------------------------------------- 480-639 -----------------------------------------*/
  
/* for screens 480-639px, the site is made on the lower resolution */
@media only screen and (min-width: 480px) and (max-width: 639px) {
 
 /* page 1 resolution  480-639px  */
 .main {
  background-image: url(background/main1-480.jpg);
  background-attachment: scroll;
  width: 100%;
  min-width: 480px;
}   
.container1p {
  width: 100%;
  max-width: 420px;
  min-height: 1000px;
  max-height: 1000px;
  justify-content: center;
  display: flex;
  flex-direction: column-reverse;
}
.header-logo {
  width: 200px;
  height: auto;
  flex-grow: 2;
 }
.top-whatsapp,
.top-viber,
.top-telegram,
.top-phone,
.top-email {
  margin-left: 15px;
  width: 55px;
  height: auto;
  flex-grow: 1;
 }
 .topic1p-top {
  width: 100%;
  height: 200px;
  flex-direction: column;
}
.top-icon-1c {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.topic1p-middle {
  width: 100%;
  height: 700px;
  flex-direction: column;
}
 .left-side-main {
  width: 100%;
  height: 60%;
} 
.right-side-main {
  width: 100%;
  height: 40%;
}
.top-text-title {
  padding-left: 0px;
  padding-top: 0px;
  padding-bottom: 10px;
  margin-right: 0px;
  font-size: 14px;
  font-weight: 700;
  margin-left: 20px;
text-align: center;
  flex-grow: 1;
}
.top-text-title p {
  padding-left: 0px;
  padding-top: 0px;
  margin-right: 0px;
  font-weight: 600;
  font-size: 13px;
}
.main-left-one {
font-size: 35px;
padding-top: 78px;
text-align: center;
}
.main-left-two {
font-size: 14px;
padding-top: 15px;
text-align: center;
}
.main-right-one {
  font-size: 16px;
  padding-left: 0%;
  text-align: center;
}
.main-right-two {
  font-size: 14px;
  padding-left: 0%;
  text-align: center;
}

/* page 2 resolution 480-639px  */
.hotel {
  background-image: url(background/main2-480.jpg);
  background-attachment: scroll;
  width: 100%;
  min-width: 480px;
}   
.container2p {
  width: 100%;
  max-width: 420px;
  min-height: 1000px; 
  max-height: 1000px; 
}
.topic2p-middle {
  height: 100%;
  flex-direction: column;
}
.left-side-description {
  width: 100%;
  height: 40%;
  padding-bottom: 7px;
} 
.right-side-photo {
  width: 100%;
  height: 40%;
}
.topic2p-title-top {
  font-size: 25px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.details2p {
  text-align: left;
  padding-right: 0px;
}
.topic2p-title-one {
  font-size: 16px;
}
.topic2p-title-two {
  font-size: 16px;
}
.topic2p-suptitle {
    font-size: 15px;
    padding-left: 20px;
}
.dot {
  height: 8px;
  width: 8px;
}
.prev, .next {
  margin-top: -25px;
  padding: 5px;
  font-size: 45px;
}
.mySlides {
  padding-bottom: 0px;
}

/* page 3 resolution  480-639px  */
.location {
  background-image: url(background/main3-480.jpg);
  background-attachment: scroll;
  width: 100%;
  min-width: 480px;
}   
.container3p {
  width: 100%;
  max-width: 420px;
  min-height: 1000px; 
  max-height: 1000px; 
}
.topic3p-middle {
  flex-direction: column;
}
.left-side-legend {
  width: 100%;
  height: auto;
  padding-bottom: 20px;
} 
.right-side-map {
  width: 100%;
  max-height: 100vh;
}
.topic3p-title-top {
  font-size: 25px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.details3p {
  text-align: left;
  padding-right: 0px;
}
.topic3p-title-one {
  font-size: 16px;
}
.topic3p-title-two {
  font-size: 16px;
}
.topic3p-suptitle {
    font-size: 15px;
}
.map {
  height: 320px;
}

/* page 4 resolution 480-639px  */
.contacts {
  background-image: url(background/main4-480.jpg);
  background-attachment: scroll;
  width: 100%;
  min-width: 480px;
 }   
 .container4p {
  width: 100%;
  max-width: 320px;
  min-height: 1000px; 
  max-height: 1000px; 
  display: flex;
}
.content4p {
flex-direction: column-reverse;
}
.left-side-contacts {
margin-top: 50px;
flex-direction: row;
width: 100%;
justify-content: center;
flex-wrap: wrap;
}
.right-side-contacts {
width: 100%;
margin-left: 0;
}
.left-side-contacts:before {
display: none;
}
.details4p {
margin-right: 0px;
}
.details4p:last-child {
margin-right: 0;
}
.topic4p {
font-size: 16px;
}
.text-one-4p,
.text-two-4p {
font-size: 13px;
}
.topic-text {
font-size: 25px; /* текст ТОП надписью */
margin-bottom: 5px;
text-align: center;
}
.right-side-contacts p {
margin-bottom: 5px; 
font-size: 14px; /* текст под ТОП надписью */
text-align: center;
padding-bottom: 10px;
}
.input-box {
margin-bottom: 43px; /* отступ снизу от полей заполнения */
}
.input-box input,
.input-box textarea {
  font-size: 12px;
  padding: 0 10px;
  margin-bottom: 0px;
}
.input-box textarea {
resize: none;
padding-top: 5px;
padding-left: 15px;
}
.input-box label {
font-size: 12px;
display: flex;
margin-left: -10px;
text-align: justify;
}
/* маштабирование иконок */
.address-img4p img,
.phone-img4p img,
.email-img4p img {
  width: 30px;
  height: auto;
}
.just-validate-error-label {
font-size: 10px;
padding-left: 10px;
}
.message-box {
margin-bottom: 25px; /* отступ кнопки button */
} 
.button input {
font-size: 14px; /* шрифт кнопки button */
padding: 8px 16px;
margin-left: 0px;
}
.button {
  display: flex;
  justify-content: center;
  padding-top: 15px;
}
}

/*----------------------------------------- 320-479 -----------------------------------------*/

/* for screens 479-320px, the site is made on the lower resolution */
@media only screen and (min-width: 320px) and (max-width: 479px) {
 /* page 1 resolution  320-479px  */

 .main {
  background-image: url(background/main1-320.jpg);
  background-attachment: scroll;
  width: 100%;
  min-width: 320px;
}   
.container1p {
  width: 100%;
  max-width: 270px;
  min-height: 1150px;
  max-height: 1150px;
  justify-content: center;
  display: flex;
  flex-direction: column-reverse;
}
.header-logo {
  width: 200px;
  height: auto;
  flex-grow: 2;
 }
.top-whatsapp,
.top-viber,
.top-telegram,
.top-phone,
.top-email {
  margin-left: 8px;
  width: 45px;
  height: auto;
  flex-grow: 1;
 }
 .topic1p-top {
  width: 100%;
  height: 200px;
  flex-direction: column;
}
.top-icon-1c {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.topic1p-middle {
  width: 100%;
  height: 700px;
  flex-direction: column;
}
 .left-side-main {
  width: 100%;
  height: 60%;
} 
.right-side-main {
  width: 100%;
  height: 40%;
}
.top-text-title {
  padding-left: 0px;
  padding-top: 0px;
  padding-bottom: 10px;
  margin-right: 0px;
  font-size: 14px;
  font-weight: 700;
  margin-left: 20px;
text-align: center;
  flex-grow: 1;
}
.top-text-title p {
  padding-left: 0px;
  padding-top: 0px;
  margin-right: 0px;
  font-weight: 600;
  font-size: 13px;
}
.main-left-one {
font-size: 28px;
padding-top: 78px;
text-align: center;
}
.main-left-two {
font-size: 14px;
padding-top: 15px;
text-align: center;
}
.main-right-one {
  font-size: 16px;
  padding-left: 0%;
  text-align: center;
}
.main-right-two {
  font-size: 14px;
  padding-left: 0%;
  text-align: center;
}

/* page 2 resolution 320-479px  */
.hotel {
  background-image: url(background/main2-320.jpg);
  background-attachment: scroll;
  width: 100%;
  min-width: 320px;
}   
.container2p {
  width: 100%;
  max-width: 270px;
  min-height: 1150px; 
  max-height: 1150px;
}
.topic2p-middle {
  height: 100%;
  flex-direction: column;
}
.left-side-description {
  width: 100%;
  height: 40%;
  padding-bottom: 7px;
} 
.right-side-photo {
  width: 100%;
  height: 40%;
}
.topic2p-title-top {
  font-size: 22px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.details2p {
  text-align: left;
  padding-right: 0px;
}
.topic2p-title-one {
  font-size: 16px;
}
.topic2p-title-two {
  font-size: 16px;
}
.topic2p-suptitle {
    font-size: 15px;
}
.dot {
  height: 8px;
  width: 8px;
}
.prev, .next {
  margin-top: -25px;
  padding: 5px;
  font-size: 45px;
}
.mySlides {
  padding-bottom: 0px;
}

/* page 3 resolution  320-479px  */
.location {
  background-image: url(background/main3-320.jpg);
  background-attachment: scroll;
  width: 100%;
  min-width: 320px;
}   
.container3p {
  width: 100%;
  max-width: 270px;
  min-height: 1150px; 
  max-height: 1150px;
}
.topic3p-middle {
  flex-direction: column;
}
.left-side-legend {
  width: 100%;
  height: auto;
  padding-bottom: 12px;
} 
.right-side-map {
  width: 100%;
  max-height: 100vh;
}
.topic3p-title-top {
  font-size: 22px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.details3p {
  text-align: left;
  padding-right: 0px;
}
.topic3p-title-one {
  font-size: 16px;
}
.topic3p-title-two {
  font-size: 16px;
}
.topic3p-suptitle {
    font-size: 15px;
}
.map {
  height: 250px;
}

/* page 4 resolution 320-479px  */
.contacts {
  background-image: url(background/main4-320.jpg);
  background-attachment: scroll;
  width: 100%;
  min-width: 320px;
 }   
 .container4p {
  width: 100%;
  max-width: 270px;
  min-height: 1150px; 
  max-height: 1150px;
  display: flex;
}
.content4p {
flex-direction: column-reverse;
}
.left-side-contacts {
margin-top: 50px;
flex-direction: row;
width: 100%;
justify-content: center;
flex-wrap: wrap;
}
.right-side-contacts {
width: 100%;
margin-left: 0;
}
.left-side-contacts:before {
display: none;
}
.details4p {
margin-right: 10px;
}
.details4p:last-child {
margin-right: 0;
}
.topic4p {
font-size: 16px;
}
.text-one-4p,
.text-two-4p {
font-size: 13px;
}
.topic-text {
font-size: 22px; /* текст ТОП надписью */
margin-bottom: 5px;
text-align: center;
}
.right-side-contacts p {
margin-bottom: 5px; 
font-size: 14px; /* текст под ТОП надписью */
text-align: center;
padding-bottom: 10px;
}
.input-box {
margin-bottom: 40px; /* отступ снизу от полей заполнения */
}
.input-box input,
.input-box textarea {
  font-size: 12px;
  padding: 0 10px;
  margin-bottom: 0px;
}
.input-box textarea {
resize: none;
padding-top: 5px;
padding-left: 15px;
}
.input-box label {
font-size: 9px;
display: flex;
margin-left: -10px;
}
/* маштабирование иконок */
.address-img4p img,
.phone-img4p img,
.email-img4p img {
  width: 20px;
  height: auto;
}
.just-validate-error-label {
font-size: 10px;
padding-left: 10px;
}
.message-box {
margin-bottom: 25px; /* отступ кнопки button */
} 
.button input {
font-size: 14px; /* шрифт кнопки button */
padding: 8px 16px;
margin-left: 0px;
}
.button {
  display: flex;
  justify-content: center;
  padding-top: 15px;
}
}