@media(max-width: 1350px){

    .container {

        max-width: 1140px;

    }

    a.anketa{

        margin: 18px 0 0 30px;

    }

    a.btn.def-btn{

        margin: 17px 0 0 20px;

    }

    .marker .info .title{
        font-size: 32px;
        
        width: 100%;

    }

    .marker .info {

        width: 45%;

        padding: 52px 0 0 10px;

    }

    .marker .info:after {

        transform: rotate(135deg);

        width: 140%;

        height: 190%;

        top: -170px;

        right: -244px;

    }

    .marker .info .bot {

        margin: 26px auto 0 auto;

        width: 175px;

    }

    .uslugi .tevs .nav-tabs .nav-link{

        padding: 22px 10px;

    }

    .uslugi .tevs .nav-tabs .nav-link:after{

        left: 10px;

    }

    .uslugi .hran .imags img:first-child{

        width: 100%;

    }

    .about .title{

        width: 60%;

    }

    .about:before{

        height: 84%;

    }

    .otzivi .slide .item{

        width: 95%;

    }

    .logos .logs ul li:after{

        width: 155px;

        height: 155px;

    }

    .form .forms{

        width: 57%;

    }

    .form .box .img{

        width: 40%;

    }

    footer .right {

        width: 55%;

    }

    .otzivi .slide {
        width: 90%;
        margin: 44px auto 0 auto;

    }

    .about:after{

        top: auto;

        bottom: 0;

    }

    .gallery .item-1 .img{

        height: 96.5%;

    }

    .gallery.video video{

        width: 165%;

        left: -25%;

    }

    .chto .title{

        width: 50%;

    }

    .chto .text {

        width: 40%;

    }

    .about .ban,

    .about .ban .img{

        height: 341px;

    }

    .master .right .img{

        width: calc(100% + 176px);

    }

    .master .left {

        padding: 89px 0 0 0;

    }

    .palitika .left .img{

        width: calc(100% + 210px);

    }

    .palitika .right {

        width: 58%;

        padding: 65px 0 0 75px;

    }

    .palitika .box{

        padding-bottom: 40px;

    }

    .compony .palitika .right {

        padding: 66px 80px 0 105px;

    }

    .usluga .articl figure + figure {

        margin-left: 18px;

    }

    .usluga .about .title {

        font-size: 70px;

    }

    .usluga .about .ban a.btn {

        margin: 36px 0 0 223px;

    }

    .usluga .palitika .right {

        padding: 65px 0 0 75px;

    }

    .usluga .palitika .box {

        padding-bottom: 11px;

    }

    .usluga .about .ban, 

    .usluga .about .ban .img {

        height: 299px;

    }

    .filosof .articl .img-min{

        margin-bottom: 20px;

    }

    .filosof .palitika .right {

        padding: 62px 0 0 75px;

        width: 55%;

    }

    .filosof .articl figure + figure {

        margin-left: 18px;

    }

    .partners .banner.mini:before{

        bottom: -120px;

    }

    .partners .logos .rab > ul li:nth-child(6) {
        margin-left: 112px;
    }

    .partners .logos .rab > ul li:after{

        width: 150px;

        height: 150px;

    }

    .clients .otzivi .slide {
        width: auto;
        margin: 0 -10px;
    }

    .clients .otzivi .slide .item{

        width: calc(33.3% - 20px);

        margin: 0 10px;

        margin-bottom: 50px;

    }

    .comandos .comanda .item {

        width: 24%;

    }

    .comanda .item .img {

        width: 100%;

    }

    .comandos .banner.mini:before{

        display: none;

    }

    .comandos .banner .text{

        width: 100%;

    }

    .error-404 main .box .left .title{

        text-align: left;

    }

    .error-404 main .box .left{

        padding: 0;

        width: 43%;

    }

    .error-404 main .box .right {

        width: 56%;

    }

    .compony .onas .item .text {

        width: 85%;

    }

}

