.scr1 {
    background-position-x: 40%
}

.hdr__alert {
    display: none
}

.hdr__photo {
    margin-left: auto
}

.scr2__videowrap {
    grid-template-columns: 3fr 1fr
}

.scr2__video {
    height: 480px
}

.scr2__block {
    padding-left: 30px
}

.kak_rabotaem__wrap {
    grid-gap: 20px
}

.service {
    padding: 40px 30px
}

.service__prev {
    left: -20px
}

.service__next {
    right: -20px
}

.scr6__abs {
    left: 0
}

.footer__soc {
    margin-left: auto
}

.scr7__main {
    margin-left: 0
}

.scr7__photo {
    margin-left: 60px
}

.mod2 {
    padding: 50px 30px
}

.hystmodal__close {
    top: 15px;
    right: 15px;
    filter: brightness(.4)
}

@media all and (max-width: 997px) {
    .mhide {
        display:none
    }

    .scr1 {
        min-height: auto;
        padding-bottom: 40px
    }
    .scr8__office {
        justify-content: center;
    }
    .hdr {
        padding-top: 15px;
        flex-flow: column nowrap;
        align-items: center;
        justify-content: flex-start;
        font-size: 13px;
        line-height: 18px
    }

    .hdr__map {
        margin-left: 0;
        margin-top: 25px;
        display: none
    }

    .hdr__map img {
        width: 30px;
        height: 30px;
        margin-right: 12px
    }

    .hdr__photo {
        display: none
    }

    .hdr__right {
        margin-left: 0;
        padding-top: 20px
    }

    .hdr__contacts {
        flex-flow: row wrap;
        justify-content: center;
        text-align: center;
        margin-left: 0
    }

    .hdr__phones {
        flex-basis: 100%;
        margin-bottom: 15px;
        order: -1;
        margin-left: 0
    }

    .scr1__main {
        padding-top: 40px;
        flex-flow: column-reverse nowrap
    }
 

    .scr1__content {
        padding-left: 0;
        padding-top: 0;
        margin-left: auto;
        margin-right: auto;
        max-width: 315px
    }

    .scr1__h1 {
        font-size: 28px!important;
        line-height: 1.3;
        text-align: center
    }

    .scr1__samples {
        padding-top: 30px;
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        margin-left: auto;
        margin-right: auto
    }

    .scr1__sample {
        width: 32%;
        height: 110px
    }

    .scr1__sample span {
        transform: translateX(-50%) scale(.7);
        transform-origin: 50% 100%;
        width: 140px;
    }

    .scr1__sale p {
        width: auto;
        font-size: 15px
    }

    .scr1__actions {
        width: auto;
        padding-top: 25px
    }

    .scr1__actions .button {
        height: 75px
    }

    .scr1__buttover {
        display: none
    }

    .button {
        font-size: 14px
    }

    .scr1__socials {
        padding-top: 25px;
        padding-left: 0;
        margin-left: -15px;
        margin-right: -15px;
        justify-content: center
    }

    .scr1__soc {
        margin-right: 15px;
        margin-left: 15px;
        font-size: 12px
    }

    .scr1__bottom {
        width: 90px;
        height: 90px
    }

    .scr2 {
        padding: 60px 0
    }

    .scr2__abs {
        display: none
    }

    .block-title {
        font-size: 26px;
        line-height: 1.2
    }

    .block-sub {
        padding-top: 15px;
        font-size: 15px;
        line-height: 1.4
    }

    .scr2__videowrap {
        margin-top: 30px;
        grid-template-columns: 1fr
    }

    .scr2__video {
        height: 200px;
        grid-row: 1
    }

    .scr2__play {
        width: 55px;
        height: 55px
    }

    .scr2__play img,.scr2__play svg {
        width: 50%;
        height: auto
    }

    .scr2__bottext {
        font-size: 11px;
        top: 15px;
        height: auto;
        left: 15px
    }

    .scr2__block {
        padding-left: 0;
        padding-top: 30px;
        width: 200px;
        margin: 0 auto;
        justify-self: center
    }

    .scr2__block p {
        font-size: 13px;
        letter-spacing: 0
    }

    .scr3 {
        padding-top: 50px;
        padding-bottom: 50px;
        min-height: auto
    }

    .scr3__slider {
        margin-top: 30px
    }

    .scr3__prev,.scr3__next {
        width: 40px;
        height: 40px
    }

    .scr3__prev img,.scr3__next img,.scr3__prev svg,.scr3__next svg {
        width: 7px;
        height: auto
    }

    .scr3__slider {
        margin-left: 25px;
        margin-right: 25px
    }

    .scr3__prev {
        left: -30px
    }

    .scr3__next {
        right: -30px
    }

    .scr3 .swiper-container {
        overflow: hidden
    }

    .scr3 .swiper-slide {
        width: auto
    }

    .scr3__master {
        width: auto;
        padding-bottom: 30px
    }

    .scr3__masterabs {
        display: none
    }

    .scr3__profession {
        margin-left: 0;
        margin-right: 0;
        font-size: 13px
    }

    .scr3__descr {
        margin-left: 0;
        margin-right: 0
    }

    .scr3__paginator {
        padding-top: 25px
    }

    .kak_rabotaem {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .kak_rabotaem--2,.kak_rabotaem--3 {
        padding-top: 0
    }

    .kak_rabotaem__h3 {
        padding-top: 30px;
        font-size: 27px
    }

    .kak_rabotaem__wrap {
        grid-gap: 10px;
        margin-top: 25px;
        grid-template-columns: 100%;
        max-width: 600px;
        margin-left: auto;
        margin-right: auto
    }

    .servbottom {
        flex-flow: column nowrap
    }

    .servbottom:nth-child(3) {
        grid-column: 1
    }

    .service {
        padding: 30px 20px
    }

    .service__title {
        font-size: 25px;
        line-height: 1.4
    }

    .service__price {
        font-size: 15px
    }

    .service:before {
        left: 6px;
        right: 6px;
        top: 6px;
        bottom: 6px
    }

    .service__descr {
        height: auto;
        padding-top: 15px;
        font-size: 13px;
        margin-right: 0
    }

    .service__slider {
        margin-top: 15px;
        margin-left: 10px;
        margin-right: 10px;
        width: auto
    }

    .service__prev,.service__next {
        top: 120px
    }

    .service__grid {
        grid-gap: 10px;
        grid-template-rows: 120px 120px
    }

    .service__grid--3 {
        grid-template-rows: 250px
    }

    .service__box>span {
        left: 5%;
        bottom: 10px;
        font-size: 10px;
        width: auto;
        min-width: auto;
        line-height: 20px;
        height: 20px;
        padding: 0 7px;
        white-space: nowrap
    }

    .service__box>span.ontop {
        top: 10px
    }

    .service__prev {
        left: -25px
    }

    .service__next {
        right: -25px
    }

    .service__pag {
        margin-top: -128px
    }

    .service__bottom {
        padding-top: 40px;
        flex-flow: column nowrap
    }

    .service__ava {
        width: 45px;
        height: 45px
    }

    .service__master p {
        padding-left: 15px
    }

    .service__time {
        padding-top: 20px;
        margin-left: 29px
    }

    .servbottom__butt {
        height: 75px;
        margin: 0 0 15px
    }

    .servbottom__soc a {
        font-size: 13px
    }

    .servbottom__butt {
        order: -1
    }

    .servbottom--mini .servbottom__soc,.kak_rabotaem__wrap .servbottom__soc {
        margin-top: 0;
        margin-bottom: 15px
    }

    .scr5 {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .scr5__tabs {
        margin-top: 25px;
        border-radius: 10px;
        white-space: nowrap;
        width: 100%
    }

    .scr5__tabslink {
        padding: 5px 3px;
        width: 100%;
        display: flex;
        flex-flow: row nowrap
    }

    .scr5__tabslink .button {
        flex-grow: 1;
        white-space: normal;
        width: auto;
        text-align: center;
        font-size: 11px;
        height: 50px;
        padding-top: 3px;
        padding-left: 10px;
        padding-right: 10px;
        vertical-align: top;
        margin: 0 2px
    }

    .scr5__tabscontent {
        margin-top: 30px
    }

    .scr5__screen {
        width: 50%
    }

    .scr5__tab {
        margin-left: 0;
        margin-right: 0
    }

    .scr5__screen img {
        margin-left: auto;
        margin-right: auto;
        width: calc(100% - 10px);
        margin-bottom: 15px
    }

    .scr5__morelink .button {
        height: 70px
    }

    .scr6 {
        margin-top: 0;
        min-height: auto;
        background: 0 0;
        padding-top: 30px;
        padding-bottom: 50px
    }

    .scr6 .container {
        min-height: auto
    }

    .scr6__abs {
        display: none
    }

    .scr6 .block-title {
        text-align: center
    }

    .scr6__quests {
        margin-top: 30px
    }

    .quest__title {
        width: 100%;
        padding: 20px 35px 20px 59px;
        height: auto
    }

    .quest__title span {
        left: 19px;
        font-size: 20px
    }

    .quest__title p {
        font-size: 14px
    }

    .quest__arrow {
        right: 20px;
        top: 30px
    }

    .quest__box {
        padding: 15px 30px;
        font-size: 14px
    }

    .scr7 {
        min-height: auto;
        padding-top: 30px;
        padding-bottom: 30px;
        -webkit-background-size: cover;
        background-size: cover
    }

    .scr7 .container {
        flex-flow: column nowrap;
        align-items: center
    }

    .scr7__main {
        padding-top: 0;
        text-align: center
    }

    .scr7 .block-title {
        text-align: center
    }

    .scr7__h2 {
        font-size: 16px
    }

    .scr7__actions .button {
        height: 70px
    }

    .scr7__lineblock {
        font-size: 13px
    }

    .scr7__soc {
        padding-top: 15px;
        flex-flow: row nowrap;
        margin: 0 -15px
    }

    .scr7__soc .servbottom__soc {
        margin: 0 15px
    }

    .scr7__soc .servbottom__soc a {
        font-size: 12px;
        margin: 0 0 0 10px
    }

    .scr7__photo {
        margin-left: 0;
        margin-top: 30px;
        width: 100%;
        height: 400px
    }

    .scr8 {
        min-height: auto;
        padding-top: 50px;
        padding-bottom: 50px
    }

    .scr8__top {
        padding-top: 30px;
        flex-flow: column nowrap
    }

    .scr8__office>img {
        width: 40%;
        height: auto
    }

    .scr8__office p {
        padding-left: 15px;
        font-size: 13px
    }

    .scr8__addreswrap {
        padding-top: 15px;
        flex-flow: column nowrap;
        margin-left: 0;
        align-items: flex-start
    }

    .scr8__adress {
        margin-left: 0;
        margin-top: 15px
    }

    .scr8__adress p {
        font-size: 14px;
        padding-left: 10px
    }

    .scr8__adress strong,.scr8__adress a {
        font-size: 16px
    }
  
    .footer {
        padding: 30px 0
    }

    .footer .container {
        flex-flow: column nowrap;
        align-items: center
    }

    .footerlogo {
        padding-top: 0
    }

    .footer__conf {
        margin: 20px 0
    }

    .footer__pricelink {
        font-size: 13px;
        text-align: center
    }

    .footer__conflink {
        margin-top: 10px;
        font-size: 13px;
        text-decoration: underline;
        text-align: center
    }

    .footer__soc {
        margin-left: 0
    }

    .footer__soc a {
        margin: 0 6px
    }

    .footer__right {
        order: -2;
        margin-bottom: 25px;
        margin-left: 0
    }

    .mod2,.mod1 {
        background: #fff;
        padding: 30px 15px 15px;
        margin: 0;
        border-radius: 0;
        width: 500px
    }

    .hystmodal__close {
        width: 20px;
        height: 20px
    }

    .hystmodal .block-title {
        font-size: 26px
    }

    .mod2__wrap {
        padding: 10px 0 10px;
        flex-flow: column-reverse nowrap;
        align-items: center
    }

    .mod2__left {
        width: auto;
        text-align: center
    }

    .mod2__left img {
        margin: 0 auto 10px
    }

    .mod2__left p {
        font-size: 14px;
        margin-bottom: 16px
    }

    .mod2__form {
        width: auto;
        margin: 15px auto;
        padding: 20px 20px 30px
    }

    .mod2__h1 {
        font-size: 17px
    }

    .mod2__h2 {
        font-size: 15px;
        padding-top: 10px
    }

    .themed {
        padding: 20px 30px
    }

    .mod2 .scr1__soc {
        margin-left: 0;
        margin-right: 0
    }

    .mod2 .mod__socials {
        margin-left: 0;
        margin-right: 0
    }

    .mod2 .servbottom__img {
        margin-right: 6px;
        width: 24px;
        height: 24px
    }

    .mod1__formsubmit .button {
        height: 70px
    }

    .accept {
        font-size: 12px
    }
}


@media all and (max-width: 1300){
    #v1::before {
   
        height: 273px;
        width: 209px;
        right: 1rem;
        top: -10rem;
    }
}
@media all and (max-width: 767px) {
    #gorka{
        background: url(../images/scr1/bg-mob-kr.jpg) center top no-repeat
    }
    .scr1,#traktor{
        background: #f3f3f5;
    }
    .scr3__master {
        height:auto
    }

    .scr5__screen {
        width: 100%
    }

    .scr5__tab .scr5__screen {
        display: none
    }

    .scr5__tab .scr5__screen:nth-child(1),.scr5__tab .scr5__screen:nth-child(2),.scr5__tab .scr5__screen:nth-child(3),.scr5__tab .scr5__screen:nth-child(4),.scr5__tab .scr5__screen:nth-child(5) {
        display: block
    }

    .scr5__tab .scr5__screen img {
        box-shadow: 0 0 5px rgba(0,0,0,.1)
    }

    .scr5__morelink {
        display: none
    }

    .scr7__photo {
        height: 300px
    }

    .ConnectBy input+span {
        padding-left: 40px
    }

    .ConnectBy input+span:before {
        left: 0
    }

    .thanks {
        padding: 30px 15px
    }

    .thanks__h1 {
        font-size: 40px;
        padding-left: 65px;
        background-size: 45px;
        max-width: 250px;
        margin: 0 auto
    }

    .thanks__h2 {
        padding-left: 0;
        text-align: center;
        font-size: 18px;
        line-height: 25px
    }

    .thanks__insta {
        padding: 30px 15px 15px
    }

    .thanks__instatitle {
        font-size: 24px
    }

    .thanks__instawrap {
        margin-top: 20px
    }

    .thanks__instawrap a {
        width: 95px;
        height: 95px
    }

    .can-buy {
        margin-top: 0;
        padding: 50px 0 50px; }
        .can-buy .page-title h2 span {
          display: block; }
      .can-buy-list {
        padding: 0;
        margin-top: 15px; }
      .can-buy-item {
        max-width: 350px;
        height: 200px;
        background-color: #fff;
        -webkit-border-radius: 10px;
        border-radius: 10px;
      }
        .can-buy-item:nth-child(3) img {
          bottom: 25px; }
        .can-buy-item p {
          max-width: 195px;
          margin-top: 20px;
          font-size: 20px;
          line-height: 19px; }
        .can-buy-item a {
          width: 145px;
          height: 100px;
          font-size: 8px;
          margin-top: 20px; }
          .can-buy-item a img {
            max-width: none; }
          .can-buy-item a i {
            font-size: 8px;
            margin-left: 5px; }
        .can-buy-item img {
          max-width: 122px;
          right: 2px;
          bottom: 2px; }
        .can-buy-item::after {
          display: none; }
          .service{
              background: #fff!important;
          }
}
@media (max-width: 992px){
	.kak_rabotaem{
		padding-top: 30px;
	}
    #attt{
        width: 100%;
    }
    .hystmodal__close{
        filter: invert(1);
    }
    .traktors{
        height: 100px;
        width: auto;
        margin: 0 auto;
        margin-top: -20px;
    }
	.kak_rabotaem__wrap{
		display: block;
		height: auto;
		margin-bottom: 80px;
		margin-top: 30px;
	}
	.kak_rabotaem__wrap:before{
		display: none;
	}
	.kak_rabotaem__ctrl{
		bottom:-70px;
		left: 50%;
		right: auto;
		top:auto;
		transform: translateX(-50%);
		white-space: nowrap;
	}
	.kak_rabotaem__prev{
		display: inline-flex;
	}
	.kak_rabotaem__next,
	.kak_rabotaem__prev{
		margin: 0 5px;
		width: 50px;
		height: 50px;
	}
	.kak_rabotaem__left{
		display: none;
	}
	.kak_rabotaem__bulet{
		height: auto;
	}
	.kak_rabotaem__right{
		width: auto;
		margin-left: -15px;
		margin-right: -15px;
	}
	.kak_rabotaem__slidebg{
		opacity: 0.3;
		border-radius: 15px !important; 
		top:0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
	}
	.kak_rabotaem__overlay{
		margin: 30px 15px 50px;
		box-sizing: border-box;
	}
	.kak_rabotaem__overlay p{
		font-size: 16px;
		margin-bottom: 16px;
		line-height: 1.4;
	}
	.kak_rabotaem__h1{
		font-size: 26px;
		padding-bottom: 25px;
	}
	.kak_rabotaem__right .swiper-slide{
		height: auto;
	}
}
@media all and (max-width: 1199px) {
	.kak_rabotaem{
		padding-top: 60px;
	}
	.scr3__row{
		padding-top: 60px;
	}
	.kak_rabotaem__wrap{
		height: 650px;
	}
	.kak_rabotaem__overlay{
		margin: 40px;
	}
	.kak_rabotaem__h1{
		font-size: 36px;
		line-height: 1.3;
	}
	.kak_rabotaem__overlay p{
		max-width: 300px !important;
		font-size: 16px;
		line-height: 1.5;
	}
    .scr11__wrap{
		margin-top: 40px;
	}
	.scr11__img{
		height: 100px;
		justify-content: center !important;
	}
	.scr11__img img{
		height: 100%;
	}
	.scr11__text{
		padding-top: 10px;
		margin-left: auto !important;
		margin-right: auto;
		font-size: 13px;
		line-height: 1.5;
	}
    .scr11__text{
        margin-left: 0 !important;
        text-align: center;
    }
}
@media (max-width: 1100px) {
    .online_price_outer {padding: 55px 20px 60px;}
    .online_price_table .td_desc {width: 260px;}
    .online_price_table td {font-size: 14px;}
    .online_price_table thead th .title {font-size: 16px;}
    .online_price_table thead th {font-size: 13px;}
    .online_price_table .hit_label img {max-width: 50px;}
    .online_price_table td .price_text {font-size: 20px;}

    #v1:before, #v2:before{
display: none;
    }
}
@media (max-width: 900px) {
    .online_price_outer {display: none;}
    .online_price_outer_mobile {display: block;}
    .scr11__wrap{
		margin-top: 40px;
	}
	.scr11__img{
		height: 100px;
		justify-content: center !important;
	}
	.scr11__img img{
		height: 100%;
	}
	.scr11__text{
		padding-top: 10px;
		margin-left: auto !important;
		margin-right: auto;
		font-size: 13px;
		line-height: 1.5;
	}
}

@media (max-width:400px) {
    .online_price_mobile_unit {padding: 45px 20px; width: auto; margin-left: -15px; margin-right: -15px; max-width: none;}
    .online_price_mobile_content .td_mob_desc p, .online_price_mobile_content .td_mob_val p {font-size: 14px;}
}