@media screen and (max-width: 1300px){
body.rulls .page-content {
width: 700px;
}
}
@media screen and (max-width: 1216px){
#main-home-block .item {
width: 558px;
}
#main-home-block .item img {
max-width: 100%;
}
#header .info {
display: none;
}
#navigation {
display: none;
}
.hidden-callback {
display: block;
margin-right: 53px;
}
#screen-top #menu-toggler {
display: block;
}
#header .yandex-widget-header {
margin-left: -26px;
}
#header .center {
font: 16px/1 "FiraSans-SemiBold";
margin-left: 0;
position: relative;
    left: -25px;
}
#main-home-block {
padding-top: 28px;
}
#screen-top {
background-size: auto 414px;
}
#main-home-block .item .description h3 {
padding-right: 80px;
}
#main-home-block .item.item-2 .description h3 {
padding-right: 20px;
}
#main-home-block .item .description h3 a {
font-size: 30px;
}
#main-home-block .item .description {
padding: 33px 29px 40px 42px;
}
#main-home-block .item .description .graphic {
margin-top: 20px;
}
#facts .title {
font-size: 30px;
margin-bottom: 57px;
}
#facts {
margin-top: 56px;
}
#facts .text-block .top-part {
margin-bottom: 30px;
}
#facts .icons {
margin-left: 49px;
width: 488px;
}
#facts .ico-item .text {
margin-top: 28px;
}
#facts .text-block {
width: 560px;
padding: 38px 47px 40px 40px;
}
#all-about-us {
margin-top: 60px;
}
#all-about-us .main-inner {
margin-top: 54px;
background-size: cover;
background-image: url("../images/all-about-us-1140.png");
}
#proud-block .left-side {
margin-left: 110px;
}
body.inner-page #screen-top {
padding-bottom: 0px;
background-position: center -30px;
}
body.inner-page #header {
padding-top: 12px;
}
#header .inner.inner-top {
padding: 10px 23px 7px;
box-sizing: border-box;
background: #8257B0;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#77c6f0', endColorstr='#79e062',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
body.rulls .content .inside {
width: 978px;
max-width: 98%;
}
#header .logo {
margin-right: 70px;
}
}
@media screen and (max-width: 1160px){
#main-about {
margin-bottom: 51px;
}
.breadcrumbs {
margin-top: 55px;
}
#main-about .inside {
width: 918px;
}
.rulls .right-form {
margin-bottom: 80px;
width: 100%;
text-align: left;
}
.page-form {
width: 100%;
padding: 56px 98px;
max-width: 100%;
box-sizing: border-box;
margin-top: 0;
}
.page-form .age {
margin-top: -12px;
}
.page-form .copy,
.page-form .submit-field {
padding-top: 10px;
margin-top: 0;
}
.page-form .copy,
.page-form .submit-field,
.page-form .age,
.page-form .input-field {
width: 48%;
}
.rulls .page-title {
text-align: center;
}
.rulls #header {
padding-top: 0px;
}
body.rulls .page-content {
width: 100%;
}
.page-form .age li > div {
padding: 10px 5px;
}
body.rulls .content .inside {
max-width: 98%;
}
#main-home-block .inner.flex {
justify-content: space-around;
}
#main-home-block .item {
width: 530px;
}
#screen-top {
background-size: auto 399px;
}
.page-form .copy p a {
display: block;
}
#facts .icons {
width: 430px;
margin-left: 20px;
}
#proud-block .left-side {
margin-left: 40px;
}
#footer .inner .coll-1 {
max-width: 173px;
}
}
@media screen and (max-width: 1100px){
#facts .icons {
margin: 0 auto;
margin-bottom: 40px;
}
.page-form {
padding: 56px 30px;
}
#facts .flex {
justify-content: space-around;
}
body.inner-page #header {
padding-top: 0;
}
#main-home-block .item {
margin-bottom: 18px;
}
#screen-top {
background: none;
}
#screen-top .inside {
padding-left: 0;
padding-right: 0;
max-width: 100%;
width: unset;
}
.inside {
box-sizing: border-box;
}
#header {
padding-top: 0;
}
#screen-top #menu-toggler {
right: 23px;
max-height: 70px;
transition: unset;
top: 21px;
}
#main-home-block .item {
width: 638px;
}
#proud-block .left-side {
order: 2;
}
#proud-block .right-side {
order: 1;
}
#proud-block .inner {
justify-content: space-around;
}
#mobile-menu #menu-close {
right: 35px;
top: 33px;
}
}
@media screen and (max-width: 1000px){
#header .logo {
margin-right: 0;
}
#mobile-menu #menu-close {
right: 51px;
top: 26px;
}
#prices {
padding: 60px 0 0;
}
#header .inner.inner-top {
padding: 6px 39px 4px;
min-height: 70px;
}
#header .yandex-widget-header {
margin-left: -69px;
}
#prices .inside {
width: 690px;
flex-direction: column;
padding: 50px;
flex-wrap: nowrap;
}
#gallery.inside {
width:593px
}
.hidden-callback {
display: block;
margin-right: 54px;
}
#screen-top #menu-toggler {
right: 38px;
top: 15px;
}
.page-form .copy, .page-form .submit-field, .rulls .page-form .age, .rulls .page-form .input-field {
width: 100%;
}
.rulls .page-form {
padding-left: 60px;
padding-right: 60px;
}
body.rulls .page-title {
font-size: 40px;
}
body.rulls .content .inside {
width: 690px;
}
}
@media screen and (max-width: 729px){
#prices .inside {
width: 89%;
}
#header .inner.inner-top {
padding: 5px 15px 4px;
min-height: 63px;
}
#header .fixedtop {
position: fixed;
width: 100%;
top: -63px;
z-index: 999;
transform: translateY(100%);
transition: transform 0.2s linear;
}
#header .fixedtop .logo , #header .fixedtop .hidden-callback {
display:none;
}
#header .fixedtop .button-callback {
display:block;
width: calc(100% - 62px);
}
.hidden-callback {
margin-right: 31px;
}
#screen-top #menu-toggler {
right: 14px;
top: 11px;
}
#prices .inside {
width: calc(100% - 30px) !important;
}
.inside {
width: calc(100% - 30px);
}
body.rulls .content .inside {
width: calc(100% - 30px);
}
}
@media screen and (max-width: 700px){
#main-home-block .inside {
padding-left: 10px;
padding-right: 10px;
box-sizing: border-box;
}
#header .info .phone a {
font-size: 16px;
}
#mobile-menu .mob-header {
padding-top: 8px;
}
.page-form .copy {
padding-top: 30px;
margin-bottom: 20px;
}
#subscription {
box-sizing: border-box;
max-width: 100%;
}
}
@media screen and (max-width: 680px){
#main-home-block .detail,
#main-home-block .short-desc {
display: none;
}
#main-home-block.vybor-lagera .detail,
#main-home-block.vybor-lagera .short-desc {
display: block;
}
#main-home-block.vybor-lagera .detail {
margin-bottom: 15px;
}
#main-home-block.vybor-lagera {
padding-bottom: 30px;
}
#main-home-block .item .description .graphic {
color: #ff6a4c;
}
}
@media screen and (max-width: 560px){
#header .info {
display: none;
}
body.rulls .page-title {
font-size: 30px;
}
#callback,
#thanks-window {
max-width: 100%;
box-sizing: border-box;
}
#callback {
padding-left: 30px;
padding-right: 30px;
}
#subscription,
.rulls .page-form {
padding-left: 30px;
padding-right: 30px;
}
#thanks-window h3,
#callback .title,
#subscription .title {
font-size: 30px
}
#main-home-block .item .description h3 a {
font-size: 24px;
}
#main-home-block .item .description h3 {
padding-right: 0;
}
#main-home-block .item .description {
padding: 17px 10px 10px 20px;
}
#all-about-us .caption strong {
font-size: 80px;
}
#all-about-us .caption .about-word {
font-size: 50px;
margin-top: 1px;
margin-bottom: 10px;
}
#all-about-us .caption span {
font-size: 21px
}
#proud-block .right-side {
margin-top: 0;
margin-left: 0;
}
#proud-block {
padding-top: 40px;
}
#proud-block .inside {
background-position: 80px 320px;
}
#proud-block .right-side .title {
font-size: 24px;
}
#proud-block .right-side .text p {
font-size: 18px;
}
#facts .text-block {
height: auto;
padding: 38px 30px 0px;
}
#facts .text-block .bottom-part > div {
width: auto;
margin-bottom: 20px;
}
#mobile-menu #menu-close span {
display: none;
}
#mobile-menu .mob-header .button a {
height: 50px;
line-height: 50px;
font-size: 16px;
width: 200px;
}
#facts .text-block .top-part p {
font-size: 20px;
}
#screen-top #menu-toggler span {
display: none;
}
}
@media screen and (max-width: 480px){
#footer .inner {
row-gap: 40px;
}
#footer .coll.info .callback a {
    width: 100%;
    padding: 12px 0;
    top: -8px;
    margin-top: -11px;
    position: relative;
}
.page-form .age li > div {
font-size: 13px;
padding-left: 4px;
padding-right: 4px;
margin-right: 4px;
}
#footer .inner .coll-1 {
margin: 0;
width: 100%;
text-align: center;
padding-top: 40px;
padding-left: 0;
}
#footer .whatsapp-ico{
position: absolute;
margin-left: -120px;
    width: 42px;
    height: 42px;
}
#footer .inner .info {
margin: 0;
width: 100%;
text-align: center;
padding: 0;
}
#footer .cards .flex-l {
flex-direction: row;
justify-content: space-around;
flex-wrap: wrap;
}
#footer .payment {
text-align: left;
max-width: 158px;
margin: 0 auto;
}
#footer .cards .flex-l > div {
margin-right: 0 !important;
}
#footer .cards .flex-l {
justify-content: space-around;
}
#facts .icons > div {
margin-bottom: 35px;
}
#all-about-us .caption .play-button a {
height: 50px;
line-height: 50px;
font-size: 14px;
background-position: 16px center;
width: 180px;
}
#subscription .age li > div,
.page-form .age li > div {
width: 36px;
}
}
@media screen and (max-height: 800px){
#subscription .copy {
padding-top: 20px;
}
#subscription .input-field {
margin-bottom: 20px;
}
#subscription .submit-field {
margin-top: 20px;
}
}
@media screen and (max-width: 780px) {
.inner-page .breadcrumbs {
margin-top: 20px;
margin-bottom: 18px;
}
.pagination {
margin-top: 2px;
}
.fancybox-next span {
right: 10px !important
}
.fancybox-prev span {
left: 10px !important
}
}
@media screen and (max-width: 640px) {
.pagination ul li {
margin: 0
}
.pagination ul .prev-page {
margin-right: 10px;
}
.pagination ul .next-page {
margin-left: 10px;
}
.pagination ul li a, .pagination ul li span {
width: 30px;
height: 30px;
line-height: 30px;
font-size: 18px;
}
.page-form .title,
body.documents .page-title {
font-size: 24px;
}
}
@media screen and (max-width: 480px) {
.pagination ul li a, .pagination ul li span {
width: 22px;
height: 22px;
line-height: 22px;
font-size: 16px;
}
.button-callback, .hidden-callback a:first-child {
display: block;
}
#mobile-menu .parrent-menu > div:nth-child(2) li {
padding-bottom: 25px;
}
#mobile-menu .parrent-menu > div:nth-child(1) {
-webkit-box-ordinal-group: 1;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
margin: 0 -25px;
padding-left: 25px;
width: calc(100% + 50px);
border-bottom: 1px solid #EAEAEA;
}
#mobile-menu .parrent-menu > div:nth-child(2) {
-webkit-box-ordinal-group: 2;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
margin: 0 -25px;
padding-left: 25px;
width: calc(100% + 50px);
border-bottom: 1px solid #EAEAEA;
}
#mobile-menu .button-2 {
margin-top: -8px;
-webkit-box-ordinal-group: 1;
-webkit-order: 1;
-ms-flex-order: 1;
text-align: center;
order: 1;
}
#mobile-menu .button-2 a {
margin-top: 0;
}
#mobile-menu .parrent-menu > div:nth-child(3) {
-webkit-box-ordinal-group: 3;
-webkit-order: 3;
-ms-flex-order: 3;
text-align: left;
order: 3;
width: 100%;
}
#mobile-menu .button-4 {
justify-content: center;
padding-bottom: 54px;
margin-top: 42px;
}
#mobile-menu .parrent-menu  div:nth-child(2) ul {
margin-top: 0px;
padding-bottom: 20px;
border-bottom: 1px solid #EAEAEA;
width: 100%;
}
#screen-top #menu-toggler {
top: 11px;
}
#mobile-menu .button-1 {
position: relative;
top: 19px;
padding: 0;
width: 101%;
-webkit-box-ordinal-group: 3;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
text-align: center;
}
#mobile-menu .button-3 {
-webkit-box-ordinal-group: 2;
-webkit-order: 2;
-ms-flex-order: 2;
text-align: center;
order: 2;
margin-top: -4px;
}
#mobile-menu .parrent-menu ul {
margin-top: 7px;
}
.row-top .right-part-s .flex {
text-align: left;
width: 284px;
}
.main-poster .button a {
max-width: 280px;
font-size: 18px;
margin-bottom: 20px;
}
#thanks-window h3, #callback .title, #subscription .title {
font-size: 24px;
}
#callback {
padding-left: 15px;
padding-right: 15px;
}
#message-form .age ul {
flex-wrap: wrap;
}
#message-form .age ul li {
margin-bottom: 6px;
}
}
@media screen and (max-width: 350px) {
.hidden-callback a:first-child {
display:none
}
#screen-top #menu-toggler {
width: 70px;
}
.hidden-callback {
margin-right: 67px;
}
#header .inner.inner-top {
padding-left: 5px;
}
#header .logo img {
width: 160px;
}
#message-form .left-side,
#subscription, .rulls .page-form,
.documents .page-form,
.arive .page-form,
.comments .page-form {
padding-left: 15px;
padding-right: 15px;
}
#subscription .age li > div, .page-form .age li > div {
width: 27px;
margin-right: 5px;
}
#gallery .coll .item-s {
width: 98px;
}
#gallery .coll1, #gallery .coll2, #gallery .coll3 {
width: 98px;
}
#prices .order {
margin-left: 6px;
}
#prices .row-top .right-part-s {
padding-right: 0;
}
.row-top .left-part-s .station {
font-size: 18px;
margin-right: 0;
}
.row-top .right-part-s .order a {
width: 130px;
font-size: 13px;
}
#location .loc-thumbs .room-item img {
max-width: 100%;
}
#location .loc-thumbs .room-item {
max-width: 33%;
width: 90px;
}
#prices .row-top .right-part-s .order a {
width: 124px;
font-size: 13px;
}
#message-form {
padding-left: 0;
padding-right: 0;
}
.row input[type="text"] {font-size: 16px !important;}
}
@media screen and (max-width: 1400px) {
#subscription .age h4 {
margin-bottom: 16px;
}
#leave-comment .input-field textarea  {
height: 90px;
}
}
@media screen and (max-width: 540px) {
#callback .input-field,
#leave-comment .input-field,
#subscription .input-field {
margin-bottom: 10px;
}
#subscription .copy,
#callback .copy,
#leave-comment .copy {
padding-top: 20px;
}
#callback .copy p,
#leave-comment .copy p,
#subscription .copy p {
font-size: 13px;
}
#callback .input-field input,
#leave-comment .input-field input,
#subscription .input-field input {
height: 52px;
}
#callback .subtitle,
#leave-comment .subtitle,
#subscription .subtitle {
margin-bottom: 16px;
}
#callback .submit-field,
#leave-comment .submit-field,
#subscription .submit-field {
margin-top: 14px;
}
#callback .title,
#leave-comment .title,
#subscription .title {
font-size: 20px;
line-height:28px;
padding: 0 30px;
margin-bottom: 20px;
}
.close-btn {
right: 27px;
top: 24px
}
#callback,
#leave-comment,
#subscription,
#callback-header {
padding-left: 10px;
padding-right: 10px;
width: calc(100% - 20px);
margin: 0 auto;
}
#mobile-menu #menu-close{
right: 27px;
top: 24px;
}
#subscription p br,
#leave-comment p br,
#callback .subtitle p br {
display: none;
}
#mobile-menu .button-1 a {
width: calc(100% - 52px);
max-width: 100%;
}
#leave-comment .age h4,
#subscription .age h4 {
margin-bottom: 10px;
}
}
@media screen and (max-width: 365px) {
#prices .inside {
padding: 44px;
}
}
@media screen and (max-width: 900px) {
{}
#days-14 .slick-next {
right: 0
}
#days-14 .slick-prev {
left:0
}
}