@media(max-width: 1199px){

    .container {

        max-width: 960px;

    }

    .navbar-light .navbar-brand img{

        width: 100%;

    }

    a.anketa {

        margin: 18px 0 0 0;

        background: url(../img/plus.png) -10px 5px no-repeat;

        padding: 14px 0 15px 35px;

    }

    a.btn.def-btn {

        margin: 17px 0 0 0;

        width: 160px;

        font-size: 13px;

    }

    a.btn{

        width: 160px;

        font-size: 13px;

        margin: 17px 35px 0 0;

    }

    .navbar-expand-md .navbar-toggler{

        display: block;

        position: absolute;

        right: 0;

        top: 35px;

    }

    .collapse:not(.show) {

        display: none !important;

    }

    .navbar-expand-md {

        padding: 14px 0;

    }

    .navbar-nav{

        width: 100%;

        flex-wrap: wrap;

    }

    .navbar-nav .nav-item {

        width: 100%;

    }

    .navbar-expand-md .navbar-nav .nav-link{

        justify-content: center;

    }

    .banner{

        height: 88vh;

    }

    .banner:before,

    .banner:after{

        left: 3%;

    }

    .logik .box .item {

        width: 49%;

    }

    .logik .box{

        flex-wrap: wrap;

    }

    .logik .title{

        width: 100%;

    }

    .marker .over{

        flex-wrap: wrap;

    }

    .marker .info {

        width: 100%;

        padding: 20px 20px;

        margin-top: 15px;

        height: auto;

    }

    .marker .magic {

        width: 100%;

        height: 494px;

        overflow: hidden;

    }

    .marker .magic:after {

        content: '';

        background: #2B454D;

        transform: rotate(135deg);

        width: 80%;

        height: 143%;

        display: block;

        position: absolute;

        top: -154px;

        right: -376px;

    }

    .marker .info:after {

        transform: rotate(0deg);

        width: 100%;

        height: 100%;

        top: 0;

        right: 0;

    }

    .uslugi .tevs .nav-tabs{

        flex-wrap: wrap;

    }

    .uslugi .tevs .nav-tabs .nav-item {

        width: 24%;

        height: 185px;

        margin: 0 0 15px 0;

    }

    .uslugi .hran .imags {

        width: 100%;

    }

    .uslugi .hran .text {

        width: 100%;

    }

    .uslugi .hran{

        flex-wrap: wrap;

    }

    .about .title {

        width: 80%;

    }

    .about .ban a.btn {

        margin: 40px 0 0 180px;

    }

    .about .bour .text .zag{

        left: -160px;

    }

    .about .bour{

        padding: 79px 403px 79px 80px;

    }

    .about:before {

        height: 100%;

    }

    .otzivi{

        position: relative;

        z-index: 1;

    }

    .news .box{

        flex-wrap: wrap;

        margin: 50px 0 10px 0;

    }

    .news .item {

        width: 48%;

        margin-bottom: 30px;

    }

    .logos .box{

        flex-wrap: wrap;

    }

    .logos .left {

        width: 100%;

    }

    .logos .left .bot {

        margin: 20px 0;

    }

    .logos{

        height: auto;

    }

    .logos .logs {

        width: 85%;

        margin: 0 auto;

    }

    .form .forms {

        width: 80%;

        position: relative;

        z-index: 1;

    }

    .form .box .img {

        width: 20%;

        opacity: 0.5;

    }

    .articl blockquote{

        width: 100%;

    }

    .articl .item{

        width: 100%;

    }

    .articl figure{

        width: 100%;

    }

    .chto .item .zag{

        width: 85%;

    }

    .chto .box{

        justify-content: space-between;

    }

    .chto .text {

        width: 45%;

    }

    .razvitie:after{

        opacity: 0.5;

    }

    .razvitie .title{

        width: 100%;

    }

    .razvitie .text {

        width: 100%;

    }

    .razvitie{

        padding: 50px 0;

    }

    .about .ban, .about .ban .img {

        height: 423px;

    }

    .garant .about .title{

        width: 80%;

        padding: 30px 0 0 0;

    }

    .master .container:before{

        width: calc(98.2% + 100%);

    }

    .master .right .img img{

        margin-right: -122px;

    }

    .master .right .img {

        width: calc(100% + 120px);

    }

    .master .box{

        padding-bottom: 60px;

    }

    .palitika .left .img img{

        margin-left: -90px;

    }

    .palitika .left .img {

        width: calc(100% + 186px);

    }

    .palitika:before{

        width: 96.8%;

    }

    .palitika .right{

        padding: 65px 0 0 48px;

    }

    .palitika .box {

        padding-bottom: 10px;

    }

    .palitika .title{

        margin-bottom: 10px;

    }

    .palitika .text ul{

        width: 100%;

    }

    .onas .right{

        opacity: 0.5;

    }

    .onas .left {

        width: 100%;

    }

    .logik .box .item {

        margin-bottom: 10px;

    }

    .compony .palitika .right {

        padding: 66px 0 47px 60px;

    }

    .compony .logos{

        padding: 43px 0;

        height: auto;

    }

    .comanda .box{

        flex-wrap: wrap;

    }

    .comanda .item {

        width: 32%;

        margin-bottom: 20px;

    }

    .usluga .banner {

        height: 430px;

    }

    .uluga .box{

        flex-wrap: wrap;

    }

    .uluga .item {

        width: 43%;

        margin-bottom: 20px;

    }

    .uluga .item:nth-child(2) .arrow{

        display: none;

    }

    .usluga .articl figure + figure {

        margin-left: 14px;

    }

    .usluga .about .title{

        width: 75%;

    }

    .usluga .about .ban a.btn {

        margin: 36px 0 0 180px;

    }

    .usluga .palitika .right {

        padding: 35px 0 0 75px;

    }

    .vakansii .banner.mini .text{

        width: 100%;

    }

    .breadcrumb-item{

        line-height: 17px;

    }

    .faq .banner .right{

        opacity: 0.5;

    }

    .banner.mini h1{

        width: 100%;

    }

    .faq .banner p{

        margin: 30px 0 0 0;

        width: 100%;

    }

    .vopros .accordion .card-body{

        padding: 30px;

    }

    .missia .banner .right{

        opacity: 0.5;

    }

    .missia .banner .text {

        width: 100%;

    }

    .missia .chto .text {

        width: 100%;

    }

    .filosof .banner .right{

        opacity: 0.5;

    }

    .filosof .palitika .right {

        padding: 62px 0 0 30px;

    }

    .filosof .palitika .text ul.laat {

        padding: 0 0 0 70px;

    }

    .filosof .articl figure + figure {

        margin-left: 14px;

    }

    .partners .logos .rab > ul li:nth-child(6),
    .partners .logos .rab > ul li:nth-child(15) {
        margin-left: 94px;
    }

    .partners .logos .rab > ul li:after {

        width: 130px;

        height: 130px;

    }

    .partners .logos .rab > ul li{

        height: 220px;

    }

    .partners .logos .rab > ul li img{

        width: 100%;

        height: 60px;

        object-fit: contain;

    }

    .partners .logos .rab > ul{

        margin: 0 0 90px 0;

    }

    .clients .banner .right{

        opacity: 0.5;

    }

    .clients .banner .text {

        width: 100%;

    }

    .comandos .comanda .item {

        width: 32%;

    }

    body.error .logo,

    body.error .img-error{

        width: 960px;

    }

    .error-404 main .box .left {

        width: 38%;

    }

    .error-404 main .box .right {

        width: 60%;

    }

    .error-404 main .box .right .img-svg{

        width: 100%;

    }

    .error-404 a.anketa {

        background: url(../img/plus1.png) -10px 5px no-repeat;

    }

    #video .modal-dialog {

        max-width: 90%;

    }

    .compony .logik .box .item {

        width: 49%;

    }

    .compony .onas .logik{

        padding: 0;

    }

}

