@-moz-document url-prefix()
{
  .header.sticky {
    background-color: #dddfe9; 
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){
  .header.sticky {
    background-color: #dddfe9; 
  }
}


@media (max-width: 1505px){
    /* HOME PAGE */
    .quality object {
        right: 0;
    }
    /*PERFOMANCE STRATEGIES PAGE*/
    .head-strategy object {
        left: 0px;
    }
    .result object {
        right: 0;
    }
    /* SEO PAGE */
    .head-seo object {
        right: 0;
    }
    /* DEVELOPMENT PAGE*/
    .head-development object {
        right: 0;
    }
    .design object {
        left: 0;
    }
    /* SMM PAGE */
    .head-smm object {
        right: 0;
    }
    .smm-reason object {
        height: 755px;
        width: 755px;
        top: 100px;
        right: 0;
    }
    /* WEB ANALYTICS PAGE */
    .head-analytics object {
        right: 0;
    }
}

@media (max-width: 1360px){
    /* footer */
    .footer__logo-container {
        margin-right: 34px;
    }
    .footer__contact {
        margin-right: 34px;
    }
    .footer__menu {
        margin-right: 34px;
    }
    /* HOME PAGE */
    .head-section object {
        height: 691px;
        width: 691px;
        position: absolute;
        top: 24px;
        left: -webkit-calc(50% - 273px);
        left: -moz-calc(50% - 273px);
        left: calc(50% - 273px);
    }
    .planning object {
        height: 603px;
        width: 542px;
        top: -93px;
        left: 0;
    } 
    .quality object {
        height: 635px;
        width: 635px;
    }
    /*PERFOMANCE STRATEGIES PAGE*/
    .head-strategy object {
        height: 619px;
        width: 561px;
        top: 27px;
    }
    .result object {
        height: 471px;
        width: 586px;
        top: 82px;
    }
    /* SEO PAGE */
    .head-seo object {
        height: 663px;
        width: 663px;
        top: -10px;
    }
    .seo-audit object {
        height: 493px;
        width: 594px;
        top: 94px;
    }
    /* DEVELOPMENT PAGE*/
    .head-development object {
        height: 618px;
        width: 618px;
        top: -10px;
    }
    .design object {
        height: 670px;
        width: 616px;
        top: 56px;
    }
    /* SMM PAGE */
    .head-smm object {
        height: 666px;
        width: 666px;
        top: -5px;
    }
    .smm-reason object {
        height: 604px;
        width: 604px;
        top: 135px;
    }
    /* WEB ANALYTICS PAGE */
    .head-analytics object {
        height: 663px;
        width: 663px;
        top: 0;
    }
}

@media (max-width: 1359px) {
    /* WEB ANALYTICS PAGE */
    .analytics-servises {
        padding-left: 0;
        padding-right: 0;
    }
    .analytics-servises__title {
        padding-left: 24px;
        padding-right: 24px;
    }
}

@media (max-width: 1340px){
    .seo-options__item {
        padding: 32px 16px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
           -moz-box-orient: vertical;
           -moz-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
           -moz-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-justify-content: space-around;
            -ms-flex-pack: distribute;
                justify-content: space-around;
    }
    .seo-options__img {
        position: inherit;
        top: auto;
    }
    .seo-options__item:nth-child(1) img {
        max-height: 176px;
        left: auto;
    }
    .seo-options__item:nth-child(2) img {
        max-height: 176px;
        left: auto;
    }
    .seo-options__item:nth-child(3) img {
        max-height: 179px;
        left: auto;
    }
    .seo-options__item:nth-child(4) img {
        max-height: 187px;
        left: auto;
    }
}

@media (max-width: 1270px){
    /*footer*/
    .footer__inner {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
    }
    .footer__logo-container {
        margin-right: 64px;
        margin-bottom: 24px;
    }
    .footer__contact {
        margin-right: 0;
        width: -webkit-calc(100% - 246px);
        width: -moz-calc(100% - 246px);
        width: calc(100% - 246px);
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
           -moz-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
    }
    .footer__contact-item {
        padding-right: 16px;
    }
    .footer__contact-item:last-child {
        padding-bottom: 16px;
    }
    .footer__menu {
        width: -webkit-calc(100% - 376px);
        width: -moz-calc(100% - 376px);
        width: calc(100% - 376px);
    }
    .footer__menu-list:first-child {
        margin-right: 32px;
    }
}

@media (max-width: 1230px) {
    /* mobile header */
    .header__inner {
        display: none;
    }
    .main {
        padding-top: 120px;
    }
    .header-mobile__nav {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex; 
        -webkit-box-align: center; 
        -webkit-align-items: center; 
           -moz-box-align: center; 
            -ms-flex-align: center; 
                align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
           -moz-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        padding-top: 41px;
        padding-bottom: 41px;
    }
    .header-mobile__contact {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
           -moz-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    .header-mobile__contact-item {
        margin-right: 16px;
    }
    .header-mobile__contact-item:last-child {
        margin-right: 0;
    }
    .header-mobile__contact-item img {
        max-height: 24px;
    }
    .header-mobile__logo img {
        max-height: 38px;
    }
    .header-mobile__menu-icon {
        max-height: 34px;
        margin-left: 21px;
        z-index: 100;
    }
    .header__inner {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
           -moz-box-orient: vertical;
           -moz-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
        width: 100%;
        padding: 34px 25px 30px 35px;
        position: fixed;
        top: 0;
        right: -100%;
        background: url(../img/mobile-menu-bg.svg) no-repeat center left -270px/auto 1244px, #7063B7;
    }
    .header.mobile-menu__open .header__inner {
        z-index: 5;
        position: absolute;
    }
    .header-nav {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
           -moz-box-orient: vertical;
           -moz-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
           -moz-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
           -moz-box-align: start;
            -ms-flex-align: start;
                    -ms-grid-row-align: flex-start;
                align-items: flex-start;
        padding-bottom: 34px;
        position: relative;
    }
    .logo-desktop {
        display: none;
    }
    .logo-mobile {
        display: block;
        max-height: 38px;
    }
    .menu__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
           -moz-box-orient: vertical;
           -moz-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
           -moz-box-align: start;
            -ms-flex-align: start;
                    -ms-grid-row-align: flex-start;
                align-items: flex-start;
        padding-top: 32px;
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
            align-self: flex-end;
        
    }
    .menu__item {
        margin-left: 0;
        margin-bottom: 7px;
    }
    .menu__item:last-child {
        margin-bottom: 0;
    }
    .menu__link {
        color: #FFFFFF;
        font-weight: 500;
    }
    .header__app-btn {
        display: none;
    }
    .header__contact {
        padding-bottom: 45px;
    }
    .lang__container {
        left: 0;
        top: 5px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
           -moz-box-orient: horizontal;
           -moz-box-direction: reverse;
            -ms-flex-direction: row-reverse;
                flex-direction: row-reverse;
        width: 96px;
        height: 38px;
        -webkit-border-bottom-left-radius: 0;
           -moz-border-radius-bottomleft: 0;
                border-bottom-left-radius: 0;
        -webkit-border-bottom-right-radius: 0;
           -moz-border-radius-bottomright: 0;
                border-bottom-right-radius: 0;
        background: none;
        -webkit-box-shadow: none;
           -moz-box-shadow: none;
                box-shadow: none;
    }
    .lang__container:hover {
        height: 38px;
        top: 5px;
    }
    .lang__item {
        margin: 0 10px 0 0;
    }
    .header__contact-item {
        padding: 12px 0 12px 20px;
    }
    .contact-item__desktop {
        display: none;
    }
    .contact-item__mobile {
        display: block;
    }
    .header__contact-item span {
        display: none;
    }
    h1.main-page__title {
        font-size: 130px;
        line-height: 135px;
    }
    h1, .main-title {
        font-size: 80px;
        line-height: 100px;
    }
    h2, .title {
        font-size: 54px;
        line-height: 70px;
    }
    /* popups */
    .popup-form__content {
        width: 910px;
    }
    .popup-content {
        width: 910px;
    }
    /* HOME PAGE */
    .head-section {
        padding-bottom: 54px;
    }
    .head-section object {
        height: 420px;
        width: 420px;
        position: absolute;
        top: 24px;
        left: -webkit-calc(50% - 9px);
        left: -moz-calc(50% - 9px);
        left: calc(50% - 9px);
    }
    .head-section__info {
        max-width: 100%;
    }
    .main-page__title {
        padding-bottom: 72px;
    }
    .team__inner {
        padding-top: 54px;
    }
    .planning {
        padding-bottom: 39px;
    }
    .planning object {
        height: 422px;
        width: 379px;
        top: -94px;
    }
    .quality {
        padding-top: 39px;
        padding-bottom: 72px;
    }
    .quality object {
        height: 381px;
        width: 381px;
        top: 67px;
    }
    /*PERFOMANCE STRATEGIES PAGE*/
    .head-strategy {
        padding-top: 75px;
        padding-bottom: 115px;
    }
    .head-strategy object {
        height: 433px;
        width: 393px;
        top: 111px;
    }
    .head-strategy .app-btn {
        bottom: 50px;
    }
    .servises {
        padding-bottom: 24px;
    }
    .servises-title {
        padding-bottom: 58px;
    }
    .result {
        padding-top: 24px;
    }
    .result-title {
        padding-top: 32px;
    }
    .result object {
        height: 283px;
        width: 352px;
        top: 259px;
    }
    /* SEO PAGE */
    .head-seo {
        padding-top: 75px;
    }
    .head-seo__info {
        padding-bottom: 131px;
    }
    .head-seo object {
        height: 464px;
        width: 464px;
        top: 40px;
    }
    .head-seo .app-btn {
        bottom: 67px;
      }
    .seo-options {
        padding-bottom: 32px;
    }
    .seo-audit {
        padding-top: 32px;
        padding-bottom: 32px;
    }
    .seo-audit__info {
        padding-top: 27px;
    }
    .seo-audit object {
        height: 345px;
        width: 416px;
        top: 131px;
    }
    .seo-audit__info {
        padding-bottom: 113px;
    }
    .seo-adv {
        padding-top: 32px;
    }
    /* DEVELOPMENT PAGE*/
    .head-development {
        padding-top: 75px;
    }
    .head-development__info {
        padding-bottom: 147px;
    }
    .head-development object {
        height: 433px;
        width: 433px;
        top: 142px;
    }
    .head-development .app-btn {
        bottom: 121px;
    }
    .design {
        padding-bottom: 32px;
    }
    .design__info {
        padding-top: 53px;
        padding-bottom: 28px;
    }
    .design object {
        height: 469px;
        width: 431px;
        top: 0;
    }
    .web-development {
        padding-top: 32px;
    }
    /* SMM PAGE */
    .head-smm {
        padding-top: 75px;
    }
    .head-smm__info {
        padding-bottom: 114px;
    }
    .head-smm object {
        height: 466px;
        width: 466px;
        top: 44px;
    }
    .head-smm .app-btn {
        bottom: 67px;
    }
    .smm-reason__info {
        padding-top: 0;
    }
    .smm-reason {
        padding-bottom: 82px;
    }
    .smm-reason object {
        height: 423px;
        width: 432px;
        top: 406px;
    }
    /* WEB ANALYTICS PAGE */
    .head-analytics {
        padding-top: 75px;
    }
    .head-analytics__info {
        padding-bottom: 152px;
    }
    .head-analytics object {
        height: 464px;
        width: 464px;
        top: 92px;
    }
    .head-analytics .app-btn {
        bottom: 140px;
    }
    /* ABOUT US PAGE */
    .call-back__btn {
        position: inherit;
        top: auto;
        right: auto;
        margin-top: 24px;
    }
}


@media (max-width: 1199px) {
    /* SEO PAGE */
    .seo-options {
        padding-left: 0;
        padding-right: 0; 
    }
    .seo-options-title {
        padding-left: 24px;
        padding-right: 24px;
    }
    /* DEVELOPENT PAGE */
    .mob-development {
        padding-left: 0;
        padding-right: 0;
    }
    .mob-development__title {
        padding-left: 24px;
        padding-right: 24px;
    }
    .mob-development__subtitle{
        padding-left: 24px;
        padding-right: 24px; 
    }
    .web-development {
        padding-left: 0;
        padding-right: 0;
    }
    .web-development__title {
        padding-left: 24px;
        padding-right: 24px;
    }
    .web-development__text {
        padding-left: 24px;
        padding-right: 24px; 
    }
}

@media (max-width: 980px){
    h2, .title {
        font-size: 42px;
        line-height: 50px;
    }
    .privacy__info h2 {
        font-size: 40px;
        line-height: 50px;
    }
    /* popups */
    .popup-form__content {
        width: 90%;
    }
    .popup-form__wrap {
        background: url(../img/popup-form-img.svg) no-repeat center right 0/auto 450px;
    }
    .popup-content {
        width: 90%;
    }
    .popup-success .popup-content__wrap {
        background: url(../img/popup-success-img.svg) no-repeat bottom 0 right 30px/auto 268px;
    }
    .popup-error .popup-content__wrap {
        background: url(../img/popup-error-img.svg) no-repeat bottom 0 right -35px/auto 268px;
    }
     /* HOME PAGE */
    .head-section {
        padding-bottom: 27px;
    }
    .head-section object {
        left: -webkit-calc(50% - 38px);
        left: -moz-calc(50% - 38px);
        left: calc(50% - 38px);
    }
    h1.main-page__title {
        font-size: 60px;
        line-height: 70px;
    }
    .head-section__info {
        max-width: 50%;
        -webkit-align-self: flex-start;
            -ms-flex-item-align: start;
                align-self: flex-start;
    }
    .team__inner {
        padding-top: 27px;
    }
    .team-title {
        padding-bottom: 44px;
    }
    .planning {
        padding-top: 27px;
        padding-bottom: 27px;
    }
    .planning-title {
        text-align: center;
    }
    .planning__inner {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
           -moz-box-orient: vertical;
           -moz-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
           -moz-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    .planning object {
        position: inherit;
        top: auto;
    }
    .planning__list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        min-width: 100%;
    }
    .planning .swiper-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
    }
    .planning__item {
        width: 125px;
        height: 173px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
           -moz-box-orient: vertical;
           -moz-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
           -moz-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        background: rgba(112, 99, 183, 0.2);
        -webkit-border-radius: 8px;
           -moz-border-radius: 8px;
                border-radius: 8px;
    }
    .planning__item {
        margin-right: 8px;
        margin-bottom: 0;
    }
    .planning__item:last-child {
        margin-right: 0;
    }
    .planning-1, 
    .planning-2,
    .planning-3,
    .planning-4,
    .planning-5,
    .planning-6 {
        min-width: auto;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        background: transparent;
    }
    .planning__list.animation .planning-1, 
    .planning__list.animation .planning-2,
    .planning__list.animation .planning-3,
    .planning__list.animation .planning-4,
    .planning__list.animation .planning-5,
    .planning__list.animation .planning-6 {
        -webkit-animation: none;
           -moz-animation: none;
             -o-animation: none;
                animation: none;
    }
    .planning__amount-img {
        display: block;
        max-height: 69px;
    }
    .planning__amount {
        display: none;
    }
    .planning__name {
        font-size: 14px;
        line-height: 21px;
        color: #000000;
        font-weight: 500;
        text-align: center;
        padding: 15px 22px 0;
    }
    .quality {
        padding-top: 27px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
           -moz-box-orient: vertical;
           -moz-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
           -moz-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
           -moz-box-align: center;
            -ms-flex-align: center;
                    -ms-grid-row-align: center;
                align-items: center;
    }
    .quality object {
        position: inherit;
        top: auto;
    }
    .quality__list {
        min-width: 100%;
    }
    .quality__item {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
           -moz-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .quality__item span {
        font-size: 27px;
        line-height: 35px;
    }
    /*PERFOMANCE STRATEGIES PAGE*/
    .head-strategy {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
           -moz-box-orient: vertical;
           -moz-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
        -webkit-box-align: center;
        -webkit-align-items: center;
           -moz-box-align: center;
            -ms-flex-align: center;
                    -ms-grid-row-align: center;
                align-items: center;
        padding-bottom: 65px;
    }
    .head-strategy object {
        position: inherit;
        top: auto;
    }
    .head-strategy__info {
        max-width: 100%;
        text-align: center;
    }
    .strategy-title {
        text-align: center;
    }
    .head-strategy__text {
        text-align: center;
        max-width: 100%;
        margin-left: 0;
    }
    .head-strategy .app-btn {
        bottom: 20px;
    }
    .servises__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
           -moz-box-orient: vertical;
           -moz-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .servises__item {
        width: 100%;
        margin-right: 0;
    }
    .servises__item-title {
        text-align: center;
    }
    .servises__item-text {
        text-align: center;
    }
    .result {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
           -moz-box-orient: vertical;
           -moz-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
           -moz-box-align: center;
            -ms-flex-align: center;
                    -ms-grid-row-align: center;
                align-items: center;
        padding-bottom: 32px;
    }
    .result object {
        top: auto;
        position: inherit;
        width: 375px;
        height: 302px;
    }
    .result__info {
        max-width: 100%;
    }
    .result-title {
        text-align: center;
    }
    .result-text {
        padding-bottom: 27px;
        text-align: center;
    }
    .strategy-adv {
        padding-top: 32px;
        padding-bottom: 72px;
    }
    .strategy-adv__list {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
    }
    .strategy-adv__item {
        width: -webkit-calc(50% - 24px);
        width: -moz-calc(50% - 24px);
        width: calc(50% - 24px);
        margin-right: 48px;
    }
    .strategy-adv__item:nth-child(2) {
        margin-right: 0;
    }
    /* SEO PAGE */
    .head-seo {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
           -moz-box-orient: vertical;
           -moz-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
           -moz-box-align: center;
            -ms-flex-align: center;
                    -ms-grid-row-align: center;
                align-items: center;
        padding-bottom: 95px;
    }
    .head-seo object {
        position: inherit;
        top: auto;
    }
    .head-seo__info {
        max-width: 100%;
        text-align: center;
        padding-bottom: 32px;
    }
    .seo-title {
        text-align: center;
    }
    .head-seo__text {
        text-align: center;
        max-width: 100%;
        margin-left: 0;
    }
    .head-seo .app-btn {
        bottom: 58px;
    }
    .seo-audit {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
           -moz-box-orient: vertical;
           -moz-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
        -webkit-box-align: center;
        -webkit-align-items: center;
           -moz-box-align: center;
            -ms-flex-align: center;
                    -ms-grid-row-align: center;
                align-items: center;
    }
    .seo-audit object {
        position: inherit;
        top: auto;
    }
    .seo-audit__info {
        max-width: 100%;
        padding-bottom: 52px;
    }
    .seo-audit__title {
        text-align: center;
    }
    .seo-audit__text {
        text-align: center;
    }
    .seo-adv__item {
        width: -webkit-calc(50% - 24px);
        width: -moz-calc(50% - 24px);
        width: calc(50% - 24px);
    }
    .seo-adv__item:nth-child(3) {
        margin-right: 48px;
    }
    .seo-adv__item:nth-child(2),
    .seo-adv__item:nth-child(4) {
        margin-right: 0;
    }
    /* DEVELOPMENT PAGE*/
    .head-development {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
           -moz-box-orient: vertical;
           -moz-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
           -moz-box-align: center;
            -ms-flex-align: center;
                    -ms-grid-row-align: center;
                align-items: center;
        padding-bottom: 72px;
    }
    .head-development object {
        position: inherit;
        top: auto;
    }
    .head-development__info {
        max-width: 100%;
        text-align: center;
        padding-bottom: 32px;
    }
    .development-title {
        text-align: center;
    }
    .head-development__text {
        text-align: center;
        max-width: 100%;
        margin-left: 0;
    }
    .head-development .app-btn {
        bottom: 69px;
    }
    .design-obj-desktop {
        display: none;
    }
    .design-obj-mobile {
        display: block;
    }
    .design {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
           -moz-box-orient: vertical;
           -moz-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
        -webkit-box-align: center;
        -webkit-align-items: center;
           -moz-box-align: center;
            -ms-flex-align: center;
                    -ms-grid-row-align: center;
                align-items: center;
    }
    .design object {
        top: auto;
        position: inherit;
        height: 302px;
        width: 375px;
    }
    .design__info {
        max-width: 100%;
    }
    .design__title {
        text-align: center;
    }
    .design-subtitle {
        text-align: center;
    }
    .design__text {
        text-align: center;
    }
    .web-development__title {
        text-align: center;
    }
    .web-development__text {
        text-align: center;
    }
    /* SMM PAGE */
    .head-smm {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
           -moz-box-orient: vertical;
           -moz-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
           -moz-box-align: center;
            -ms-flex-align: center;
                    -ms-grid-row-align: center;
                align-items: center;
        padding-bottom: 72px;
    }
    .head-smm object {
        position: inherit;
        top: auto;
    }
    .head-smm__info {
        max-width: 100%;
        text-align: center;
        padding-bottom: 32px;
    }
    .smm-title {
        text-align: center;
    }
    .head-smm__text {
        text-align: center;
        max-width: 100%;
        margin-left: 0;
    }
    .head-smm .app-btn {
        bottom: 42px;
    }
    .smm-servises__item {
        width: -webkit-calc(50% - 24px);
        width: -moz-calc(50% - 24px);
        width: calc(50% - 24px);
    }
    .smm-servises__item:nth-child(2),
    .smm-servises__item:nth-child(4) {
        margin-right: 0;
    }
    .smm-servises__item:nth-child(3) {
        margin-right: 48px;
    }
    .smm-strategy__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
           -moz-box-orient: vertical;
           -moz-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
           -moz-box-align: center;
            -ms-flex-align: center;
                    -ms-grid-row-align: center;
                align-items: center;
    }
    .smm-strategy__item {
        width: 50%;
        margin-right: 0;
        margin-bottom: 36px;
        background: rgba(112, 99, 183, 0.2);
        -webkit-border-radius: 8px;
           -moz-border-radius: 8px;
                border-radius: 8px;
    }
    .smm-strategy__item:after {
        left: -webkit-calc(50% - 12px);
        left: -moz-calc(50% - 12px);
        left: calc(50% - 12px);
        right: auto;
        bottom: -30px;
        top: auto;
        background: url(../img/strategy-arrow-mobile.svg) no-repeat center;
        width: 25px;
        height: 25px;
    }
    .smm-strategy {
        padding-bottom: 32px;
    }
    .smm-adv {
        padding-top: 32px;
    }
    .smm-adv__item {
        width: -webkit-calc(50% - 24px);
        width: -moz-calc(50% - 24px);
        width: calc(50% - 24px);
    }
    .smm-adv__item:nth-child(2),
    .smm-adv__item:nth-child(4) {
        margin-right: 0;
    }
    .smm-adv__item:nth-child(3) {
        margin-right: 48px;
    }
    .smm-reason {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
           -moz-box-orient: vertical;
           -moz-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
           -moz-box-align: center;
            -ms-flex-align: center;
                    -ms-grid-row-align: center;
                align-items: center;
    }
    .smm-reason__info {
        max-width: 100%;
    }
    .smm-reason__title {
        text-align: center;
    }
    .smm-reason object {
        position: inherit;
        top: auto;
    }
    .smm-reason__text {
        text-align: center;
    }
    /* ABOUT US PAGE */
    .about-us__title {
        text-align: center;
    }
    .about-us__info p {
        text-align: center;
    }
    .call-back {
        text-align: center;
     }
    .call-back__title {
        text-align: center;
    }
    .call-back__text {
        text-align: center;
    }
    /* WEB ANALYTICS PAGE */
    .head-analytics {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
           -moz-box-orient: vertical;
           -moz-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
           -moz-box-align: center;
            -ms-flex-align: center;
                    -ms-grid-row-align: center;
                align-items: center;
        padding-bottom: 95px;
    }
    .head-analytics object {
        position: inherit;
        top: auto;
    }
    .head-analytics__info {
        max-width: 100%;
        text-align: center;
        padding-bottom: 32px;
    }
    .analytics-title {
        text-align: center;
    }
    .head-analytics__text {
        text-align: center;
        max-width: 100%;
        margin-left: 0;
    }
    .head-analytics .app-btn {
        bottom: 75px;
    }
    .analytics-descr {
        padding-top: 32px;
        padding-bottom: 32px;
    }
    .analytics-servises {
        padding-top: 32px;
        padding-bottom: 72px;
    }
    /*Privacy Policy Popup*/
    .window {
        height: 580px !important;
    }
}


