@media screen and (max-width: 1320px){
   .container {
        width: 1110px;
    }
    .on-road .buttons a .icon {
        width: 85px;
    }
    .on-road .buttons a .text {
        width: calc(100% - 85px);
        font-size: 13px;
    }
    .on-road .buttons a {
        flex: 0 1 23%;
    }
    .grey-boxes-wrap .grey-box {
        flex: 0 1 15.15%;
    }
    .road-safety .buttons a {
        flex: 0 1 48%;
    }
    .yellow-sticker {
        width: 75px;
    }
    .small-box {
        flex: 1 0 23.6%;
    }
    footer .gap-holder {
        column-gap: 50px;
    }
    .f-column-big {
        flex: 0 1 472px;
    }
    .small-box .grey-panel {
        gap: 10px;
    }
    .small-box .grey-panel .yellow-btn {
        width: 50%;
    }
    .small-box .grey-panel .green-btn {
        width: 50% !important;
    }
    .search-tyres-wrap .search-by-size {
        flex: 0 0 65%;
    }
    .search-tyres-wrap .search-by-car {
        flex: 0 1 35%;
    }
    .search-tyres-wrap .search-by-car .selects-holder {
        width: 100%;
    }
    .search-tyres-wrap .search-by-car .selects-wrap {
        width: 47%;
    }
    .filters-wrap-top .img {
        width: 180px;
    }
    .search-tyres-wrap .search-by-size .checkboxes-wrap {
        flex: 0 1 100%;
        margin-left: 30px;
    }
    .tyres-container .small-box .fixer {
        margin-bottom: 70%;
    }
    .small-box .grey-panel .btns-wrap {
        gap: 10px;
    }
    .small-box .grey-panel .btns-wrap .yellow-btn img {
        margin-right: 7px !important;
    }
    .tyres-container .small-box .grey-panel .price {
        font-size: 14px;
    }
    .tyres-container .small-box .grey-panel .price .final-price {
        font-size: 16px;
    }
    .big-left-box .gallery a {
        flex: 0 0 30%;
    }
    .apps-logos img {
        width: 100%;
    }
    .car-box, .violations-box {
        flex: 0 0 46%;
    }
    .archived-wrap .car-box {
        flex: 0 0 40%;
    }
    .promos-holder .promo-box {
        flex: 0 1 22.8%;
    }

}

@media screen and (max-width: 1190px){
    .container {
        width: 960px;
        padding: 0 10px;
    }
    .grey-boxes-wrap .grey-box {
        flex: 0 1 14.85%;
    }
    .on-road .buttons a .text {
        font-size: 12px;
    }
    .grey-boxes-wrap .grey-box .text {
        font-size: 15px;
    }
    .small-box {
        flex: 0 0 23.3%;
    }
    .small-box .img-wrap .img {
        height: 200px;
    }
    .f-column-normal {
        flex: 0 1 322px;
    }
    .bottom-footer {
        font-size: 11px;
    }
    footer {
        padding: 50px 10px 53px 10px;
    }
    .f-column-big {
        flex: 0 0 323px;
    }
    .f-column-normal {
        flex: 0 0 229px;
    }
    .search-tyres-wrap .green-btn {
        width: 100%;
    }
    .search-tyres-wrap .search-by-size {
        flex: 0 0 65%;
    }
    .tyres-container .small-box {
        flex: 1 0 47%;
    }
    .tyres-container .small-box .fixer {
        margin-bottom: 53%;
    }
    .grey-background-container .tab-content {
        margin-right: 15px;
    }
    .working-hours {
        flex-wrap: wrap;
        gap: 20px !important;
    }
    .working-hours .col {
        width: 100% !important;
    }
    .big-left-box .gallery a {
        flex: 0 0 47%;
    }
    .landing-wrap .tab-content .fixer {
        gap: 20px;
    }
    .landing-wrap .tabs-wrap {
        column-gap: 50px !important;
    }
    .landing-wrap .download-section .text-part {
        flex: 0 0 50%;
    }
    .landing-title, .landing-top .top-title {
        font-size: 48px;
    }
    .landing-wrap .download-section .text-part .title {
        font-size: 45px;
    }
    .landing-medium-text {
        font-size: 20px;
    }
    .landing-top .under-title {
        font-size: 20px;
        line-height: 27px;
    }
    .landing-wrap .download-section .text-part .text {
        font-size: 18px;
    }
    .download-section-img {
        width: 400px;
    }
    .car-box, .violations-box {
        flex: 0 0 44%;
    }
    .garage-top-bar .user-cars-wrap {
        width: calc(100% - 610px);
    }
    .events-list .events-box {
        flex: 0 0 240px;
    }
    .promos-holder .promo-box {
        flex: 0 1 31%;
    }
    .schedule-wrap .content-row .col {
        padding: 0;
    }
    .schedule-wrap .content-row .col .inner {
        padding: 10px;
    }
    .schedule-not-activated img {
        width: 400px !important;
    }

}