@media(max-width: 992px){

    .container {

        max-width: 720px;

    }

    header .col-md-4 {

        -ms-flex: 0 0 100%;

        flex: 0 0 100%;

        max-width: 100%;

    }

    .navbar-light .navbar-brand{

        margin: 0 auto;

        display: block;

        width: 280px;

    }

    header .col-md-3 {

        -ms-flex: 0 0 40%;

        flex: 0 0 40%;

        max-width: 40%;

    }

    header .col-md-5 {

        -ms-flex: 0 0 60%;

        flex: 0 0 60%;

        max-width: 60%;

    }

    a.btn.def-btn{

        width: 195px;

    }

    .navbar-expand-md .navbar-toggler{

        right: 20px;

    }

    .banner h1{

        width: 100%;

    }

    .banner p{

        width: 100%;

    }

    .banner .container{

        top: 75px;

    }

    .banner {

        height: 65vh;

    }

    .banner:before,

    .banner:after{

        left: -20%;

        top: -90%;

    }

    .marker .magic:after{

        top: -85px;

        right: -450px;

    }

    .uslugi .hran .text .info{

        width: 100%;

    }

    .uslugi .tevs{

        margin: 41px 0 0 0;

    }

    .about .title {

        width: 90%;

        margin: 0 0 0 5%;

    }

    .about .ban:after {

        border: 81px solid transparent;

        border-left: 81px solid #2B454D;

        left: -90px;

        top: -92px;

    }

    .about .ban:before {

        content: '';

        border: 40px solid transparent;

        border-left: 40px solid #F6DB4D;

        left: -20px;

        top: -21px;

    }

    .about .ban a.btn {

        margin: 40px 0 0 35px;

    }

    .about .bour {

        padding: 79px 80px;

    }

    .about:after {

        opacity: 0.5;

    }

    .otzivi{

        height: auto;

        padding-bottom: 50px;

    }

    .logos .logs ul li img{

        width: 90px;

        height: 70px;

        object-fit: contain;

    }

    .logos .logs ul li:after {

        width: 130px;

        height: 130px;

    }

    .logos .logs ul li{

        margin-bottom: -125px;

    }

    .form .box .img {

        width: 0%;

    }

    .form .forms {

        width: 100%;

    }

    footer .box{

        flex-wrap: wrap;

    }

    footer .left{

        width: 310px;

        margin: 0 auto;

    }

    footer .right {

        width: 100%;

    }

    footer .left .adress {

        margin: 15px 0;

        text-align: center;

    }

    footer .left .adress .city{

        font-size: 15px;

    }

    footer .right ul{

        display: none;

    }

    footer .right a{

        width: 215px;

        margin: 0 auto 20px auto;

        display: block;

    }

    footer .right a.tel,
    footer .right a.mail {
        background-position: 0 5px;
    }

    footer .right a.mail{

        width: 215px;

        margin: 0 auto;

    }

    footer .bot-footer .link{

        width: 100%;

        text-align: center;

        margin-bottom: 10px;

    }

    footer .bot-footer .copy{

        width: 100%;

        text-align: center;

        margin-bottom: 10px;

    }

    footer .bot-footer .raz{

        width: 180px;

        text-align: center;

        margin: 0 auto;

    }

    .tab .nav-tabs .nav-item {

        margin: 0 0 10px 0;

        width: 100%;

    }

    .tab .box{

        flex-wrap: wrap;

    }

    .tab .left,

    .tab .right{

        width: 100%;

    }

    .media-center .text{

        width: 100%;

    }

    .gallery .item-1 {

        width: 100%;

    }

    .gallery .item-2 {

        width: 100%;

        display: flex;

        justify-content: space-between;

        flex-wrap: wrap;

    }

    .gallery.video .item-2 .img{

        width: 49%;

    }

    .gallery .box .item-1 .img {

        height: 450px;

        width: 100%;

    }

    .gallery .box .img {

        width: 48.5%;

    }

    .articl figure:after{

        border: 81px solid transparent;

        border-left: 81px solid #2B454D;

        left: -90px;

        top: -90px;

    }

    .articl figure:before {

        border: 40px solid transparent;

        border-left: 40px solid #F6DB4D;

        left: -20px;

        top: -20px;

    }

    .articl .item{

        padding: 32px;

    }

    .articl .item .text {

        width: 65%;

    }

    .articl .item .text .title{

        margin-bottom: 10px;

    }

    .new-page .banner:before, .new-page .banner:after {

        left: -20%;

        top: -90%;

    }

    .chto .box:last-child{

        flex-wrap: wrap;

    }

    .chto .item {

        width: 50%;

        margin-bottom: 10px;

    }

    .chto .item .zag {

        width: 100%;

    }

    .chto .box{

        flex-wrap: wrap;

        margin-bottom: 40px;

    }

    .chto .title {

        width: 100%;

        justify-content: center;

        margin-bottom: 20px;

    }

    .chto .text {

        width: 100%;

        text-align: center;

    }

    .garant .about .title {

        width: 90%;

        padding: 30px 0 0 20px;

    }

    .garant .about .text{

        margin: 22px 0 0 8%;

        width: 85%;

    }

    .about .ban .img video {

        width: 115%;

        height: 110%;

    }

    .garant .about .ban a.btn {

        margin: 38px 0 0 8%;

    }

    .master .left {

        padding: 30px 0 0 0;

        width: 78%;

    }

    .master .right .img img {

        margin-right: -240px;

    }

    .master .container:before {

        width: calc(98% + 100%);

    }

    .master .right:after {

        border: 81px solid transparent;

        border-right: 81px solid #2B454D;

        right: -90px;

        top: -90px;

    }

    .master .right:before {

        border: 40px solid transparent;

        border-right: 40px solid #60DA61;

        right: -20px;

        top: -20px;

    }

    .master .right .img:before {

        width: 210px;

        height: 204px;

        left: 21px;

        top: -109px;

    }

    .master .right{

        margin: 0;

    }

    .master .box {

        padding-bottom: 40px;

    }

    .palitika .left .img img {

        margin-left: -240px;

    }

    .palitika .left .img:before {

        width: 210px;

        height: 204px;

        right: 69px;

        top: -110px;

    }

    .palitika .left:before {

        border: 40px solid transparent;

        border-right: 40px solid #60DA61;

        left: -20px;

        top: -20px;

    }

    .palitika .left:after {

        border: 81px solid transparent;

        border-right: 81px solid #2B454D;

        left: -90px;

        top: -90px;

    }

    .palitika:before {

        width: 95%;

    }

    .palitika .right {

        padding: 65px 0 0 0;

        width: 85%;

    }

    .palitika .title {

        margin-bottom: 10px;

        padding: 0 0 0 80px;

    }

    .onas .text p{

        font-size: 16px;

        margin-bottom: 10px;

    }

    .compony .palitika .title{

        padding: 0;

    }

    .compony .palitika .left .img:before {

        right: 95px;

    }

    .palitika .left .img img {

        margin-left: -270px;

    }

    .comanda {

        padding: 30px 0 60px 0;

    }

    .compony .otzivi{

        background-size: cover;

    }

    .comanda .item {

        width: 50%;

    }

    .usluga .banner .text{

        width: 75%;

    }

    .uluga .item .arrow{

        right: -25px;

    }

    .usluga .articl figure + figure {

        margin-left: 9px;

    }

    .uluga {

        margin: 40px 0 0 0;

    }

    .content {

        margin-top: 30px;

    }

    .usluga .articl h2 {

        margin-bottom: 30px;

    }

    .usluga .articl figure {

        margin: 0 0 30px 0;

    }

    .usluga .about .title {

        width: 90%;

        padding: 35px 0 0 0;

    }

    .usluga .about .ban a.btn {

        margin: 36px 0 0 35px;

        width: 225px;

        padding: 0 0 0 10px;

    }

    .usluga .about .ban span{

        font-size: 14px;

        margin-left: 15px;

    }

    .usluga .about .ban, 

    .usluga .about .ban .img {

        height: 276px;

    }

    .usluga .about .ban .img video {

        width: 115%;

        height: 165%;

    }

    .usluga .palitika .left .img:before{

        right: 94px;

    }

    .usluga .palitika .right {

        padding: 35px 0 0 40px;

    }

    .usluga .palitika .title {

        padding: 0 0 0 40px;

    }

    .usluga .palitika .text ul{

        margin: 20px 0 0 0;

    }

    .usluga .txt{

        margin-bottom: 0;

    }

    .kariera .onas {

        margin-top: 30px;

    }

    .kariera .onas .right{

        top: -361px;

    }

    .kariera .onas .zag {

        width: 100%;

        position: relative;

        z-index: 1;

    }

    .kariera .logik .box .item {

        width: 33%;

        margin-bottom: 30px;

    }

    .articl p.non {

        padding-left: 0;

    }

    .articl ul.laat {

        padding: 0 0 0 60px;

    }

    .rabota {

        margin: 30px 0 0 0;

    }

    .rabota .title{

        margin-bottom: 30px;

    }

    .rabota .box{

        flex-wrap: wrap;

        position: relative;

        z-index: 1;

        padding-bottom: 0;

    }

    .rabota .item {

        width: 100%;

        margin-bottom: 20px;

    }

    .rabota .item .left {

        width: 65%;

    }

    .rabota .item .img {

        width: 35%;

    }

    .faq .banner .right{

        display: none;

    }

    .vopros .accordion .card-header .btn{

        padding: 21px 55px 21px 21px;

        height: auto;

    }

    .vopros .accordion .card-body {

        padding: 15px 0;

    }

    .missia .banner .right{

        display: none;

    }

    .missia .banner .text{

        margin-top: 15px;

    }

    .missia .chto {

        margin: 30px 0;

    }

    .missia .chto .item:first-child,

    .missia .chto .item:nth-child(2),

    .missia .chto .item:nth-child(3),

    .missia .chto .item:nth-child(4),

    .missia .chto .item:last-child,

    .missia .chto .item{

        width: 50%;

    }

    .filosof .banner .right{

        display: none;

    }

    .filosof .banner .text{

        margin-top: 30px;

        margin-bottom: 30px;

        width: 100%;

    }

    .filosof .palitika .left .img:before{

        right: 145px;

    }

    .filosof .palitika .title{

        padding: 0;

    }

    .filosof .palitika .right {

        padding: 62px 0 0 0;

        width: 62%;

    }

    .filosof .articl .img-min {

        width: 100%;

        margin-left: 0;

        float: none;

    }

    .filosof .chto {

        margin-bottom: 20px;

    }

    .filosof .articl figure + figure {

        margin-left: 9px;

    }

    .partners .banner.mini:before {

        display: none;

    }

    .partners .banner.mini .text{

        width: 100%;

    }

    .partners .master .text{

        width: 99%;

    }

    .partners .logos .rab > ul li{

        width: 25%;

    }

    .partners .logos .rab > ul li:nth-child(5),
    .partners .logos .rab > ul li:nth-child(12) {
        margin-left: 86px;
    }

    .partners .logos .rab > ul li:nth-child(6),
    .partners .logos .rab > ul li:nth-child(15) {
        margin-left: 1px;
    }

    .partners .logos .rab > ul li:after {

        width: 120px;

        height: 120px;

    }

    .partners .logos .rab > ul li:nth-child(8), 

    .partners .logos .rab > ul li:nth-child(9){

        margin-left: 0;

    }

    .partners .logos .rab > ul li:nth-child(10), 

    .partners .logos .rab > ul li:nth-child(11){

        margin-bottom: -102px;

    }

    .partners .logos .title{

        margin-bottom: 0;

    }

    .pagination {

        margin-bottom: 20px;

    }

    .clients .banner .right{

        display: none;

    }

    .clients .banner.mini:before{

        display: none;

    }

    .clients .chto {

        margin-bottom: 30px;

    }

    .clients .articl p {

        margin-bottom: 33px;

    }

    .clients .otzivi{

        margin-top: 30px;

    }

    .clients .otzivi .slide .item {

        width: calc(50% - 20px);

    }

    .comandos .comanda .item {

        width: 49%;

    }

    body.error .logo,

    body.error .img-error{

        width: 720px;

    }

    body.error .logo{

        top: 60px;

    }

    body.error .img-error{

        height: 100%;

        margin-bottom: 30px;

    }

    body.error{

        height: 100%;

    }

    body.error .logo img{

        width: 290px;

    }

    .error-404 main .box{

        flex-wrap: wrap;

    }

    .error-404 main .box .left {

        width: 100%;

        order: 1;

    }

    .error-404 main .box .right{

        order: 0;

        margin: 0 auto;

    }

    .error-404 main .box .right .img-svg {

        margin-top: -60px;

        height: auto;

    }

    .error-404 main .box .left .title {

        text-align: center;

        margin: 30px 0 0 0;

        justify-content: center;

    }

    .error-404 main .box .left .text{

        text-align: center;

    }

    .error-404 main .box .left .bot a.btn {

        margin: 36px auto 0 auto;

    }

    .error-404 main:after{

        display: none;

    }

    .error-404 footer .box .left{

        width: 310px;

        padding: 0;

    }

    .error-404 footer .box .right{

        width: 100%;

    }

    .error-404 main{

        background: url(../img/fon.png) -50px -55px no-repeat;

    }

}

