@media screen and (max-width: 1220px) {
  .wrapper {
    width: auto;
    padding-left: 10px;
    padding-right: 10px; }

  header .right nav > ul > li {
    margin: 0 7px; }

  header .right nav > ul > li > a .text {
    font-size: 11px; }

  #investors-level2-container .wrapper {
    padding: 0; }

  .list-type-a .item {
    width: calc(33.3% - 40px); }

  #apartment-detail-options .list .item {
    width: 29.33%; }

  .innerwrapper, #home-apartments .innerwrapper {
    width: 80%; }

  /*h1.special-title .line,h1.special-title .icon,.special-title.white .icon,.special-title.white .line,h2.special-title .line,h2.special-title .icon {display: none;}
  h1.special-title .text, .special-title.white .text, h2.special-title .text {white-space: normal; width: auto; flex-shrink: 1;}*/
  .grid-a {
    grid-template-columns: repeat(3, 1fr); }

  #bot-contacts .innerwrapper {
    width: 100%; } }
@media screen and (max-width: 992px) {
  .innerwrapper, #home-apartments .innerwrapper {
    width: auto;
    padding-left: 5%;
    padding-right: 5%; }

  h2.special-title .text, .special-title.white .text {
    white-space: inherit; }

  /*header .right nav > ul > li {margin: 0 10px; }
  header .right nav > ul > li > a .text {font-size: 12px;}*/
  header .right nav > ul {
    display: none; }

  #mobile-menu-switch {
    display: block !important; }

  #mobile-menu {
    display: flex !important; }

  .btn-popbooking.mobile {
    background-color: #f1990f;
    display: flex !important;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 30px;
    left: auto;
    right: 80px;
    width: 150px;
    height: 40px;
    border-radius: 40px;
    z-index: 1000; }

  .btn-popbooking.mobile .text {
    font-size: 14px; }

  .truncated .btn-popbooking.mobile {
    top: 15px; }

  .list-type-a .item {
    width: calc(33.3% - 20px);
    margin: 10px 10px 40px 10px; }

  .list-type-a .item .title {
    font-size: 14px;
    line-height: 18px; }

  .list-type-b .item {
    width: 33.33%;
    padding: 0 10px; }

  .grid-a {
    grid-gap: 20px; }

  .highlight-a h3 {
    margin: 0 30px; }

  #apartment-detail-options .list .text {
    font-size: 14px;
    line-height: 18px; }

  #investors-level2-container .swiper-slide .item-content {
    padding: 40px 40px 0 40px; }

  #blog-list-container .bot .left {
    width: 70%; }

  #blog-list-container .bot .right {
    width: 30%; }

  #blog-list-contents.list-type-a .item {
    width: 45%;
    padding: 0 10px;
    margin-bottom: 40px !important; }

  #blog-filter .box-year, #blog-filter .box-month {
    width: 100%;
    padding-left: 0;
    padding-right: 0; }

  .contacts #top-container form .box-people {
    padding: 0;
    width: 100%; }

  #apartment-detail-contact .box-phone {
    width: 60%; }

  #apartment-detail-contact .box-people {
    width: 40%; }

  #bot-contacts .innerwrapper {
    padding: 0; }

  #bot-contacts form .top {
    flex-direction: column; }

  #bot-contacts form .top .left {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    padding-right: 0;
    margin-bottom: 20px; }

  #bot-contacts form .top .left .box-subject,
  #bot-contacts form .top .left .box-email {
    width: 50%;
    padding-right: 10px; }

  #bot-contacts form .top .left .box-name,
  #bot-contacts form .top .left .box-phone {
    width: 50%;
    padding-left: 10px; }

  #bot-contacts form .top .right {
    padding-left: 0;
    width: 100%; }

  #bot-contacts form .top .right .message {
    height: 150px; } }
