@media screen and (max-width: 1620px) {
    .header,
    .main,
    .hero,
    .landing .solutions .list,
    .landing .benefits .list,
    .page.about .benefits .list,
    .page.services .benefits .list,
    .landing .consult {
        background-size: auto;
    }

    .header > ul > li.lang {
        width: 120px;
    }

    .header > ul > li.logo {
        width: 330px;
    }

    .landing .problems ul li, .landing .solutions ul li {
        width: 270px;

    }

    .landing .problems ul li p strong, .landing .solutions ul li p strong {
        font-size: 24px;
    }
    .landing .services ul li, .page.about .services ul li, .page.howwework .services ul li {
        width: 270px;
    }
}

@media screen and (max-width: 1599px) {
    .landing .consult {
        background-position: -50px -25px;
    }

    .page.services .slide-list .nav {
        width: 1300px;
    }

    .page.services .slide-list .nav ul li {
        font-size: 34px;
    }

    .page.services .slide-list .nav .active {
        width: 325px;
    }

    .page.services .slide-list .nav .active.step2 {
        margin-left: 325px;
    }

    .page.services .slide-list .nav .active.step3 {
        margin-left: 650px;
    }

    .page.services .slide-list .nav .active.step4 {
        margin-left: 975px;
    }

}

@media screen and (max-width: 1439px) {

    .landing .consult {
        background-position: -100px -25px;
    }

    .landing .consult .inside,
    .hero .inside {
        width: 93%;
    }

    .landing .consult .callto p {
        font-size:17px;
    }

    .landing .consult .callto .numb {
        font-size:34px;
    }

    .hero .info p {
        font-size:19px;
        width: 450px;
    }

    .header > ul > li > .fixed > li > a {
        margin: 0px 22px;
    }

    .page.about .consult .inside, .page.prices-list .consult .inside, .page.services .consult .inside, .page.howwework .consult .inside {
        width: 90%;
    }

    .inside {
        width: 95%;
    }

    .page.contacts .address .inside .left .info, .page.contacts .address .inside .right .info {
        margin-left:40px;
    }

    .page.blog .subscribe .left div,
    .page.blog .subscribe .right div {
        width: 100%;
        display: block;
    }

    .page.blog .subscribe .icon {
        background: url('/app/template/img/aboutline.png') no-repeat 0px 0px;
        padding:32px 0px 32px 0px;
    }

    .page.blog .subscribe .inside {
        width: 90%;
    }

    .page.blog .subscribe .info {
        background: none;
        padding:0px;
    }

    .page.blog .subscribe .info p {
        margin-top: 0px;
        padding-top: 0px;
    }

    .page.blog .subscribe .block .txt {
        width: 240px;
        float: none;
    }

    .page.blog .subscribe .block .button {
        width: 282px;
        float: none;
        margin:15px 0px 0px 0px;
    }

    .page.blog .subscribe .right .block {
        margin-left:50px;
    }

    .page.blog .blog-list .article .date {
        display: block;
        float: none;
        text-align: left;
    }

    .page.blog .blog-list .article.single {
        width: 70%;
    }

    .page.blog .blog-list .other {
        width: 25%;
        padding: 0px 0px 0px 5%;
    }

    .page.blog .blog-list .article .text {
        width: auto;
        margin-top:30px;
        margin-left:0px;
    }

    .page.blog .blog-list .article .text h1 {
        font-size: 40px;
        padding-bottom: 15px;
    }

    .page.services .slide-list .nav {
        width: 1200px;
    }

    .page.services .slide-list .nav ul li {
        font-size: 30px;
    }

    .page.services .slide-list .nav .active {
        width: 300px;
    }

    .page.services .slide-list .nav .active.step2 {
        margin-left: 300px;
    }

    .page.services .slide-list .nav .active.step3 {
        margin-left: 600px;
    }

    .page.services .slide-list .nav .active.step4 {
        margin-left: 900px;
    }
}