@media(max-width: 767px){

    .container {

        max-width: 540px;

    }

    header .col-md-3 {

        -ms-flex: 0 0 100%;

        flex: 0 0 100%;

        max-width: 100%;

    }

    a.anketa {

        margin: 0 auto;

        padding: 14px 0 15px 35px;

        display: block;

        width: 205px;

    }

    header .col-md-5{

        -ms-flex: 0 0 100%;

        flex: 0 0 100%;

        max-width: 100%;

    }

    a.btn.def-btn {

        width: 150px;

        margin: 10px 0 0 0;

    }

    a.btn {

        width: 48%;

        margin: 10px 0 0 0;

    }

    .banner .container {

        top: 45px;

    }

    .marker:after{

        border: 81px solid transparent;

        border-left: 81px solid #2B454D;

        left: -80px;

        top: -82px;

    }

    .marker:before {

        border: 40px solid transparent;

        border-left: 40px solid #60DA61;

        left: -11px;

        top: -11px;

    }

    .marker .magic .img.item-1 {

        top: -50px;

        left: 55px;

    }

    .marker .magic .img.item-2 {

        top: 65px;

        left: -32px;

    }

    .marker .magic .img.item-3 {

        bottom: 0;

        left: 62px;

    }

    .marker .magic:after {

        top: -72px;

        right: -433px;

    }

    .marker .magic{

        height: 442px;

    }

    .marker .magic .popup{

        top: 65px;

    }

    .marker .magic .item-2 .popup{

        top: 0;

        left: 40px;

    }

    .marker .magic .img.item-3 .popup{

        left: -20px;

    }

    .marker .info .text{

        width: 100%;

    }

    .uslugi .tevs .nav-tabs .nav-link .txt{

        display: none;

    }

    .uslugi .tevs .nav-tabs .nav-link {

        padding: 10px 0;

        min-height: auto;        
    }

    .uslugi .tevs .nav-tabs .nav-item {

        width: 13%;

        height: 90px;

        margin: 0;

    }

    .uslugi .tevs .nav-tabs .nav-link:after {

        left: 0;

        right: 0;

        bottom: -5px;

        margin: auto;

        width: 20px;

        transform: rotate(90deg);

    }

    .uslugi .tevs .nav-tabs{

        margin: 0 0 15px 0;

    }

    .uslugi .tevs .nav-tabs .nav-link .icon {

        display: flex;

        justify-content: center;

        align-items: center;

    }

    .about .title{

        font-size: 40px;

    }

    .about .ban .img{

        height: 290px;

    }

    .about .ban{

        height: 290px;

    }

    .about .ban .img video{

        width: 100%;

        height: 100%;

    }

    .about .bour {

        padding: 40px 0 40px 80px;

    }

    .otzivi .box{

        padding: 40px 0 0 0;

        flex-wrap: wrap;

    }

    .otzivi .box .title{

        justify-content: center;

        width: 100%;

    }

    .otzivi .box .bot {

        margin: 9px auto 0 auto;

    }

    .otzivi .slide .item {

        width: 100%;

    }

    .otzivi .slide .slick-arrow.slick-prev {

        left: -35px;

    }

    .otzivi .slide .slick-arrow.slick-next {

        right: -35px;

    }

    .logos .logs .slick-list ul li {

        margin-bottom: -70px;

        width: 49%;

        height: 190px;

    }

    .logos .logs .slick-list ul li:nth-child(3){

        margin-left: 9px;

        margin-right: 9px;

    }

    .logos .logs .slick-list ul li:last-child,

    .logos .logs .slick-list ul li:nth-last-child(2){

        margin-bottom: 0;

    }

    .logos .logs .slick-arrow.slick-prev {

        left: -35px;

    }

    .logos .logs .slick-arrow.slick-next {

        right: -35px;

    }

    .logos .left .bot a {

        margin: 0 auto;

    }

    .logos .left .title{

        justify-content: center;

    }

    .form .box{

        flex-wrap: wrap;

    }

    .form .box .img img {

        width: 535px;

    }

    .form .forms .title{

        justify-content: center;

    }

    .form .forms .text{

        text-align: center;

    }

    .form .forms .form-group {

        margin-bottom: 15px;

        width: 100%;

    }

    .form .forms input{

        width: 100%;

    }

    .form .forms button.btn{

        width: 100%;

    }

    .form .forms p{

        width: 100%;

        margin: 15px 0;

        text-align: center;

    }

    .modal-dialog{

        margin: 0.5rem auto;

    }

    .tab .tab-content {

        margin-top: 30px;

    }

    .tab .nav-tabs .nav-link{

        height: 55px;

    }

    .tab .nav-tabs .nav-link:after{

        top: 18px;

    }

    .tab .left .zag{

        font-size: 16px;

    }

    .tab .left p,

    .tab .left .adress p strong{

        font-size: 14px;

    }

    .tab .left .cont {

        margin: 15px 0 0 0;

    }

    .tab .left .cont p {

        margin-bottom: 15px;

    }

    .tab .right .title{

        font-size: 30px;       

        margin-bottom: 15px;

    }

    .tab .right .text p{

        font-size: 14px;

        margin-bottom: 15px;

    }

    .tab .right .text p:last-child {

        margin-top: 0;

        line-height: 24px;

    }

    .media-center .text{

        font-size: 16px;

    }

    .media-center .news {

        margin: 50px 0;

    }

    .gallery.video {

        margin-bottom: 50px;

    }

    .articl .time{

        margin: 30px 0;

    }

    .articl .item .box{

        flex-wrap: wrap;

    }

    .articl .item .img{

        width: 100%;

        margin-bottom: 20px;

    }

    .articl .item .text {

        width: 100%;

    }

    .garant .about .title{

        font-size: 40px;

    }

    .garant .about .text {

        margin: 10px 0 0 8%;

        width: 90%;

        font-size: 14px;

        line-height: 20px;

    }

    .garant .about .ban a.btn {

        margin: 17px 0 0 8%;

    }

    .master .right .img img {

        margin-right: -315px;

    }

    .master .right,

    .master .container:before{

        display: none;

    }

    .master{

        background: #F3F3F3;

    }

    .master .left{

        width: 100%;

    }

    .razvitie:after{

        display: none;

    }

    .palitika{

        background: #F3F3F3;

        margin-bottom: 0;

    }

    .palitika:before,

    .palitika .left{

        display: none;

    }

    .palitika .right {

        padding: 30px 0 0 0;

        width: 100%;

    }

    .palitika .title {

        padding: 0;

        margin-bottom: 25px;

    }

    .palitika .box {

        padding-bottom: 40px;

    }

    .onas .right{

        display: none;

    }

    .onas .left .title{

        margin: 30px 0;

    }

    .onas .left .text p{

        margin-bottom: 10px;

    }

    .onas .box{

        padding-bottom: 30px;

    }

    .onas .text p{

        width: 100%;

    }

    .compony .palitika .right {

        padding: 30px 0 0 0;

    }

    .comanda .item {

        width: 311px;

        margin: 0 auto 20px auto;

    }

    .usluga .banner h1 {

        margin-top: 15px;

    }

    .usluga .banner .text {

        width: 100%;

        margin: 10px 0 30px 0;

    }

    .usluga .banner {

        height: 380px;

    }

    .usluga .articl figure + figure {

        margin-left: 0;

    }

    .usluga .articl figure{

        width: 100%;

    }

    .usluga .about .title{

        font-size: 50px;

        padding: 35px 0 0 26px;

    }

    .usluga .about .ban .box{

        flex-wrap: wrap;

    }

    .usluga .about .ban a.btn {

        margin: 25px auto 10px auto;

    }

    .usluga .about .ban span {

        margin-left: 0;

        text-align: center;

        display: block;

        width: 100%;

    }

    .usluga .about {

        margin: 30px 0;

    }

    .usluga .palitika .right {

        padding: 30px 0;

    }

    .usluga .palitika .title {

        padding: 0;

    }

    .kariera .banner .text{

        width: 100%;

    }

    .kariera .logik .box .item {

        width: 50%;

    }

    .kariera .articl figure {

        margin: 30px auto;

        width: 100%;

    }

    .vakansii .articl {

        margin-bottom: 0;

    }

    .vopros .accordion .card-body{

        font-size: 14px;

        line-height: 24px;

    }

    .vopros .accordion .card-header .btn{

        font-size: 14px;

    }

    .missia .banner.mini:before{

        display: none;

    }

    .filosof .palitika .right {

        padding: 30px 0 0 0;

        width: 100%;

    }

    .filosof .palitika {

        margin-bottom: 30px;

        min-height: auto;

    }

    .filosof .articl figure {

        width: 100%;

        margin: 0 0 40px 0;

    }

    .filosof .articl figure + figure {

        margin-left: 0;

    }

    .partners .logos .rab > ul li {

        width: 33%;

    }

    .partners .logos .rab > ul li:nth-child(5),
    .partners .logos .rab > ul li:nth-child(6),
    .partners .logos .rab > ul li:nth-child(7),
    .partners .logos .rab > ul li:nth-child(12) {
        margin-left: 0;
    }

    .partners .logos .rab > ul li:nth-child(4),
    .partners .logos .rab > ul li:nth-child(9),
    .partners .logos .rab > ul li:nth-child(14),
    .partners .logos .rab > ul li:nth-child(19) {
        margin-left: 86px;
    }

    .partners .logos .rab > ul li:nth-child(12), 

    .partners .logos .rab > ul li:nth-child(13){

        margin-bottom: -102px;

    }

    .clients .otzivi .slide {
        margin-left: 0;
        margin-right: 0;
    }

    .clients .otzivi .slide .item {

        width: 100%;

        margin-left: 0;
        margin-right: 0;

    }

    .clients .otzivi .slide .name {

        width: 77%;

    }

    .clients .otzivi .slide .text{

        margin: 20px 0 0 0;

    }

    .comandos .comanda {

        padding: 30px 0 0 0;

    }

    body.error .logo,

    body.error .img-error{

        width: 540px;

    }

    body.error .logo img {

        width: 43%;

    }

    body.error .logo {

        top: 10px;

    }

    .error-404 main .box .right .img-svg {

        margin-top: -25px;

    }

    .marker .magic .popup.active,

    .marker .magic .img.item-3 .popup.active{

        animation: none;

    }

    .marker .magic .popup.active img{

        animation: none;

    }

    .logik{

        background: none;

    }

    .compony .onas .item .text {

        width: 100%;

    }

}

