/******************************* 1040 и менее пикселей */

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

    .wrapper,
    .top-head,
    .header,
    .main-menu,
    .swiper,
    .realty-plus,
    .special-offers,
    .seotext,
    .news,
    .vacancies,
    .inner,
    .map,
    .bottom-info,
    .footer {
        min-width: 100%;
        max-width: 100%;
    }

    .top-head .top-head-content,
    .header .header-content,
    .main-menu .main-menu-content,
    .swiper .swiper-content,
    .realty-plus .realty-plus-content,
    .special-offers .special-offers-content,
    .seotext .seotext-content,
    .news .news-content,
    .vacancies .vacancies-content,
    .inner .inner-content,
    .map .map-content,
    .bottom-info .bottom-info-content,
    .footer .footer-content {
        min-width: auto;
        max-width: auto;
    }

}

/******************************* 980 и менее пикселей */

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

    .header .header-content .header-content-left {
        width: 140px;
    }

    .header .header-content .header-content-left .logo,
    .header .header-content .header-content-right,
    .footer .footer-content .footer-content-left,
    .footer .footer-content .footer-content-right {
        padding: 20px;
    }

    .top-head .top-head-content,
    .main-menu .main-menu-content,
    .swiper .swiper-content,
    .news .news-content,
    .vacancies .vacancies-content,
    .inner .inner-content,
    .bottom-info .bottom-info-content {
        padding-left: 20px;
        padding-right: 20px;
    }

    .top-head .top-head-content {
        margin-bottom: 0;
    }

    .header .header-content .header-content-right .text {
        font-size: 20px;
        line-height: 30px;
    }

    .special-offers .special-offers-content,
    .realty-plus .realty-plus-content,
    .seotext .seotext-content {
        padding-left: 20px;
        padding-right: 0;
    }

    .realty-plus .realty-plus-content .realty .realty-item-content .realty-item {
        min-height: 160px;
    }

    .realty-plus .realty-plus-content .realty,
    .seotext .seotext-content .text,
    .realty-plus .realty-plus-content .plus,
    .seotext .seotext-content .plus {
        display: block;
        width: 100%;
    }

    .realty-plus .realty-plus-content .plus .quad-module-outside,
    .seotext .seotext-content .plus .quad-module-outside {
        width: 50%;
        display: inline-block;
        vertical-align: top;
    }

    .realty-plus .realty-plus-content .plus .quad-module,
    .seotext .seotext-content .plus .quad-module {
        margin: 0 20px 20px 0;
    }

    .seotext .seotext-content .text .text-item {
        margin: 0 20px 0 0;
    }

    .vacancies .vacancies-content .vacancies-item-content .info p.info-item {
        width: auto;
        margin: 0 20px 10px 0;
    }

    .vacancies .vacancies-content .vacancies-item-content .info p.info-item span {
        display: inline-block;
    }

    .inner .inner-content .inner-table,
    .inner .inner-content .inner-table .inner-table-left,
    .inner .inner-content .inner-table .inner-table-right {
        display: block;
    }

    .inner .inner-content .inner-table .inner-table-left {
        margin: 0 0 40px 0;
    }

    .inner .inner-content .inner-table .inner-table-right,
    .inner .inner-content .inner-table .inner-table-right.with-form {
        width: auto;
        padding: 0;
    }

    .lg-toolbar .lg-icon {
        font-size: 47px !important;
    }

}

/******************************* 900 и менее пикселей */

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

    .header .header-content .header-content-right .text,
    .main-menu .main-menu-content .belan p {
        display: none;
    }

    .header .header-content .header-content-right .contacts {
        width: 100%;
    }

    .main-menu .main-menu-content .belan {
        width: 100px;
    }

    .special-offers .special-offers-item .offers-content:hover .text {
        display: none;
    }

    .object-item > a:hover .object-item-left .left-text {
        background: none;
    }

    .object-item > a:hover .object-item-right .desc .address {
        color: #0f5499;
    }

    .object-more .photo-gallery a img:hover {
        opacity: 1;
    }

    .vacancies .vacancies-content .vacancies-item-title:hover {
        color: #0f5499;
        background: #f2f2f2;
    }

    .vacancies .vacancies-content .vacancies-item-title.active:hover {
        color: #a63232;
        background: #e5e5e5;
    }

}

