.lanemaindiv {
    display: grid;
    overflow-y: hidden;
    overflow-x: scroll;
    padding: 20px 20px;
    line-height: normal;
}
span.lanemain {
    height: 35px;
    position: relative;
}
.lane1 span.lanemain span.lineee {
    top: -22px;
}
.laneruler, .lane1 {
    display: flex;
    align-items: flex-end;
}
.lane1 span.lanemain span {
    position: absolute;
    top: -40px;
}
.lanemaindiv .lane1 {
    position: relative;
}
.tunele_oraz_estkady_lane_1 {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    height: 35px;
    width: 100%;
}

span.laneruler_main {
    display: inline-flex;
    flex-direction: column;
    position: relative;
    margin-top: 30px;
    font-size: 12px;
    font-weight: bold;
}
.laneruler_main span.lineee {
    width: 1px;
    height: 20px;
    background-color: #000000;
}
.laneruler_main:nth-of-type(even) span.lineee {
    height: 10px;
    background-color: #a2a2a2;
}
.laneruler_main:nth-of-type(even) span.lane_label {
    color: #a2a2a2;
    position: absolute;
    top: -15px;
    left: -15px;
}
.laneruler_main:nth-of-type(odd) span.lane_label {
    position: absolute;
    top: -15px;
    left: -10px;
}
.laneruler_main span.lane_label {
    display: inline-block;
    width: max-content;
}

.mop1 {
    position: relative;
}
.mop1 span.mopmain {
    position: absolute;
    bottom: -50px;
    padding: 7px 10px;
}
.mop1 span.mopmain span {
    position: absolute;
    top: -33px;
    left: -5px;
    font-size: 14px;
    font-weight: bold;
}

span.lane2main {
    height: 35px;
    position: relative;
}
.lane2 {
    display: flex;
    align-items: flex-end;
    padding: 10px 0px;
    margin-bottom: 40px;
    position: relative;
}

.mop2 {
    position: relative;
}
.mop2 span.mopmain {
    position: absolute;
    top: -50px;
    padding: 7px 10px;
}
.mop2 span.mopmain span {
    position: absolute;
    bottom: -33px;
    left: -5px;
    font-size: 14px;
    font-weight: bold;
    width: max-content;
}

.laneswd_main {
    position: relative;
}
.laneswd_main span.wdmain {
    position: absolute;
    top: -140px;
    padding: 7px 10px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.laneswd_main span.wdmain span {
    position: absolute;
    bottom: -33px;
    font-size: 14px;
    font-weight: bold;
    width: max-content;
}


.tg_colors_main {
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    margin: 15px 0px;
}
.tg_colors_main h2 {
    display: inline-block;
    width: 100%;
    font-size: 20px;
}
.tg_colors_main ul.tg_colors_inner {
    display: inline-flex;
    width: 100%;
    padding: 10px;
    list-style: none;
    box-sizing: border-box;
    flex-wrap: wrap;
    margin: 0px;
}
.tg_colors_main  ul.tg_colors_inner li.tg_colors_item {
    display: inline-flex;
    align-items: center;
    width: 25%;
}
.tg_colors_main  ul.tg_colors_inner li.tg_colors_item span.tg_color_sec {
    padding: 7px;
}
.tg_colors_main  ul.tg_colors_inner li.tg_colors_item span.tg_label_sec {
    margin-left: 10px;
    font-size: 12px;
}

.obiekty_colors_main, .mop_colors_main,  .tunest_colors_main {
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    margin: 15px 0px;
}
.obiekty_colors_main h2, .mop_colors_main h2, .tunest_colors_main h2 {
    display: inline-block;
    width: 100%;
    font-size: 20px;
}
.obiekty_colors_main ul.obiekty_colors_inner, .mop_colors_main ul.mop_colors_inner, .tunest_colors_main ul.tunest_colors_inner {
    display: inline-flex;
    width: 100%;
    padding: 10px;
    list-style: none;
    box-sizing: border-box;
    flex-wrap: wrap;
    margin: 0px;
}
.obiekty_colors_main ul.obiekty_colors_inner li.obiekty_colors_item, .mop_colors_main ul.mop_colors_inner li.mop_colors_item, .tunest_colors_main ul.tunest_colors_inner li.tunest_colors_item {
    display: inline-flex;
    align-items: center;
    width: 25%;
}
.obiekty_colors_main ul.obiekty_colors_inner li.obiekty_colors_item span.obiekty_color_sec, .mop_colors_main ul.mop_colors_inner li.mop_colors_item span.mop_color_sec, .tunest_colors_main ul.tunest_colors_inner li.tunest_colors_item span.tunest_color_sec {
    padding: 7px;
}
.obiekty_colors_main ul.obiekty_colors_inner li.obiekty_colors_item span.obiekty_label_sec, .mop_colors_main ul.mop_colors_inner li.mop_colors_item span.mop_label_sec, ul.mop_colors_inner li.mop_colors_item span.mop_label_sec, ul.tunest_colors_inner li.tunest_colors_item span.tunest_label_sec {
    margin-left: 10px;
    font-size: 12px;
}

.tunele_oraz_estkady {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    height: 35px;
    width: 100%;
}
span.tunele_oraz_estkadymain {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    height: 35px;
}
span.tunele_oraz_estkadymain span {
    position: absolute;
    top: 60px;
    font-size: 14px;
    font-weight: bold;
    width: max-content;
}

@media only screen and (max-width: 768px) {
    .tg_colors_main ul.tg_colors_inner li.tg_colors_item, .obiekty_colors_main ul.obiekty_colors_inner li.obiekty_colors_item, .mop_colors_main ul.mop_colors_inner li.mop_colors_item, .tunest_colors_main ul.tunest_colors_inner li.tunest_colors_item {
        width: 50%;
    }
}

.tunele_oraz_estkady_lane_1 span.tunele_oraz_estkadymain span {
    top: -70px;
}
.mop_colors_main {
    display: none;
}