@media(max-width: 570px){

    .container {

        max-width: 400px;

    }

    .navbar-light .navbar-brand{

        width: 250px;

    }

    .navbar-expand-md .navbar-toggler {

        top: 32px;

    }

    a.btn.def-btn {

        width: 150px;

    }

    a.btn {

        width: 49%;

    }

    .banner h1{

        font-size: 38px;

    }

    .banner p{

        margin: 35px 0 0 0;

    }

    .banner {

        height: 60vh;

    }

    .banner:before,

    .banner:after {

        left: -55%;

    }

    .logik {

        padding: 35px 0 0 0;

    }

    .logik .title{

        font-size: 30px;

    }

    .logik .box .item {

        width: 100%;

        margin-bottom: 10px;

    }

    .logik .box .text{

        width: 100%;

        font-size: 14px;

        text-align: center;

    }

    .logik .box .icon {

        margin-bottom: 20px;

        justify-content: center;

    }

    .logik .box .text strong{

        font-size: 14px;

    }

    #anima .item{

        opacity: 1;

    }

    #anima .item .text{

        opacity: 1;

        animation: none;

    }

    #anima.active .item{

        animation: none;

        opacity: 1;

    }

    .marker {

        margin: 30px 0 0 0;

    }

    .marker .magic:after{

        display: none;

    }

    .marker .magic .img.item-3 .open{

        right: 325px;

    }

    .marker .magic .popup{

        left: -50%;

    }

    .marker .magic .img.item-3 .popup {

        left: -50%;

    }

    .marker .info .title{

        font-size: 30px;

    }

    .marker .info .text{

        font-size: 14px;

    }

    .marker .info .bot {

        margin: 26px 0 0 0;

    }

    .uslugi .container{

        margin: 30px auto 0 auto;

        padding: 30px 15px 45px 15px;

    }

    .uslugi .title{

        font-size: 30px;

    }

    .uslugi .tevs .nav-tabs .nav-item {

        width: 23%;

        margin: 0 0 10px 0;

    }

    .uslugi .tevs .nav-tabs .nav-item:nth-last-child(1),

    .uslugi .tevs .nav-tabs .nav-item:nth-last-child(2),

    .uslugi .tevs .nav-tabs .nav-item:nth-last-child(3){

        width: 31%;

    }

    .uslugi .hran .text .zag{

        font-size: 20px;

    }

    .uslugi .hran .text .sub-zag,

    .uslugi .hran .text .info,

    .uslugi .hran .text .txt p,

    .uslugi .hran .text .txt ul li{

        font-size: 14px;

    }

    .about .title {

        font-size: 30px;

        margin: 0 0 0 17%;

        padding: 30px 0 0 0;

        width: 77%;

    }

    .about .ban .img {

        height: 248px;

    }

    .about .ban {

        height: 248px;

    }

    .about .ban .img{

        background: url(../img/fon2.jpg) 50% 50% no-repeat;

    }

    .about .ban .img video {

        display: none;

    }

    .about .bour .img img {

        width: 100%;

    }

    .about .bour .text p,

    .about .bour .text ul li{

        font-size: 14px;

    }

    .about .bour{

        background: #F3F3F3 url(../img/fon4.png) 60% 0 no-repeat;

        background-size: 140%;

    }

    .about{

        overflow: hidden;

    }

    .about:after{

        display: none;

    }

    .otzivi .box {

        padding: 15px 0 0 0;

    }

    .news .item {

        width: 100%;

    }

    .news .title{

        font-size: 30px;

    }

    .news .box{

        margin: 30px 0 10px 0;

    }

    .news {

        margin: 30px 0 0 0;

    }

    .news .item .zag{

        font-size: 16px;

        padding-bottom: 10px;

        height: auto;

    }

    .news .item .bot a{

        font-size: 14px;

    }

    .logos .left .title{

        font-size: 30px;

        text-align: center;

    }

    .logos .logs ul li:after {

        width: 105px;

        height: 105px;

    }

    .logos .logs .slick-list ul li {

        margin-bottom: -90px;

    }

    .otzivi .slide .text{

        font-size: 14px;

    }

    .otzivi .box .title{

        font-size: 30px;

    }

    .form .box .img{

        display: none;

    }

    .form .forms {

        margin: 30px 0 0 0;

    }

    .media-center .news .title,

    .gallery .zag{

        font-size: 30px;

    }

    .media-center .news {

        margin: 50px 0 0 0;

    }

    .gallery .box .item-1 .img {

        height: 250px;

    }

    .gallery.video video {

        width: 120%;

        left: 0;

    }

    .gallery.video .item-2 .img {

        width: 100%;

    }

    .gallery .box .img {

        width: 100%;

    }

    .media-center .news .item .zag{

        font-size: 16px;

    }

    .media-center .news .item .img {

        margin-bottom: 15px;

    }

    .media-center .news .item .bot a{

        font-size: 14px;

    }

    .gallery .zag{

        margin-bottom: 20px;

    }

    .media-center .news .box {

        margin: 30px 0 10px 0;

    }

    .new-page .banner:before, .new-page .banner:after {

        left: -55%;

    }

    .articl .time{

        margin: 30px 0 20px 0;

        flex-wrap: wrap;

    }

    .articl .time .name{

        margin-right: 0;

        margin-bottom: 10px;

        width: 100%;

        font-size: 14px;

    }

    .new-page .banner .category{

        font-size: 16px;

    }

    .new-page .banner .date{

        font-size: 14px;

    }

    .articl .time .name span{

        font-size: 14px;

    }

    .articl p{

        font-size: 14px;

        margin-bottom: 15px;

    }

    .articl figure figcaption{

        font-size: 14px;

    }

    .articl h2{

        font-size: 20px;

    }

    .articl ul{

        margin: 0 0 45px 0;

    }

    .articl ul li{

        font-size: 14px;

    }

    .articl .item .text .title{

        font-size: 20px;

    }

    .articl .item .text p{

        font-size: 14px;

        line-height: 20px;

    }

    .articl .item{

        margin-bottom: 30px;

    }

    .articl h3{

        font-size: 18px;

        margin-bottom: 15px;

    }

    .articl ol{

        margin: 0 0 35px 0;

    }

    .articl ol li{

        font-size: 14px;

    }

    .articl ol li::before{

        font-size: 14px;

    }

    .articl blockquote {

        padding: 30px;

        font-size: 14px;

        line-height: 20px;

        margin-bottom: 20px;

    }

    .new-page .news {

        margin: 40px 0 30px 0;

    }

    .garant .banner p{

        font-size: 14px;

        margin: 0 0 10px 0;

    }

    .chto .title{

        font-size: 38px;

    }

    #anima .item .zag{

        opacity: 1;

    }

    .chto .item {

        width: 100%;

    }

    .chto .item .icon{

        display: flex;

        justify-content: center;

    }

    .chto .item .zag {

        text-align: center;

        font-size: 16px;

    }

    .razvitie .title{

        font-size: 38px;

        margin-bottom: 10px;

    }

    .razvitie .text p,

    .razvitie .text ul li{

        font-size: 14px;

    }

    .garant .about .title {

        font-size: 38px;

        padding: 30px 0 0 0;

    }

    .garant .about .text {

        margin: 10px 0 0 15px;

        width: 93%;

        font-size: 14px;

        line-height: 20px;

    }

    .garant .about .ban,

    .garant .about .ban .img{

        height: 304px;

    }

    .garant .about .ban .img video {

        width: 150%;

    }

    .master .title{

        font-size: 38px;

    }

    .master .text p,

    .master .text ul li{

        font-size: 14px;

    }

    .palitika .title{

        font-size: 38px;

    }

    .palitika .text p,

    .palitika .text ul li{

        font-size: 14px;

    }

    .garant .about {

        overflow: visible;

    }

    .onas .left .title{

        font-size: 30px;

        margin: 30px 0 10px 0;

    }

    .onas .left .text p{

        font-size: 14px;

    }

    .onas .zag{

        font-size: 30px;

        margin: 0 0 10px 0;

    }

    .onas .text p {

        font-size: 14px;

    }

    .palitika .title {

        font-size: 30px;

    }

    .compony .palitika .text p {

        font-size: 14px;

    }

    .compony .palitika a.btn {

        margin: 20px 0 0 0;

    }

    .comanda .title{

        font-size: 30px;

        width: 100%;

    }

    .comanda .bot {

        margin: 10px 0 0 0;

    }

    .usluga .banner .bot{

        flex-wrap: wrap;

    }

    .usluga .banner .text{

        margin: 13px 0 5px 0;

        font-size: 14px;

        line-height: 20px;

    }

    .usluga .banner a.btn.def-btn {

        margin: 0 0 5px 0;

    }

    .usluga .logik .box{

        margin: 0;

    }

    .uluga .title{

        font-size: 30px;

        margin-bottom: 30px;

    }

    .uluga .item {

        width: 100%;

        margin-bottom: 70px;

    }

    .uluga .item .arrow {

        right: 0;

        left: 0;

        top: auto;

        bottom: -50px;

        margin: auto;

        transform: rotate(0);

    }

    .uluga .item:nth-child(2) .arrow{

        display: block;

    }

    .uluga .item .text{

        font-size: 14px;

    }

    .uluga .item:last-child{

        margin-bottom: 0;

    }

    .usluga .about .title {

        font-size: 30px;

        padding: 20px 0 0 10px;

        width: 79%;

    }

    .usluga .about .ban span{

        padding: 0 10px;

    }

    .usluga .about .ban, .usluga .about .ban .img {

        height: 220px;

    }

    .usluga .about .ban .img video {

        width: 130%;

        height: 115%;

    }

    .usluga .about {

        overflow: visible;

    }

    .usluga .palitika .text p {

        font-size: 14px;

    }

    .usluga .txt{

        font-size: 14px;

    }

    .kariera .banner .text {

        font-size: 14px;

    }

    .kariera .banner.mini h1 {

        margin: 30px 0;

    }

    .kariera .onas .zag{

        margin-bottom: 0;

    }

    .kariera .logik .box .item {

        width: 100%;

        margin-bottom: 10px;

    }

    .kariera .logik .box .text {

        width: 100%;

    }

    .corp .title{

        font-size: 30px;

        margin-bottom: 15px;

    }

    .rabota .title {

        margin-bottom: 15px;

        font-size: 30px;

    }

    .rabota .item{

        flex-wrap: wrap;

    }

    .rabota .item .left {

        width: 100%;

        padding: 15px;

    }

    .rabota .item .img {

        width: 100%;

        height: 140px;

    }

    .rabota .item .left .txt{

        font-size: 14px;

    }

    .rabota .item .left .price{

        font-size: 18px;

        margin-bottom: 10px;

    }

    .rabota .item .left .name{

        font-size: 19px;

    }

    .onas .rabota .box {

        padding-bottom: 0;

    }

    .vakansii .articl ul {

        margin: 0 0 33px 0;

    }

    .vakansii .banner.mini .text:after{

        width: 100%;

        margin: 15px 0;

    }

    .vakansii .banner.mini .text{

        font-size: 14px;

        line-height: 23px;

    }

    .banner.mini .price{

        font-size: 25px;

    }

    .faq .banner p {

        margin: 10px 0 0 0;

        font-size: 14px;

    }

    .vopros {

        margin: 30px 0 0 0;

    }

    .vopros .title{

        font-size: 30px;

    }

    .vopros .accordion .card-header .btn{

        line-height: 20px;

    }

    .missia .chto .item:first-child, .missia .chto .item:nth-child(2), .missia .chto .item:nth-child(3), .missia .chto .item:nth-child(4), .missia .chto .item:last-child, .missia .chto .item {

        width: 100%;

    }

    .missia .banner .text{

        font-size: 14px;

    }

    .missia .articl p {

        margin-bottom: 15px;

        line-height: 23px;

    }

    .filosof .banner .text {

        margin-top: 15px;

        margin-bottom: 20px;

        font-size: 14px;

    }

    .filosof .palitika .text ul.laat {

        padding: 0 0 0 50px;

    }

    .partners .banner.mini .text{

        font-size: 14px;

    }

    .partners .master {

        margin: 40px 0 47px 0;

    }

    .partners .logos .title{

        font-size: 30px;

    }

    .partners .logos .rab > ul li {

        width: 50%;

    }

    .partners .logos .rab > ul li:nth-child(3n) {
        margin-left: 93px;
    }

    .partners .logos .rab > ul li:nth-child(4),
    .partners .logos .rab > ul li:nth-child(14),
    .partners .logos .rab > ul li:nth-child(19) {

        margin-left: 0;

    }

    .pagination{

        background: #fff;

    }

    .clients .banner .text {

        font-size: 14px;

        margin-top: 15px;

        margin-bottom: 30px;

    }

    .clients .chto .title{

        margin-bottom: 10px;

    }

    .clients .otzivi .title{

        font-size: 38px;

    }

    .clients .otzivi .slide .name {

        width: 70%;

    }

    .clients .otzivi .slide .text {

        font-size: 14px;

        line-height: 23px;

    }

    .comandos .comanda .item {

        width: 100%;

    }

    body.error .logo,

    body.error .img-error{

        width: 400px;

    }

    .error-404 main .box .left .title{

        margin: 30px 0 20px 0;

        font-size: 40px;

        line-height: 45px;

    }

    #video .modal-dialog {

        max-width: 83%;

    }

    .compony .logik .box .item {

        width: 100%;

    }

    .garant,

    .media-center,

    .contact{

        background: none;

    }

}