@media screen and (max-width: 768px) {
  footer .wrapper {
    flex-direction: column; }

  footer .wrapper .right {
    align-items: center; }

  footer .top .right {
    flex-direction: column; }

  footer .top .right .box {
    width: 100%; }

  footer .top .right .box-address {
    margin-bottom: 20px;
    padding-right: 0; }

  footer .top .right .box-contacts {
    padding-left: 0; }

  footer .bot {
    flex-direction: column; }

  footer .bot .left {
    margin-bottom: 20px; }

  footer .bot .right {
    align-items: center; }

  footer .bot .right p {
    text-align: center; }

  h2.special-title, .special-title, h2.special-title.white, .special-title.white {
    background: none; }

  h2.special-title.white .line, h1.special-title.white .line, h2.special-title .line, h1.special-title .line, .special-title.white .icon {
    display: none; }

  h2.special-title.white .icon, h1.special-title.white .line, h2.special-title .icon, h1.special-title .line, .special-title.white .line {
    display: none; }

  #underbanner h2, #underbanner .content .left, h2.special-title .text, .special-title.white .text, #top-container h2, #top-container h2 * {
    font-size: 26px;
    line-height: 30px; }

  #apartment-detail #underbanner .special-title .text {
    font-size: 40px;
    line-height: 43px; }

  h2.special-title .text, .special-title.white .text {
    white-space: inherit; }

  .grid-a {
    grid-template-columns: repeat(2, 1fr); }

  #underbanner .wrapper, .about #top-container {
    background: #1a3276 url(../images/underbanner-m.jpg) no-repeat center bottom; }

  .highlight-a-top {
    background: url(../images/highlight-mask-m.png) no-repeat center center; }

  #apartment-detail-contact {
    background: #f1990f url(../images/highlight-mask-m.png) no-repeat center 0; }

  .contacts #top-container, .investors #top-container, #apartment-detail #underbanner {
    background: url(../images/arrow-blue-mask-m.png) no-repeat center bottom; }

  #apartment-detail #underbanner .wrapper {
    background: none; }

  #apartment-detail #underbanner .options {
    height: auto;
    border-radius: 3px; }

  #apartment-detail #underbanner .options .opt {
    flex-direction: column;
    padding: 20px 0 20px 20px; }

  #apartment-detail #underbanner .options .number {
    margin-bottom: 10px;
    margin-right: 0; }

  #apartment-detail #underbanner .options .icon {
    margin-right: 0; }

  #apartment-detail #underbanner .options .right {
    flex-direction: column;
    height: 122px;
    border-radius: 0 3px 3px 0;
    justify-content: center;
    margin-top: -2px;
    margin-bottom: -2px; }

  .grid-item {
    width: 33.33%; }

  .list-type-a .item {
    width: calc(50% - 20px); }

  .list-type-b .item {
    width: 50%;
    padding: 0 20px; }

  .highlight-a {
    height: auto; }

  .highlight-a .content {
    padding: 80px 20px; }

  #apartment-detail-options h2 {
    font-size: 30px;
    line-height: 33px; }

  #apartment-detail-options .list .item {
    width: 46%; }

  #investors-level2-container .swiper-slide .item-content .innerwrapper {
    font-size: 16px;
    line-height: 20px; }

  #instagram-container .insta-top a .text {
    font-size: 12px; }

  #blog-list-container .bot .left {
    padding-right: 30px; }

  #blog-list-contents.list-type-a .item {
    width: 100%;
    padding: 0;
    overflow: hidden; }

  #blog-detail-container .top h1 {
    font-size: 30px;
    line-height: 33px; }

  #blog-detail-container .tags .mid {
    display: none; }

  #blog-detail-container .tags {
    flex-direction: column; }

  #blog-detail-container .tags .left {
    margin-bottom: 10px; }

  #blog-detail-container .social {
    flex-direction: column;
    align-items: flex-start; }

  #blog-detail-container .social .mid {
    display: none; }

  #blog-detail-container .social .left {
    margin-bottom: 10px; }

  #apartment-detail-contact .box-phone {
    width: 100%;
    padding: 0; }

  #apartment-detail-contact .box-people {
    width: 100%;
    padding: 0; }

  #apartment-detail-contact .right .box-checkin {
    width: 100%;
    padding: 0; }

  #apartment-detail-contact .right .box-checkout {
    width: 100%;
    padding: 0; }

  #bot-contacts {
    padding: 100px 50px; }

  .white-popup.booking {
    width: auto;
    max-width: 300px;
    padding: 60px 30px; }

  #form-booking .contents {
    flex-direction: column;
    align-items: center; }

  #form-booking .contents .box:not(:last-child) {
    margin-right: 0; }

  #form-fixedbooking h3 {
    margin-right: 20px; }

  #form-fixedbooking .contents {
    margin-right: 20px; }

  #form-fixedbooking .contents .box {
    width: 130px; } }