@media (max-width: 850px){
    /* footer */
    .footer {
        background: url(../img/footer-bg-mobile.svg) no-repeat center left -300px/auto 1244px, #7063B7;
    }
    .footer__container {
        padding: 30px 25px 30px 35px;
    }
    .footer__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
           -moz-box-orient: vertical;
           -moz-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        position: relative;
        padding-top: 0;
    }
    .footer__logo-container {
        margin: 30px 0;
    }
    .footer__logo img {
        margin-bottom: 0;
    }
    .footer__logo-info {
        display: none;
    }
    .footer__app-container {
        display: none;
    }
    .footer__menu {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
           -moz-box-orient: vertical;
           -moz-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        width: 100%;
        margin-right: 0;
    }
    .footer__menu-list:first-child {
        margin-bottom: 7px;
    }
    .footer .lang__container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        position: inherit;
        margin-top: 40px;
    }
    .footer__contact {
        position: absolute;
        right: 0;
        bottom: -10px;
        margin-top: 0;
        width: auto;
    }
    .footer__contact-item {
        padding: 0;
    }
    .footer__contact-item:last-child {
        padding-bottom: 0;
    }
    .footer__contact-item span {
        display: none;
    }
    .footer__contact-item img {
        max-height: 24px;
        margin: 12px 0 12px 20px;
    }
    /* HOME PAGE */
    .planning .swiper {
        width: 100%;
    }
}

