@media screen and (max-width: 1000px){
    .header__row{
        padding: 20px 0;
    }
    .header__item{
        display: flex;
        flex-wrap: wrap;
        align-content: center;
        align-items: center;
    }
    .header__item-logo {
        width: 80px;
        font-size: 15px;
    }
    .header__item:nth-child(2){
        position: absolute;
        background-color: #1E1E1E;
        width: 100%;
        box-sizing: border-box;
        left: 0;
        top: 82px;
        padding: 30px 5% 20px;
        border-top: 2px solid #efa359;
        display: none;
    }
    .header__item:nth-child(2) ul{
        width: 100%;
        height: auto;
        float: left;
    }
    .header__item:nth-child(2) ul > li{
        width: 100%;
        height: auto;
        float: left;
        margin: 0 0 18px;
    }
    .header__item:nth-child(2) ul > li > a{
        color: #ffffff;
    }
    .header__item-call{
        padding: 10px;
        float: left;
    }
    .header__item-call span {
        font-size: 11px;
        font-weight: 300;
        line-height: 22px;
        padding: 0 0 0 30px;
    }
    .header__item-bar{
        display: block;
    }
    .main{
        padding: 30px 0 40px;
        margin: 84px 0 0;
    }
    .main__item{
        width: 100%;
    }
    .main__item-vectory {
        width: 100%;
        margin: 0;
    }
    .main__item-title {
        width: 100%;
        text-align: center;
        font-size: 14px;
        border-radius: 10px;
        padding: 5px 0;
        margin: 10px 0 0 0;
    }
    .main__item-description {
        width: 100%;
        height: auto;
        float: right;
        color: #000000;
        text-align: left;
        font-size: 12px;
        font-weight: 200;
        border-left: 2px solid #efa35a;
        box-sizing: border-box;
        padding: 0 0 0 14px;
        margin: 30px 0 0;
    }
    .main-poster{
        display: none;
    }
    .main-poster-mobile{
        display: block;
        margin: 21px 0 0 0;
        width: 100%;
        height: auto;
        float: left;
    }
    .main__button {
        width: 190px;
        height: auto;
        float: unset;
        background: #ffffff;
        border-radius: 0;
        padding: 0;
        box-sizing: border-box;
        margin: 21px auto 0;
    }
    .main__button button {
        width: 100%;
        height: auto;
        border-radius: 12px;
        color: #000000;
        text-align: center;
        font-size: 12px;
        font-weight: 300;
        padding: 15px 0;
        display: flex;
        margin: 12px auto 0;
    }
    .advantages{
        padding: 15px 0;
        overflow-x: scroll;
    }
    .advantages__item {
        padding: 0 20px 0 41px;
        margin: 0 20px 0 0;
    }
    .advantages__item:last-child{
        padding: 0 20px 0 41px;
        margin: 0;
    }
    .advantages__item p{
        font-size: 10px;
        margin: 4px 0 0 0;
    }
    .advantages__item span{
        font-size: 10px;
        margin: 0 0 4px;
    }
    .service{
        padding: 40px 0;
    }
    .service-title {
        text-align: center;
        font-size: 16px;
    }
    .service__row {
        width: 100%;
        height: auto;
        float: left;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px;
        margin: 20px 0;
    }
    .service__item {
        width: calc(50% - 10px);
        height: 111px;
        border-radius: 15px;
    }
    .service__item p {
        padding: 7px 0;
        background: rgba(51, 51, 51, 0.8);
        border-radius: 0px 0px 15px 15px;
        font-size: 12px;
    }
    .service-button{
        width: 100%;
        border-radius: 14px;
        text-align: center;
        font-size: 14px;
        font-weight: 300;
        padding: 15px 0;
        display: flex;
        justify-content: center;
    }
    .catalog{
        padding: 40px 0;
    }
    .catalog .center{
        display: flex;
        flex-wrap: wrap;
        justify-content: right;
    }
    .catalog-title{
        font-size: 16px;
        text-align: center;
        order: 1;
    }
    .catalog__buttons{
        order: 3;
        margin: 20px 0 0;
    }
    .catalog__row{
        margin: 20px 0 0 0;
        order: 2;
    }
    .catalog__box {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
        align-content: center;
        margin: 7px 0 0 0;
        flex-direction: row;
    }
    .catalog__item-title{
        font-size: 14px;
    }
    .catalog__block span{
        font-size: 10px;
    }
    .catalog__block b{
        font-size: 10px;
    }
    .catalog__block-button {
        font-size: 10px;
        padding: 13px 23px;
    }
    .locations{
        padding: 40px 0;
    }
    .locations-title{
        width: 100%;
        font-size: 16px;
    }
    .locations-description {
        width: 100%;
        border-left: 2px solid #efa35a;
        padding: 0 0 0 10px;
        margin: 20px 0 0 0;
        font-size: 12px;
    }
    .locations__item-description{
        display: none;
    }
    .locations__item-subject{
        display: none;
    }
    .locations__item-title {
        font-size: 16px;
        margin: 0;
    }
    .locations__row{
        width: 100%;
        border-radius: 11px;
        margin: 40px 0;
        padding: 232px 15px 20px;
        background-image: url("../images/vectory/locations-mobile.png");
        background-repeat: no-repeat;
        background-position: top;
        background-size: auto;
    }
    .locations__item ul {
        width: 100%;
        margin: 4px 0 0 0;
    }
    .locations__item ul > li > p{
        font-size: 12px;
    }
    .locations__item ul > li > span{
        font-size: 12px;
    }
    .locations-buttons {
        width: 100%;
        border-radius: 14px;
        text-align: center;
        font-size: 14px;
        font-weight: 300;
        padding: 15px 0;
        display: flex;
        justify-content: center;
    }
    footer{
        padding: 20px 0;
    }
    .footer-description{
        font-size: 10px;
    }
    .documents{
        padding: 40px 0;
        margin: 84px 0 0 0;
    }
    .documents-title{
        font-size: 16px;
    }
    .documents-description {
        font-size: 12px;
        line-height: 18px;
        margin: 20px 0 0 0;
    }
    .modal__row {
        width: 100%;
        max-width: 500px;
        height: 100vh;
        background-color: #ffffff;
        border-radius: 0;
    }
    .modal__item-title{
        font-size: 17px;
    }
    .modal__item-description {
        font-size: 10px;
        line-height: 15px;
        font-weight: 200;
        margin: 15px 0 0;
    }
}