@media (max-width: 1240px) {
  .presentation-block img:first-child {width: 1090px; left: -45%;}
  .presentation-download {top: 380px; left: 280px;}
}

@media (max-width: 1199px) {
  h2 {font-size: 38px;}
  /*menu*/
  .nav_line_one {height: 75px;}
  .nav_line_one .container {display: block;}
  .nav_line_one a:first-child {float: left; margin-top: 15px;}
  .nav_line_one img {margin-top: 0; margin-bottom: 0;}
  .nav_line_one p {display: inline-block; font-size: 18px; margin-left: 22px; margin-right: 28px; margin-top: 25px; float: left;}
  .nav_phone_block {display: inline-block; margin-right: 0; margin-top: 11px;}
  .nav_phone_block span {font-size: 14px; margin-bottom: 5px;}
  .nav_phone_block a {font-size: 24px;}
  .nav_line_one .ibutton {float: right; font-size: 17px; margin-top: 15px;}
  .nav_line_two li a {font-size: 17px;}
  .nav_line_two li {margin: 10px 44px;}
  /* header */
  .header-column-one img {width: 470px;}
  .header-text-line-one p {font-size: 22px; margin-left: 10px; letter-spacing: 0;}
  .header-text-line-two {margin-top: 31px;}
  .header-text-line-two p {font-size: 22px; margin-left: 10px; letter-spacing: 0;}
  .header-column-one .ibutton {margin-top: 3px; font-size: 18px; letter-spacing: -0.2px;}
  #youtube-player {left: 51px;}
  /* lay-out */
  #lay-out p {font-size: 24px;}
  /* lay-out filter */
  .filter-item-width-comnat {width: 205px;}
  .filter-item-width {width: 180px;}
  .price-from-up {margin-right: 4px;}
  .price-from-up .input-group:first-child {margin-right: 0;}
  .area-from-up .input-group:first-child {margin-right: 0;}
  .lay-out-filter .dropdown-menu li a {font-size: 15px; padding: 23px 6px 23px 10px}
  .checkbox-custom, .label {margin-top: -1px}
  .input-control .input-template {font-size: 18px; padding: 27px 10px 9px}
  .input-control .label-template {left: 10px;}
  .input-control .input-template:valid + .label-template, .input-control .input-template:focus + .label-template {left: 10px; top: 10px; font-size: 12px;}
  .label-template-filled {left: 10px; top: 10px; font-size: 12px;}
  .center-filter-button .ibutton {font-size: 18px;}
  /* lay-out extradition */
  .apartment-item img {width: 300px;}
  .list-apartments {margin-top: 125px;}
  .lay-out-item-text p {font-size: 18px !important; line-height: 25px;}
  .lay-out-item-text span {font-size: 30px;}
  /* photo */
  #photo .swiper-container p {max-width: 740px; line-height: 40px;}
  /* presentation */
  #presentation .ibutton {font-size: 18px;}
  .presentation-block img:first-child {left: -70%;}
  .presentation-download {left: 200px;}
  /* reviews */
  .phone-reviews-image img:first-child {margin-right: -90px;}
  .phone-reviews-image .swiper-wrapper img {margin-right: 0;}
  #reviews .ibutton {font-size: 18px}
  #reviews {overflow: hidden;}
  /* location */
  #location .ibutton {font-size: 18px;}
  .map-address {width: 501px;}
  /* contacts */
  .social {padding-left: 0;}
  #contacts .ibutton {font-size: 18px; padding: 5px 35px;}
  .callback-phone {font-size: 18px; width: 215px; margin-left: 15px;}
  .contacts-phone span {font-size: 18px;}
  .contacts-phone a {font-size: 24px;}
  .social li {margin-right: 5px;}
  #callback-body {margin-left: 5px;}
  /* modal */
  .modal-block .callback-phone {margin-left: 0;}
}

@media (max-width: 1090px) {
  .presentation-block img:first-child {width: 1015px; left: -56%;}
  .presentation-download {top: 354px; left: 230px;}
}