@media screen and (max-width: 600px) {
  .btn-popbooking.mobile {
    background-color: #f1990f;
    position: fixed;
    display: flex !important;
    justify-content: center;
    align-items: center;
    bottom: 0;
    width: calc(100% - 20px);
    height: 50px;
    border-radius: 5px 5px 0 0;
    left: 10px;
    right: auto;
    top: auto;
    z-index: 1000; }

  .btn-popbooking.mobile .text {
    font-size: 20px; }

  .truncated .btn-popbooking.mobile {
    top: auto; }

  #banner .content .title {
    font-size: 30px;
    line-height: 33px;
    padding: 0 20px; }

  #underbanner .content, #underbanner .two-columns {
    flex-direction: column; }

  #underbanner .content .left {
    width: 100%;
    margin-bottom: 30px;
    padding: 0; }

  #underbanner .content .right {
    width: 100%;
    padding: 0; }

  h2.special-title .text, .special-title.white .text {
    white-space: normal;
    text-align: left; }

  .two-columns {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 0px;
    -moz-column-gap: 0px;
    column-gap: 0px; }

  #specialoffers-container {
    margin-bottom: 100px; }

  .grid-a {
    grid-template-columns: repeat(1, 1fr); }

  .grid-a .grid-item .item-content .image {
    height: 250px; }

  .grid-a .grid-item .item-content .box-stamp {
    top: 225px; }

  .grid-item {
    width: 50%;
    padding: 0 5px;
    margin-bottom: 10px; }

  .list-type-a .item {
    width: 100%;
    margin: 0 10px 60px 10px; }

  .list-type-a .item .image {
    height: 250px; }

  .list-type-a .item .info {
    height: auto;
    padding-bottom: 0; }

  .list-type-b .item {
    width: 100%;
    padding: 0 20px; }

  .highlight-a {
    font-size: 25px;
    line-height: 30px; }

  #home-specialoffers .swiper-container {
    height: auto; }

  #home-specialoffers .swiper-container .swiper-slide .slide-content .contents {
    flex-direction: column; }

  #home-specialoffers .swiper-container .swiper-slide .slide-content .contents .left {
    width: 100%;
    height: 250px; }

  #home-specialoffers .swiper-container .swiper-slide .slide-content .contents .right {
    width: 100%; }

  #home-specialoffers .more .btn .icon {
    display: none; }

  #apartments-filters {
    width: 100%;
    flex-wrap: wrap; }

  #apartments-filters .box-people {
    width: 40%; }

  #apartments-filters .box-accommodations {
    width: 60%; }

  #apartment-detail #underbanner .options {
    flex-direction: column;
    padding-left: 0; }

  #apartment-detail #underbanner .options .right {
    flex-direction: row;
    height: 50px;
    width: 101%;
    margin-bottom: 0;
    margin-top: 0;
    border-radius: 0 0 3px 3px; }

  #apartment-detail-contact .box {
    margin-bottom: 20px; }

  #apartment-detail-contact .box-name, #apartment-detail-contact .box-email {
    width: 100%;
    padding: 0; }

  #apartment-detail-contact .top {
    flex-direction: column; }

  #apartment-detail-contact .top .innerleft {
    display: flex;
    width: 100%;
    padding: 0; }

  #apartment-detail-contact .top .innerleft .box-checkin {
    width: 50%;
    padding-right: 15px; }

  #apartment-detail-contact .top .innerleft .box-checkout {
    width: 50%;
    padding-left: 15px; }

  #apartment-detail-contact .top .innerright {
    width: 100%;
    padding: 0; }

  #apartment-detail-contact .bot {
    flex-direction: column;
    align-items: center; }

  #apartment-detail-contact .bot .innerleft {
    margin-bottom: 20px;
    text-align: center; }

  #apartment-detail-top .innerwrapper {
    justify-content: center; }

  #apartment-detail-top .innerwrapper .left {
    display: none; }

  #apartment-detail-top .innerwrapper .right a {
    font-size: 12px;
    text-align: center; }

  #about-team-container.general-section {
    margin-bottom: 80px; }

  #about-team-container .special-title {
    justify-content: center; }

  .contacts #top-container form {
    flex-direction: column; }

  .contacts #top-container form .left {
    width: 100%;
    padding-right: 0;
    margin-bottom: 50px; }

  .contacts #top-container form .right {
    width: 100%;
    padding-left: 0; }

  #blog-list-container .bot {
    margin-bottom: 60px; }

  #blog-list-container .bot .wrapper {
    flex-direction: column-reverse; }

  #blog-list-container .bot .left, #blog-list-container .bot .right {
    width: 100%;
    padding: 0; }

  #instagram-container {
    display: none; }

  #list-loadmore {
    margin-right: 0;
    margin-top: 30px; }

  #blog-filter .box-year {
    width: 50%;
    padding-right: 10px; }

  #blog-filter .box-month {
    width: 50%;
    padding-left: 10px; }

  #apartment-detail-contact .left,
  #apartment-detail-contact .right {
    width: 100%;
    padding: 0; }

  footer {
    padding-bottom: 70px; }

  footer .wrapper .left .innerleft {
    margin-top: -10px; }

  footer .top {
    flex-direction: column; }

  footer .top .left {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
    justify-content: center; }

  #bot-contacts {
    padding: 100px 20px; }

  #bot-contacts form .top .left .box-subject,
  #bot-contacts form .top .left .box-email {
    width: 100%;
    padding-right: 0px; }

  #bot-contacts form .top .left .box-name,
  #bot-contacts form .top .left .box-phone {
    width: 100%;
    padding-left: 0px; }

  #bot-contacts form .top .right {
    padding-left: 0;
    width: 100%; }

  #bot-contacts form .top .right .message {
    height: 150px; }

  #bot-contacts form .bot {
    flex-direction: column;
    align-items: center; }

  #bot-contacts form .bot .left {
    width: 100%;
    margin-bottom: 30px; }

  #bot-contacts h1.special-title .line {
    display: none; }

  #bot-contacts h1.special-title .icon {
    display: none; }

  #form-fixedbooking h3 {
    margin-bottom: 20px;
    margin-right: 0; }

  #form-fixedbooking .innerwrapper {
    flex-direction: column; }

  #form-fixedbooking .contents {
    margin-right: 0; } }
