@media screen and (max-width: 1024px) {



  .__map,

  .__hotline,

  .__callback,

  .about__company p,

  .news__content p,

  .about__company h1,

  .about__company address,

  .info__download,

  .information__tabs {

    display: none!important;

  }

  nav {

    height: 0px;

    display: none;

    transform: translateY(-200%);

    margin-bottom: 20px;

    order:2;

  }

  nav a {



   display: block;

   margin-right: 0px;

   margin-bottom: 20px;



  }

  div.dropdown {

    display: block;

  }

  .page {

    padding-left: 0px;

    padding-right: 0px;

  }

  .mobile__icon,.mobile__callback  {

   display: block;

  }

  .header__mobile {

    padding-left: 16px;

    padding-right: 16px;

    width: 100%;

  }

  header {

    margin-left: 16px;

    margin-right: 16px;

  }

  main {

    margin-top: 0;

  }

  .__logo {

   border-bottom-left-radius: 10px;

   border-bottom-right-radius: 10px;

   padding-bottom:16px;

   margin-bottom: 24px;

  }

  .mobile__title {

    display: block;

    order:3;

  }

  .mobile__title h1 {

     font-size: 38px;

     line-height: 38px;

     margin-top:10px;

     color:#fff;

  }

  .mobile__title p {

    font-size: 13px;

    line-height: 13px;

    color:#fff;

  }

  header {

    justify-content: center;

    text-align: center;

    height: auto;

    flex-direction: column;



    background-size: cover;

    background-size: 100%;

    background-position-y: 100%;

  }

  .header__service {

    max-width: unset;

    width: 100%;

    order: 1;

    text-align: center;

    justify-content: center;

  }

  .__login {

    margin-right: 0px;

    margin-bottom: 20px;

  }

  main {

   padding:16px;

  }

  .column__news {

   background-color: unset;

   box-shadow: unset;

   max-width: 100%;

   width: 100%;

   padding: 0;

  }

  .column__about {

    max-width: 100%;

    width: 100%;

  }

  .messages__item {

   max-width: 100%;

  }

  .about__statistic {

   margin:30px auto;

   text-align: center;

   color:#fff;

   border-radius: 30px;

   width: 100%;

   padding:24px;


  }

  .about__statistic div {

    color:#fff;

    margin-right: 0;

    margin-bottom:30px

  }

  .column__about {

    order:2;

  }

  .column__news {

    order:1

  }

  .column__news h3 {

   text-align: center;

  }

  .page__column .news__list .news__item {

    width:48%

  }

  .main__content {

    flex-direction: column;

  }

  .house__map {

    margin: 0 auto;

  }

  div.house__params {

    width: 100%;

  }

  div.detail__text {

    padding: 24px;

    margin:0px auto;

  }

  div.detail__preview {

   padding-left: 20px;

   padding-right: 20px;

  }

  div.detail__preview h1 {

   font-size: 27px;

   line-height: 30px;

  }

  div.detail__image {

   

  }

  div.detail__footer {

      padding: 24px;

      margin: 10px;

  }

  a.detail__newslist {

   margin-bottom: 16px;

  }

  div.tabs__documents,

  div.information__tabs {

   background: none;

   box-shadow: none;

  }

  footer {

   height: auto;

   padding-top: 16px;

   padding-bottom: 16px;

  }

  footer p {

   margin-left: 0;

   margin-top:30px;



  }

  .about__statistic,

  .footer__box {

    justify-content: center;

    flex-direction: column;

    text-align: center;

  }

}



@media screen and (max-width: 600px) {

  .page__column .news__list .news__item {

    width:100%

  }

  div.detail__image {

    padding-top: 60px;

    padding-bottom: 60px;

  }



  div.registry__item {

     width: 45%;

  }

  div.registry__item b {



    font-size: 15px;



  }

  div.detail__text {

   

  }

  main h1 {

    font-size: 40px;

    line-height: 44px;

    text-align: center;

  }

  main .__registry h3 {

    font-size: 30px;

    line-height: 32px;

  }



} 



@media screen and (max-width: 320px) {



  .news__title {

    font-size: 14px;

    line-height: 16px;

  }

  .news__icon {

    width: 60px;

    height: 55px;

    overflow: hidden;

    border-radius: 60px;

  }



}