@media (max-width: 849px) {
    /* HOME PAGE */
    .planning {
        padding-left: 0;
        padding-right: 0; 
    }
    .planning-title {
        padding-left: 24px;
        padding-right: 24px; 
    }
}

@media (max-width: 820px){
    /* popups */
    .popup-form__wrap {
        background: transparent;
    }
    .popup-success .popup-content__wrap {
        background: transparent;
    }
    .popup-error .popup-content__wrap {
        background: transparent;
    }
}

@media (max-width: 670px){
    h1, .main-title {
        font-size: 55px;
        line-height: 70px;
    }
    /* HOME PAGE */
    h1.main-page__title {
        max-width: 100%;
        text-align: center;
    }
    .head-section__text {
        text-align: center;
    }
    .head-section {
        -webkit-box-align: center;
        -webkit-align-items: center;
           -moz-box-align: center;
            -ms-flex-align: center;
                    -ms-grid-row-align: center;
                align-items: center;
        background: transparent;
        position: relative;
    }
    .head-section__info {
        max-width: 100%;
        -webkit-align-self: center;
            -ms-flex-item-align: center;
                align-self: center;
    }
    .head-section object {
        height: 594px;
        width: 594px;
        position: inherit;
        top: auto;
        left: auto;
    }
    .head-section .app-btn {
        display: block;
        width: 257px;
        position: absolute;
        bottom: 20px;
    }
    .team__item {
        width: 100%;
    }
    .team__item:nth-child(2n+1) {
        margin-right: 0;
    }
    .team__item-title {
        text-align: center;
    }
    .team__item-info {
        text-align: center;
    }
    .quality__item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
           -moz-box-orient: vertical;
           -moz-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .quality__item img {
        margin-right: 0;
        margin-bottom: 10px;
    }
    .quality__item span {
        text-align: center;
    }
    /*PERFOMANCE STRATEGIES PAGE*/
    .strategy-adv__item {
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px;
    }
    .strategy-adv__img {
        margin: 0 auto 16px auto;
    }
    .strategy-adv__item-title {
        text-align: center;
    }
    .strategy-adv__text {
        text-align: center;
    }
    /* SEO PAGE */
    .seo-adv__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
           -moz-box-orient: vertical;
           -moz-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .seo-adv__item {
        margin-right: 0;
        width: 100%;
    }
    .seo-adv__img {
        max-height: 56px;
        margin: 0 auto 16px auto;
    }
    .seo-adv__item-title {
        text-align: center;
    }
    .seo-adv__text {
        text-align: center;
    }
    .seo-options__item:nth-child(1) img,
    .seo-options__item:nth-child(2) img,
    .seo-options__item:nth-child(3) img,
    .seo-options__item:nth-child(4) img {
        max-height: 69px;
    }
    .seo-options__item {
        padding: 20px 16px;
        -webkit-border-radius: 8px;
           -moz-border-radius: 8px;
                border-radius: 8px;
    }
    .seo-options__item-title {
        font-size: 14px;
        line-height: 24px;
        padding-bottom: 10px;
        font-weight: 500;
        color: #000000;
    }
    .seo-options__text {
        font-size: 12px;
        line-height: 18px;
    }
    /* SMM PAGE */
    .smm-servises__item {
        width: 100%;
        margin-right: 0;
    }
    .smm-servises__item-title {
        text-align: center;
    }
    .smm-servises__item-text {
        text-align: center;
    }
    .smm-servises__item:nth-child(3) {
        margin-right: 0;
    }
    .smm-strategy__item {
        width: 70%;
    }
    .smm-adv__item {
        width: 100%;
        margin-right: 0;
    }
    .smm-adv__item:nth-child(3) {
        margin-right: 0;
    }
    .smm-adv__img {
        margin: 0 auto 16px auto;
    }
    .smm-adv__item-title {
        text-align: center;
    }
    .smm-adv__text {
        text-align: center;
    }
}