@media screen and (max-width: 480px) {
  .innerwrapper {
    padding: 0 20px; }

  #home-apartments .innerwrapper {
    padding: 10px; }

  body header .left {
    width: 70px; }

  header .innerwrapper {
    padding: 0 20px; }

  #banner .content p.highlight {
    font-size: 50px; }

  #banner .scrolldown {
    padding: 0 20px;
    bottom: 70px; }

  #banner-swiper .swiper-pagination {
    bottom: 30%; }

  .highlight-a h3 {
    margin: 0 10px; }

  #apartments-filters .box-people {
    width: 50%; }

  #apartments-filters .box-accommodations {
    width: 50%; }

  #apartments-filters .box-reset {
    width: 100%; }

  #apartments-filters .box-reset .btn-reset {
    width: 100%;
    justify-content: space-between; }

  #apartment-detail #underbanner .options .left {
    flex-direction: column;
    padding-top: 10px; }

  #apartment-detail #underbanner .options .opt {
    flex-direction: row;
    padding: 10px; }

  #apartment-detail #underbanner .options .number {
    margin-right: 10px;
    margin-bottom: 0; }

  #apartment-detail #underbanner .options .icon {
    margin-right: 10px; }

  #apartment-detail-options .list .item {
    width: 100%;
    margin: 0 0 20px 0; }

  #apartment-detail-options .list .text {
    font-size: 10px;
    line-height: 13px; }

  #apartment-detail-options .list span {
    font-size: 8px;
    line-height: 11px; }

  #apartment-detail-contact .top .innerleft {
    flex-direction: column; }

  #apartment-detail-contact .top .innerleft .box-checkin, #apartment-detail-contact .top .innerleft .box-checkout {
    width: 100%;
    padding: 0; }

  #investors-level2-container .swiper-slide .item-content {
    padding: 40px 10px 0 10px; }

  #suggestions-filter {
    width: 260px; }

  #suggestions-filter .btn-toggle {
    width: 50px;
    height: 40px;
    left: -50px;
    background-size: 100% 100%;
    padding: 0 15px 0 0; }

  #suggestions-filter .btn-toggle span {
    background: url(../images/icons.svg) no-repeat -240px -20px;
    background-size: 400px;
    width: 20px;
    height: 20px; }

  #suggestions-filter.open .btn-toggle {
    width: 40px;
    left: -40px;
    padding: 0 7px 0 0; }

  #suggestions-filter.open .btn-toggle span {
    background-position: -260px -20px; }

  .contacts #top-container form .box-checkin {
    width: 100%;
    padding-right: 0; }

  .contacts #top-container form .box-checkout {
    width: 100%;
    padding-left: 0; }

  footer {
    height: auto; }

  footer .wrapper .left {
    flex-direction: column;
    align-items: center;
    margin-bottom: 20px; }

  footer .wrapper .left .innerleft {
    margin-right: 0;
    margin-bottom: 20px; }

  footer .wrapper .left .innerright {
    margin-bottom: 20px; }

  footer .wrapper .right p {
    text-align: center; }

  #form-fixedbooking .contents .box:not(:last-child) {
    margin-right: 10px; }

  #form-fixedbooking .contents .box {
    width: 120px; } }
@media screen and (max-width: 330px) {
  footer .bot .left {
    flex-wrap: wrap;
    justify-content: center; }

  footer .bot .left .innerright {
    margin-bottom: 20px; } }