/******************************* 800 и менее пикселей */

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

    .top-head .top-head-content .buttons {
        width: 100%;
        display: block;
        margin: 10px 0;
        text-align: right;
        float: none;
    }

    .header .header-content .header-content-left {
        width: 360px;
    }

    .main-menu .main-menu-content .menu {
        height: auto;
    }

    .main-menu .main-menu-content .menu a {
        display: none;
        text-decoration: none;
    }

    .main-menu .main-menu-content .menu a.mobile-link {
        display: block;
    }

    .realty-plus .realty-plus-content .realty .realty-item-content,
    .special-offers .special-offers-item {
        width: 50%;
    }

    .object-more .info-line {
        height: auto;
    }

    .news .news-content .news-item {
        width: 100%;
    }

    .bottom-info .bottom-info-content .bottom-item {
        width: 100%;
        margin: 0 0 20px 0;
    }

    .bottom-info .bottom-info-content {
        padding-bottom: 20px;
    }

    .footer .footer-content {
        padding: 20px 0 0 0;
    }

    .footer .footer-content .footer-content-left,
    .footer .footer-content .footer-content-right {
        width: auto;
        padding: 0 20px 20px 20px;
        float: none;
    }

}

/******************************* 768 и менее пикселей */

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

    .leadership-item .image {
        width: 50%;
    }

    .leadership-item .image img {
        max-width: 100%;
        height: auto;
    }

}