@media (min-width: 992px) {
  #contacts .alert {position: absolute;width: 245px; margin-top: -35px; margin-left: 225px;}
}

@media (min-width: 1200px) {
  #contacts .alert {width: 510px; margin-left: 0; text-align: center;}
}

@media (min-width: 768px) {
  .collapse {display: block}
}

@media (max-width: 991px) {
  h2 {font-size: 30px; text-align: center;}
 /* menu */
  .nav_line_one {height: 120px;}
  .nav_line_one a:first-child {margin-top: 38px;}
  .nav_line_one p {font-size: 19px; text-align: center; margin-right: 0; margin-left: 0; position: relative; left: 10%; margin-top: 35px; width: 185px;}
  .nav_phone_block a {line-height:15px; font-size: 22px; letter-spacing: normal;}
  .nav_phone_block span {font-size: 13px; letter-spacing: normal}
  .nav_phone_block {text-align: right; float: right;}
  .nav_line_one .ibutton {margin-top: 5px;}
  .nav_line_two li:last-child {margin-left: 23px;}
  .nav_line_two li {margin: 10px 23px;}
  /* header */
  header .container {padding-top: 100px;}
  .header-column-one {text-align: center;}
  header {background-image: url(../image/header.jpg); height: auto; margin-top: 65px; background-size: 1587px; background-repeat: no-repeat; background-position: center top;}
  header::before {background: transparent;}
  .header-text-line-one {position: inherit; background: transparent;}
  .header-text-line-two {display: block; margin-top: -2px; background: transparent;}
  .header-text-line-one p, .header-text-line-two p {background-color: #ebebec; display: inline-block; padding-left: 7px; padding-right: 7px;}
  .header-column-two {margin-top: 140px}
  .header-column-two img:first-child {margin-left: 0;}
  #youtube-player {left: 178px;}
  /* lay-out */
  #lay-out p {text-align: center; margin-top: 25px;}
  /* lay-out filter */
  .select-rooms {z-index: 2;}
  .price-from-up, .area-from-up {z-index: 1;}
  .filter-item-width-comnat {width: 100%;}
  .price-from-up {position: relative; top: -127px; width: 100%; margin-right: 0;}
  .area-from-up {margin-top: 84px; position: relative; top: 20px; width: 100%;}
  .filter-item-width {width: 358px;}
  #lay-out .filter-button {position: relative;  top: -18px;}
  #lay-out .right-filter-link:first-child {position: relative; float: none; top: 64px; display: inline-block;}
  .center-filter-button {display: block; width: 100%;}
  .center-filter-button .ibutton {margin-left: 0; position: relative; top: -56px;}
  /* lay-out extradition */
  .list-apartments {float: left; margin-top: 115px}
  .lay-out-item-text p {text-align: left !important;}
  .sm-apartment-item-column-one {padding-right: 8px; padding-left: 15px;}
  .sm-apartment-item-column-two {padding-left: 8px; padding-right: 15px;}
  .sm-apartment-item-column-one .magnifier {right: 8px; left: 15px;}
  .sm-apartment-item-column-two .magnifier {left: 8px; right: 15px;}
  .sm-apartment-item-column-one .image-block-magnifier {right: 8px; left: 15px;}
  .sm-apartment-item-column-two .image-block-magnifier {left: 8px; right: 15px;}
  /* photo */
  #photo p {text-align: center; margin-top: 25px; font-size: 24px;}
  #photo .text-on-photo {left: 0; width: 100%; padding-left: 10%; padding-right: 10%; text-align: center;}
  #photo .text-on-photo p {font-size: 30px !important;}
  #photo .swiper-slide {height: 430px}
  /* presentation */
  #presentation p {margin-top: 25px; margin-bottom: 20px; font-size: 24px;}
  #presentation .col-sm-12 {text-align: center; margin-top: 355px;}
  .presentation-block img:first-child {left: -17%;}
  .presentation-download {left: 50%; top: 348px;}
  .empty-block {height: 76px;}
  /* reviews */
  .text-reviews-block {margin-top: 155px;}
  .next-review {top: 135px;}
  .phone-reviews-image img:first-child {margin-right: -195px;}
  .phone-reviews-image .swiper-wrapper img {margin-right: 0;}
  /* location */
  #map {height: 400px;}
  #location .container {padding-left: 0; padding-right: 0; margin:0; width: 100%;}
  #location h2 {margin-top: 0; margin-left: 0;}
  .map-address {width: 100%; margin-top: 0; text-align: center;}
  #location .ibutton {margin-left: 0;}
  /* contacts */
  #contacts {text-align: center;}
  .contacts-phone {width: 100%;}
  .contacts-phone span {font-size: 22px;}
  .contacts-phone a {font-size: 29px; margin-top: 5px; margin-bottom: 10px;}
  .callback-phone {font-size: 20px; margin-left: 0;}
  #contacts .ibutton {padding: 5px 55px;}
  .callback-block {display: inline-flex; margin-left: 0;}
  .social {margin-top: 20px; margin-bottom: 20px; display: flex;  justify-content: center; width: 100%;}
  .public-offer {margin-top: 0;}
  #contacts .container {padding-top: 55px;}
  #contacts .succes_callback_block {display: block}
  #contacts .succes_callback_block .privacy-policy-modal {float: none; position: relative; top: -6px; margin-left: 10px;}
  #contacts .alert {display: none; position: absolute; margin-top: -29px; margin-left: 230px;}
  /* footer */
  footer a {font-size: 19px;}
  /* fancybox */
  .fancybox-inner {
    overflow: auto !important;
  }
  /* modal */
  .modal-image-presentation {display: none;}
  #download-presentation {width: 440px;}
  #modal-download-presentation .modal-dialog {width: 442px;}
  #download-presentation .ibutton {margin-bottom: 5px;}
}

@media (max-width: 767px) {
  h2 {letter-spacing: normal !important; font-size: 27px;}
  .ibutton {z-index: 1}
    /* menu */
 .nav_line_one .ibutton {display: none;}
  .nav_line_one {height: 75px;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.31);}
  .nav_line_one p {font-size: 15px; margin-top: 17px; left: 5%;}
  .nav_phone_block span {font-size: 12px;}
  .nav_phone_block a {font-size: 20px;}
  .navigate-items {width: 100%;}
  .navbar-nav {margin: 0 -15px;}
 .nav_line_one a:first-child {margin-top: 21px;}
 .nav_line_one img {height: 34px;}
 .nav_phone_block {margin-top: 17px; position: relative; right: 10%;}
 .nav_line_one button {padding: 9px 0; margin-top: 18px; margin-right: 0; position: absolute; right: 15px;}
 .nav_line_one .icon-bar {background-color: #000; height: 4px; border-radius: 20px; width: 28px; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s;}
 .nav_line_two {height: auto; background: #fff; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.31);}
 .nav_line_two li a:focus, .nav_line_two li a:hover {background-color: #fff;}
 .nav_line_two .active li a {color: #000;}
  .nav_line_two li {margin: 0; border-bottom: 1px solid #f4f4f4;}
  .nav_line_two li:last-child {margin: 0;}
  .nav_line_two li a {color: #000; padding: 10px 0; text-align: left; border-bottom: none; text-indent: 15px;}
  .nav_line_two li a:hover {border-bottom: none; border-left: 5px solid #0b8267; text-indent: 10px;}
  .nav_line_two.active li a:hover {border-bottom: none;}
  /* header */
  header {background-size: 1480px;}
  header .container {padding-top: 68px;}
  #youtube-player {left: 50%; width: 396px; margin-left: -198px;}
  /* lay-out */
  #lay-out p {font-size: 20px;}
  .lay-out-filter {margin-top: 25px;}
  .price-from-up, .area-from-up {display: flex; justify-content: space-between;}
  .price-from-up .input-group, .area-from-up .input-group {width: 49.7%;}
  .center-filter-button .ibutton {font-size: 17px; padding: 5px 45px;}
  .list-apartments {display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 100px;}
  #lay-out .col-sm-6 {padding: 0; width: 50%;}
  .sm-apartment-item-column-one .apartment-item {margin-left: 15px; margin-right: 8px;}
  .sm-apartment-item-column-two .apartment-item {margin-right: 15px; margin-left: 8px;}
  .apartment-item img {width: 285px;}
  .view-all-lay-out {left: 50%; width: 118px; position: relative; margin-left: -59px;}
  /* photo */
  #photo p {font-size: 20px;}
  #photo .text-on-photo p {font-size: 26px !important;}
  /* presentation */
  .presentation-block img:first-child {width: 870px; left: 50%; margin-left: -435px;}
  .presentation-download {width: 72px; left: 50%; top: 295px; height: 72px; background-size: 72px;}
  #presentation .col-sm-12 {margin-top: 465px;}
  #presentation p {font-size: 20px;}
  /* reviews */
  #reviews .col-lg-6 {width: 50%;}
  .phone-reviews-image img:first-child {margin-right: -45%;}
  .phone-reviews-image .swiper-wrapper img {margin-right: 0;}
  .image-for-phone-block {left: 55%; margin-left: 3px;}
  .phone-while-block {margin-top: -455px;}
  /* location */
  #location h2 span {font-size: 20px;}
  .public-offer {margin-bottom: 50px;}
  .public-offer p {letter-spacing: normal;}
  /* footer */
  .footer-middle-a {margin-left: 0;}
  /* modal */
  .modal-success-block {max-width: 460px;}
  .modal-success  {width: auto !important;}
  .modal-dialog {width: 437px; margin: 30px auto;}
  .modal-success-all .modal-dialog{max-width: 462px;}
}

@media (max-width: 639px) {
  h3 {font-size: 25px; letter-spacing: normal;}
  /* menu */
  .nav_line_one p {width: 175px; margin-top: 18px; text-align: center;}
  /* lay-out */
  #lay-out .col-sm-6 {padding: 0; width: 100%;}
  .sm-apartment-item-column-one .apartment-item, .sm-apartment-item-column-two .apartment-item {margin-left: 15px; margin-right: 15px;}
  .apartment-item img {width: 380px;}
  .magnifier {right: 15px !important; left: 15px !important;}
  /* reviews */
  #reviews {text-align: center; background-size: 3245px;}
  .text-reviews-block span {text-align: left;}
  .phone-while-block {margin-top: -65px; width: 100%; display: flex; justify-content: center;}
  .phone-reviews-image {text-align: center; height: 452px; width: 284px;}
  #reviews .col-lg-6 {width: 100%;}
  #reviews .col-lg-6 {padding-right: 15px;}
  .text-reviews-block {margin-top: 130px;}
  .phone-reviews-image img:first-child {margin-right: auto;}
  .image-for-phone-block {position: relative; left: 0;  top: -410px; width: 100%; margin-left: 0;}
  /* modal */
  .modal-success, .modal-block  {padding: 20px; }
  .modal-success-block, .modal-block {max-width: 390px;}
  .modal-dialog, .modal-success-all .modal-dialog {max-width: 392px;}
}

@media (max-width: 600px) {
  /*menu */
  .nav_line_one p {left: 14px;}
  .nav_phone_block span, .nav_phone_block a  {letter-spacing: -0.5px}
  /*footer */
  footer a {float: none !important; display: table; margin-bottom: 20px;}
  footer a:last-child {margin-bottom: 0;}
  .footer-navigate {margin-top: 38px; margin-bottom: 38px;}
}

@media (max-width: 570px) {
  /*menu */
  .nav_line_one p {display: none;}
  .nav_phone_block {position: absolute; right: 60px;}
  /* photo */
  #photo .swiper-slide {height: 320px;}
  #photo .text-on-photo p {font-size: 20px !important;}
  #photo .text-on-photo {position: absolute; bottom: -420px;}
  #photo .swiper-container p {padding: 0 16px;}
}

@media (max-width: 512px) {
  /*header */
  header {background-size: 1320px;}
  .header-column-one {font-size: 0;}
  .header-text-line-one p, .header-text-line-two p {font-size: 18px;}
  .header-column-one sup {font-size: 12px;}
  .header-text-line-two {margin-top: 7px;}
  /* location */
  #map {height: 320px;}
  /* contacts */
  #contacts .callback-block {display: flex; flex-wrap: wrap; justify-content: center;}
  #contacts .ibutton {position: relative; top: 53px;}
  #contacts .succes_callback_block {margin-top: -45px;}
  .social {margin-top: 90px;}
  .callback-phone {margin-bottom: 15px;}
  #contacts .ibutton:active {top: 55px;}
  #contacts .alert {width: 100%; left: 0; margin: 80px 0 0;}
}

@media (max-width: 500px) {
  h3 {font-size: 20px;}
  /* header */
  .header-column-one img {width: 380px;}
  .modal-success-block, .modal-block  {max-width: 300px;}
  /* lay-out */
  .apartment-item img {width: 330px;}
  /* presentation */
  #presentation .col-md-6:first-child {display: none;}
  #presentation .col-sm-12 {margin-top: 0;}
  #presentation h2 {margin-top: 60px;}
  /* modal */
  .modal-block p {font-size: 16px;}
  .callback-select {width: 100%;}
  .btn-callback-select {width: 100%;}
  .modal-block .ibutton {width: 100%; font-size: 16px;}
  #record-on-excursion .ibutton {font-size: 15px;}
  #download-presentation .download-presentation-block {width: auto;}
  .modal-dialog, .modal-success-all .modal-dialog {max-width: 302px;}
}

@media (max-width: 465px) {
  #youtube-player, .header-column-two img:first-child {display: none;}
  .header-column-two a {top: -95px;}
}

@media (max-width: 399px) {
  h2 {margin-top: 50px; font-size: 26px;}
  /*menu*/
  .nav_line_one .icon-bar {width: 20px; height: 2px;}
  .nav_line_one img {height: 30px;}
  .nav_phone_block span {font-size: 10px; margin-bottom: 0;}
  .nav_phone_block a {font-size: 17px;line-height: normal;}
  .nav_phone_block {right: 50px; margin-top: 19px;}
  .nav_line_one button {margin-top: 19px;}
  /*header*/
  header {background-size: 1210px;}
  header .container {padding-top: 30px;}
  .header-column-one img {width: 260px;}
  /*lay-out*/
  .apartment-item img {width: 260px;}
  .input-control .input-template {padding: 20px 10px 9px; font-size: 16px;}
  .input-control .label-template {font-size: 16px; top: 16px;}
  .area-from-up {top: -10px;}
  #lay-out .filter-button {top: -42px;}
  .center-filter-button .ibutton {width: 100%;}
  #lay-out .right-filter-link:first-child {top: 58px;}
  .list-apartments {margin-top: 70px;}
  .view-all-lay-out {margin-bottom: 50px;}
  /* photo */
  #photo .swiper-slide {height: 220px;}
  #photo .text-on-photo {display: none;}
  .view-entry {margin-bottom: 50px;}
  /* presentation */
  .empty-block {height: 50px;}
  /* reviews */
  #reviews  h2 {margin-top: 50px;}
  #reviews .ibutton {width: 100%; margin-bottom: 50px;}
  /*modal */
  .modal-success-block, .modal-block {max-width: 230px; text-align: center;}
  .modal-success-block .ibutton, .modal-block .ibutton {line-height: 20px;}
  .modal-dialog, .modal-success-all .modal-dialog {max-width: 232px;}

}

@media (max-width: 382px) {
  /* contacts */
  #contacts .ibutton {top: 68px;}
  #contacts .ibutton:active {top: 70px;}
  #contacts .alert {margin: 100px 0 0;}
}

@media (max-width: 350px) {
  #photo .container-fluid {padding-right: 0; padding-left: 0;}
}

@media (max-width: 319px) {
  header, section, footer {width: 100vh;}
  /* contacts */
  #contacts .alert {width: 100vh; margin: 82px 0 0;}
  #contacts .ibutton {top: 52px;}
  #contacts .ibutton:active {top: 54px;}
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .callback-phone, .input-modal {padding-bottom: 15px;}
}