@media screen and (max-width: 980px){
    .for-desktop {
        display: none;
    }
    .container {
        width: 100%;
    }
    main {
        margin-top: 56px;
    }
    header .container {
       padding: 5px 0;
    }
    header .menu {
        float: right;
        height: 45px;
    }
    header .right-links {
        float: left;
    }
    header .right-links a {
        display: none;
    }
    header .right-links .my-garage {
        display: flex;
        height: 45px;
        background: #214753;
        border-radius: 0px 30px 30px 0px;
        color: #fff;
        font-size: 10px;
        flex-direction: row;
        margin-right: 0;
        padding-left: 10px;
        padding-right: 15px;
    }
    header .right-links .my-garage.for-desktop {
        display:none;
    }

    header .logo {
        height: 45px;
    }
    header .menu {
        font-size: 10px;
        background: #FEB402;
        border-radius: 30px 0 0 30px;
        padding-right: 15px;
        padding-left: 15px;
    }
    header .menu .normal-icon {
        width: 20px !important;
    }
    header.z-index-m-fix {
        z-index: 99999;
    }
    nav {
        transform: translateX(100%);
        top: 5px;
        height: calc(100vh - 25px);
        height: 100dvh;
        background: #fff;
        padding: 0;
        left: auto;
        right: 0;
        width: 83vw;
        z-index: 2;
        border-top-left-radius: 30px;
    }
    nav .nav-link:last-of-type {
        margin-bottom: 60px;
    }
    .nav-dim {
        position: absolute;
        top: 0;
        right: 0;
        width: 100vw;
        height: 100vh;
        content: "";
        background: rgba(33, 71, 83, 0.5);
        display: none;
    }
    .nav-dim.is-open {
        display: block;
    }
    nav .nav-link, nav .nav-title {
        font-size: 13px;
    }
    header nav .container {
        padding-top: 0;
    }
    .search-wrap {
        background: #FFBB00;
        border-radius: 30px 0px 0px 0px;
        padding: 20px 10px 10px 10px;
        float: left;
        width: 100%;
    }
    .search-wrap .u-name {
        font-size: 12px;
        font-weight: 500;
        text-transform: uppercase;
    }
    .search {
        margin-top: 38px;
    }
    .search .s-input {
        height: 35px;
        font-size: 11px;
        padding-right: 38px;
    }
    .search .s-submit {
        height: 35px;
        width: 43px;
    }
    .bottom-mobile-bar {
        position: fixed;
        bottom: 0 !important;
        left: 0;
        width: 100%;
        height: 60px;
        background: linear-gradient(180deg, #4BA9AF 32.81%, #337381 100%);
        box-shadow: 0px 20px 5px 20px rgba(0, 0, 0, 0.1);
        z-index: 9999;
    }
    .bottom-mobile-bar .logo-holder {
        width: 57px;
        height: 57px;
        position: absolute;
        left: 50%;
        top: -12px;
        transform: translateX(-50%);
        background: #fff;
        border-radius: 50%;
        box-shadow: 0px 1px 4px 6px rgb(0 0 0 / 25%);
    }
    .bottom-mobile-bar .links {
        font-size: 10px;
        color: #fff;
        height: 60px;
        margin-right: 15px;
        float: left;
        flex-direction: column;
        text-decoration: none;
    }
    .info-panel-wrap {
        top: 0;
        height: calc(100vh - 60px);
    }
    .info-panel-wrap .back {
        height: 30px;
        padding: 0 10px;
        font-size: 13px;
    }
    .info-panel-wrap .white-background .container {
        padding: 0 10px;
    }
    .info-panel-wrap .white-background .top-bar .title {
        font-size: 13px;
    }
    .info-panel-wrap .white-background .top-bar .title img {
        width: 24px;
        margin-right: 8px !important;
    }
    .info-panel-wrap .white-background .top-bar .links a {
        font-size: 13px;
        margin-left: 12px;
    }
    .info-panel-wrap .white-background .top-bar {
        height: 50px;
    }
    .noty-row {
        margin-bottom: 20px;
        padding-bottom: 10px;
    }
    .noty-row .date {
        font-size: 13px;
        margin-bottom: 13px;
    }
    .noty-row .contractor {
        padding-left: 12px;
        margin-left: 12px;
    }
    .noty-row .contractor::before {
        height: 26px;
    }
    .noty-row .text {
        font-size: 13px;
    }
    .noty-row .text p {
        margin-bottom: 10px;
    }
    .noty-row .text .d-flex {
        flex-wrap: wrap;
        line-height: 23px;
    }
    .noty-row .green-btn {
        font-size: 14px;
    }
    /* .messages-box, .send-message {
        display: none;
    } */
    .messages-box.openedChat, .send-message.openedChat {
        display: block;
    }
    .chats-box {
        width: 100%;
        height: calc(100vh - 206px);
    }
    .chats-box.openedChat{
        display: none;
    }
    .messages-box {
        width: 100%;
        height: calc(100vh - 265px);
        margin-top: 10px;
    }
    .send-message {
        width: 100%;
        border-bottom: 1px solid #e5e5e5;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
    }
    .incoming-msg {
        justify-content: space-between;
    }
    .incoming-msg .msg {
        width: calc(100% - 74px);
        padding: 10px;
        margin-left: 0;
    }
    .my-msg .msg {
        width: 65%;
        padding: 10px;
    }
    .messages-panel .avatar {
        flex-shrink: 0;
    }

    .on-road-wrap {
        background: none;
        height: auto;
    }
    .on-road {
        padding: 0 10px;
        min-height: 220px;
        background: url(../img/on_road_back_m.jpg) no-repeat center;
        background-size: cover;
        margin-top: 0;
    }
    .on-road-wrap::after {
        display: none;
    }
    .on-road h1 {
        font-size: 32px;
        margin-top: 15px;
    }
    .on-road h2 {
        font-size: 19px;
        margin-top: 4px;
    }
    .on-road-wrap .container {
        padding: 0;
    }
    .on-road .buttons {
        position: relative;
        left: auto;
        bottom: auto;
        padding: 0;
        column-gap: 10px;
        row-gap: 20px;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .on-road .buttons a {
        flex: 0 1 48%;
    }
    .on-road .buttons a .icon {
        width: 53px;
    }
    .on-road .buttons a .icon img {
        width: 32px !important;
    }
    .on-road .buttons a .text {
        font-size: 10px;
        padding: 5px;
        width: calc(100% - 53px);
        line-height: 14px;
    }
    .big-title {
        font-size: 14px;
    }
    .grey-boxes-wrap {
        gap: 10px;
    }
    .grey-boxes-wrap .grey-box {
        flex: 0 1 31.3%;
        padding: 10px;
        min-height: 75px;
    }
    .grey-boxes-wrap .grey-box img {
        height: 21px !important;
    }
    .yellow-sticker {
        width: auto;
        padding: 5px 7px;
        font-size: 6px;
    }
    .yellow-sticker.slanted {
        position: absolute;
        top: 15px;
        right: -46px;
        width: 144px;
        font-size: 9px;
        padding: 0 30px;
        color: #fff;
        text-align: center;
        line-height: 11px;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }
    .red-sticker {
        padding: 5px 7px;
        font-size: 6px;
    }
    .red-sticker.slanted {
        position: absolute;
        top: 15px;
        right: -46px;
        width: 144px;
        font-size: 9px;
        padding: 0 30px;
        color: #fff;
        text-align: center;
        line-height: 11px;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }
    .grey-boxes-wrap .grey-box .text {
        font-size: 10px;
        bottom: 10px;
        left: 10px;
        padding-right: 5px;
    }
    .road-safety-wrap {
        margin-top: 24px;
        flex-wrap: wrap;
        width: calc(100% + 20px);
        margin-left: -10px;
        margin-bottom: 20px;
    }
    .road-safety {
        flex: 0 0 100%;
        min-height: auto;
        padding: 20px 10px 20px 10px;
        background-position-x: 0;
    }
    .road-safety .buttons {
        margin-top: 20px;
        column-gap: 10px;
        row-gap: 20px;
    }
    .road-safety .buttons a .icon {
        width: 53px;
    }
    .road-safety .buttons a .icon img {
        width: 32px !important;
    }
    .road-safety .buttons a .text {
        font-size: 10px;
        padding: 5px;
        width: calc(100% - 53px);
        line-height: 14px;
    }
    .index-banner {
        flex: 0 0 100%;
        min-height: auto;
        background: none;
        justify-content: center;
    }
    .news-boxes-wrap {
        gap: 0;
        flex-wrap: wrap;
    }
    .news-boxes-wrap .n-row {
        flex: 0 0 100%;
        margin-bottom: 20px;
    }
    .like-section .like {
        padding-left: 20px;
        font-size: 13px;
    }
    .like-section .make-comment {
        padding-left: 22px;
        margin-left: 13px;
        font-size: 13px;
    }
    .like-section .share-it {
        padding-left: 21px;
        margin-left: 13px;
        font-size: 13px;
    }
    .comments-section .send-message {
        width: calc(100% - 58px);
        display: block !important;
    }
    .comments-section .send-bnt {
        width: 50px;
    }
    .wall-list-video-wrap iframe {
        height: 254px !important;
    }
    .shop-section {
        margin-bottom: 20px;
    }
    .shop-box {
        width: 169px;
    }
    .shop-box img {
        height: 152px;
    }
    .shop-box .description p {
        font-size: 10px;
        line-height: 10px;
        height: 30px;
        width: 85px;
        -webkit-line-clamp: 3;
    }
    .shop-box .description {
        height: 60px;
        padding: 0 5px;
    }
    .green-btn {
        font-size: 7px;
        height: 30px;
        padding: 0 5px;
    }
    .yellow-btn {
        height: 30px;
        padding: 0 5px;
    }
    .red-btn {
        height: 30px;
        padding: 0 5px;
    }
    .your-ad-here {
        height: 30px;
        padding: 0 5px;
        width: 100%;
        justify-content: center;
        font-size: 14px;
        margin-top: 6px;
    }
    .long-box {
        min-height: auto;
        margin-bottom: 20px;
        flex-wrap: wrap;
    }
    .long-box .img-wrap {
        flex: 0 0 150px;
    }
    .long-box .img-wrap img {
        width: 100%;
        min-height: auto;
        border-bottom-left-radius: 0;
    }
    .long-box .text-part {
        padding: 10px 10px 0 10px;
        flex: 0 0 calc(100% - 150px);
    }
    .long-box .medium-title {
        font-size: 14px;
        line-height: 18px;
        border-top: 1.86px solid #FFBB00;
        border-bottom: 1.86px solid #FFBB00;
        padding: 5px 0;
    }
    .long-box .text-part .fixer {
        margin-bottom: 0;
    }
    .long-box .grey-panel-wrap {
        position: relative;
        padding-left: 0;
    }
    .long-box .grey-panel {
        padding: 15px 10px 10px 10px;
        border-bottom-left-radius: 6px;
    }
    .long-box .grey-panel .green-btn {
        font-size: 14px;
        margin-left: 6px !important;
    }
    .long-box .grey-panel .btns-wrap {
        width: 100%;
        justify-content: space-between;
    }
    .long-box .grey-panel .btns-wrap a {
        width: 50% !important;
        justify-content: center;
    }
    .long-box .text-part .address img {
        float: left;
    }
    .long-box .text-part .address span {
        float: right;
        width: calc(100% - 20px);
        font-size: 12px;
    }
    .long-box .text-part .address {
        margin-bottom: 10px;
    }
    .raiting {
        font-size: 12px;
        margin-bottom: 15px;
    }
    .comments-count, .n-descr {
        font-size: 14px;
    }
    .objects-holder {
        overflow-x: auto;
        padding-bottom: 16px;
        padding-left: 5px;
        padding-top: 5px;
    }
    .objects-holder::-webkit-scrollbar, .object-navigation::-webkit-scrollbar {
        height: 3px;
    }
    .objects-holder::-webkit-scrollbar-thumb, .object-navigation::-webkit-scrollbar-thumb {
        background: #214753;
        -webkit-border-radius: 5px;
    }
    .objects-holder::-webkit-scrollbar-track, .object-navigation::-webkit-scrollbar-track {
        background: #EFF3F8;
    }
    .objects-holder .gap-holder {
        flex-wrap: nowrap;
        width: max-content;
        column-gap: 11px;
    }
    .objects-holder .gap-holder .small-box {
        width: 168px;
    }
    .objects-holder .gap-holder .small-box:last-of-type {
        margin-right: 7px;
    }
    .objects-holder .gap-holder .small-box .img-wrap .img {
        height: 134px;
    }
    .small-box .address {
        margin-bottom: 10px;
    }
    .small-box .grey-panel {
        padding: 15px 10px 10px 10px;
        border-radius: 0;
        flex-wrap: wrap;
        gap: 0;
    }
    .small-box .fixer {
        margin-bottom: 75px;
    }
    .small-box .title {
        font-size: 14px;
        line-height: 18px;
        border-top: 1.86px solid #FFBB00;
        border-bottom: 1.86px solid #FFBB00;
        padding: 5px;
    }
    .small-box .grey-panel .green-btn {
        font-size: 14px;
        width: 100% !important;
    }
    .small-box .grey-panel .red-btn {
        font-size: 14px;
        width: 100% !important;
    }
    .small-box .grey-panel .yellow-btn {
        margin-right: 0 !important;
        width: 100%;
        justify-content: center;
        margin-bottom: 6px;
    }
    footer {
        padding: 20px 10px 20px 10px;
    }
    footer .gap-holder {
        column-gap: 0;
        flex-wrap: wrap;
    }
    .f-column-big {
        flex: 0 0 100%;
    }
    .f-column-normal {
        flex: 0 0 100%;
    }
    .f-links {
        font-size: 14px;
    }
    .bottom-footer {
        height: auto;
        /* margin-bottom: 60px; */
        padding-bottom: 50px;
    }
    .bottom-footer.landing-remove-margin-b {
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .bottom-footer .left-side {
        justify-content: center;
        width: 100%;
    }
    .bottom-footer .right-side {
        justify-content: center;
        width: 100%;
        height: auto !important;
        flex-wrap: wrap;
        align-items: baseline;
    }
    .bottom-footer a {
        margin-right: 0;
        width: 100%;
        margin-bottom: 15px;
    }
    .info-panel-wrap .white-background .top-bar::after {
        width: 50%;
    }
    .back-panel .back {
        min-height: 60px !important;
    }
    .user-cars-wrap .user-car {
        height: 36px;
        font-size: 10px;
    }
    .user-cars-wrap .user-car img {
        width: 20px;
    }
    .user-cars-wrap {
        width: 50%;
        overflow-x: auto;
    }
    .user-cars-wrap .mobile-scroller {
        width: max-content;
    }
    .search-tyres-wrap {
        min-height: inherit;
        background: url(../img/search_tyres_back_m.jpg) no-repeat center;
        background-size: cover;
        margin-bottom: 25px;
    }
    .search-tyres-wrap .container {
        padding: 0;
    }
    .search-tyres-wrap .search-by-size {
        flex: 0 0 100%;
    }
    .search-tyres-wrap .search-by-size .text {
        font-size: 14px;
    }
    .search-tyres-wrap .search-by-size .tab-btn {
        pointer-events: all;
        font-size: 12px;
        width: 50%;
        padding: 0 10px;
        float: left;
    }
    .filters-wrap-top {
        display: block;
    }
    .filters-wrap-top .img {
        width: 170px;
        float: left;
        margin-right: 0 !important;
    }
    .search-tyres-wrap .search-by-size .sizes-dropdowns {
        width: calc(100% - 195px);
        float: right;
    }
    .search-tyres-wrap .inner-holder {
        padding: 13px 15px 50px 15px;
        float: left;
    }
    .search-tyres-wrap .search-by-size .text {
        margin-bottom: 36px;
    }
    .search-tyres-wrap .search-by-size .checkboxes-wrap {
        margin-left: 0;
        float: left;
        width: 100%;
    }
    .search-tyres-wrap .green-btn {
        font-size: 14px;
    }
    .search-tyres-wrap .by-automobile {
        font-size: 12px;
        width: 50%;
        padding: 0 10px;
        float: left;
        font-weight: 700;
        text-transform: uppercase;
        color: #214753;
        height: 55px;
        background: #D9D9D9;
    }
    .search-tyres-wrap .search-by-car .tab-btn {
        pointer-events: all;
        font-size: 12px;
        width: 50%;
        padding: 0 10px;
        float: left;
    }
    .search-tyres-wrap .search-by-car {
        flex: 0 0 100%;
        display: none;
    }
    .search-tyres-wrap .search-by-car::after {
        display: none;
    }
    .search-tyres-wrap .search-by-car .by-size {
        font-size: 12px;
        width: 50%;
        padding: 0 10px;
        float: left;
        font-weight: 700;
        text-transform: uppercase;
        color: #fff;
        height: 55px;
        background: #214753;
    }
    .search-tyres-wrap .search-by-car .text {
        font-size: 14px;
    }
    .tyres-container {
        flex: 0 0 100%;
    }
    .tyres-container .small-box .img-wrap .img {
        height: 170px;
    }
    .sorting-options .select2-container .select2-selection--single {
        height: 35px;
    }
    .sorting-options .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 35px;
    }
    .sorting-options .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 35px;
    }
    .sorting-options {
        display: block;
        float: left;
        width: 100%;
    }
    .sorting-options .sorting {
        float: left;
    }
    .sorting-options .results-txt {
        float: left;
        width: 100%;
        margin-bottom: 10px;
    }
    .tyres-container .gap-holder {
        float: left;
        width: 100%;
        column-gap: 10px;
        row-gap: 17px;
    }
    .load-more-wrap {
        float: left;
        width: 100%;
    }
    .green-sticker {
        height: 24px;
    }
    .green-sticker .devider {
        height: 17px;
    }
    .tyres-container .small-box .red-sticker {
        top: 48px;
        padding: 2px 7px;
        font-size: 8px;
    }
    .open-filters-m {
        font-size: 14px;
        font-weight: 600;
        text-transform: uppercase;
        margin-bottom: 20px;
    }
    .tyres-container .small-box .title {
        padding: 3px 0 3px 5px;
        margin-bottom: 3px;
    }
    .tyres-container .small-box .brand-logo {
        height: 19px;
        margin-bottom: 5px;
    }
    .grades-wrap .grade {
        padding: 0 5px;
    }
    .grades-wrap {
        margin-bottom: 10px;
        min-height: inherit;
    }
    .grades-wrap .grade .grade-info-box {
        width: 15px;
        height: 15px;
        line-height: 15px;
        font-size: 8px;
    }
    .grades-wrap .grade .grade-info-box:after {
        border-left: 8px solid;
        border-color: inherit;
        border-top: 7px solid transparent;
        border-bottom: 9px solid transparent;
    }
    .grades-wrap .grade .grade-icon {
        width: 14px;
        height: 16px;
        background: url(../img/tyres_sprite.png) 0px 0px no-repeat;
        background-size: 16px;
    }
    .grades-wrap .grade .grade-icon.traction {
        background-position-y: -16px;
        background-position-x: -1px;
    }
    .grades-wrap .grade .grade-icon.noise {
        background-position-y: -33px;
    }
    .tyres-container .small-box .grey-panel .price {
        font-size: 10px;
        margin-bottom: 12px;
    }
    .tyres-container .small-box .grey-panel {
        padding: 10px 6px 10px 6px;
    }
    .tyres-container .small-box .grey-panel .price .price-from {
        display: none;
    }
    .tyres-container .small-box .grey-panel .price .old-price {
        float: left;
    }
    .tyres-container .small-box .grey-panel .price .final-price {
        float: left;
        line-height: 16px;
    }
    .small-box .grey-panel .btns-wrap .yellow-btn {
        margin-bottom: 0;
        font-size: 12px;
    }
    .filters-wrap .filters::-webkit-scrollbar {
        height: 3px;
        width: 3px;
    }
    .filters-wrap .filters::-webkit-scrollbar-thumb {
        background: #214753;
        -webkit-border-radius: 5px;
    }
    .filters-wrap .filters::-webkit-scrollbar-track {
        background: #EFF3F8;
    }
    .filters-wrap {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999999;
        width: 100%;
        height: 100vh;
        background: #fff;
        transition: transform .2s ease-in-out;
        transform: translateX(-100%);
    }
    .filters-wrap.opened {
        transform: none;
    }
    .filters-wrap .filters {
        margin-bottom: 0;
        overflow: auto;
        float: left;
        width: 100%;
        height: calc(100vh - 117px);
        margin-top: 56px;
        border-radius: 0;
    }
    .filters-wrap .filters .calculator-btn {
        font-size: 14px;
    }
    .filters-top-mobile {
        height: 56px;
        width: 100%;
        background: #fff;
        z-index: 2;
        box-shadow: 0px 4px 10px rgb(136 152 170 / 15%);
        position: fixed;
        top: 0;
        left: 0;
    }
    .filters-top-mobile .close {
        width: 40px;
        height: 40px;
        background: url(../img/close.svg) no-repeat center;
        background-size: 14px;
        margin-top: 7px;
        float: left;
    }
    .filters-top-mobile .text {
        margin-top: 20px;
        margin-left: 10px;
        font-size: 14px;
        font-weight: 600;
        text-transform: uppercase;
    }
    .filters-bottom-mobile {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 60px;
        background: #fff;
        box-shadow: 0px 2px 6px 2px rgb(0 0 0 / 15%);
        z-index: 10;
    }
    .stores-wrap .store-row {
        height: auto;
        flex-wrap: wrap;
        padding: 15px 0;
        justify-content: space-around;
    }
    .stores-wrap .col-big {
        flex: 0 0 100%;
        margin-bottom: 10px;
    }
    .stores-wrap .col-medium {
        flex: unset;
        margin-bottom: 10px;
    }
    .stores-wrap .col-big .green-btn {
        width: 100%;
    }
    .tyre-view-wrap {
        flex-wrap: wrap;
    }
    .tyre-view-left {
        flex: 0 0 100%;
        flex-direction: column;
    }
    .tyre-view-right {
        flex: 0 0 100%;
    }
    .popup-wrap {
        padding: 10px;
    }
    .popup-wrap .pop-content {
        padding: 66px 20px 66px 20px;
    }
    .popup-wrap .pop-title::after {
        width: 30%;
    }
    .popup-wrap .green-btn {
        height: 41px;
        font-size: 14px;
        width: 100% !important;
    }
    .popup-wrap .yellow-btn {
        height: 41px;
        font-size: 14px;
        width: 100% !important;
    }
    .form-group {
        flex-wrap: wrap;
        row-gap: 14px;
        width: 100%;
    }
    .form-group .form-element {
        width: 100%;
    }
    .grey-background-container .tab-content.active-tab {
        width: 100%;
    }
    .form-group.fuel-grid{
        /* grid-template-columns: 1fr; */
        display: block;
    }
    .form-group.fuel-grid .form-element{
        margin-bottom: 14px;
    }
    .clients-feedback {
        display: flex;
        flex-wrap: wrap;
    }
    .clients-feedback .green-btn {
        height: 41px;
        font-size: 14px;
        padding: 0 10px;
        margin-top: 10px;
        width: 100%;
    }
    .clients-feedback .give-feedback {
        flex-wrap: wrap;
        padding: 20px 28px;
        height: auto;
    }
    .clients-feedback .give-feedback .raiting, .clients-feedback .feedback-row .raiting {
        font-size: 16px;
        margin-bottom: 0;
    }
    .clients-feedback .devider-text::before {
        top: 3px;
    }
    .clients-feedback .left-part {
        align-items: center;
    }
    .clients-feedback .load-more-wrap {
        margin-top: 15px;
    }
    .services-wrap .gap-holder {
        float: left;
        width: 100%;
        column-gap: 10px;
        row-gap: 17px;
    }
    .services-wrap .small-box {
        flex: 1 0 47%;
    }
    .services-wrap .small-box .img-wrap .img {
        height: 134px;
    }
    .services-wrap .services-top-line {
        padding-left: 0;
    }
    .change-location {
        width: 130px;
    }
    .services-wrap .sorting-options {
        padding-left: 0 !important;
        margin-bottom: 22px !important;
    }
    #mapCanvas {
        height: 400px !important;
    }
    .object-navigation {
        overflow-x: auto;
    }
    .object-navigation .container {
        height: 67px;
        flex-wrap: nowrap;
        width: max-content;
    }
    .grey-background-container .tab-content {
        flex: 0 0 100%;
        margin-right: 0;
    }
    .working-hours .col a {
        word-break: break-all;
    }
    .big-left-box .gallery a {
        flex: 0 0 100%;
    }
    .landing-title, .landing-top .top-title {
        font-size: 32px;
    }
    .landing-top .under-title {
        font-size: 19px;
        line-height: 23px;
    }
    .landing-medium-text {
        font-size: 17px;
        line-height: 27px;
    }
    .landing-wrap .green-btn {
        height: 41px;
        font-size: 14px;
    }
    .landing-wrap .yellow-btn {
        height: 41px;
    }
    .landing-top .top-buttons {
        padding: 0 10px;
    }
    .landing-stats {
        column-gap: 0;
        flex-wrap: wrap;
        padding: 20px 0;
        height: auto;
    }
    .landing-stats .stats-box {
        width: 50%;
        margin-bottom: 20px;
    }
    .landing-stats .text {
        text-align: center;
    }
    .landing-stats .stats-box img {
        margin-bottom: 10px !important;
    }
    .landing-wrap .download-section .text-part .title {
        font-size: 32px;
    }
    .landing-wrap .download-section .text-part .text {
        font-size: 17px;
        line-height: 27px;
    }
    .download-section .container {
        flex-wrap: wrap;
        column-gap: 0;
    }
    .download-section-img {
        width: 100%;
    }
    .landing-wrap .download-section .text-part {
        flex: 0 0 100%;
    }
    .landing-wrap .tabs-wrap {
        flex-wrap: wrap;
    }
    .landing-wrap .tabs-holder {
        flex: 0 0 100%;
    }
    .landing-wrap .tab-content .fixer {
        gap: 0;
        width: 100%;
        flex-wrap: wrap;
        justify-content: center;
    }
    .landing-wrap .image-holder {
        width: auto;
        height: 80vh;
        flex-shrink: 0;
        margin-left: 10px;
        order: 1;
    }
    .landing-wrap .image-holder img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        margin-top: 1px;
        margin-left: -10px;
    }
    .landing-wrap .description {
        height: auto;
    }
    .auth-wrap .inner-holder {
        width: 100%;
    }
    .auth-wrap .form-group {
        row-gap: 0;
    }
    .auth-wrap .green-btn {
        height: 40px;
        font-size: 14px;
        width: 100% !important;
    }
    .profile-wrap .container {
        flex-wrap: wrap;
    }
    .profile-wrap .left-links {
        flex: 0 0 100%;
    }
    .profile-wrap .right-content {
        flex: 0 0 100%;
        margin-left: 0;
        width: 100%;
    }
    .profile-wrap .top-bar::after {
        width: 50%;
    }
    .profile-wrap .green-btn, .send-query .green-btn {
        height: 40px;
        font-size: 14px;
        width: 100% !important;
    }
    .profile-wrap .top-bar {
        margin-top: 0;
    }
    .fixed-table-holder table tr > :first-child{
        position: sticky; left: -1px;
    }
    .fixed-table-holder table tr:nth-of-type(odd) :first-child{
        background: #E7EDF6;
    }
    .fixed-table-holder table tr:nth-of-type(even) :first-child{
        background: #fff;
    }
    .settings-wrap {
        flex-wrap: wrap;
    }
    .settings-wrap .form-group:nth-child(1) {
        margin-bottom: 40px !important;
    }
    .car-box, .violations-box {
        flex: 0 0 100%;
    }
    .violations-m-fix {
        row-gap: 0 !important;
    }
    .type-event {
        width: 100% !important;
    }
    .profile-wrap .car-box .green-btn {
        width: 50% !important;
    }
    .car-box .right-part {
        width: 100%;
        margin-top: 15px;
    }
    .car-box .big-title {
        font-size: 22px;
    }
    .car-box .img-wrap, .car-box .img-wrap img {
        width: 100%;
    }
    .garage-top-bar .container {
        flex-wrap: wrap;
        height: auto;
    }
    .garage-top-bar .user-cars-wrap {
        width: 100%;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .garage-top-bar .green-btn {
        height: 40px;
        font-size: 14px;
        width: 100% !important;
        margin-bottom: 10px;
    }
    .garage-top-bar .grey-btn {
        width: 100% !important;
        margin-bottom: 10px;;
    }
    .green-btn.mobile-fix {
        height: 40px;
        font-size: 14px;
        margin-bottom: 10px;
    }
    .garage-top-bar::after {
        width: 50%;
    }
    .buttons-m-fix {
        flex-wrap: wrap;
    }
    .grey-background-container .container {
        flex-wrap: wrap;
    }
    .small-right-box-inner .green-btn {
        height: 40px;
        font-size: 14px;
    }
    .garage-page .green-btn {
        height: 40px;
        font-size: 14px;
    }
    .w100-mobile {
        width: 100% !important;
    }
    .confirm-buttons {
        flex-wrap: wrap;
        padding-right: 20px;
    }
    .confirm-buttons .green-btn {
        margin-bottom: 10px;
    }
    .confirm-buttons .green-btn, .confirm-buttons .yellow-btn {
        height: 40px;
        font-size: 14px;
        width: 100% !important;
    }
    .small-right-box {
        margin-top: 30px;
    }
    .small-right-box-inner {
        width: 100%;
    }
    .form-group .form-element textarea {
        height: 140px;
        min-height: 140px;
    }
    .archived-wrap .car-box {
        flex: 0 0 100%;
    }
    .events-list .events-box {
        flex: 0 0 100%;
        border-bottom: 1px solid #E7EDF6;
        padding-bottom: 20px;
    }
    .location-popup .popup, .change-location-popup .popup, .send-query-popup .popup {
        width: 100%;
    }
    .service-top-options {
        flex-wrap: wrap;
    }
    .service-top-options .green-btn {
        width: 100% !important;
        margin-bottom: 20px;
    }
    .service-top-options .select-outer {
        float: left;
        width: 100%;
    }
    .service-top-options .selects-wrap {
        width: 100% !important;
    }
    .export-div {
        flex-wrap: wrap;
    }
    .export-div .form-group {
        width: 100% !important;
    }
    .export-div .green-btn {
        text-align: center;
        margin-top: 20px;
    }
    .trip-box .green-btn, .trip-box .red-btn {
        width: 50% !important;
    }
    .news-view .news-content {
        flex: 0 0 100%;
        margin-bottom: 30px;
        max-width: 100%;
    }
    .news-view .news-content img {
        height: auto !important;
        max-width: 100% !important;
    }
    .news-view .news-right-panel {
        width: 100%;
    }
    .news-view-inner {
        flex-wrap: wrap;
    }
    .news-view h1::after {
        width: 50%;
    }
    .top-bar.heading-section::after {
        width: 50%;
    }
    .leaflet-box {
        flex: 0 0 100%;
    }
    .leaflet-view iframe {
        height: 250px !important;
    }
    .faq-row .plus, .faq-row .minus {
        margin-left: 30px;
    }
    .faq-buttons a {
        height: auto;
        font-size: 12px;
        padding: 10px 10px;
    }
    .faq-row h2 {
        font-size: 14px;
    }
    .law-box {
        flex: 0 0 100%;
    }
    .company-objects-list .confirm-buttons {
        width: 100%;
        padding-right: 0;
    }
    .company-objects-list .red-btn {
        width: 100% !important;
        margin-bottom: 10px;
    }
    .view-object-top .obj-name-m {
        width: 50% !important;
    }
    .promos-list .header-row {
        flex-wrap: wrap;
    }
    .promos-list .green-btn {
        height: 40px;
        font-size: 14px;
        text-align: center;
    }
    .promos-list .header-row .green-btn {
        margin-top: 10px;
    }
    .promos-holder .promo-box {
        flex: 0 1 100%;
    }
    .fg-m-fix {
        margin-bottom: 0 !important;
    }
    .gtp-objects a {
        height: 40px;
        font-size: 14px;
    }
    .tab-schedule .select-date-wrap {
        flex-wrap: wrap;
        width: calc(100% + 40px);
        margin-left: -20px;
        justify-content: center;
        top:55px;
    }
    .select-date {
        margin-top: 10px;
    }
    .select-date input {
        width: 100%;
    }
    .schedule-scroller {
        height: auto;
    }
    .schedule-wrap {
        overflow-x: auto;
        padding-left: 60px;
    }
    .schedule-wrap .mobile-scroll-fix {
        width: max-content;
    }
    .schedule-wrap .header-row-sch .col span {
        font-size: 12px;
    }
    .schedule-wrap .header-row-sch.desktop {
        position: inherit;
    }
    .schedule-wrap .content-row .col {
        font-size: 12px;
    }
    .schedule-legend {
        flex-direction: column;
    }
    .schedule-wrap .content-row .col:first-of-type {
        flex: 0 0 60px;
        padding: 0;
    }
    .schedule-wrap .content-row .col:first-of-type div {
        height: 100%;
        align-items: center;
        display: flex;
        justify-content: center;
    }
    .schedule-wrap .content-row .col:first-of-type div img {
        width: 10px !important;
        margin-right: 3px !important;
    }
    .schedule-wrap .header-row-sch {
        border-radius: 0;
    }
    .schedule-wrap .header-row-sch .col:first-of-type {
        position: absolute;
        left: 0;
        top: 0;
        width: 60px;
        height: inherit;
        background: #E7EDF6;
        border-top: 1px solid #CAD1D7;
    }
    .schedule-wrap .content-row .col:first-of-type {
        position: absolute;
        left: 0;
        top: auto;
        width: 60px;
        height: inherit;
        border-bottom: 1px solid #CAD1D7;
        background: #fff;
        margin-top: 0.5px;
        z-index: 3;
    }
    .schedule-wrap .content-row .col:first-of-type div {
        margin-top: 20px;
        height: auto;
    }
    .schedule-wrap .content-row:last-of-type {
        border-bottom-left-radius: 0;
    }
    .schedule-mobile-outer {
        position: relative;
        width: calc(100% + 40px);
        margin-left: -20px;
    }
    .schedule-not-activated {
        flex-wrap: wrap;
        gap: 20px !important;
    }
    .schedule-not-activated .text-part {
        flex: 0 0 100%;
        padding-top: 0;
    }
    .schedule-not-activated img {
        width: 100% !important;
    }
    .schedule-yellow-box .text {
        padding: 0 10px;
    }
    .schedule-yellow-box .green-btn {
        height: 41px;
        font-size: 14px;
    }
    .schedule-yellow-box h2 {
        font-size: 32px;
    }
    .schedule-not-activated::after {
        top: auto;
        bottom: -60px;
        right: -67%;
    }
    .make-appointment .schedule-wrap .mobile-scroll-fix {
        width: 100%;
    }
    .make-appointment .schedule-wrap .content-row .col:first-of-type div {
        margin-top: 35px;
    }
    .separator::after {
        width: 50%;
    }
    .green-btn-bigger-mobile {
        height: 40px;
        font-size: 14px;
    }
    .table-wrap {
        overflow-x: scroll;
    }
    .table-wrap table {
        table-layout: auto;
    }
    .reserve-m-fix {
        margin-left: 0 !important;
    }
    .partners-wrap .bullet-points-grid{
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        font-size: 14px;
    }
    .banners-wrap{
        margin-left: 0;
    }
    .feedback-btn {
        width: 44px;
        height: 42px;
        bottom: auto;
        top: 75px;
        right: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .feedback-btn .text {
        display: none;
    }
    .sitemap-container{
        display: block;
    }
    .car-parts form {
        display: block;
        width: 100%;
    }

    .car-parts .content {
        width: 100%;
    }

    .car-parts .yellow-banner {
        font-size: 1rem;
    }

    .car-parts form .form-element {
        margin-bottom: 1rem;
    }

    .car-parts {
        flex-wrap: wrap;
    }

    .car-parts .img-container {
        /* display: flex;
        justify-content: center; */
        display: none;
    }

    .car-parts .img-container img {
        width: 100%;
    }

    .author-card__image {
        width: 3rem;
        height: 3rem !important;
        object-fit: cover;
    }
}

@media screen and (min-width: 980px){
    .for-mobile {
        display: none;
    }
}