@media (max-width: 1023px) {

    /*pe-grid*/

    .pe-layout_960 {
        width: 100%;
    }

    .pe-grid {
        margin: 0;
    }

    .pe-grid__cell_9 {
        width: 100%;
    }

    .pe-grid__cell_3 {
        width: 100%;
        padding: 0;
    }

    .pe-grid__cell {
        padding: 0;
    }

    /*head*/

    .head {
        width: 100%;
        height: 123px;
        padding-left: 215px;
    }

    .head-logo {
        left: -186px;
        position: absolute;
        top: 18px;
    }

    .head-phone {
        margin-top: 44px;
    }

    .head-request {
        margin-top: 40px;
    }

    .head__line-1 {
        border: none;
    }

    .head__line-2, .head-locale, .head-visa {
        display: none;
    }

    .head-phone__link {
        font-size: 23px;
    }

    .head__sidebar {
        position: fixed;
        z-index: 1000;
        right: 0;
        top: 0;
        height: 100%;
        width: 100%;
        visibility: hidden;
        transition: visibility 0s 0.3s;
    }

    .head__sidebar.active {
        visibility: visible;
        transition: visibility 0s 0s;
    }

    .head__sidebar-btn {
        position: absolute;
        right: 30px;
        top: 47px;
        width: 35px;
        height: 26px;
        cursor: pointer;
    }

    .head__sidebar-btn span {
        position: absolute;
        left: 0;
        top: 11px;
        height: 4px;
        width: 100%;
        background-color: #088b57;
    }

    .head__sidebar-btn span::before {
        content: '';
        position: absolute;
        right: 0;
        top: -11px;
        width: 100%;
        height: 4px;
        background-color: #088b57;
    }

    .head__sidebar-btn span::after {
        content: '';
        position: absolute;
        right: 0;
        top: 11px;
        width: 100%;
        height: 4px;
        background-color: #088b57;
    }

    .head__sidebar-substrate {
        position: absolute;
        z-index: 1;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.8);
        opacity: 0;
        transition: opacity 0.2s ease;
    }

    .head__sidebar.active .head__sidebar-substrate {
        opacity: 1;
        visibility: visible;
        transition: opacity 0.2s ease;
    }

    .head__sidebar-content {
        position: absolute;
        z-index: 2 ;
        right: 0;
        top: 0;
        height: 100%;
        width: 384px;
        padding: 20px 30px 0;
        color: #ffffff;
        background-color: #008444;
        transform: translate(100%, 0);
        transition: transform 0.2s ease;
    }

    .head__sidebar.active .head__sidebar-content {
        transform: translate(0, 0);
    }

    .head__sidebar-close {
        position: absolute;
        z-index: 2;
        top: 0;
        left: -65px;
        width: 65px;
        height: 65px;
        background-color: #66bd29;
        background-image: url(../images/arrow.png);
        background-position: 50% 50%;
        background-repeat: no-repeat;
        opacity: 0;
        visibility: hidden;
        transition: visibility 0s 0.2s, opacity 0.2s ease;
        cursor: pointer;
    }

    .head__sidebar.active .head__sidebar-close {
        opacity: 1;
        visibility: visible;
        transition: visibility 0s 0s, opacity 0.2s ease;
    }

    .head__sidebar a {
        color: #ffffff;
        text-decoration: none;
    }

    .head__sidebar ul {
        padding: 0 0 50px 15px;
        margin: 30px 0 0 0;
        border-bottom: 1px solid #339d69;
    }

    .head__sidebar ul li {
        list-style: none;
        font-size: 18px;
        line-height: 1;
    }

    .head__sidebar ul li:not(:last-child) {
        margin-bottom: 30px;
    }

    .head__sidebar-locale a {
        display: inline-block;
        width: 45px;
        height: 45px;
        border-radius: 50%;
        border: 1px solid white;
        line-height: 45px;
        font-size: 15px;
        text-align: center;
        margin-right: 12px;
        opacity: .8;
    }

    .head__sidebar-locale a.active {
        background-color: #ffffff;
        color: #008444;
        opacity: 1;
    }

    .head__sidebar-visa {
        padding-left: 15px;
        padding-top: 50px;
    }

    .head__sidebar-visa a {
        position: relative;
        font-size: 18px;
        text-transform: uppercase;
    }

    .head__sidebar-visa a::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        background: #66b58f;
        height: 1px;
        width: 100%;
    }

    /*slider*/

    .slider__direction-nav {
        display: none;
    }

    .slider__content {
        padding: 105px 30px 0;
    }

    .slider__title {
        font-size: 50px;
        line-height: 60px;
    }

    .slider__control-nav {
        bottom: 13px;
    }

    /*quick-form*/

    .quick-form {
        padding: 35px 30px 0;
        right: 0;
        width: 325px;
    }

    .quick-form__title {
        margin-bottom: 25px;
    }

    .quick-form__field {
        margin-bottom: 10px;
    }

    .quick-form__send {
        margin: 22px auto 0 auto;
    }

    /*tracking*/

    .tracking {
        padding: 45px 0 54px;
    }

    .section_tracking {
        padding: 0 30px;
        width: 100%;
    }

    .tracking__input {
        width: calc(100% - 142px);
    }

    .tracking__label {
        font-size: 11px;
    }

    /*services*/

    .services {
        width: 100%;
        padding: 40px 30px 0;
    }

    .services__list {
        margin: 0;
    }

    .services__item {
        width: 100%;
        height: auto;
        margin: 0;
    }

    .services__item:first-child {
        margin-bottom: 30px;
    }

    .service {
        position: relative;
        padding-top: 0;
        height: auto;
    }

    .service__content {
        width: 50%;
        height: 100%;
        padding: 35px 40px;
    }

    .service__content::before {
        right: -41px;
        margin-right: 0;
        margin-bottom: -23px;
        bottom: 50%;
        top: auto;
        width: 0;
        height: 0;
        border-style: solid;
        transform-origin: center;
        transform: rotate(-90deg);
        border-top: 23px solid #6ABC33;
        border-left: 23px solid transparent;
    }

    .service_even .service__content::before {
        border-top: 23px solid #178346;
        border-left: 23px solid transparent;
    }

    .service__image {
        float: right;
        width: 85%;
    }

    .service__title {
        margin-bottom: 33px;
    }

    .service__intro p {
        font-weight: 300;
    }

    .services_3cols .services__list {
        white-space: normal;
    }

    .services__item {
        width: 100%;
    }

    .services_3cols .service {
        width: 100%;
        height: 100%;
    }

    .services_3cols .services__item {
        width: 100%;
    }

    .services_3cols .services__item + .services__item {
        margin-left: 0;
    }

    .services_3cols .service__content {
        height: 100%;
        width: 50%;
    }

    .services_3cols .service__image {
        height: 100%;
        width: 50%;
        background-position: right;
    }

    .services_3cols .services__item {
        height: 300px;
        margin-bottom: 30px;
    }

    .services_3cols .service__content::before {
        right: -27px;
        top: auto;
        transform: rotate(90deg);
        bottom: 55%;
        border-top: none;
    }

    /*additional-services*/

    .additional-services {
        width: 100%;
        padding: 40px 30px;
    }

    .additional-service {
        padding-left: 0;
        padding-top: 70px;
    }

    .additional-services__list {
        margin: 20px 0;
    }

    .additional-services__item {
        margin: 0;
    }

    .additional-services__item:not(:first-child) {
        margin-left: 30px;
    }

    /*promo*/

    .promo {
        width: 100%;
        padding: 35px 30px;
    }

    .promo__button {
        top: 64px;
        right: 30px;
    }

    .promo:after {
        right: 78px;
    }

    .promo:before {
        right: 238px;
    }

    .section_promo {
        background: #008444 url(../images/bg-section-promo.png) 58% 50% no-repeat;
    }

    /*steps*/

    .steps {
        padding: 50px 30px;
    }

    .steps__item br {
        display: block;
    }

    .steps__item:last-child::after {
        display: none;
    }

    .steps__list {
        float: none;
        margin-bottom: 30px;
    }

    .steps__button {
        float: none;
    }

    /*features*/

    .section_features {
        height: 607px;
        background-size: cover;
    }

    .features {
        width: 100%;
        padding: 50px 30px 240px;
    }

    .features__item {
        width: 168px;
        height: 140px;
        max-width: 100%;
    }

    .features__item + .features__item {
        margin-left: 50px;
    }

    .features__item + .features__item::before {
        left: -42px;
    }

    .features__item:first-child, .features__item:nth-child(4) {
        width: 140px;
    }

    .features__item:nth-child(2), .features__item:nth-child(5) {
        width: 180px;
    }

    .features__item:nth-child(4) {
        clear: left;
        margin-left: 0;
    }

    .features__item:nth-child(4)::before {
        display: none;
    }

    /*info*/

    .info {
        width: 100%;
        padding: 38px 48px 0;
    }

    .info__item {
        padding: 0 15px 0 16px;
    }

    .section_info::before {
        left: -110px;
        width: 150%;
        margin-left: 0;
        margin-right: 0;
        right: auto;
    }

    /*map*/

    .section_map {
        background-size: cover;
    }

    .map {
        width: 100%;
        padding: 245px 30px 160px 30px;
    }

    .map__title {
        font-size: 36px;
        margin: 0 0 30px 30px;
    }

    .map__list {
        column-count: auto;
        margin: 0;
        font-size: 17px;
        padding: 0;
    }

    .map__item {
        display: inline-block;
        margin: 0 0 20px 35px;
    }

    /*offices*/

    .offices__list {
        width: calc(100% - 60px);
    }

    /*support*/

    .section_support {
        padding: 0 30px;
    }

    .support {
        padding: 0;
    }

    #news {
        padding-top: 30px;
    }

    #support {
        padding-bottom: 30px;
    }

    /*docs*/

    .docs {
        padding: 0;
    }

    .docs__head {
        height: 0;
    }

    .docs__item {
        display: inline-block;
    }

    .docs__item:not(:first-child) {
        margin-left: 30px;
    }

    /*foot*/

    .foot {
        width: 100%;
        padding-left: 30px;
    }

    .foot-phone {
        left: auto;
    }

    .foot-request {
        left: auto;
    }

    .foot-copyright {
        left: 0;
    }
    .dialog {
        left: 0;
        width: 100%;
        padding-left: 65px;
        padding-right: 65px;
    }
    .dialog_tracking {
        padding-left: 20px;
        padding-right: 20px;
    }
    .dialog .pe-grid__cell {
        padding: 10px 15px;
    }
    .pe-tabs__head {
        margin-left: 15px;
        margin-right: 15px;
        width: calc(100% - 30px);
    }
}