@media(max-width: 430px){

    .container {

        max-width: 320px;

    }

    a.anketa {

        margin: 0;

    }

    .navbar-expand-md .navbar-toggler {

        top: 80px;

    }

    .modal-dialog {

        max-width: 300px;

    }

    .modal-header{

        padding: 15px 10px 2px 10px;

    }

    .modal-header .close{

        top: 15px;

        right: 10px;

    }

    .modal-body {

        padding: 17px 10px 10px 10px;

    }

    #lk .modal-body {

        padding: 9px 10px 10px 10px;

    }

    .modal-title{

        font-size: 20px;

    }

    #lk .modal-header .close {

        top: 15px;

        right: 10px;

    }

    .banner h1 {

        font-size: 30px;

    }

    .about .title{

        font-size: 23px;

        padding: 50px 0 0 0;

    }

    .about .ban a.btn {

        margin: 10px 0 0 49px;

        width: 180px;

    }

    .about .ban .img,

    .about .ban{

        height: 206px;

    }

    .otzivi{

        background-size: cover;

    }

    .otzivi .slide .name {

        width: 60%;

    }

    footer .left,

    footer .left img{

        width: 100%;

    }

    footer .left .adress .city {

        font-size: 14px;

    }

    .form .forms .title{

        font-size: 30px;

    }

    .form .forms .text{

        font-size: 14px;

    }

    .logos .logs ul li:after {

        width: 80px;

        height: 80px;

    }

    .logos .logs ul li img {

        width: 65px;

        height: 45px;

    }

    .logos .logs .slick-list ul li{

        height: 165px;

    }

    .logos{

        padding: 35px 0 45px 0;

    }

    .otzivi .slide .slick-arrow.slick-prev {

        left: 0;

        top: auto;

        bottom: -25px;

    }

    .otzivi .slide .slick-arrow.slick-next {

        right: 0;

        top: auto;

        bottom: -25px;

    }

    .marker .magic {

        height: 290px;

    }

    .marker .magic .img img {

        width: 370px;

    }

    .marker .magic .img.item-2 img{

        width: 200px;

    }

    .marker .magic .img.item-3 img{

        width: 300px;

    }

    .marker .magic .img.item-1 {

        top: -50px;

        left: 25px;

    }

    .marker .magic .img.item-2 {

        top: 31px;

        left: -40px;

    }

    .marker .magic .img.item-3 {

        bottom: 0;

        left: 40px;

    }

    .marker .magic .img.item-1 .open {

        top: 100px;

        left: 140px;

    }

    .marker .magic .img.item-2 .open {

        top: 130px;

        left: 63px;

    }

    .marker .magic .img.item-3 .open {

        right: auto;

        left: 190px;

        top: 90px;

    }

    .marker .magic:after {

        display: block;

        right: auto;

        left: 310px;

        top: 5px;

    }

    .marker .magic .popup {

        left: -31%;

        width: 160px;

        height: 160px;

    }

    .marker .magic .item-2 .popup{

        left: 23%;

        top: 70px;

    }

    .marker .magic .img.item-3 .popup {

        left: 5%;

        top: -30px;

    }

    .tab .right .title {

        font-size: 25px;

    }

    .gallery.video video {

        width: 155%;

        left: -55%;

    }

    .new-page main:after{

        display: none;

    }

    .garant .banner .text {

        margin-top: 15px;

    }

    .chto .title {

        font-size: 28px;

    }

    .chto .text{

        font-size: 14px;

    }

    .razvitie .title {

        font-size: 28px;

    }

    .garant .about .title {

        font-size: 30px;

        padding: 40px 0 0 0;

    }

    .garant .about .ban .img, 

    .garant .about .ban {

        height: 338px;

    }

    .garant .about .ban .img video {

        width: 210%;

    }

    .master {

        margin: 35px 0 64px 0;

    }

    .master .title,

    .palitika .title{

        font-size: 28px;

        margin-bottom: 10px;

    }

    .usluga .banner {

        height: 400px;

    }

    .usluga .about .title {

        font-size: 26px;

        padding: 35px 0 0 10px;

        width: 83%;

    }

    .usluga .about .ban, .usluga .about .ban .img {

        height: 260px;

    }

    .kariera .articl ul.laat {

        padding: 0 0 0 30px;

    }

    .kariera .articl p.non{

        line-height: 20px;

    }

    .kariera .articl ul.laat{

        margin: 0 0 15px 0;

    }

    .articl figure img {

        min-height: 140px;

        object-fit: cover;

    }

    .partners .logos .title{

        text-align: center;

    }

    .partners .logos .rab > ul li:after {

        width: 100px;

        height: 100px;

    }

    .partners .logos .rab > ul li img{

        height: 45px;

    }

    .partners .logos .rab > ul li {

        height: 190px;

    }

    .partners .logos .rab > ul li:nth-child(3n) {
        margin-left: 72px;
    }

    .pagination .page-link, .pagination .page-item span{

        font-size: 16px;

        width: 40px;

    }

    .clients .otzivi .slide .name {

        width: 60%;

    }

    .clients .otzivi .title {

        font-size: 28px;

    }

    .clients .otzivi .slide{

        margin: 30px 0 -7px 0;

    }

    body.error .logo,

    body.error .img-error{

        width: 300px;

    }

    .error-404 main .box .right {

        width: 80%;

    }

    .marker .magic .popup img,

    .marker .magic .img.item-2 .popup img,

    .marker .magic .img.item-3 .popup img{

        width: 800px;

    }

}