@media(max-width: 1200px){
    .container {
        margin-left: 40px;
        margin-right: 40px;
    }
    .about-img img{
        width: 100%;
        height: auto;
    }
    .catalog-item {
        width: 31%;
    }
    .article-items {
        gap: 20px 30px;
        justify-content: space-between;
    }
    .article-item {
        width: 48%;
    }
    .footer-feedback-case{
        padding: 20px;
    }
}
@media(max-width: 1050px){
    .catalog-main-section .block-top{
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }
}

@media(max-width: 1000px){
    .header-nav {
        display: none;
    }
    .header-but{
        display: none;
    }
    .header-menu{
        display: block;
        cursor: pointer;
    }
    .footer-feedback-info{
        display: flex;
        justify-content: space-between;
        gap: 20px;
    }
    .footer-feedback-form{
        flex-direction: column;
    }
    .footer-feedback-text{
        width: 48%;
    }
    .footer-feedback-flexblock{
        width: 48%;
    }
    .footer-but{
        width: 100%;
    }
    .footer-but-blue{
        width: 100%;
    }
    .footer-doc-table{
        gap: 36px;
    }
    .footer-doc-block{
        gap: 36px;
    }
    .footer-doc-case {
        gap: 36px;
    }
    .footer-feedback {
        margin-bottom: 60px;
    }
}
@media(max-width: 900px){
    .about-but {
        align-items: flex-start;
        margin-bottom: 24px;
        flex-direction: column;
    }
    .about-img img{
        width: 330px;
    }
    .about-info{
        gap: 33px;
    }
    .article-item {
        width: 47%;
        height: auto;
    }
}
@media(max-width: 800px){
    .container {
        margin-left: 15px;
        margin-right: 15px;
    }
    .invest-about {
        padding-top: 10px;
    }
    .about-case {
        flex-direction: column-reverse;
    }
    .about-img img{
        width: 100%;
    }
    .about-but {
        flex-direction: row;
    }
    .footer-doc-case{
        flex-wrap: wrap;
    }
}
@media(max-width: 730px){
    .catalog-items {
        justify-content: space-between;
    }
    .catalog-item {
        width: 48%;
    }
}
@media(max-width: 645px){
    .catalog-item {
        width: 47%;
    }
}
@media(max-width: 600px){
    .catalog-search{
        flex-wrap: wrap;
    }
    .catalog-search-blue{
        order: -1;
    }
}
@media(max-width: 550px){
    .about-but {
        flex-direction: column;
    }
    .but-blue{
        width: 100%;
    }
    .but-blueframe{
        width: 100%;
    }
    .article-item {
        width: 100%;
        height: auto;
    }
}
@media(max-width: 500px){
    .catalog-item {
        width: 100%;
    }
    .block-seeAll{
        display: none;
    }
    .block-but-seeAll{
        display: flex;
        margin-top: 16px;
        justify-content: center;
    }
    .but-seeAll{
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        width: 100%;
        height: 53px;
        border-radius: 100px;
        border: 1px solid rgba(0, 0, 0, 0.12);
        cursor: pointer;
    }
    .footer-feedback-info{
        flex-direction: column;
        gap: 0;
    }
    .footer-feedback-text{
        width: 100%;
    }
    .footer-feedback-flexblock{
        width: 100%;
    }
    .footer-feedback-subtitle{
        margin-bottom: 8px;
    }
    .footer-doc-table{
        flex-direction: column;
    }
}

/* ---------------НОВОЕ----------------------- */
/* index4 */
@media(max-width: 1100px){
    .rating-table-th {
        padding-left: 10px;
        padding-right: 10px;
    }
}
@media(max-width: 1050px){
    .rating-main-section .rating-block-top{
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }
}
@media(max-width: 750px){
    .rating-block-table {
        overflow-x: scroll;
    }
    .rating-block-table::-webkit-scrollbar {
        border-radius: 0 0 24px 24px;
        border: 1px solid rgba(0, 0, 0, 0.12);
        background: white;
    }
    .rating-block-table::-webkit-scrollbar-thumb {
        border-radius: 0 0 24px 24px;
        background: rgba(0, 0, 0, 0.12);
    }
    .rating-table-th {
        white-space: nowrap;
    }
}
@media(max-width: 600px){
    .rating-search{
        flex-wrap: wrap;
    }
    .rating-search-blue{
        order: -1;
    }
}