@media screen and (max-width: 1380px) {
    .landing .consult {
        padding:50px 30px 0px 30px;
        display: table;
        background: #eaeceb;
    }

    .landing .consult div.mobile {
        width: 520px;
        height: 560px;
        display: table-cell;
        background: #eaeceb url('/app/template/img/landingconsultbg.jpg') no-repeat -465px -25px;
    }

    .landing .consult .inside {
        width: 100%;
        float: none;
        display: table-cell;
    }

    .landing .consult div {
        display: block;
        float: right;
        width: 100%;
    }

    .landing .consult .callto {
        width: 100%;
        background: none;
    }

    .hero .info p {
        width: 350px;
    }

    .header > ul > li > .fixed > li > a {
        margin:0px 15px;
    }
}

@media screen and (max-width: 1280px) {

    .landing .solutions .list {
        background: url('/app/template/img/mainbg2.jpg') no-repeat top center;
    }

    .hero .fio .numb {
        margin-right: 20px;
    }

    .header > ul > li.logo {
        width: 150px;
    }

    .header > ul > li.lang {
        width: 94px;
    }

    .header > ul > li.phone {
        display: none;
    }

    .header > ul > li.phone.mobile {
        display: table-cell;
    }

    .header > ul > li.phone.mobile a {
        display: block;
        width: 26px;
        height: 26px;
        cursor: pointer;
        background: url('/app/template/img/tel_icon.svg') no-repeat 0px 0px;
        -webkit-background-size:26px;
        background-size:26px;
    }

    .landing .services ul, .page.about .services ul, .page.howwework .services ul {
        width: 900px;
        margin: auto;
        display: block;
    }

    .landing .services ul li, .page.about .services ul li, .page.howwework .services ul li {
        width: 400px;
        float:left;
        display: block;
    }

    .landing .problems ul, .landing .solutions ul {
        width: 970px;
        padding-top: 0px;
        padding-bottom: 10px;
    }

    .landing .problems ul li {
        padding-top: 90px;
    }

    .landing .problems ul li, .landing .solutions ul li {
        width: 400px;
        float:left;
        height: auto;
        display: block;
    }

    .page.about .consult .info p, .page.prices-list .consult .info p, .page.services .consult .info p, .page.howwework .consult .info p {
        font-size: 16px;
    }

    .page.contacts .address .inside .left label, .page.contacts .address .inside .right label {
        float: none;
    }

    .page.contacts .address .inside .left .info {
        float: none;
        margin-left: 0px;
        font-size:20px;
        line-height: 150%;
    }

    .page.contacts .address .inside .left .info, .page.contacts .address .inside .right .info {
        float: none;
        margin-left:0px;
    }

    .page.howwework .timeline {
        padding-top:60px;
        padding-bottom: 0px;
    }

    .timeline .inside {
        width: 920px;
        margin: auto;
        text-align: center;
    }

    .page.howwework .timeline .inside ul {
        display: inline;
        text-align: left;
    }

    .page.howwework .timeline .inside ul li {
        display: inline-block;
        float: left;
        text-align: left;
        padding-top:0px;
    }

    .page.blog .blog-list .items li p a {
        font-size:20px;
        line-height: 32px;
    }

    .page.services .slide-list .nav {
        width: 1000px;
    }

    .page.services .slide-list .nav ul li {
        font-size: 25px;
    }

    .page.services .slide-list .nav .active {
        width: 250px;
    }

    .page.services .slide-list .nav .active.step2 {
        margin-left: 250px;
    }

    .page.services .slide-list .nav .active.step3 {
        margin-left: 500px;
    }

    .page.services .slide-list .nav .active.step4 {
        margin-left: 750px;
    }
}

