@media (max-width: 576px) {
    .menu-list li a{
        font-size: 16px;
    }
    .section-prefs__wrapper-pref__grm img{
        height: 72vw;
    }
    .problem-title{
        margin-top: 100px;
    }
    .grid-diagnost{
        row-gap: 80px;
    }
    .pref__grm-wrapper-img{
        height: 59vw;
    }
    .wrapper-rekvizity{
        grid-template-columns: 1fr;
    }
    .section-map__left-panel h1{
        margin-bottom: 20px!important;
    }

    section {
        padding-top: 11vw;
        padding-bottom: 11vw;
    }
    .section-technology{
        padding-bottom: 11vw!important;
    }
    .section-prefs__wrapper-prefs {
        grid-template-columns: 1fr;
    }

    .section-prefs h2 {
        font-size: 6vw;
        line-height: calc(6vw + 8px);
    }

    h2 {
        font-size: 6vw;
        line-height: calc(6vw + 8px);
    }

    h3 {
        font-size: 6vw;
        line-height: calc(6vw + 8px);
    }

    .section-prefs h3 {
        gap: 20px;
    }

    .oil-bottom {
        right: 40%;
    }

    .section-bravo-form__form input[type="date"] {
        width: 100%;
        color: gray;
        -webkit-appearance: none;
        text-align: left;
        display: flex;
        justify-content: start;
    }

    .porsh2 {
        grid-column: 1;
        grid-row: 4;
    }

    .section-menu {
        height: 100vh;
        overflow-y: auto;
    }

    .menu-list {
        grid-template-columns: 1fr;
        align-items: start;
        height: calc(100vh - 50px);

    }

    .section-prefs__wrapper-porsh img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .section-prefs__wrapper-porsh .oil-top {
        width: 200px;
    }

    .section-prefs__wrapper-porsh .oil-down {
        width: 200px;
    }

    .section-prefs__wrapper-porsh .oil-bottom {
        width: 200px;
        bottom: -137px;
    }

    h3 span {
        font-size: 18vw;
    }

    header {
        padding-bottom: 10vw !important;
        height: auto !important;
    }

    .section-prefs h2 {
        margin-bottom: 10vw;
    }

    .section-menu-right {
        width: 100vw;

    }

    .znak2 {
        height: 20%;
    }

    .znak1 {
        height: 40%;
    }

    .section-menu-right h2 {
        margin-bottom: 8px;
    }

    .section-technology__wrapper-technology {
        grid-template-columns: 1fr;
        gap: 12px;
        align-items: start;
    }

    .section-technology__wrapper-image img {
        width: 100%;
        object-fit: contain;
    }

    .bg-device {
        margin-top: 0;
    }

    .section-technology__wrapper-image p span {
        white-space: nowrap;
        font-size: 24px;
    }

    .section-technology__wrapper-image p {
        text-align: center;
    }

    .section-technology h2 {
        margin-bottom: 10vw;
    }

    .stage-description {
        margin-bottom: 10vw;
    }

    .section-technology__wrapper-technology {
        position: relative;
    }

    .section-technology__wrapper-image {
        width: 112px;
        position: absolute;
        top: 0;
        right: 0;
    }

    .stage-description1, .stage-description2 {
        width: 65%;
    }

    .section-technology__wrapper-description p {
        font-size: 16px;
        line-height: 26px;
    }

    .section-bravo-form__form {
        flex-wrap: wrap;
    }

    .section-bravo-form {
        padding-top: 23vw;
        margin-top: -71px;

    }

    .section-bravo-form h2 {
        font-size: 6vw;
        line-height: 7vw;
        margin-bottom: 7vw;
    }

    .order-to-in-menu {
        display: flex !important;
        align-items: center;
        justify-content: center;
        color: white !important;
        background: #e62e27 !important;
        margin-top: 20px !important;
        width: 80%;
        gap: 8px;
    }

    .menu-right__list li {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;

    }

    .menu-list li {
        border-right: none;
    }

    .menu-list li a {
        display: grid;
        grid-template-columns: 100px 1fr;
        gap: 24px;
        justify-content: space-between;
        padding-left: 30px;

    }

    .menu-list li a img {
        justify-self: center;
    }

    .section-important__wrapper-reasons {
        grid-template-columns: 1fr;
    }

    .service-tabs {
        grid-template-columns: 1fr;
    }

    .tab-wrapper-image img {
        width: 70%;
        height: 70%;
        object-fit: contain;
    }

    .tab-content > .tab-pane {
        display: block;
        width: 100%;
    }

    .nav {
        display: none;
    }

    .tab-content > .active {
        height: auto !important;
    }

    .tab-content {
        overflow-x: hidden;
        display: grid !important;
        height: 550px;
    }

    .tab-wrapper-image {
        height: 300px;
    }

    .slick-next {
        right: 25px !important;
        top: 38% !important;
    }

    .slick-prev {
        top: 38% !important;
        left: -12px !important;
    }

    .detail {
        width: fit-content;
        display: flex;
        align-items: center;
    }

    .detail img {
        height: fit-content;
    }

    .slick-next:before {
        content: url("../images/chevron-right.svg") !important;
    }

    .slick-prev:before {
        content: url("../images/chevron-left.svg") !important;
    }

    .mazda {
        width: 100%;
    }

    .section-about p {
        font-size: 18px;
        line-height: 32px;
    }

    .section-map {
        grid-template-columns: 1fr;
    }

    canvas {
        filter: grayscale(100%);
    }

    .map-logo {
        display: none;
    }

    .empty-block {
        display: none;
    }

    .map-social {
        display: flex !important;
        gap: 20px;
    }

    .section-map__left-panel {
        margin-top: 20px!important;
        padding: 40px;
    }

    .ymaps-2-1-79-map {
        height: 572px !important;
    }

    .section-important__mechanic h3 {
        top: 33%;
        left: 34%;
        font-size: 16px;
        line-height: 26px;
    }

    .section-important__mechanic img {
        height: 250px;
    }
    .section-technology__wrapper-amort{
       grid-template-columns: 1fr;
        row-gap: 20px;
        justify-items: start;

    }
    .section-technology__wrapper-amort p, .garanty__amort{
        justify-self: start;
        margin-left: 34px;
    }
    .garanty__amort{
        text-align: left;
    }

    .technology-title3__amort{
        font-size: 5vw!important;
    }
    .technology-amort{
        padding-bottom: 27vw!important;
    }
.technology-grm{
    padding-bottom: 27vw!important;
}
.technology-title3__grm span{
    display: none;
}
    .section-prefs__amort{
        gap: 0;
    }
    #map{
        overflow-x: hidden;
        width: 100%;
    }
    .section-other-services h2{
        text-align: center;
    }
    .section-prefs__grm{
        grid-template-columns: 1fr ;
    }
    .section-prefs__wrapper-pref__grm{
        height: auto;
    }
    .section-prefs__wrapper-pref__grm h3{
        margin-bottom: 20px;
        margin-top: 20px;
        font-size: 5vw;
    }
    .empty-block-grm{
        display: block;
    }
    .section-technology__wrapper-grm{
        column-gap: 0;
        row-gap: 20px;
    }
    .garant-grm{
        font-size: 14px;
        align-self: start;
    }
    .slash-grm{
        display: none;
    }
    .technology-title3__grm{
        margin-left: 0!important;
    }
    .recomended{
        font-size: 18px;
        line-height: 32px;
    }
    .technology-grm h2{
        margin-bottom: 5vw;
    }
    .section-bravo-form__grm{
        padding-top: 15vw;
    }
    .section-important__grm{
        padding-top: 18vw;
    }
    .section-important__grm h2{
        margin-bottom: 64px;
    }
    .wrapper-hodovaya-image{
        display: none;
    }
    .section-technology__wrapper-podveska{
        grid-template-columns: 45% 1fr 1fr;
        justify-items: start;
        gap: 15px;
    }
    .garanty-podves{
        margin-left: 0;
        line-height: 24px;
        align-self: center;
        justify-self: center;
    }
    .wrapper-hodovaya-mobile{
        display: block;
    }
    .section-prefs__podveska{
        padding-bottom: 60px;
    }
