@media (max-width: 1529px) {
    .container {
        margin:0 0 0 40px
    }

    .top__slider-carousel .owl-nav button.owl-next {
        right: -120px
    }
}

@media (max-width: 1458px) {
    .container {
        width:1050px
    }

    .top__slider-carousel .owl-nav button.owl-next {
        right: 0
    }

    .top__slider-headline {
        font-size: 55px
    }

    .services__card-title {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .services__card {
        padding: 20px
    }

    .price__item-number {
        font-size: 23px
    }

    .price__item-title {
        text-align: center;
        height: 50px
    }

    .advantages__card {
        margin-right: 52px
    }

    .portfolio__more-outer {
        display: none
    }
    .adress__item .adress__item-tel {
        font-size: 30px;
    }
}

@media (max-width: 1329px) {
    .promotion__form-label { 
        top: -30px;
        right: -61px;        
    }
    .price__item-title {
        margin-top: 20px;
    }
    .context-1__text {
        padding-left: 50px;
    }
    .serm-2__slider.owl-carousel .owl-nav {
        width: 97%;
    }
    .container {
        width:930px
    }

    .top__slider-headline {
        font-size: 47px
    }

    .services__card-title {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .services__card-title>div {
        width: 100%;
        margin-top: 17px
    }

    .services__card-descr {
        margin-top: 16px
    }

    .advantages__card-num {
        font-size: 55px
    }

    .advantages__card-num {
        margin-top: 7px
    }

    .advantages__card-content {
        margin-left: 22px
    }

    .advantages__card {
        margin-right: 35px
    }
    .additional__item-title {
        font-size: 16px;
    }
    .serm-1__promises-content img {
        transform: scale(0.7);
        display: block;
    }
    .serm-1__promises-content:nth-of-type(2) {
        margin-left: 0;
    }
}

@media (max-width: 1199.98px) {
    .context-1 img {
        margin-left: -100px;
    }
    .benefits__item-title {
        max-width: 300px;
    }
    .serm-2__slider.owl-carousel .owl-nav {
        top: 77%;
    }
    .offer__slider-more {
        right: -16px;
        top: 4px;        
    }
    .landing-vars__price {
        font-size: 23px;
    }
    .landing-vars__item {
        padding: 25px;
    }
    .section-landing {
        background: #fff url(../img/plus8.png) no-repeat left 150px;
    }    
    .promotion__form-label {
        position: relative;
        display: inline-block;
        top: -4px;
        left: 0;
    }
    .swipe-right {
        overflow-x:scroll;
        max-width: 113%;
        margin-right: -26px
    }

    .left-container,.menu__outer {
        max-width: 180px;
        min-width: 180px;
        width: 180px
    }

    .container {
        width: 750px
    }

    .top__slider-item {
        padding-top: 113px;
        padding-top-padding-bottom: 230px
    }

    .top__slider-carousel .owl-dots {
        left: 40px
    }

    .top__slider-headline {
        font-size: 44px
    }

    .services__card-title {
        font-size: 17px
    }

    .price__item {
        padding: 25px
    }

    .price__item-descr {
        margin-top: 6px
    }

    .quizz__body {
        padding: 30px
    }

    .portfolio__item {
        padding: 20px
    }

    .portfolio__item-content .title {
        font-size: 22px;
        line-height: 1.2
    }

    .portfolio__item {
        height: 300px
    }

    .promotion__h2 {
        font-size: 26px;
        line-height: 1.2
    }
    .additional__item {
        margin-bottom: 20px;
    }
}

@media (max-width: 991.98px) {
    .smm-1__item {
        margin-bottom: 20px;
    }
    .seo-constructor__total-actual, .seo-constructor__total-title {
        margin-right: 15px;
    }
    .context-2__item {
        padding-bottom: 70px;
    }
    .context-1 {
        padding: 70px 0;
    }
    .serm-4__scheme .services__card {
        max-width: 300px;
        margin: 30px 0;
    }
    .serm-4__scheme .services__card-title {
        flex-wrap: nowrap;
    }
    .serm-4__scheme .services__card-title>div {
        margin-top: 0;
    }
    .serm-3__description {
        padding: 0;
    }
    .serm-2__slider-outer::before {
        width: 100%;
        background: url(../img/15656.jpg);
        height: 100%;
        background-size: cover;
    }
    .serm-2__slider.owl-carousel .owl-nav {
        width: 6%;
        top: 92%;
    }
    .serm-2__slider.owl-carousel .owl-nav button.owl-next, .serm-2__slider.owl-carousel .owl-nav button.owl-prev {
        right: -21px;
    }    
    .serm-1__promises-content img {
        transform: scale(1);
    }    
    .serm-1__promises {
        margin-top: 20px;
    }
    .serm-1__promises-content:nth-of-type(2) {
        margin-left: -10px;
    }
    .news__item-image {
        height: 250px;
    }
    .left-container {
        display: block;
        position: absolute;
        z-index: 8000;
        left: -100%;
        transition: all .4s ease-in-out;
    }
    .left-container.active {
        left: 0%;
    }
    .left-container, .menu__outer {
        min-width: 222px;
        max-width: 222px;
        width: 222px;
        background: #fff;
    }
    .offer__slider {
        display: none;
    }

    .container {
        margin: auto;
        width: 720px
    }

    .portfolio__grid-xl .portfolio__item-image {
        display: none
    }

    .services__swipe {
        max-width: 100%;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow-x: scroll;
        z-index: 1000
    }

    .services__card {
        margin-top: 20px
    }

    .services {
        margin-top: -100px
    }

    .header-mobile {
        position: absolute;
        margin-top: 26px;
        padding-right: 5px;
        padding-left: 11px;
        width: 100%
    }

    .menu-mobile,.tel-mobile {
        display: block;
        width: 21px;
        height: 21px;
        background-repeat: no-repeat
    }

    .tel-mobile {
        background-image: url(../img/telephone-mob.png);
        position: absolute;
        right: 76px;
    }

    .menu-mobile {
        background: #ffc01c url(../img/menu.png) no-repeat center center;
        position: fixed;
        top: 16px;
        right: 24px;
        border-radius: 20px;
        padding: 19px;
        z-index: 1000;
        
    }
    
    .menu-opened .menu-mobile{
        background: #ffc01c url(../img/cls-btn.svg) no-repeat center center;
    }

    .top__slider-item {
        padding-top: 0
    }

    .top__slider-inner {
        padding-top: 150px
    }
    .breadcrumb {
        padding-top: 30px;
    }
    .process__item-image {
        width: 120px;
        min-width: 101px;
        position: relative;
    }
    .process__item-image img {
        width: 70px;
        height: auto;
    }
    .process__item-number {
        right: 18px;
    }
    .process__item.last {
        padding-bottom: 0;
    }
    .landing-vars__description {
        margin-bottom: 18px;
    }
    
    .uniq__text p {
        font-size: 14px;
        line-height: 1.6;
    }
    .uniq__text .time {
        margin-bottom: 15px;
    }
    .uniq__text li {
        font-size: 14px;
        line-height: 1.4;
        margin-bottom: 10px;
    }
    
    .hww-blocks .hww-wrapper-img .img-hww{
        margin: 0 auto !important;
    }
}

@media(max-width: 767.98px) {
    .seo-constructor__check input {
        min-width: none;
    }
    .seo-constructor__result-title {
        font-size: 28px;
        line-height: 1.3;
        margin-bottom: 20px;
    }
    .landing-vars__item {
        margin-bottom: 10px;
    }
    .landing-vars__description {
        margin-bottom: 25px;
    }
    .landing-vars__title {
        margin-bottom: 15px;
    }
    .uniq__item {
        padding-top: 30px;
    }
    
    .order-f{
        order:-1;
    }
    
    .faq__item-question{
        height: auto !important;
    }
}

@media (max-width: 575.98px) {
    .pricing__table-description .title a {
        font-size: 20px;
        font-weight: 700;
        line-height: 1.2;
        margin-bottom: 10px;
        display: block;        
    }
    .process__item-arrow {
        left: 0;
        right: 0;
        margin: auto;
    }
    .quizz .h2 {
        font-size: 23px;
    }
    .smm-1__item-image {
        width: 100%;
        height: 140px;
    }
    .smm-1 {
        padding-bottom: 40px;
    }
    section.benefits {
        padding: 40px 0;
    }
    .seo-constructor__result {
        padding: 15px;
        margin: 0 -25px 25px;
    }
    .seo-constructor__outer {
        margin: 0 -20px;
        padding: 0;
    }
    .seo-constructor__inner {
        padding: 25px;
    }
    .seo-constructor__question {
        padding-left: 35px;
        padding-bottom: 25px;
    }
    .seo-constructor__question-label::before {
        left: -36px;
    }
    .seo-constructor__question-label {
        padding-bottom: 3px;
    }
    .seo-constructor__question__title {
        font-size: 20px;
        line-height: 1.217;
    }
    .seo-constructor__result-title {
        padding: 0 0 20px 0;
    }
    .seo-constructor__result .btn {
        width: 100%;
    }
    .seo-constructor__check input {
        min-width: auto;
    }
    .seo-constructor__check button {
        margin: 10px 0 0 0;
    }
    .context-2__item {
        padding-bottom: 40px;
    }
    .context-2 .h2 {
        margin-top: 40px;
    }
    .context-2 .image {
        width: 10px;
    }
    .serm-3 {
        padding: 40px 0;
    }
    .serm-4 {
        padding-top: 40px;
    }
    .serm-3__benefits {
        max-width: 300px;
    }
    .slider__controls {
        margin-left: 14px;
        margin-right: 10px;
    }
    .serm-2__slider.owl-carousel .owl-dots {
        left: -39px;
    }
    .serm-2__slider-outer {
        padding-bottom: 145px;
    }
    .serm-2__slider.owl-carousel .owl-nav {
        width: 100%;
        top: -7%;
    }
    .serm-2__slider-wrapper {
        width: 100%;
    }
    .serm-2__proposal a {
        font-size: 9px;
    }
    .serm-1__promises-content img {
        height: 60px;
    }
    .serm-1__promises-content:nth-of-type(2) {
        margin-left: -4px;
    }
    .serm-1__promises-content:nth-of-type(2) strong {
        margin-left: 17px;
    }
    .serm-1__promises-content {
        margin-bottom: 20px;
    }
    .serm-1__promises-content strong {
        font-size: 18px;
        margin-top: 0;
    }
    .serm-1__promises-content strong br {
        display: none;
    }
    .serm-1 {
        padding: 30px 0;
    }
    .uniq__item .uniq__num {
        margin: 0px 30px 0px 0px;
    }
    .uniq__item h2 {
        font-size: 30px;
    }
    .popup-callback {
        padding: 33px 43px;
    }
    .popup-callback__close {
        right: 20px;
        top: 20px;
    }
    .popup-callback__title {
        font-size: 27px;
    }
    .popup-callback .checkbox-group {
        margin: 15px 0;
    }
    .popup-callback .checkbox-group span {
        font-size: 11px;
    }
    .popup-callback__subtitle, .popup-callback__phone {
        display: none;
    }
    .quizz-xl .quizz__body {
        padding: 15px;
        margin: -15px 0px;
    }
    .quizz-xl label p {
        display: none;
        margin: 10px 0 0 0;
    }
    .quizz-xl label input:checked + p {
        display: block;
    }
    
    .adress__item .adress__item-tel {
        font-size: 23px;
    }
    .adress__item .adress__item-email {
        font-size: 27px;
    }
    .container {
        width:100%;
        padding: 0 20px
    }

    .top__slider {
        background-position: 66% 49%
    }

    .top__slider-counter {
        display: none
    }

    .top__slider-sup {
        margin-top: 0
    }

    .top__slider-headline {
        font-size: 31px;
        line-height: 38px;
        margin-top: 19px
    }

    .top__slider-sub {
        font-size: 18px;
        margin-top: 20px
    }

    .top__slider .btn-empty {
        margin-top: 18px
    }

    .top__slider-carousel .owl-dots {
        left: 20px;
        bottom: 169px;
        top: auto
    }

    .services__swipe {
        max-width: unset;
        margin-right: -20px
    }

    .services {
        margin-top: -106px
    }

    .services__card-title {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        margin-top: 0
    }

    .services__card {
        padding: 40px 40px
    }

    .services__card-title>div {
        margin-top: 0;
        font-size: 19px
    }

    .services__card-descr {
        margin-top: 21px
    }

    .top__slider-item {
        padding-bottom: 207px
    }

    .h2::before {
        display: none
    }

    .h2 {
        padding-left: 0;
        font-size: 26px;
        line-height: 32px
    }

    .offer {
        padding-top: 12px;
        padding-bottom: 13px
    }

    .offer__item-image {
        margin-right: 16px
    }

    .offer__item {
        margin-bottom: 22px;
        margin-top: 4px
    }

    .offer__item-title {
        margin-bottom: 8px
    }

    .mobile-content__hidden {
        display: none
    }

    .offer p {
        margin-bottom: 13px
    }

    .mobile-content__more {
        font-size: 16px;
        color: #363636;
        text-decoration: underline
    }

    .price__item {
        padding: 34px 25px
    }

    .price__item-descr {
        margin-top: -2px
    }

    .price__item-number {
        font-size: 28px
    }

    .owl-carousel .owl-nav {
        top: 11%
    }

    .owl-carousel .owl-nav button.owl-prev {
        left: 50px
    }

    .owl-carousel .owl-nav button.owl-next {
        right: 50px
    }

    .price {
        padding: 25px 0 45px
    }

    .quizz {
        padding: 39px 0 0
    }

    .quizz .h2 {
        margin-bottom: 26px
    }

    .quizz__body {
        margin: 0 15px 0 15px;
        padding-bottom: 45px
    }

    .quizz__outer {
        margin: 5px -15px 0 -15px
    }

    .quizz__question {
        font-size: 20px
    }

    .advantages {
        padding: 46px 0 24px
    }

    .advantages__card {
        margin-right: 0;
        margin-top: 8px;
        margin-bottom: 29px
    }

    .advantages__card-image {
        width: 87px
    }

    .advantages__card-num {
        font-size: 50px;
        margin-top: 10px
    }

    .advantages__card-descr {
        margin-top: 9px
    }

    .portfolio {
        padding: 41px 0 50px
    }

    .portfolio__grid div[class*=col] {
        padding: 0
    }

    .portfolio__item {
        padding: 35px;
        padding-right: 28px;
        padding-bottom: 20px;
        height: 377px
    }

    .portfolio__item-content .title {
        font-size: 28px
    }

    .portfolio__grid .owl-carousel .owl-nav {
        top: 61%
    }

    .portfolio__grid .owl-carousel .owl-nav button.owl-next,.portfolio__grid .owl-carousel .owl-nav button.owl-prev {
        height: 42px;
        width: 42px
    }
    .additional__slider.owl-carousel .owl-nav button.owl-prev,  .additional__slider.owl-carousel .owl-nav button.owl-next {
        width: 30px;
        height: 30px;
        -webkit-background-size: 30px;
        background-size: 30px;
    }
    .portfolio__grid .owl-carousel .owl-nav button.owl-prev {
        background-image: url(../img/portfolio-prev.png);
        left: 57px
    }

    .portfolio__grid .owl-carousel .owl-nav button.owl-next {
        background-image: url(../img/portfolio-next.png);
        right: auto;
        left: 70px
    }

    .portfolio__more-mobile {
        margin-top: 0;
        height: 80px
    }

    .promotion__title img {
        margin-top: 0
    }

    .promotion {
        padding: 27px 0 84px
    }

    .promotion__h2 {
        line-height: 32px;
        margin-top: 20px
    }

    .promotion__text {
        width: 100%
    }

    .promotion__form .btn {
        width: 100%
    }

    .footer__block {
        margin-bottom: 30px
    }

    .footer__right {
        text-align: left
    }

    .news__more {
        margin-top: 5px
    }

    .promotion__form-title {
        margin-top: 25px
    }
    .additional__slider.owl-carousel .owl-nav button.owl-prev {
        left: auto;
        right: 70px;
    }    
    .faq__item-question::before {
        right: 15px;
    }
    .process__item-image img {
        width: 53px;
    }
    .process__item-number {
        right: 8px;
        width: 25px;
        height: 25px;
        line-height: 25px;
        font-size: 13px;
    }    
    .process__item-image {
        min-width: 71px;
    }
    .process__item-title {
        font-size: 24px;
        line-height: 24px;
        margin-bottom: 9px;
    }    
    .quizz-xl {
        padding: 20px 0;
    }
    .quizz-xl .quizz__controls {
        margin: 0;
    }
    .quizz-xl label {
        margin-bottom: 10px;
    }
    .reclam-img {
        margin-right: 0px;
        width: 50px;
    }    
    .landing-offer {
        padding-top: 70px;
    }
    .menu__bar a {
        font-size: 16px;
    }
    .menu__bar li {
        margin-bottom: 10px;
    }
}