@media (max-width: 540px){
    /* popups */
    .popup-form__content {
        -webkit-border-radius: 16px;
           -moz-border-radius: 16px;
                border-radius: 16px;
        background: url(../img/popup-form-bg-mobile.svg) no-repeat center right 0/auto 378px, #7063B7;
    }
    .popup-form__wrap {
        padding: 24px;
    }
    .popup-form__inner {
        max-width: 100%;
    }
    .popup-form__title {
        text-align: center;
        font-size: 19px;
        line-height: 24px;
    }
    .popup-form__subtitle {
        font-size: 14px;
        line-height: 20px;
        padding-top: 8px;
        padding-bottom: 8px;
        text-align: center;
    }
    .form-item.name-item, .form-item.phone-item {
        margin: 8px 0 16px 0;
        width: 100%;
        border: 1px solid #FAB000;
        -webkit-border-radius: 8px;
           -moz-border-radius: 8px;
                border-radius: 8px;
    }
    .form-item.phone-item {
        margin: 8px 0 24px 0;
    }
    input {
        width: 100%;
        -webkit-border-radius: 8px;
           -moz-border-radius: 8px;
                border-radius: 8px;
        background: transparent;
        font-size: 16px;
        line-height: 21px;
    }
    .form-item label {
        font-size: 16px;
        line-height: 21px;
    }
    .form-item input:focus + label {
        top: 1px;
      }
    input.filled-input + label {
        top: 1px;
    }
    .form-input.filled-input + label {
        top: 1px;
    }
    .popup-form__cancel-btn {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -moz-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        font-family: 'Euclid Circular A';
        font-weight: 500;
        font-size: 14px;
        line-height: 24px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
           -moz-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        color: #FFFFFF;
        width: 40%;
        padding: 9px;
        background: rgba(0, 0, 0, 0.2);
        -webkit-border-radius: 8px;
           -moz-border-radius: 8px;
                border-radius: 8px;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        margin-right: 8px;
        margin-bottom: 16px;
    }
    .submit-btn {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -moz-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
           -moz-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        width: -webkit-calc(60% - 14px);
        width: -moz-calc(60% - 14px);
        width: calc(60% - 14px);
        font-weight: 500;
        font-size: 14px;
        line-height: 24px;
        padding: 9px;
        -webkit-border-radius: 8px;
           -moz-border-radius: 8px;
                border-radius: 8px;
        margin-bottom: 16px;
    }
    .popup-form__close-btn {
        display: none;
    }
    .popup-form__links {
        font-size: 12px;
        line-height: 16px;
        text-align: center;
    }
    .popup-content {
        -webkit-border-radius: 16px;
           -moz-border-radius: 16px;
                border-radius: 16px;
    }
    .popup-success .popup-content {
        background: url(../img/popup-bg-mobile.svg) no-repeat right 0 bottom 0/auto 166px, #7063B7;
    }
    .popup-error .popup-content {
        background: url(../img/popup-bg-mobile.svg) no-repeat right 0 bottom 0/auto 166px, #EC739F;
    }
    .popup-content__wrap {
        padding: 24px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
           -moz-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .popup-content__inner {
        max-width: 100%;
        width: 100%;
    }
    .popup-title {
        font-size: 19px;
        line-height: 24px;
        text-align: center;
        padding-bottom: 0;
    }
    .popup-text {
        font-size: 14px;
        line-height: 20px;
        font-weight: 300;
        text-align: center;
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .popup__close-btn {
        margin-top: 16px;
        width: 100%;
        font-size: 14px;
        line-height: 24px;
        padding: 9px;
        -webkit-border-radius: 8px;
           -moz-border-radius: 8px;
                border-radius: 8px;
    }
    .popup-error .popup__close-btn {
        min-width: 114px;
    }
    .popup__error-btn {
        margin-top: 16px;
        min-width: -webkit-calc(100% - 122px);
        min-width: -moz-calc(100% - 122px);
        min-width: calc(100% - 122px);
        font-size: 14px;
        line-height: 24px;
        padding: 9px;
        -webkit-border-radius: 8px;
           -moz-border-radius: 8px;
                border-radius: 8px;
        margin-left: 8px;
    }
}   

@media (max-width: 480px){
    body.stop-scroll {
        overflow-y: hidden;
    }
    .menu-icon-wrapper svg {
        left: -33px;
    }
    .header-mobile__menu-icon {
        margin-left: 30px;
    }
    .header {
        position: fixed;
        background: transparent;
        z-index: 10;
    }
    .header.sticky {
        -webkit-backdrop-filter: blur(200px);
        backdrop-filter: blur(200px);
    }
    .header__inner {
        height: 100vh;
        justify-content: space-between;
        position: fixed;
    }
    .header-mobile__nav {
        padding-top: 23px;
        padding-bottom: 23px;
    }
    .header-mobile__logo img {
        max-height: 32px;
    }
    .menu-icon-wrapper svg path {
        stroke-width: 34px;
    }
    .head-section object {
        width: 100vw;
        height: 100vw;
    }
    .planning object {
        width: 100%;
        height: auto;
    }
    .quality object {
        width: 100vw;
        height: 100vw;
    }
    .head-strategy object {
        width: 100%;
        height: auto;
    }
    .result object {
        width: 100%;
        height: auto;
    }
    .head-seo object {
        width: 100%;
        height: auto;
    }
    .seo-audit object {
        width: 100%;
        height: auto;
    }
    .head-development object {
        width: 100%;
        height: auto;
    }
    .design object {
        width: 100%;
        height: auto;
    }
    .head-smm object {
        width: 100%;
        height: auto;
    }
    .smm-reason object {
        width: 100%;
        height: auto;
    }
    .head-analytics object {
        width: 100%;
        height: auto;
    }
}


@media (max-width: 414px){
    body {
        background:   url(../img/body-bg-top.svg) no-repeat top -250px center/auto 1040px,
        url(../img/body-bg-bottom.svg) no-repeat top 250px center/auto 1040px, 
        url(../img/body-bg-top.svg) no-repeat top 750px center/auto 1040px,
        url(../img/body-bg-bottom.svg) no-repeat top 1250px center/auto 1040px,
        url(../img/body-bg-top.svg) no-repeat top 1750px center/auto 1040px,
        url(../img/body-bg-bottom.svg) no-repeat top 2250px center/auto 1040px, 
        url(../img/body-bg-top.svg) no-repeat top 2750px center/auto 1040px,
        url(../img/body-bg-bottom.svg) no-repeat top 3250px center/auto 1040px,
        url(../img/body-bg-top.svg) no-repeat 3750px center/auto 1040px,
        url(../img/body-bg-bottom.svg) no-repeat top 4250px center/auto 1040px, 
        url(../img/body-bg-top.svg) no-repeat top 4750px center/auto 1040px,
        url(../img/body-bg-bottom.svg) no-repeat top 5250px center/auto 1040px, #FFFFFF;
    }
    .app-btn {
        width: 259px;
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
        padding: 16px 20px;
    }
    h1, .main-title {
        font-size: 40px;
        line-height: 48px;
    }
    h2, .title {
        font-size: 32px;
        line-height: 48px;
    }
    /* HOME PAGE */
    .head-section {
        padding: 0 0 29px 0;
    }
    h1.main-page__title {
        font-size: 40px;
        line-height: 48px;
        padding: 0 24px 20px 24px;
    }
    .head-section__info {
        padding: 0 24px 20px 24px;
    }
    .head-section__text {
        font-size: 16px;
        line-height: 24px;
    }
    .head-section .app-btn {
        bottom: 0;
        width: 259px;
    }
    .team__inner {
        padding-top: 50px;
        padding-bottom: 30px;
    }
    .team-title {
        padding-bottom: 20px;
    }
    .team__item {
        margin-bottom: 20px;
    }
    .team__item:last-child {
        margin-bottom: 0;
    }
    .team__item-title {
        font-weight: 500;
        font-size: 18px;
        line-height: 40px;
    }
    .planning {
        padding: 0 0 60px 0;
    }
    .planning-title {
        padding: 0 24px 16px 24px;
    }
    .planning .swiper {
        padding: 14px 0 0 0;
    }
    .quality {
        padding: 0 0 30px 0;
    }
    .quality__list {
        padding: 30px 28px 0 28px;
    }
    .quality__item {
        padding-bottom: 30px;
    }
    .quality__item img {
        margin-bottom: 5px;
        max-height: 36px;
    }
    .quality__item span {
        font-size: 21px;
        line-height: 24px;
        font-weight: normal;
    }
    /*PERFOMANCE STRATEGIES PAGE*/
    .head-strategy {
        padding: 0 0 29px 0;
    }
    .strategy-title {
        padding: 0 24px 20px 24px;
    }
    .head-strategy__text {
        font-size: 16px;
        line-height: 24px;
        padding: 0 24px 20px 24px;
    }
    .head-strategy .app-btn {
        bottom: 0;
    }
    .servises {
        padding-top: 50px;
        padding-bottom: 0;
    }
    .servises-title {
        padding-bottom: 20px;
    }
    .servises__item-title {
        font-weight: 500;
        font-size: 18px;
        line-height: 40px;
    }
    .servises__item:nth-child(3) .servises__item-title {
        line-height: 22px;
    }
    .servises__item-text {
        padding-bottom: 30px;
    }
    .result {
        padding: 0;
    }
    .result__info {
        padding: 0 24px;
    }
    .result-title {
        padding: 0 0 20px 0;
    }
    .result-text {
        font-size: 16px;
        line-height: 24px;
        padding-bottom: 0;
    }
    .strategy-adv {
        padding-top: 30px;
        padding-bottom: 60px;
    }
    .strategy-adv__title {
        padding-bottom: 20px;
    }
    .strategy-adv__list {
        padding: 15px 0;
    }
    .strategy-adv__item:last-child {
        margin-bottom: 0;
    }
    .strategy-adv__img {
        max-height: 36px;
        margin-bottom: 8px;
    }
    .strategy-adv__item-title {
        font-weight: 500;
        font-size: 18px;
        line-height: 40px;
    }
    .strategy-adv__text {
        padding-bottom: 0;
    }
    /* SEO PAGE */
    .head-seo {
        padding: 0 0 33px 0;
    }
    .head-seo__info {
        padding: 0 24px 32px 24px;
    }
    .seo-title {
        padding-bottom: 20px;
    }
    .head-seo__text {
        font-size: 16px;
        line-height: 24px;
        padding-bottom: 0;
    }
    .head-seo .app-btn {
        bottom: 0;
    }
    .seo-options {
        padding: 50px 0 30px 0;
    }
    .seo-options-title {
        font-size: 32px;
        line-height: 34px;
        padding: 0 24px 30px 24px;
    }
    .seo-options .swiper {
        padding: 0;
    }
    .seo-options__item .swiper-slide {
        height: 219px;
    }
    .seo-audit {
        padding: 30px 0 0 0;
    }
    .seo-audit__info {
        padding: 0 24px;
    }
    .seo-audit__title {
        padding-bottom: 20px;
    }
    .seo-audit__text {
        font-size: 16px;
        line-height: 24px;
    }
    .seo-adv {
        padding-top: 30px;
        padding-bottom: 60px;
    }
    .seo-adv-title {
        padding-bottom: 20px;
    }
    .seo-adv__list {
        padding: 21px 0;
    }
    .seo-adv__img {
        max-height: 36px;
        margin-bottom: 8px;
    }
    .seo-adv__item {
        margin-bottom: 30px;
    }
    .seo-adv__item:last-child {
        margin-bottom: 0;
    }
    .seo-adv__item-title {
        font-weight: 500;
        font-size: 18px;
        line-height: 40px;
        padding-bottom: 8px;
    }
    /* DEVELOPMENT PAGE*/
    .head-development {
        padding: 0;
    }
    .head-development__info {
        padding: 0 24px 20px 24px;
    }
    .development-title {
        padding-bottom: 20px;
    }
    .head-development__text {
        font-size: 16px;
        line-height: 24px;
        padding-bottom: 0;
    }
    .head-development .app-btn {
        bottom: 0;
    }
    .mob-development {
        padding: 68px 0 0 0;
    }
    .mob-development__title {
        padding: 0 24px 20px 24px; 
        line-height: 34px;
    }
    .mob-development__subtitle {
        padding: 0 24px 30px 24px;
        font-size: 16px;
        line-height: 24px;
    }
    .mob-development .swiper {
        padding: 0;
    }
    .mob-development__item {
        -webkit-border-radius: 8px;
           -moz-border-radius: 8px;
                border-radius: 8px;
        padding: 20px 15px 30px 20px;
    }
    .mob-development__item-title {
        font-weight: 500;
        font-size: 14px;
        line-height: 24px;
        padding-bottom: 10px;
        color: #000000;
    }
    .mob-development__text {
        font-size: 12px;
        line-height: 18px;
    }
    .design {
        padding: 30px 0 0 0;
    }
    .design__info {
        padding: 0 24px;
    }
    .design__title {
        padding-bottom: 20px;
    }
    .design__text {
        font-size: 16px;
        line-height: 24px;
        padding-bottom: 0;
    }
    .design-subtitle {
        font-weight: 500;
        font-size: 18px;
        line-height: 27px;
        padding-bottom: 8px;
        padding-top: 20px;
    }
    .web-development {
        padding: 30px 0 60px 0;
    }
    .web-development__title {
        padding: 0 24px 20px 24px;
        line-height: 34px;
    }
    .web-development__text {
        padding: 0 24px;
        font-size: 16px;
        line-height: 24px;
    }
    .web-development__container {
        margin-top: 30px;
    }
    .web-development .swiper {
        padding: 0;
    }
    .web-development__item {
        -webkit-border-radius: 8px;
           -moz-border-radius: 8px;
                border-radius: 8px;
        padding: 20px 15px 30px 20px;
    }
    .web-development__item-title {
        font-weight: 500;
        font-size: 14px;
        line-height: 24px;
        padding-bottom: 10px;
        color: #000000;
    }
    .web-development__item-text {
        font-size: 12px;
        line-height: 18px;
    }
    /* SMM PAGE */
    .head-smm {
        padding: 0 0 28px 0;
    }
    .head-smm__info {
        padding: 0 24px 0 24px;
    }
    .smm-title {
        padding-bottom: 20px;
    }
    .head-smm__text {
        font-size: 16px;
        line-height: 24px;
        padding-bottom: 20px;
    }
    .head-smm .app-btn {
        bottom: 0;
    }
    .smm-servises {
        padding-top: 50px;
        padding-bottom: 30px;
    }
    .smm-servises__title {
        padding-bottom: 20px;
    }
    .smm-servises__item {
        margin-bottom: 30px;
    }
    .smm-servises__item:last-child {
        margin-bottom: 0;
    }
    .smm-servises__item:nth-child(3) .smm-servises__item-title {
        line-height: 22px;
    }
    .smm-servises__item-title {
        font-weight: 500;
        font-size: 18px;
        line-height: 40px;
    }
    .smm-strategy {
        padding-top: 0;
        padding-bottom: 8px;
    }
    .smm-strategy__title {
        padding: 0 28px 20px 28px;
    }
    .smm-strategy__subtitle {
        font-size: 16px;
        line-height: 24px;
        padding-bottom: 30px;
    }
    .smm-strategy__item {
        width: 100%;
        padding: 24px;
        margin-bottom: 35px;
    }
    .smm-strategy__item:last-child {
        margin-bottom: 0;
    }
    .smm-strategy__text {
        font-size: 14px;
        line-height: 24px;
        color: #000000;
    }
    .smm-adv {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .smm-adv-title {
        padding-bottom: 20px;
    }
    .smm-adv__item {
        margin-bottom: 30px;
    }
    .smm-adv__item:last-child {
        margin-bottom: 0;
    }
    .smm-adv__img {
        margin: 0 auto 8px auto;
        max-height: 36px;
    }
    .smm-adv__item-title {
        font-weight: 500;
        font-size: 18px;
        line-height: 40px;
    }
    .smm-reason {
        padding: 30px 0 60px 0;
    }
    .smm-reason__info {
        padding: 0 24px 20px 24px;
    }
    .smm-reason__title {
        padding-bottom: 20px;
    }
    .smm-reason__text {
        font-size: 16px;
        line-height: 24px;
    }
    .smm-reason__list {
        padding: 20px 0 20px 20px;
    }
    .smm-reason__item {
        font-size: 16px;
        line-height: 24px;
    }
    .smm-reason__item:before {
        width: 4px;
        height: 4px;
        left: -18px;
        top: 9px;       
    }
    .smm-reason__obj-desktop {
        display: none;
    }
    .smm-reason__obj-mobile {
        display: block;
    }
    /* ABOUT US PAGE */
    .about-us {
        padding-top: 0;
        padding-bottom: 60px;
    }
    .about-us__title {
        padding-bottom: 20px;
    }
    .about-us__info p {
        font-size: 16px;
        line-height: 24px;
        padding-bottom: 30px;
        font-weight: 300;
    }
    .call-back {
        margin-top: 30px;
        padding: 30px 15px;
    }
    .call-back__title {
        font-weight: bold;
        font-size: 26px;
        line-height: 32px;
    }
    .call-back__text {
        font-size: 16px;
        line-height: 24px;
        font-weight: 300;
    }
    .call-back__btn {
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
        margin-top: 20px;
    }
    /* WEB ANALYTICS PAGE */
    .head-analytics {
        padding: 0 0 24px 0;
    }
    .head-analytics__info {
        padding: 0 24px;
    }
    .analytics-title {
        padding-bottom: 20px;
    }
    .head-analytics__text {
        font-size: 16px;
        line-height: 24px;
        padding-bottom: 20px;
    }
    .head-analytics .app-btn {
        bottom: 0;
    }
    .analytics-descr {
        padding-top: 50px;
        padding-bottom: 30px;
    }
    .analytics-descr__title {
        padding-bottom: 20px;
    }
    .analytics-descr__text {
        font-size: 16px;
        line-height: 24px;
    }
    .analytics-servises {
        padding-top: 0;
        padding: 0 0 60px 0;
        color: #000000;
    }
    .analytics-servises__title {
        padding: 0 24px 30px 24px;
    }
    .analytics-servises__item {
        -webkit-border-radius: 8px;
           -moz-border-radius: 8px;
                border-radius: 8px;
        padding: 20px 15px 20px 20px;
    }
    .analytics-servises__item-title {
        font-weight: 500;
        font-size: 14px;
        line-height: 24px;
        padding-bottom: 10px;
        color: #000000;
    }
    .analytics-servises__text {
        font-size: 12px;
        line-height: 18px;
    }
    /* POLICY PAGE */
    .privacy {
        padding-top: 0;
        padding-bottom: 30px;
    }
    .privacy__title {
        padding-bottom: 20px;
    }
    .privacy__info h2 {
        font-size: 30px;
        line-height: 40px;
    }
    .privacy__info h3 {
        font-size: 25px;
        line-height: 30px;
    }
    .privacy__info h4 {
        font-size: 22px;
        line-height: 28px;
    }
    .privacy__info p, .privacy__text {
        font-size: 16px;
        line-height: 24px;
        font-weight: 300;
        padding-bottom: 30px;
    }
    .privacy__info ul > li {
        font-size: 16px;
        line-height: 24px;
        font-weight: 300;
    }
    .privacy__info ul > li:before {
        top: 10px;
    }
    /* popups */
    .popup-form__cancel-btn {
        width: 110px;
    }
    .submit-btn {
        width: -webkit-calc(100% - 122px);
        width: -moz-calc(100% - 122px);
        width: calc(100% - 122px);
    }
}

@media (max-width: 345px) {
    .header-nav {
        padding-bottom: 104px;
    }
    .popup-form__cancel-btn {
        width: 37%;
    }
    .submit-btn {
        width: -webkit-calc(63% - 14px);
        width: -moz-calc(63% - 14px);
        width: calc(63% - 14px);
    }
    .popup-error .popup__close-btn {
        min-width: 80px;
    }
    .popup__error-btn {
        margin-top: 16px;
        min-width: -webkit-calc(100% - 88px);
        min-width: -moz-calc(100% - 88px);
        min-width: calc(100% - 88px);
        font-size: 14px;
        line-height: 24px;
        padding: 9px;
        -webkit-border-radius: 8px;
           -moz-border-radius: 8px;
                border-radius: 8px;
        margin-left: 8px;
    }
    /*Privacy Policy Popup*/
    .window {
        height: 500px !important;
    }
}