.technology-title3__podves{
    font-size: 4vw!important;
    line-height: calc(4vw + 5px)!important;
}
.wrapper-hodovaya-mobile h3{
    margin-bottom: 0!important;
}
    .wrapper-hodovaya-mobile p{
        margin-bottom: 24px!important;
    }
    .section-bravo-form__podves{
        padding-bottom: 80px!important;
    }
    .footer{
        padding-top: 20px;
        padding-bottom: 20px;
    }

}
@media (min-width: 577px) and (max-width: 768px) {
    .menu-list li a{
        font-size: 18px;
    }
    .section-prefs__wrapper-pref__grm img{
        height: 36vw;
    }
    .pref__grm-wrapper-img{
        height: 34vw;
    }
    .section-map__left-panel h1{
        margin-bottom: 20px!important;
    }
    section {
        padding-top: 11vw;
        padding-bottom: 11vw;
    }
    .wrapper-rekvizity{
        grid-template-columns: 1fr;
    }
    .section-prefs__wrapper-prefs {
        grid-template-columns: 1fr;
    }

    .section-prefs h2 {
        font-size: 6vw;
        line-height: calc(6vw + 8px);
    }

    h2 {
        font-size: 6vw;
        line-height: calc(6vw + 8px);
    }

    h3 {
        font-size: 5vw;
        line-height: calc(5vw + 8px);
    }

    .section-prefs h3 {
        gap: 20px;
    }

    .oil-bottom {
        right: 40%;
    }

    .section-bravo-form__form input[type="date"] {
        width: 100%;
        color: gray;
        -webkit-appearance: none;
        text-align: left;
        display: flex;
        justify-content: start;
    }

    .porsh2 {
        grid-column: 1;
        grid-row: 4;
    }

    .section-menu {
        height: 100vh;
        overflow-y: auto;
    }

    .menu-list {
        grid-template-columns: 1fr;
        align-items: start;
        height: calc(100vh - 50px);

    }

    .section-prefs__wrapper-porsh img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .section-prefs__wrapper-porsh .oil-top {
        width: 200px;
    }

    .section-prefs__wrapper-porsh .oil-down {
        width: 200px;
    }

    .section-prefs__wrapper-porsh .oil-bottom {
        width: 200px;
        bottom: -137px;
    }

    h3 span {
        font-size: 18vw;
    }

    header {
        padding-bottom: 10vw !important;
        height: auto !important;
    }

    .section-prefs h2 {
        margin-bottom: 10vw;
    }

    .section-menu-right {
        width: 100vw;
        transform: translateX(100vw);
    }

    .znak2 {
        height: 20%;
    }

    .znak1 {
        height: 40%;
    }

    .section-menu-right h2 {
        margin-bottom: 8px;
    }

    .section-technology__wrapper-technology {
        grid-template-columns: 1fr;
        gap: 12px;
        align-items: start;
    }

    .section-technology__wrapper-image img {
        width: 100%;
        object-fit: contain;
    }

    .bg-device {
        margin-top: 0;
    }

    .section-technology__wrapper-image p span {
        white-space: nowrap;
        font-size: 24px;
    }

    .section-technology__wrapper-image p {
        text-align: center;
    }

    .section-technology h2 {
        margin-bottom: 10vw;
    }

    .stage-description {
        margin-bottom: 10vw;
    }

    .section-technology__wrapper-technology {
        position: relative;
    }

    .section-technology__wrapper-image {
        width: 112px;
        position: absolute;
        top: -30px;
        right: 30px;
    }

    .stage-description1, .stage-description2 {
        width: 65%;
    }

    .section-technology__wrapper-description p {
        font-size: 3vw;
        line-height: calc(3vw + 8px);
    }

    .section-bravo-form__form {
        max-width: 600px;
        margin: 0 auto;
        flex-wrap: wrap;
    }

    .section-bravo-form {
        padding-top: 21vw;
        margin-top: -76px;

    }

    .section-bravo-form h2 {
        font-size: 6vw;
        line-height: 7vw;
        margin-bottom: 7vw;
    }

    .order-to-in-menu {
        display: flex !important;
        align-items: center;
        justify-content: center;
        color: white !important;
        background: #e62e27 !important;
        margin-top: 20px !important;
        width: 80%;
        gap: 8px;
    }

    .menu-right__list li {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;

    }

    .menu-list li {
        border-right: none;
    }

    .menu-list li a {
        display: grid;
        grid-template-columns: 100px 1fr;
        gap: 24px;
        justify-content: space-between;
        padding-left: 30px;

    }

    .menu-list li a img {
        justify-self: center;
    }

    .section-important__wrapper-reasons {
        justify-items: center;
        grid-template-columns: 1fr;
    }
    .section-important__wrapper-reason{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .oil-important-title{
        text-align: center;
    }

    .service-tabs {
        grid-template-columns: 1fr;
    }

    .tab-wrapper-image img {
        width: 70%;
        height: 70%;
        object-fit: contain;
    }

    .tab-content > .tab-pane {
        display: block;
        width: 100%;
    }

    .nav {
        display: none;
    }

    .tab-content > .active {
        height: auto !important;
    }

    .tab-content {
        overflow-x: hidden;
        display: grid !important;
        height: 550px;
    }

    .tab-wrapper-image {
        height: 300px;
    }

    .slick-next {
        right: 25px !important;
        top: 38% !important;
    }

    .slick-prev {
        top: 38% !important;
        left: -12px !important;
    }

    .detail {
        width: fit-content;
display: flex;
        align-items: center;
    }

    .detail img {
        height: fit-content;
    }

    .slick-next:before {
        content: url("../images/chevron-right.svg") !important;
    }

    .slick-prev:before {
        content: url("../images/chevron-left.svg") !important;
    }

    .mazda {
        width: 100%;
    }

    .section-about p {
        font-size: 18px;
        line-height: 32px;
    }

    .section-map {
        grid-template-columns: 1fr;
    }

    canvas {
        filter: grayscale(100%);
    }

    .map-logo {
        display: none;
    }

    .empty-block {
        display: none;
    }

    .map-social {
        display: flex !important;
        gap: 20px;
    }

    .section-map__left-panel {
        margin-top: 10px!important;
        padding: 40px;
    }

    .ymaps-2-1-79-map {
        height: 572px !important;
    }

    .section-important__mechanic h3 {
        top: 43%;
        left: 34%;
        font-size: 16px;
        line-height: 26px;
    }

    .section-important__mechanic img {
        height: 220px;
    }
    .section-technology__wrapper-amort{
        grid-template-columns: 1fr;
        row-gap: 20px;
        justify-items: start;

    }
    .section-technology__wrapper-amort p, .garanty__amort{
        justify-self: start;
        margin-left: 34px;
    }
    .garanty__amort{
        text-align: left;
    }

    .technology-title3__amort{
        font-size: 5vw!important;
    }
    .technology-amort{
        padding-bottom: 27vw;
    }
    .section-prefs__amort{
        gap: 0;
    }
    #map{
        overflow-x: hidden;
        width: 100%;
    }
    .section-other-services h2{
        text-align: center;
    }
    .section-prefs__grm{
        grid-template-columns: 1fr 1fr;
    }
    .section-prefs__wrapper-pref__grm{
        height: auto;
        display: flex;
    }
    .section-prefs__wrapper-pref__grm h3{
        margin-bottom: 20px;
        margin-top: 20px;
        font-size: 3vw;
    }
    .empty-block-grm{
        display: block;
    }
    .section-technology__wrapper-grm{
        column-gap: 0;
        row-gap: 20px;
    }
    .garant-grm{
        font-size: 14px;
        align-self: end;
        justify-self: center;
        text-align: center;
    }
    .slash-grm{
        display: none;
    }
    .technology-title3__grm{
        margin-left: 0!important;
    }
    .recomended{
        font-size: 18px;
        line-height: 32px;
    }
    .technology-grm h2{
        margin-bottom: 5vw;
    }
    .section-bravo-form__grm{
        padding-top: 15vw;
    }
    .section-important__grm{
        padding-top: 18vw;
    }
    .section-important__grm h2{
        margin-bottom: 64px;
    }
    .wrapper-hodovaya-image{
        display: none;
    }
    .section-technology__wrapper-podveska{
        grid-template-columns: 45% 1fr 1fr;
        justify-items: start;
        gap: 15px;
    }
    .garanty-podves{
        margin-left: 0;
        line-height: 24px;
        align-self: center;
        justify-self: center;
    }
    .wrapper-hodovaya-mobile{
        display: block;
    }
    .section-prefs__podveska{
        padding-bottom: 60px;
    }
    .technology-title3__podves{
        font-size: 4vw!important;
        line-height: calc(4vw + 5px)!important;
    }
    .wrapper-hodovaya-mobile h3{
        margin-bottom: 0!important;
    }
    .wrapper-hodovaya-mobile p{
        margin-bottom: 24px!important;
    }
    .section-bravo-form__podves{
        padding-bottom: 80px!important;
    }
    .footer{
        padding-top: 20px;
        padding-bottom: 20px;
    }

}
@media (min-width: 769px) and (max-width: 992px) {

    .problem-title{
        margin-top: 100px;
    }
    .grid-diagnost{
        row-gap: 65px;
    }
    .section-prefs__wrapper-pref__grm img{
        height: 36vw;
    }
    .pref__grm-wrapper-img{
        height: 30vw;
    }
    section {
        padding-top: 11vw;
        padding-bottom: 11vw;
    }

    .section-prefs__wrapper-prefs {
        grid-template-columns: 1fr;
    }

    .section-prefs h2 {
        font-size: 5vw;
        line-height: calc(6vw + 8px);
    }

    h2 {
        font-size: 5vw;
        line-height: calc(6vw + 8px);
    }

    h3 {
        font-size: 4vw;
        line-height: calc(4vw + 8px);
    }

    .section-prefs h3 {
        gap: 20px;
    }

    .oil-bottom {
        right: 40%;
    }

    .section-bravo-form__form input[type="date"] {
        width: 100%;
        color: gray;
        -webkit-appearance: none;
        text-align: left;
        display: flex;
        justify-content: start;
    }

    .porsh2 {
        grid-column: 1;
        grid-row: 4;
    }

    .section-menu {
        height: 100vh;
        overflow-y: auto;
    }

    .menu-list {
        grid-template-columns: 1fr 1fr;
        align-items: start;


    }
    .menu-list li a{
        font-size: 16px;
    }

    .section-prefs__wrapper-porsh img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .section-prefs__wrapper-porsh .oil-top {
        width: 200px;
    }

    .section-prefs__wrapper-porsh .oil-down {
        width: 200px;
    }

    .section-prefs__wrapper-porsh .oil-bottom {
        width: 200px;
        bottom: -137px;
    }

    h3 span {
        font-size: 16vw;
        margin-bottom: 6px;
    }

    header {
        padding-bottom: 10vw !important;
        height: auto !important;
    }

    .section-prefs h2 {
        margin-bottom: 10vw;
    }

    .section-menu-right {
        width: 100vw;
        transform: translateX(100vw);
    }

    .znak2 {
        height: 20%;
    }

    .znak1 {
        height: 40%;
    }

    .section-menu-right h2 {
        margin-bottom: 8px;
    }

    .section-technology__wrapper-technology {
        grid-template-columns: 1fr;
        gap: 12px;
        align-items: start;
    }

    .section-technology__wrapper-image img {
        width: 100%;
        object-fit: contain;
    }

    .bg-device {
        margin-top: 0;
    }

    .section-technology__wrapper-image p span {
        white-space: nowrap;
        font-size: 24px;
    }

    .section-technology__wrapper-image p {
        text-align: center;
    }

    .section-technology h2 {
        margin-bottom: 10vw;
    }

    .stage-description {
        margin-bottom: 5vw;
    }

    .section-technology__wrapper-technology {
        position: relative;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 12px;
    }

    .section-technology__wrapper-image {
        width: 160px;
        position: absolute;
        top: 54px;
        right: 125px;
    }



    .section-technology__wrapper-description p {
        font-size: 3vw;
        line-height: calc(3vw + 8px);
    }

    .section-bravo-form__form {
        width: 600px;
        margin: 0 auto;
        flex-wrap: wrap;
    }

    .section-bravo-form {
        padding-top: 11vw;
        margin-top: -76px;

    }

    .section-bravo-form h2 {
        font-size: 5vw;
        line-height: calc(5vw + 8px);
        margin-bottom: 7vw;
    }

    .order-to-in-menu {
        display: flex !important;
        align-items: center;
        justify-content: center;
        color: white !important;
        background: #e62e27 !important;
        margin-top: 20px !important;
        width: 80%;
        gap: 8px;
    }

    .menu-right__list li {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;

    }

    .menu-list li {
        border-right: none;
    }

    .menu-list li a {
        display: grid;
        grid-template-columns: 100px 1fr;
        gap: 24px;
        justify-content: space-between;
        padding-left: 30px;

    }

    .menu-list li a img {
        justify-self: center;
    }

    .section-important__wrapper-reasons {
        grid-template-columns: 1fr;
        justify-items: center;
    }
    .oil-important-title{
        text-align: center;
    }
    .section-important__wrapper-reason{
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .service-tabs {
        grid-template-columns: 1fr;
    }

    .tab-wrapper-image img {
        width: 70%;
        height: 70%;
        object-fit: contain;
    }

    .tab-content > .tab-pane {
        display: block;
        width: 100%;
    }

    .nav {
        display: none;
    }

    .tab-content > .active {
        height: auto !important;
    }

    .tab-content {
        overflow-x: hidden;
        display: grid !important;
        height: 550px;
    }

    .tab-wrapper-image {
        height: 300px;
    }

    .slick-next {
        right: 25px !important;
        top: 38% !important;
    }

    .slick-prev {
        top: 38% !important;
        left: -12px !important;
    }

    .detail {
        width: fit-content;
display: flex;
        align-items: center;
    }

    .detail img {
        height: fit-content;
    }

    .slick-next:before {
        content: url("../images/chevron-right.svg") !important;
    }

    .slick-prev:before {
        content: url("../images/chevron-left.svg") !important;
    }

    .mazda {
        width: 100%;
    }

    .section-about p {
        font-size: 18px;
        line-height: 32px;
    }

    .section-map {
        grid-template-columns: 1fr;
    }

    canvas {
        filter: grayscale(100%);
    }

    .map-logo {
        display: none;
    }


    .map-social {
        display: flex !important;
        gap: 20px;
    }

    .section-map__left-panel {
        padding: 40px;
    }

    .ymaps-2-1-79-map {
        height: 572px !important;
    }

    .section-important__mechanic h3 {
        top: 33%;
        left: 34%;
        font-size: 22px;
        line-height: 40px;
    }

    .section-important__mechanic img {
        height: 300px;
    }
    .section-technology__wrapper-amort{
        display: grid;
        grid-template-columns: 1fr 1fr;
        row-gap: 43px;
        align-items: center;
        justify-content: space-between;
    }
    .section-technology__wrapper-amort p, .garanty__amort{
        justify-self: start;
        margin-left: 34px;
    }
    .garanty__amort{
        text-align: left;
        justify-self: center;
    }

    .technology-title3__amort{
        font-size: 3vw!important;
        line-height: calc(3vw + 10px);
    }
    .technology-amort{
        padding-bottom: 27vw;
    }
    .section-prefs__amort{
        gap: 0;
    }
    #map{
        overflow-x: hidden;
        width: 100%;
    }
    .section-other-services h2{
        text-align: center;
    }
    .section-prefs__grm{
        grid-template-columns: 1fr 1fr;
    }
    .section-prefs__wrapper-pref__grm{
        height: 38vw;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .section-prefs__wrapper-pref__grm h3{
        margin-bottom: 20px;
        margin-top: 20px;
        font-size: 2.5vw;
    }
    .empty-block-grm{
        display: block;
    }
    .section-technology__wrapper-grm{
        column-gap: 0;
        row-gap: 20px;
    }
    .garant-grm{
        align-self: end;
        justify-self: center;
        font-size: 14px;
        text-align: center;

    }
    .slash-grm{
        display: none;
    }
    .technology-title3__grm{
        margin-left: 0!important;
    }
    .recomended{
        font-size: 18px;
        line-height: 32px;
    }
    .technology-grm h2{
        margin-bottom: 5vw;
    }
    .section-bravo-form__grm{
        padding-top: 15vw;
    }
    .section-important__grm{
        padding-top: 18vw;
    }
    .section-important__grm h2{
        margin-bottom: 64px;
    }
    .wrapper-hodovaya-image{
        display: none;
    }
    .section-technology__wrapper-podveska{
        grid-template-columns: 45% 1fr 1fr;
        justify-items: start;
        gap: 15px;
    }
    .garanty-podves{
        margin-left: 0;
        line-height: 24px;
        align-self: center;
        justify-self: center;
    }
    .wrapper-hodovaya-mobile{
        display: block;
    }
    .section-prefs__podveska{
        padding-bottom: 60px;
    }
    .technology-title3__podves{
        font-size: 4vw!important;
        line-height: calc(4vw + 5px)!important;
    }
    .wrapper-hodovaya-mobile h3{
        margin-bottom: 0!important;
    }
    .wrapper-hodovaya-mobile p{
        margin-bottom: 24px!important;
    }
    .section-bravo-form__podves{
        padding-bottom: 80px!important;
    }
    .footer{
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .section-map__left-panel{
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    .map-time{
        margin-left: 66px;
    }
    .map-messengers{
        display: none;
    }
    .map-social{
        margin-top: 0;
        margin-left: 80px;
    }
    .section-map__left-panel{
        padding: 70px;
    }
    .wrapper-rekvizity{
        grid-template-columns: 1fr;
    }
    .section-map__left-panel h1{
        position: absolute;
        top: 100px;
        left: 50%;
        transform: translateX(-50%);

    }
}
@media(min-width: 993px) and (max-width: 1114px){
    .footer{
        padding-top: 20px!important;
        padding-bottom: 20px!important;
        height: 136px!important;
    }
}

@media (min-width: 993px) and (max-width: 1199px) {
    .section-prefs__wrapper-pref__grm img{
        height: 27vw;
    }
    #map{
        height: 578px;
    }
    section {
        padding-top: 11vw;
        padding-bottom: 11vw;
    }

    .section-prefs__wrapper-prefs {
        grid-template-columns: 1fr;
    }

    .section-prefs h2 {
        font-size: 5vw;
        line-height: calc(6vw + 8px);
    }

    h2 {
        font-size: 5vw;
        line-height: calc(6vw + 8px);
    }

    h3 {
        font-size: 3vw;
        line-height: calc(3vw + 8px);
    }

    .section-prefs h3 {
        gap: 20px;
    }

    .oil-bottom {
        right: 40%;
    }

    .section-bravo-form__form input[type="date"] {
        width: 100%;
        color: gray;
        -webkit-appearance: none;
        text-align: left;
        display: flex;
        justify-content: start;
    }

    .porsh2 {
        grid-column: 1;
        grid-row: 4;
    }

    .section-menu {
        height: 100vh;
        overflow-y: auto;
    }

    .menu-list {
        grid-template-columns: 1fr 1fr;
        align-items: start;


    }
    .menu-list li a{
        font-size: 16px;
    }

    .section-prefs__wrapper-porsh img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .section-prefs__wrapper-porsh .oil-top {
        width: 200px;
    }

    .section-prefs__wrapper-porsh .oil-down {
        width: 200px;
    }

    .section-prefs__wrapper-porsh .oil-bottom {
        width: 200px;
        bottom: -137px;
    }

    h3 span {
        font-size: 12vw;
        margin-bottom: 6px;
    }

    header {
        padding-bottom: 10vw !important;
        height: auto !important;
    }

    .section-prefs h2 {
        margin-bottom: 10vw;
    }

    .section-menu-right {
        width: 100vw;
        transform: translateX(100vw);
    }

    .znak2 {
        height: 20%;
    }

    .znak1 {
        height: 40%;
    }

    .section-menu-right h2 {
        margin-bottom: 8px;
    }

    .section-technology__wrapper-technology {
        grid-template-columns: 1fr;
        gap: 12px;
        align-items: start;
    }

    .section-technology__wrapper-image img {
        width: 100%;
        object-fit: contain;
    }

    .bg-device {
        margin-top: 0;
    }

    .section-technology__wrapper-image p span {
        white-space: nowrap;
        font-size: 24px;
    }

    .section-technology__wrapper-image p {
        text-align: center;
    }

    .section-technology h2 {
        margin-bottom: 10vw;
    }

    .stage-description {
        margin-bottom: 5vw;
    }

    .section-technology__wrapper-technology {
        position: relative;
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .section-technology__wrapper-image {
        width: 200px;
        position: absolute;
        top: -22px;
        right: 123px;
    }



    .section-technology__wrapper-description p {
        font-size: 3vw;
        line-height: calc(3vw + 8px);
    }

    .section-bravo-form__form {
        display: grid;
        grid-template-columns: 1fr 1fr;
        width: 100%;

    }


    .section-bravo-form {
        padding-top: 11vw;
        margin-top: -71px;

    }

    .section-bravo-form h2 {
        font-size: 5vw;
        line-height: calc(5vw + 8px);
        margin-bottom: 7vw;
    }

    .order-to-in-menu {
        display: flex !important;
        align-items: center;
        justify-content: center;
        color: white !important;
        background: #e62e27 !important;
        margin-top: 20px !important;
        width: 80%;
        gap: 8px;
    }

    .menu-right__list li {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;

    }

    .menu-list li {
        border-right: none;
    }

    .menu-list li a {
        display: grid;
        grid-template-columns: 100px 1fr;
        gap: 24px;
        justify-content: space-between;
        padding-left: 30px;

    }

    .menu-list li a img {
        justify-self: center;
    }

    .section-important__wrapper-reasons {
        grid-template-columns: 1fr;
        justify-items: center;
    }
    .oil-important-title{
        text-align: center;
    }
    .section-important__wrapper-reason{
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .service-tabs {
        grid-template-columns: 1fr;
    }

    .tab-wrapper-image img {
        width: 70%;
        height: 70%;
        object-fit: contain;
    }

    .tab-content > .tab-pane {
        display: block;
        width: 100%;
    }

    .nav {
        display: none;
    }

    .tab-content > .active {
        height: auto !important;
    }

    .tab-content {
        overflow-x: hidden;
        display: grid !important;
        height: 550px;
    }

    .tab-wrapper-image {
        height: 300px;
    }

    .slick-next {
        right: 25px !important;
        top: 38% !important;
    }

    .slick-prev {
        top: 38% !important;
        left: -12px !important;
    }

    .detail {
        width: fit-content;
        display: flex;
        align-items: center;
    }

    .detail img {
        height: fit-content;
    }

    .slick-next:before {
        content: url("../images/chevron-right.svg") !important;
    }

    .slick-prev:before {
        content: url("../images/chevron-left.svg") !important;
    }

    .mazda {
        width: 100%;
    }

    .section-about p {
        font-size: 18px;
        line-height: 32px;
    }

    .section-map {
        grid-template-columns: 1fr;
    }

    canvas {
        filter: grayscale(100%);
    }

    .map-logo {
        display: none;
    }

    .section-technology__wrapper-amort{
        display: grid;
        grid-template-columns: 1fr 1fr;
        row-gap: 43px;
        align-items: center;
        justify-content: space-between;
    }

    .map-social {
        display: flex !important;
        gap: 20px;
    }

    .section-map__left-panel {
        padding: 40px;
    }

    .ymaps-2-1-79-map {
        height: 572px !important;
    }

    .section-important__mechanic h3 {
        top: 43%;
        left: 34%;
        font-size: 22px;
        line-height: 40px;
    }

    .section-important__mechanic img {
        height: 368px;
    }

    .section-technology__wrapper-amort p, .garanty__amort{
        justify-self: start;
        margin-left: 34px;
    }
    .garanty__amort{
        text-align: left;
        justify-self: center;
    }

    .technology-title3__amort{
        font-size: 3vw!important;
        line-height: calc(3vw + 10px)!important;
    }
    .technology-amort{
        padding-bottom: 27vw;
    }
    .section-prefs__amort{
        gap: 0;
    }
    #map{
        overflow-x: hidden;
        width: 100%;
    }
    .section-other-services h2{
        text-align: center;
    }
    .section-prefs__grm{
        grid-template-columns: 1fr 1fr ;
        row-gap: 40px;
    }
    .pref__grm-wrapper-img{
        height: 31vw;
    }
    .section-prefs__wrapper-pref__grm{
        height: 38vw;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .section-prefs__wrapper-pref__grm h3{
        margin-bottom: 20px;
        margin-top: 20px;
        font-size: 2.5vw;
    }
    .empty-block-grm{
        display: block;
    }
    .section-technology__wrapper-grm{
        column-gap: 0;
        row-gap: 20px;
    }
    .garant-grm{
        font-size: 14px;
        align-self: end;
        justify-self: center;
        text-align: center;
    }
    .slash-grm{
        display: none;
    }
    .technology-title3__grm{
        margin-left: 0!important;
    }
    .recomended{
        font-size: 18px;
        line-height: 32px;
    }
    .technology-grm h2{
        margin-bottom: 5vw;
    }
    .section-bravo-form__grm{
        padding-top: 15vw;
    }
    .section-important__grm{
        padding-top: 18vw;
    }
    .section-important__grm h2{
        margin-bottom: 64px;
        text-align: center;
    }
    .wrapper-hodovaya-image{
        display: none;
    }
    .section-technology__wrapper-podveska{
        grid-template-columns: 45% 1fr 1fr;
        justify-items: start;
        gap: 15px;
    }
    .garanty-podves{
        margin-left: 0;
        line-height: 24px;
        align-self: center;
        justify-self: center;
    }
    .wrapper-hodovaya-mobile{
        display: block;
    }
    .section-prefs__podveska{
        padding-bottom: 60px;
    }
    .technology-title3__podves{
        font-size: 4vw!important;
        line-height: calc(4vw + 5px)!important;
    }
    .wrapper-hodovaya-mobile h3{
        margin-bottom: 0!important;
    }
    .wrapper-hodovaya-mobile p{
        margin-bottom: 24px!important;
    }
    .section-bravo-form__podves{
        padding-bottom: 80px!important;
    }
    .footer{
        padding-top: 0;
        padding-bottom: 0;
    }
    .section-map__left-panel{
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    .map-time{
        margin-left: 66px;
    }
    .map-messengers{
        display: none;
    }
    .map-social{
        margin-top: 0;
        margin-left: 80px;
    }
    .section-map__left-panel{
        padding: 70px;
    }
    .wrapper-rekvizity{
        grid-template-columns: 1fr;
    }
    .section-map__left-panel h1{
        position: absolute;
        top: 100px;
        left: 50%;
        transform: translateX(-50%);

    }

}
@media(min-width: 1199px) and (max-width: 1300px){
    .section-bravo-form__form{
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 12px;
    }
    .section-bravo-form{
        margin-top: -70px;
    }
    .section-prefs__wrapper-pref__grm img{
        height: 25vw;
    }
}
@media(max-width: 1199px){

    .nav{
        display: none;
    }
}
@media(min-width: 1200px) and (max-width: 1300px){
    .pref-diagnost{
        display: flex;

    }
    .pref__grm-wrapper-img{
        height: 26vw;
    }
}