/* index2 */
@media(max-width: 1200px){
    .aparthotel-picture{
        margin-left: 40px;
        margin-right: 40px;
    }
    .aparthotel-profit-case {
        border-radius: 20px;
    }
    .aparthotel-profit-graph{
        overflow-x: scroll;
    }
    .aparthotel-profit-graph::-webkit-scrollbar {
        border-radius: 0 0 24px 24px;
        border: 1px solid rgba(0, 0, 0, 0.12);
        background: white;
    }
    .aparthotel-profit-graph::-webkit-scrollbar-thumb {
        border-radius: 0 0 24px 24px;
        background: #c9e6bb;
    }
}
@media(max-width: 1100px){
    .picture-bg-info {
        flex-wrap: wrap;
    }
}
@media(max-width: 1000px){
    .aparthotel-info-case{
        flex-wrap: wrap;
    }
    .aparthotel-info-grade{
        width: 48%;
    }
    .aparthotel-info-description{
        width: 48%;
    }
    .aparthotel-info-map{
        width: 100%;
    }
}
@media(max-width: 950px){
    .aparthotel-advant-case {
        flex-wrap: wrap;
        gap: 16px;
    }
    .aparthotel-advant-block {
        width: 48%;
        padding: 16px;
    }
}
@media(max-width: 900px){
    .aparthotel-picture-block2 {
        display: none;
    }
    .aparthotel-picture-block1{
        max-width: 100%;
    }
}
@media(max-width: 800px){
    .aparthotel-picture{
        margin-left: 15px;
        margin-right: 15px;
    }
    .aparthotel-name-case{
        padding: 16px 16px;
    }
}
@media(max-width: 750px){
    .aparthotel-picture-block{
        display: none;
    }
    .aparthotel-picture-block1{
        display: none;
    }
    .aparthotel-picture-bg{
        max-width: 100%;
    }
}
@media(max-width: 650px){
    .aparthotel-info-grade{
        width: 100%;
        padding: 16px;
    }
    .aparthotel-info-description{
        width: 100%;
        padding: 16px;
    }
    .aparthotel-info-map{
        width: 100%;
    }
    .aparthotel-company-description{
        height: 170px;
    }
    .aparthotel-company-case {
        padding: 16px;
    }
    .aparthotel-investors-com-text{
        height: 233px;
    }
    .aparthotel-investors-block{
        padding: 16px;
    }
    .aparthotel-investors-ans{
        padding: 16px;
    }
    .aparthotel-investors-but{
        padding: 8px 10px;
    }
    .aparthotel-investors-case{
        padding: 15px;
    }
    .aparthotel-investors-heading{
        margin-bottom: 16px;
    }
    .aparthotel-investors-ans {
        margin-top: 16px;
    }
}
@media(max-width: 600px){
    .aparthotel-profit-top{
        padding: 16px;
    }
    .aparthotel-profit-graph{
        padding: 0;
    }
    .aparthotel-profit-compare{
        display: none;
    }
}
@media(max-width: 550px){
    .aparthotel-picture{
        margin-left: 0;
        margin-right: 0;
    }
    .aparthotel-picture-bg{
        border-radius: 0;
    }
    .aparthotel-name-but{
        gap: 8px;
    }
    .analytics1{
        display: none;
    }
    .analytics2{
        display: initial;
    }
    .aparthotel-but-green,
    .aparthotel-but-blue{
        padding: 16px 16px;
        width: 151px;
        text-align: center;
    }
    .aparthotel-investors-ansinfo{
        margin-bottom: 16px;
    }
    .aparthotel-investors-ans-reply{
        padding-left: 0;
    }
}
@media(max-width: 500px){
    .aparthotel-advant-block {
        width: 47%;
    }
    .aparthotel-investors-com-top {
        align-items: flex-start;
        gap: 8px;
        margin-bottom: 8px;
        height: auto;
        flex-direction: column;
    }
    .aparthotel-investors-ans-star,
    .aparthotel-investors-ans-num{
        display: none;
    }
    .aparthotel-investors-ans-sign{
        overflow: hidden;
    }
}
@media(max-width: 370px){
    .aparthotel-but-green,
    .aparthotel-but-blue{
        padding: 16px 16px;
        width: 140px;
        text-align: center;
    }
}