@media screen and (max-width: 1151px) {
    .hero .info p {
        width: 300px;
    }

    .page.about .consult .icon, .page.prices-list .consult .icon, .page.services .consult .icon, .page.howwework .consult .icon,
    .page.about .consult .info, .page.prices-list .consult .info, .page.services .consult .info, .page.howwework .consult .info {
        padding: 0px 30px 0px 0px;
        display: block;
        float: none;
        width: auto;
        background: none;
    }

    .page.about .consult .info, .page.prices-list .consult .info, .page.services .consult .info, .page.howwework .consult .info {
        float: left;
    }

    .page.about .consult .inside .left, .page.prices-list .consult .inside .left, .page.services .consult .inside .left, .page.howwework .consult .inside .left {
        width: 60%;
        display: table-cell;
    }

    .page.about .consult .inside .right, .page.prices-list .consult .inside .right, .page.services .consult .inside .right, .page.howwework .consult .inside .right {
        width: 40%;
        display: table-cell;
        vertical-align: top;
    }

    .page.howwework .main .title .fixed,
    .page.services .main .title .fixed {
        width: 95%;
    }

    .page.blog .subscribe .inside article,
    .page.blog .subscribe .inside article.right {
        width: auto;
        display: block;
    }

    .page.blog .subscribe .right .block {
        margin:30px 0px 0px 0px;
    }



    .page.blog .blog-list .items.load,
    .page.blog .blog-list .items.load li {
        width: auto;
    }

    .page.services .slide-list .nav {
        width: 900px;
    }

    .page.services .slide-list .nav ul li {
        font-size: 22px;
    }

    .page.services .slide-list .nav .active {
        width: 225px;
    }

    .page.services .slide-list .nav .active.step2 {
        margin-left: 225px;
    }

    .page.services .slide-list .nav .active.step3 {
        margin-left: 450px;
    }

    .page.services .slide-list .nav .active.step4 {
        margin-left: 675px;
    }

    .page.services .slide-list .val li .solutions .text .left p,
    .page.services .slide-list .val li .solutions .text .right p,
    .page.services .slide-list .val li .solutions .text .right ul,
    .page.services .slide-list .val li .solutions .text .right p em {
        font-size: 13px;
    }
}

@media screen and (max-width: 1023px) {

    .page.about .history .anounce {
        width: 90%;
    }

    .page.contacts .main .title, .page.prices-list .main .title, .page.about .main .title, .page.services .main .title, .page.howwework .main .title, .page.blog .main .title {
        width: 90%;
        left:5%;
    }

    .landing .benefits .list, .page.about .benefits .list, .page.services .benefits .list {
        background: url('/app/template/img/mainbg2.jpg') no-repeat center -50px;
    }

    .landing .benefits ul, .page.about .benefits ul, .page.services .benefits ul {
        width: 694px;
        margin: auto;
    }


    .landing .benefits ul li, .page.about .benefits ul li, .page.services .benefits ul li {
        width:650px;
        display: block;
        padding: 0px;
        margin-bottom: 20px;
    }

    .landing .benefits ul li .tb, .page.about .benefits ul li .tb, .page.services .benefits ul li .tb {
        display: table;
    }

    .landing .benefits ul li .tb .tc, .page.about .benefits ul li .tb .tc, .page.services .benefits ul li .tb .tc {
        display: table-cell;
        vertical-align: middle;
    }

    .landing .benefits ul li p, .page.about .benefits ul li p, .page.services .benefits ul li p {
        margin: 0px;
    }

    .landing .consult .icon p {
        font-size:42px;
    }

    .landing .consult .callto p {
        font-size:15px;
    }

    .landing .services ul, .page.about .services ul, .page.howwework .services ul {
        width: 650px;
    }

    .landing .services ul li, .page.about .services ul li, .page.howwework .services ul li {
        width: 650px;
        float: none;
        padding:0px;
        text-align: center;
    }

    .landing .problems ul li, .landing .solutions ul li {
        width: 650px;
        float: none;
        margin: 20px auto 0px auto;
        text-align: center;
        background-position: center 25px;
    }

    .landing .solutions .list {
        background: none;
    }

    .landing .solutions {
        background: url('/app/template/img/mainbg2.jpg') no-repeat center -50px;
    }

    .landing .solutions ul li, .landing .solutions ul li.dark {
        height: auto;
    }

    .hero {
        height: auto;
        background: #eff0f2;
    }

    .hero .inside {
        height: auto;
        display: block;
        padding: 40px 0px;
    }

    .hero .fio {
        width: 350px;
        margin:auto;
        min-height:340px;
        display: block;
        padding: 0px 0px 0px 300px;
        background: url('/app/template/img/olga_port_circle_1.png') no-repeat 0px 15px;
    }

    .hero .info {
        width: 650px;
        display: block;
        margin:auto;
        text-align: center;
    }

    .hero .info p {
        width: 100%;
    }

    .hero .fio .numb {
        margin:25px 40px 0px 0px;
    }

    .landing .problems ul, .landing .solutions ul {
        width: auto;
    }

    .header > ul > li > .fixed > li > a {
        margin: 0px 10px;
        font-size: 13px;
    }

    .landing .consult div.mobile {
        display: none;
    }

    .landing .consult {
        min-height: auto;
        padding-bottom: 40px;
    }

    .landing .services .preambula, .page.about .services .preambula, .page.howwework .services .preambula {
        width: 90%;
    }

    .main .inside {
        width: 90%;
    }

    .page.about .history .benefits {
        padding-top: 30px;
    }

    .page.about .benefits h2, .page.services .benefits h2 {
        padding:0px 0px 30px 0px;
    }

    .page.about .consult .callto .numb, .page.prices-list .consult .callto .numb, .page.services .consult .callto .numb, .page.howwework .consult .callto .numb {
        font-size:32px;
        margin-top: 35px;
    }

    .page.howwework .main .title .fixed,
    .page.services .main .title .fixed {
        font-size:20px;
    }

    .page.howwework .timeline .inside ul li {
        width: 350px;
    }

    .timeline .inside {
        width: 761px;
    }

    .page.blog .blog-list .items li p a {
        font-size:18px;
        line-height: 28px;
    }

    .page.blog .subscribe .left div, .page.blog .subscribe .right div {
        width: auto;
    }

    .page.blog .blog-list .article.single {

    }

    .page.blog .blog-list .article .text h1 {
        font-size:35px;
    }

    .page.blog .blog-list .article .text p {
        font-size:20px;
        line-height: 30px;
        margin-top:15px;
    }

    .page.services .slide-list .nav {
        width: 720px;
    }

    .page.services .slide-list .nav ul li {
        font-size: 18px;
    }

    .page.services .slide-list .nav .active {
        width: 180px;
    }

    .page.services .slide-list .nav .active.step2 {
        margin-left: 180px;
    }

    .page.services .slide-list .nav .active.step3 {
        margin-left: 360px;
    }

    .page.services .slide-list .nav .active.step4 {
        margin-left: 540px;
    }

    .page.services .slide-list .val li p {
        font-size: 16px;
    }

    .page.services .slide-list .val li .solutions .name {
        font-size: 30px;
    }

    .page.services .slide-list .val li p em {
        font-size: 23px;
        line-height: 150%;
    }

    .page.services .slide-list .val li .solutions .text .left p,
    .page.services .slide-list .val li .solutions .text .right p,
    .page.services .slide-list .val li .solutions .text .right ul,
    .page.services .slide-list .val li .solutions .text .right p em {
        font-size: 12px;
    }
}