/******************************* 640 и менее пикселей */

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

    .top-head .top-head-content .social a {
        width: 30px;
        height: 30px;
        font-size: 14px;
        line-height: 30px;
    }

    .top-head .top-head-content .slogan {
        height: 30px;
        line-height: 30px;
    }

    .header .header-content {
        width: auto;
        display: block;
        padding: 20px;
    }

    .header .header-content .header-content-left,
    .header .header-content .header-content-right {
        display: inline-block;
        vertical-align: middle;
        padding: 0;
    }

    .header .header-content .header-content-left {
        width: 35%;
    }

    .header .header-content .header-content-right {
        width: 65%;
    }

    .header .header-content .header-content-left .logo,
    .header .header-content .header-content-right .contacts {
        padding: 0;
    }

    .header .header-content .header-content-left .logo img {
        max-width: 100%;
        height: auto;
    }

    .header .header-content .header-content-right .contacts {
        font-size: 20px;
        line-height: 30px;
    }

    .vacancies .vacancies-content .vacancies-item-title span {
        display: block;
        margin: 5px 0 0 0;
        float: none;
    }

    .honors-item,
    .leadership-item {
        display: block;
        margin: 0 0 40px 0;
        padding: 0 0 20px 0;
        border-bottom: 1px dashed #d9d9d9;
    }

    .honors-item .image,
    .honors-item .desc,
    .leadership-item .image,
    .leadership-item .desc {
        display: block;
        width: auto;
        margin: 0 0 20px 0;
        padding: 0;
        background: none;
    }

    .honors-item .image img,
    .leadership-item .image img {
        max-width: 100%;
        height: auto;
        display: inline-block;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    }

    .vacancies-more .vacancies-item .info p.info-item {
        width: 50%;
    }

    .filter-form .filter-form-item {
        width: 100%;
    }

    .filter-form .filter-form-item select {
        width: 330px;
    }

    .filter-form .filter-form-item.half input[type=text] {
        width: 153px;
    }

    .object-more .parameters table tr td:first-child {
        width: 180px;
    }

    div.csc-mailform .send-form ol > li {
        width: 100%;
        margin: 0 0 20px 0;
    }

    div.csc-mailform .send-form ol > li input[type=text],
    div.csc-mailform .send-form ol > li input[type=email],
    div.csc-mailform .send-form ol > li input[type=password],
    div.csc-mailform .send-form ol > li input[type=tel],
    div.csc-mailform .send-form ol > li input[type=number] {
        width: 90%;
    }

    div.csc-mailform .send-form ol > li select {
        width: 94%;
    }

    div.csc-mailform .send-form ol > li.csc-form-element-textarea textarea {
        width: 90%;
    }

    .object-item .object-item-left {
        width: 160px;
        height: 160px;
    }

    .object-item .object-item-left img {
        width: 160px;
        height: 160px;
    }

    .object-item .object-item-left .left-text {
        height: 70px;
        padding: 90px 0 0 0;
    }

    .object-item .object-item-right {
        height: 160px;
    }

    .object-item .object-item-right .desc .address {
        padding: 20px 10px 10px 10px;
    }

    .object-item .object-item-right .desc .variety {
        padding: 0 10px 5px 10px;
        font-size: 14px;
    }

    .object-item .object-item-right .desc .text {
        height: 40px;
        padding: 0 10px;
    }

    .object-item .object-item-right .info {
        padding: 0 10px;
    }

    .object-more h1 {
        font-size: 20px;
        line-height: 20px;
    }

    .object-more .photo-gallery a {
        width: 33.333%;
    }

    .object-more .info-line .price-byr {
        width: 50%;
        padding: 0;
        text-align: center;
    }

    .object-more .info-line .price-val {
        width: 50%;
        padding: 0;
        text-align: center;
        background: #e5e5e5;
    }

    .object-more .info-line .code,
    .object-more .info-line .data {
        width: 50%;
        padding: 0;
        text-align: center;
    }

    .object-more .photo-gallery a {
        width: 50%;
    }

    .object-more .photo-gallery a span {
        margin: 5px;
    }

    .object-more .parameters table {
        font-size: 14px;
    }

    .object-more .parameters table tr td {
        padding: 5px 10px;
    }

    .object-more .parameters table tr td:first-child {
        width: 120px;
    }

    .calc .percent {
        width: 100%;
        height: 100px;
        padding: 10px 0;
        margin: 20px 0 0 0;
        display: block;
    }

    .calc .percent .result {
        display: block;
        font: 700 40px/40px Arial, sans-serif;
        margin: 10px 0;
    }

    .calc .text {
        display: block;
        text-align: center;
        padding: 20px 0;
    }

    .calc .text .title {
        font: 700 16px/16px Arial, sans-serif;
    }

    .calc .text .inputs input[type=text] {
        display: block;
        width: 60%;
        margin: 0 auto 10px;
        padding: 0 10px;
        font-size: 16px;
        font-family: Arial, sans-serif;
    }

}