@media screen and (max-width: 799px) {

    .popup .item .title .holder p {
        font-size: 35px;
    }

    .wauto .popup .form {
        text-align: center;
    }

    .header > ul > li.lang a {
        display: none;
    }

    .header > ul > li.lang a.active {
        display: block;
    }

    .header > ul > li > .fixed {
        display: none;
    }

    .mobilemenu {
        display: block;
        position: fixed;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        overflow: hidden;
        opacity: 0;
        z-index: -1000;
        background: #333f49;
        -webkit-transition: opacity 0.3s cubic-bezier(0.000, 0.000, 0.580, 1.000);
        -moz-transition: opacity 0.3s cubic-bezier(0.000, 0.000, 0.580, 1.000);
        -ms-transition: opacity 0.3s cubic-bezier(0.000, 0.000, 0.580, 1.000);
        -o-transition: opacity 0.3s cubic-bezier(0.000, 0.000, 0.580, 1.000);
        transition: opacity 0.3s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    }

    .mobilemenu.show {
        opacity: 1;
        z-index: 1000;
    }

    .mobilemenu .tb {
        width: 100%;
        height: 100%;
        display: table;
    }

    .mobilemenu .tb .tc {
        height: 100%;
        display: table-cell;
        vertical-align: middle;
    }

    .mobilemenu ul {
        width: 100%;
        display: table;
    }

    .mobilemenu ul li {
        display: table-row;
    }

    .mobilemenu ul li p {
        vertical-align: middle;
        display: table-cell;
        text-align: center;
    }

    .mobilemenu ul li p a {
        color: #ffffff;
        font-size:25px;
        margin: 15px 0px;
        display: inline-block;
        text-align: center;
        position: relative;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

    .mobilemenu ul li p a.left {
        left: -500px;
    }

    .mobilemenu ul li p a.right {
        right:-1300px;
    }

    .mobilemenu.show ul li p a.left {
        left: 0px;
    }

    .mobilemenu.show ul li p a.right {
        right: 0px;
    }

    .mobilemenu button {
        width: 26px;
        height: 26px;
        cursor: pointer;
        position: absolute;
        top: 20px;
        right: 20px;
        display: block;
        border:none;
        outline: none;
        background: url('/app/template/img/xrest.svg') no-repeat 0px 0px;
    }

    .mobilemenu button:hover {
        opacity: 0.8;
    }

    .header > ul > li.humburger {
        width: 57px;
        display: table-cell;
        text-align: center;
    }

    .header > ul > li.humburger button {
        width: 26px;
        height: 26px;
        outline:none;
        border:none;
        cursor: pointer;
        background: url('/app/template/img/gamb.svg') no-repeat 0px 0px;
    }

    .header > ul > li.phone.mobile {
        margin:17px 0px 0px 0px;
        padding:0px;
        right: 96px;
        width: auto;
        position: absolute;
        -webkit-transition: margin-top 0.3s cubic-bezier(0.000, 0.000, 0.580, 1.000);
        -moz-transition: margin-top 0.3s cubic-bezier(0.000, 0.000, 0.580, 1.000);
        -ms-transition: margin-top 0.3s cubic-bezier(0.000, 0.000, 0.580, 1.000);
        -o-transition: margin-top 0.3s cubic-bezier(0.000, 0.000, 0.580, 1.000);
        transition: margin-top 0.3s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    }

    .header > ul > li.lang {
        margin:17px 0px 0px 5px;
        padding:0px;
        width: auto;
        right: 57px;
        position: absolute;
        -webkit-transition: margin-top 0.3s cubic-bezier(0.000, 0.000, 0.580, 1.000);
        -moz-transition: margin-top 0.3s cubic-bezier(0.000, 0.000, 0.580, 1.000);
        -ms-transition: margin-top 0.3s cubic-bezier(0.000, 0.000, 0.580, 1.000);
        -o-transition: margin-top 0.3s cubic-bezier(0.000, 0.000, 0.580, 1.000);
        transition: margin-top 0.3s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    }

    .header > ul.solid > li.phone.mobile {
        margin-top: 9px;
    }

    .header > ul.solid > li.lang {
        margin-top: 9px;
    }

    .footer > ul > li.copy p {
        padding:0px 20px;
        line-height: 130%;
    }

    .landing .benefits ul, .page.about .benefits ul, .page.services .benefits ul {
        width: auto;
    }

    .landing .benefits ul li, .page.about .benefits ul li, .page.services .benefits ul li {
        width: 90%;
        margin-left:auto;
        margin-right:auto;
    }

    .landing .problems ul li, .landing .solutions ul li {
        width: 90%;
    }

    .hero .info {
        width: 90%;
    }

    .hero .fio {
        width: auto;
    }

    .main .text {
        background-size: 80%;
    }

    .page.contacts .main .title.show, .page.prices-list .main .title.show, .page.about .main .title.show, .page.services .main .title.show, .page.howwework .main .title.show, .page.blog .main .title.show {
        font-size: 25px;
        line-height: 40px;
    }

    .landing .services ul, .page.about .services ul, .page.howwework .services ul {
        width: 90%;
        text-align: center;
    }

    .landing .services ul li, .page.about .services ul li, .page.howwework .services ul li {
        width: 90%;
        margin-left:auto;
        margin-right:auto;
    }

    .landing .consult,
    .page.about .consult, .page.prices-list .consult, .page.services .consult, .page.howwework .consult {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .page.about .consult .icon p, .page.prices-list .consult .icon p, .page.services .consult .icon p, .page.howwework .consult .icon p {
        font-size:42px;
    }

    .page.about .consult .info p, .page.prices-list .consult .info p, .page.services .consult .info p, .page.howwework .consult .info p {
        font-size:15px;
        margin-top:20px;
    }

    .page.about .consult .inside .left, .page.prices-list .consult .inside .left, .page.services .consult .inside .left, .page.howwework .consult .inside .left,
    .page.about .consult .inside article.right, .page.prices-list .consult .inside article.right, .page.services .consult .inside article.right, .page.howwework .consult .inside article.right {
        width: 100%;
        display: block;
    }

    .page.about .consult .inside .right, .page.prices-list .consult .inside .right, .page.services .consult .inside .right, .page.howwework .consult .inside .right {
        width: 100%;
        display: block;
    }

    .page.about .consult div, .page.prices-list .consult div, .page.services .consult div, .page.howwework .consult div {
        width: 100%;
        display: block;
        background:none;
    }

    .page.about .consult .info, .page.prices-list .consult .info, .page.services .consult .info, .page.howwework .consult .info {
        float: none;
    }

    .page.about .consult .callto, .page.prices-list .consult .callto, .page.services .consult .callto, .page.howwework .consult .callto {
        margin-top:30px;
    }

    .page.about .consult .callto .numb, .page.prices-list .consult .callto .numb, .page.services .consult .callto .numb, .page.howwework .consult .callto .numb {
        margin:0px 0px 30px 0px;
        padding-top:23px;
    }

    .landing .services ul li p em, .page.about .services ul li p em, .page.howwework .services ul li p em {
        font-size:30px;
    }

    .page.contacts .address .inside .left,
    .page.contacts .address .inside .right {
        width: 100%;
    }

    .page.contacts .address .inside .right {
        margin-top:40px;
    }

    .page.contacts .address .inside .left .info, .page.contacts .address .inside .right .info {
        font-size:28px;
        line-height: 150%;
    }

    .page.contacts .main {
        height: 200px;
    }

    .page.contacts .main .title.show {
        margin-top:80px;
    }

    .timeline .inside {
        width: 95%;
        text-align: center;
    }

    .page.howwework .timeline .inside ul li {
        width: 90%;
        float: none;
        text-align: center;
    }

    .page.howwework .timeline {
        padding-bottom: 0px;
        padding-top:40px;
    }

    .page.howwework .timeline .inside ul li p.name {
        background-position: center top !important;
    }

    .page.howwework .timeline .inside ul li {
        margin-bottom: 40px !important;
    }

    .page.howwework .main .title.show {
        margin-top:70px;
        font-size:22px;
        line-height: 150%;
    }

    .page.howwework .faq ul li {
        font-size:20px;
    }

    .page.howwework .faq ul {
        width: 90%;
        margin:auto;
    }

    .page.howwework .faq h2 {
        width: 90%;
        margin: auto;
    }

    .page.blog .blog-list .items {
        display: block;
        margin-top: 0px;
    }

    .page.blog .blog-list .items li {
        width: auto;
        display: block;
        margin-top: 25px;
    }

    .page.blog .blog-list .items.load,
    .page.blog .blog-list .items.load li {
        width: auto;
    }

    .page.blog .blog-list br {
        display: none;
    }

    .page.blog .main {
        height:240px;
    }

    .page.blog .blog-list .article.single {
        width: 100%;
    }

    .page.blog .blog-list .article .text h1 {
        line-height: 130%;
    }

    .page.blog .blog-list .other {
        width: 100%;
        padding:0px;
        margin:30px 0px 0px 0px;
        background: url('/app/template/img/aboutline.png') no-repeat 0px 0px;
    }

    .page.blog .blog-list .article .text .social {
        margin-top:30px;
    }

    .page.services .slide-list .val li .solutions .text {
        display: block;
    }

    .page.services .slide-list .val li .solutions .text .left,
    .page.services .slide-list .val li .solutions .text .sep {
        width: auto;
        display: block;
    }

    .page.services .slide-list .val li .solutions .text .left, .page.services .slide-list .val li .solutions .text .sep {
        padding-top: 27px;
    }

    .page.services .slide-list .val li .solutions .text .left p {
        margin: 0px 0px 27px 0px;
    }

    .page.services .slide-list .nav {
        display: none;
    }

    .page.services .slide-list {
        padding-top: 25px;
    }

    .page.services .slide-list .select.mobile {
        display: block;
    }

    .page.services .slide-list .val .item {
        padding: 35px 0px 50px 0px;
    }

    .page.services .slide-list .val li .fix {
        width: 95%;
    }

    .page.services .slide-list .val li .solutions .text .left, .page.services .slide-list .val li .solutions .text .sep,
    .page.services .slide-list .val li .solutions .text .right {
        padding-left:25px;
        padding-right:25px;
    }
}

@media screen and (max-width: 699px) {
    
    .prices-list-text table {
    }

    .prices-list-text table tr th {
        font-size: 18px;
        padding: 8px 20px;
    }       

    .prices-list-text table tr td {
        font-size: 14px;
        padding: 8px 20px;
    }
    
    .prices-list-text p {
        padding: 0px 20px;
    }

    .prices-list-text p em {
        font-size: 12px;
    }

    .hero .fio {
        min-height: 0px;
        padding:300px 0px 30px 0px;
        text-align: center;
        background-position: top center;
    }

    .hero .fio .position {
         background-position: bottom center;
    }

    .hero .fio .numb {
        float: none;
        display: inline-block;
    }

    .hero .fio .numb br {
        content: " ";
        margin:0px 0px 0px 5px;
    }

    .main .inside .info p {
        font-size:14px;
        line-height: 20px;
    }

    .main .inside .info {
        margin-top:40px;
    }

    .main .inside {
        padding-top:228px;
    }

    .main {
        height: auto;
        padding-bottom: 40px;
    }

    .header .text {
        text-align: center;
    }

    .header .text span {
        width: 90%;
        display: inline-block;
    }

    .header .text.show {
        margin-top:-60px;
    }

    .page.contacts .main {
        height: 160px;
    }

    .page.howwework .main .title.show {
        margin-top:60px;
    }

    .page.howwework .main .title .fixed,
    .page.services .main .title .fixed {
        font-size:20px;
        line-height: 150%;
    }

    .page.blog .main {
        height:200px;
    }

    .page.contacts .text p {
        font-size:22px;
    }
}

@media screen and (max-width: 649px) {
    .page.blog .subscribe .inside {
        text-align: center;
    }

    .page.blog .subscribe .icon,
    .page.blog .subscribe .block {
        background-position: center top;
    }
}

@media screen and (max-width: 599px) {
    .header .text {
        font-size: 50px;
    }

    .main .inside h1 {
        font-size:18px;
        line-height: 27px;
    }

    .page.contacts .main .title.show, .page.prices-list .main .title.show, .page.about .main .title.show, .page.services .main .title.show, .page.howwework .main .title.show, .page.blog .main .title.show {
        font-size: 20px;
        line-height: 35px;
    }

    .page.contacts .main {
        height: 130px;
    }


    .page.howwework .main .title.show {
        margin-top:80px;
    }

    .page.howwework .main .title .fixed,
    .page.services .main .title .fixed {
        font-size:18px;
        line-height: 150%;
    }

    .page.howwework .faq ul {
        padding-top: 0px;
    }

    .page.howwework .faq ul li {
        font-size: 18px;
        line-height: 130%;
    }

    .page.blog .blog-list .article .text h1 {
        font-size:30px;
    }

    .page.blog .blog-list .other ul li p a {
        font-size:20px;
    }
}

@media screen and (max-width: 499px) {
    .hero .fio .numb {
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
    }

    .landing .benefits h2,
    .landing .problems h2, .landing .solutions h2 {
        width: 90%;
        margin:auto;
        text-align: center;
    }

    .landing .benefits ul li .tb .tc, .page.about .benefits ul li .tb .tc, .page.services .benefits ul li .tb .tc {
        display: block;
        text-align: center;
        padding: 0px 0px 10px 0px;
    }

    .landing .problems ul li, .landing .solutions ul li {
        width: 80%;
    }

    .landing .consult {
        text-align: center;
    }

    .landing .consult .icon p,
    .landing .consult .callto .numb {
        background-position: center top;
    }

    .landing .consult .callto .numb {
        font-size:25px;
    }

    .landing .consult .icon p {
        font-size:36px;
    }

    .landing .consult .callto p {
        font-size: 13px;
    }

    .footer > ul > li.copy {
        display: none;
    }

    .popup.consult-wnd .item .txt, .popup.subscribe-wnd .item .txt {
        width: 80%;
    }

    .popup.consult-wnd .item .button, .popup.subscribe-wnd .item .button {
        font-size:14px;
        width: 91%;
        min-width: 214px;
    }

    .popup .item .title .holder p {
        font-size:35px;
    }

    .popup .item .text .holder p {
        font-size:16px;
    }

    .ui-dialog {
        padding: 0px;
    }

    .landing .consult, .page.about .consult, .page.prices-list .consult, .page.services .consult, .page.howwework .consult {
        text-align: center;
    }

    .page.about .consult .icon p, .page.prices-list .consult .icon p, .page.services .consult .icon p, .page.howwework .consult .icon p {
        font-size:36px;
    }

    .page.about .consult .info p, .page.prices-list .consult .info p, .page.services .consult .info p, .page.howwework .consult .info p {
        font-size: 13px;
        line-height:130%;
    }

    .page.about .consult .callto .numb, .page.prices-list .consult .callto .numb, .page.services .consult .callto .numb, .page.howwework .consult .callto .numb {
        font-size:25px;
    }

    .page.about .consult .callto, .page.prices-list .consult .callto, .page.services .consult .callto, .page.howwework .consult .callto {
        background-position: center top;
    }

    .page.about .consult .icon p, .page.prices-list .consult .icon p, .page.services .consult .icon p, .page.howwework .consult .icon p {
        background-position: center top;
    }

    .page.about .consult .inside, .page.prices-list .consult .inside, .page.services .consult .inside, .page.howwework .consult .inside {
        text-align: center;
    }

    .page.about .consult .icon, .page.prices-list .consult .icon, .page.services .consult .icon, .page.howwework .consult .icon, .page.about .consult .info, .page.services .consult .info, .page.howwework .consult .info {
        padding-right:0px;
    }
 
    .landing .services ul li p em, .page.about .services ul li p em, .page.howwework .services ul li p em {
        font-size: 27px;
    }

    .landing .services ul li p, .page.about .services ul li p, .page.howwework .services ul li p {
        margin-top: 15px;
    }

    .landing .services .preambula, .page.about .services .preambula, .page.howwework .services .preambula {
        font-size:15px;
    }

    .page.howwework .main .title.show {
        margin-top:80px;
    }

    .page.howwework .main .title .fixed,
    .page.services .main .title .fixed {
        font-size:16px;
        line-height: 150%;
    }

    .page.contacts .text p {
        font-size:20px;
    }
}

@media screen and (max-width: 399px) {

    .landing .consult {
        padding-left: 15px;
        padding-right:15px;
    }

    .landing .consult .icon p {
        font-size:30px;
    }

    .main .inside {
        padding-top: 180px;
    }

    .header .text {
        font-size:40px;
    }

    .header .text.show {
        margin-top: -30px;
    }

    .page.contacts .main .title.show, .page.prices-list .main .title.show, .page.about .main .title.show, .page.services .main .title.show, .page.howwework .main .title.show, .page.blog .main .title.show {
        font-size: 18px;
        line-height: 30px;
    }

    .page.contacts .address .inside .left .info {
        font-size: 20px;
    }

    .page.contacts .address .inside .left, .page.contacts .address .inside .right {
        text-align: center;
    }

    .page.howwework .main .title.show {
        margin-top:80px;
    }

    .page.howwework .main .title .fixed,
    .page.services .main .title .fixed {
        font-size:15px;
        line-height: 150%;
    }

    .page.howwework .timeline .inside ul li p.name {
        font-size:28px;
    }

    .page.blog .subscribe .block .txt {
        width: 203px;
    }

    .page.blog .subscribe .block .button {
        width: 245px;
    }

    .page.blog .blog-list .article .text h1 {
        font-size: 25px;
    }

    .page.blog .blog-list .article .text p {
        font-size: 16px;
        line-height: 150%;
    }
}

@media screen and (max-width: 349px) {
    .page.howwework .main .title.show {
        margin-top:50px;
    }
}

@media screen and (max-width: 319px) {
    .header .text.show {
        font-size:33px;
    }

    .main .text {
        height: 60px;
    }

    .main .inside {
        padding-top:140px;
    }

    .main .inside .info p {
        font-size: 12px;
    }

    .wauto .popup .item .title .holder p {
        font-size: 25px;
    }
}