/******************************* 480 и менее пикселей */

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

    .main-menu .main-menu-content,
    .swiper .swiper-content,
    .inner .inner-content,
    .inner .inner-content .inner-table .inner-table-left {
        margin-bottom: 30px;
    }

    .top-head .top-head-content {
        padding: 0 10px;
    }

    .top-head .top-head-content .social,
    .top-head .top-head-content .slogan {
        display: inline-block;
        vertical-align: top;
        margin: 10px -4px 10px 0;
        font-size: 16px;
    }

    .top-head .top-head-content .social {
        width: 65%;
        text-align: left;
    }

    .top-head .top-head-content .social span {
        display: inline-block;
        vertical-align: top;
        margin: 0 0 0 10px;
    }

    .top-head .top-head-content .slogan {
        width: 35%;
        text-align: right;
    }

    .top-head .top-head-content .slogan span {
        display: inline-block;
        vertical-align: top;
        margin: 0 6px 0 0;
    }

    .top-head .top-head-content .buttons {
        line-height: 30px;
        margin: 0 0 10px 0;
    }

    .top-head .top-head-content .buttons span {
        width: 50%;
        display: inline-block;
        vertical-align: top;
    }

    .top-head .top-head-content .buttons a {
        display: block;
        text-align: center;
        margin: 0 10px;
        padding: 0;
        line-height: 30px;
        font-weight: 400;
        font-size: 14px;
    }

    .header .header-content .header-content-right .contacts {
        font-size: 18px;
        line-height: 24px;
    }

    .main-menu .main-menu-content .menu {
        padding: 0 5px;
    }

    .main-menu .main-menu-content .menu a {
        line-height: 40px;
    }

    .main-menu .main-menu-content .belan {
        width: auto;
    }

    .main-menu .main-menu-content .belan img {
        width: auto;
        height: 40px;
    }

    .swiper-button-next,
    .swiper-container-rtl
    .swiper-button-prev {
        right: 40px !important;
    }

    .swiper-button-prev,
    .swiper-container-rtl
    .swiper-button-next {
        left: 40px !important;
    }

    .realty-plus .realty-plus-content .realty .realty-item-content,
    .special-offers .special-offers-item {
        width: 100%;
    }

    .realty-plus .realty-plus-content .plus .quad-module-outside,
    .seotext .seotext-content .plus .quad-module-outside {
        width: 100%;
    }

    .news .news-content .news-item .news-item-content {
        min-height: auto;
        margin: 0 0 20px 0;
        padding: 0 0 20px 0;
        border-bottom: 1px dashed #d9d9d9;
    }

    .news .news-content .news-item .news-item-content .image {
        width: auto;
        height: 180px;
        float: none;
        background: none;
        overflow: hidden;
    }

    .news .news-content .news-item .news-item-content .image a {
        position: relative;
    }

    .news .news-content .news-item .news-item-content .image img {
        width: 100%;
        height: auto;
        display: inline-block;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        margin: 5px 0;
    }

    .news .news-content .news-item .news-item-content .text {
        padding: 0;
    }

    .vacancies .vacancies-content .vacancies-item-content .info p.info-item {
        display: block;
    }

    .vacancies-more .vacancies-item .info {
        padding: 10px 20px;
    }

    .vacancies-more .vacancies-item .info p.info-item {
        width: 100%;
        margin: 5px 0;
    }

    .vacancies-more .vacancies-item .info p.info-item span {
        display: inline-block;
    }

    .filter-form .filter-form-item select {
        width: 100%;
        box-sizing: border-box;
    }

    .filter-form .filter-form-item.half input[type=text] {
        width: 50%;
        box-sizing: border-box;
    }

    .object-item .object-item-left {
        width: 140px;
        height: 140px;
    }

    .object-item .object-item-left img {
        width: 140px;
        height: 140px;
    }

    .object-item .object-item-left .left-text {
        height: 70px;
        padding: 70px 0 0 0;
    }

    .object-item .object-item-right {
        height: 140px;
    }

    .object-item .object-item-right .desc .address {
        font-size: 16px;
        line-height: 20px;
        padding: 10px 10px 3px 10px;
    }

    .object-item .object-item-right .desc .variety {
        padding: 0 10px 3px 10px;
    }

    .object-item .object-item-right .desc .text {
        font-size: 12px;
    }

    .object-more .info-line .data,
    .object-more .info-line .code {
        width: 100%;
        height: 30px;
        line-height: 30px;
    }

    .object-more .info-line .data {
        padding: 5px 0 0 0;
    }

    .object-more .info-line .code {
        padding: 0 0 5px 0;
    }

    .news-single .news-related .news-related-news-date {
        font-size: 12px;
        float: none;
    }

    .news-single .news-related a {
        overflow: visible;
    }

    .map {
        height: 400px;
    }

    .map .map-content .expand-map,
    .map .map-content .turn-map {
        display: none;
    }

}