.d-abs__nav li:first-child::before {
    background: url(/media/images/depfin-about-budjet/puzzle1.png) no-repeat;
    background-size: inherit;
}

.d-abs__nav li:nth-child(2):before {
    background: url(/media/images/depfin-about-budjet/puzzle2.png) no-repeat;
    background-size: inherit;
}

.d-abs__nav li:nth-child(3):before {
    background: url(/media/images/depfin-about-budjet/puzzle3.png) no-repeat;
    background-size: inherit;
}

.d-abs__nav li:nth-child(4):before {
    background: url(/media/images/depfin-about-budjet/puzzle4-v02.png) no-repeat 0 0;
    background-size: inherit;
}

.d-abs__nav li:nth-child(5):before {
    background: url(/media/images/depfin-about-budjet/puzzle5.png) no-repeat;
    background-size: inherit;
}

.d-abs__nav li:nth-child(6):before {
    background: url(/media/images/depfin-about-budjet/puzzle6.png) no-repeat;
    background-size: inherit;
}

.d-abs__nav li:nth-child(7):before {
    background: url(/media/images/depfin-about-budjet/puzzle7.png) no-repeat;
    background-size: inherit;
}

@media screen and (max-width: 1279px) {
    .d-abs__nav li:nth-child(2) a {
        padding-right: 30px;
    }

    .d-abs__nav li:nth-child(2) a span {
        font-size: 14px;
    }
}

@media screen and (max-width: 1180px) {
    .d-abs__nav li:nth-child(4) {
        width: 474px;
        height: 161px;
        top: 115px;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-top: 0px !important;
    }
}

@media (max-width: 974px) {
    .d-abs__nav li.abs-box::before {
        background-size: 100%;
    }

    .d-abs__nav li.abs-box {
        background-image: none;
    }
}

@media (max-width: 768px) {
    .d-abs__nav li .puzzle-inner .btn-close {
        right: 5px;
        top: 6px;
    }

    .d-abs__nav li .puzzle-inner .btn-close:after,
    .d-abs__nav li .puzzle-inner .btn-close::before {
        height: 20px;
    }

    .d-abs__nav li:first-child .puzzle-inner {
        left: 0;
    }

    .d-abs__nav li:nth-child(2) .puzzle-inner {
        width: 250px !important;
        left: auto;
        right: 0;
    }

    .d-abs__nav li:nth-child(3) .puzzle-inner {
        width: 250px;
        max-width: 100vw;
        left: 0;
    }
}

@media (max-width: 420px) {

    .d-abs__nav li:nth-child(2) .puzzle-inner,
    .d-abs__nav li:nth-child(5) .puzzle-inner {
        right: 5px;
    }

    .d-abs__nav li:nth-child(4) .puzzle-inner {
        width: 200px !important;
    }

    .d-abs__nav li:nth-child(4) .puzzle-inner strong {
        font-size: 14px;
    }

    .d-abs__nav li:nth-child(6) .puzzle-inner {
        width: 220px !important;
    }

    .d-abs__nav li:nth-child(7) .puzzle-inner {
        width: 220px !important;
    }

    .d-abs__nav li:nth-child(7) .puzzle-inner strong {
        font-size: 16px;
    }
}

@media screen and (max-width: 974px) and (min-width: 769px) {
    ul.d-abs__nav {
        width: 750px;
    }

    .d-abs__nav li:first-child {
        width: 74.4%;
        height: 112px;
        top: 0;
    }

    .d-abs__nav li:nth-child(2) {
        height: 112px;
        width: 28%;
        position: absolute;
        top: 0;
        left: initial;
    }

    .d-abs__nav li:nth-child(2) a {
        padding-top: 10px;
        padding-right: 10px;
        line-height: 1em;
    }

    .d-abs__nav li:nth-child(2) a span {
        font-size: 13px;
        line-height: 10px;
    }

    .d-abs__nav li:first-child a {
        padding-top: 10px;
    }

    .d-abs__nav li:first-child a span {
        font-size: 24px;
    }

    .d-abs__nav li:nth-child(3) {
        top: 92px;
        width: 174px;
        height: 240px;
    }

    .d-abs__nav li:nth-child(3) a {
        padding-top: 32px;
    }

    .d-abs__nav li:nth-child(3) a span {
        font-size: 18px;
    }

    .d-abs__nav li:nth-child(4) {
        top: 92px;
        width: 380px;
        left: 155px;
        height: 129px;
    }

    .d-abs__nav li:nth-child(4) a {
        padding-right: 20px;
    }

    .d-abs__nav li:nth-child(4) a span {
        font-size: 18px;
    }

    .d-abs__nav li:nth-child(5) {
        top: 92px;
        width: 28%;
        height: 240px;
    }

    .d-abs__nav li:nth-child(5) a {
        padding-top: 32px;
    }

    .d-abs__nav li:nth-child(5) a span {
        font-size: 18px;
    }

    .d-abs__nav li:nth-child(6) {
        top: 202px;
        left: 155px;
        width: 188px;
    }

    .d-abs__nav li:nth-child(6) a {
        padding-top: 35px;
    }

    .d-abs__nav li:nth-child(6) a span {
        font-size: 18px;
    }

    .d-abs__nav li:nth-child(7) {
        top: 202px;
        left: 348px;
        width: 187px;
    }

    .d-abs__nav li:nth-child(7) a {
        padding-top: 35px;
    }

    .d-abs__nav li:nth-child(7) a span {
        font-size: 18px;
    }
}

@media screen and (max-width: 768px) and (min-width: 601px) {
    ul.d-abs__nav {
        width: 570px;
    }

    .d-abs__nav li:first-child {
        width: 100%;
        height: 85px;
        top: 0;
    }

    .d-abs__nav li:first-child::before {
        background-image: url('/media/images/depfin-about-budjet/puzzle1_mobile_new.png');
    }

    .d-abs__nav li:first-child a span {
        line-height: 20px;
    }

    .d-abs__nav li:nth-child(2),
    .d-abs__nav li:nth-child(3),
    .d-abs__nav li:nth-child(4) {
        top: 70px;
    }

    .d-abs__nav li:nth-child(5),
    .d-abs__nav li:nth-child(6),
    .d-abs__nav li:nth-child(7) {
        top: 153px;
        height: 104px;
    }

    .d-abs__nav li:nth-child(2) {
        height: 103px;
        width: 28%;
        position: absolute;
        left: 410px;
    }

    .d-abs__nav li:nth-child(2)::before {
        background-image: url('/media/images/depfin-about-budjet/puzzle2_mobile_new.png');
    }

    .d-abs__nav li:nth-child(2) a {
        padding-top: 20px;
        padding-right: 5px;
        padding-left: 10px;
        line-height: 1em;
    }

    .d-abs__nav li:nth-child(2) a span {
        font-size: 10px;
        line-height: 14px;
    }

    .d-abs__nav li:first-child a {
        padding-top: 10px;
    }

    .d-abs__nav li:first-child a span {
        font-size: 24px;
    }

    .d-abs__nav li:nth-child(3) {
        width: 132px;

        height: 187px;
    }

    .d-abs__nav li:nth-child(3) a {
        padding-top: 20px;
        padding-left: 20px;
    }

    .d-abs__nav li:nth-child(3) a span {
        font-size: 14px;
    }

    .d-abs__nav li:nth-child(4) {
        width: 289px;
        left: 118px;

        height: 97px;
    }

    .d-abs__nav li:nth-child(4) a {
        line-height: 10px;
        padding-top: 20px;
        padding-right: 10px;
        padding-left: 30px;
    }

    .d-abs__nav li:nth-child(4) a span {
        font-size: 14px;
    }

    .d-abs__nav li:nth-child(5) {
        width: 28%;
    }

    .d-abs__nav li:nth-child(5) a {
        padding-top: 20px;
        padding-left: 15px;
        padding-right: 5px;
        line-height: 15px;
    }

    .d-abs__nav li:nth-child(5) a span {
        font-size: 13px;
        line-height: 15px;
    }

    .d-abs__nav li:nth-child(6) {
        left: 118px;
        width: 144px;
    }

    .d-abs__nav li:nth-child(6) a {
        padding-top: 20px;
        padding-left: 15px;
    }

    .d-abs__nav li:nth-child(6) a span {
        font-size: 14px;
        line-height: 20px;
    }

    .d-abs__nav li:nth-child(7) {
        left: 267px;
        width: 138px;
    }

    .d-abs__nav li:nth-child(7) a {
        padding-top: 20px;
        padding-left: 15px;
    }

    .d-abs__nav li:nth-child(7) a span {
        font-size: 14px;
    }
}

@media (max-width: 600px) and (min-width: 481px) {
    ul.d-abs__nav {
        width: 460px;
    }

    .d-abs__nav li:first-child {
        width: 100%;
        height: 68px;
        top: 0;
    }

    .d-abs__nav li:first-child::before {
        background-image: url('/media/images/depfin-about-budjet/puzzle1_mobile_new.png');
    }

    .d-abs__nav li:first-child a span {
        line-height: 20px;
    }

    .d-abs__nav li:nth-child(2),
    .d-abs__nav li:nth-child(3),
    .d-abs__nav li:nth-child(4) {
        top: 57px;
    }

    .d-abs__nav li:nth-child(5),
    .d-abs__nav li:nth-child(6),
    .d-abs__nav li:nth-child(7) {
        top: 124px;
        height: 85px;
    }

    .d-abs__nav li:nth-child(4),
    .d-abs__nav li:nth-child(6) {
        left: 96px;
    }

    .d-abs__nav li:nth-child(2),
    .d-abs__nav li:nth-child(4) {
        height: 79px;
    }

    .d-abs__nav li:nth-child(2),
    .d-abs__nav li:nth-child(5) {
        left: 331px;
    }

    .d-abs__nav li:nth-child(2) {
        width: 28%;
        position: absolute;
    }

    .d-abs__nav li:nth-child(2)::before {
        background-image: url('/media/images/depfin-about-budjet/puzzle2_mobile_new.png');
    }

    .d-abs__nav li:nth-child(2) a {
        padding-top: 15px;
        padding-right: 5px;
        padding-left: 5px;
        line-height: 1em;
    }

    .d-abs__nav li:nth-child(2) a span {
        font-size: 8px;
        line-height: 12px;
    }

    .d-abs__nav li:first-child a {
        padding-top: 10px;
    }

    .d-abs__nav li:first-child a span {
        font-size: 18px;
    }

    .d-abs__nav li:nth-child(3) {
        width: 107px;
        height: 152px;
    }

    .d-abs__nav li:nth-child(3) a {
        padding-top: 20px;
        padding-left: 5px;
    }

    .d-abs__nav li:nth-child(3) a span {
        font-size: 12px;
    }

    .d-abs__nav li:nth-child(4) {
        width: 231px;
    }

    .d-abs__nav li:nth-child(4) a {
        line-height: 10px;
        padding-top: 20px;
        padding-right: 5px;
        padding-left: 20px;
    }

    .d-abs__nav li:nth-child(4) a span {
        font-size: 12px;
    }

    .d-abs__nav li:nth-child(5) {
        width: 28%;
    }

    .d-abs__nav li:nth-child(5) a {
        padding-top: 20px;
        padding-left: 15px;
        padding-right: 5px;
        line-height: 15px;
    }

    .d-abs__nav li:nth-child(5) a span {
        font-size: 10px;
        line-height: 12px;
    }

    .d-abs__nav li:nth-child(6) {
        width: 114px;
    }

    .d-abs__nav li:nth-child(6) a {
        padding-top: 20px;
        padding-left: 10px;
        padding-right: 5px;
    }

    .d-abs__nav li:nth-child(6) a span {
        font-size: 12px;
        line-height: 14px;
    }

    .d-abs__nav li:nth-child(7) {
        left: 214px;
        width: 113px;
    }

    .d-abs__nav li:nth-child(7) a {
        padding-top: 20px;
        padding-left: 10px;
        padding-right: 5px;
    }

    .d-abs__nav li:nth-child(7) a span {
        font-size: 12px;
        line-height: 14px;
    }
}

@media (max-width: 480px) and (min-width: 421px) {
    ul.d-abs__nav {
        width: 400px;
    }

    .d-abs__nav li:first-child {
        width: 100%;
        height: 60px;
        top: 0;
    }

    .d-abs__nav li:first-child::before {
        background-image: url('/media/images/depfin-about-budjet/puzzle1_mobile_new.png');
    }

    .d-abs__nav li:first-child a span {
        font-size: 14px;
        line-height: 16px;
    }

    .d-abs__nav li:nth-child(2),
    .d-abs__nav li:nth-child(3),
    .d-abs__nav li:nth-child(4) {
        top: 49px;
    }

    .d-abs__nav li:nth-child(5),
    .d-abs__nav li:nth-child(6),
    .d-abs__nav li:nth-child(7) {
        top: 108px;
        height: 73px;
    }

    .d-abs__nav li:nth-child(4),
    .d-abs__nav li:nth-child(6) {
        left: 82px;
    }

    .d-abs__nav li:nth-child(2),
    .d-abs__nav li:nth-child(4) {
        height: 69px;
    }

    .d-abs__nav li:nth-child(2),
    .d-abs__nav li:nth-child(5) {
        left: 288px;
    }

    .d-abs__nav li:nth-child(2) {
        width: 27.8%;
        position: absolute;
    }

    .d-abs__nav li:nth-child(2)::before {
        background-image: url('/media/images/depfin-about-budjet/puzzle2_mobile_new.png');
    }

    .d-abs__nav li:nth-child(2) a {
        padding-top: 14px;
        padding-right: 1px;
        padding-left: 10px;
        line-height: 1em;
    }

    .d-abs__nav li:nth-child(2) a span {
        font-size: 7px;
        line-height: 9px;
    }

    .d-abs__nav li:first-child a {
        padding-top: 10px;
    }

    .d-abs__nav li:nth-child(3) {
        width: 93px;
        height: 132px;
    }

    .d-abs__nav li:nth-child(3) a {
        padding-top: 14px;
        padding-left: 5px;
    }

    .d-abs__nav li:nth-child(3) a span {
        font-size: 10px;
    }

    .d-abs__nav li:nth-child(4) {
        width: 204px;
    }

    .d-abs__nav li:nth-child(4) a {
        line-height: 10px;
        padding-right: 1px;
        padding-top: 12px;
        padding-left: 17px;
    }

    .d-abs__nav li:nth-child(4) a span {
        font-size: 10px;
    }

    .d-abs__nav li:nth-child(5) {
        width: 27.7%;
    }

    .d-abs__nav li:nth-child(5) a {
        padding-top: 14px;
        padding-left: 10px;
        padding-right: 10px;
        line-height: 15px;
    }

    .d-abs__nav li:nth-child(5) a span {
        font-size: 9px;
        line-height: 10px;
    }

    .d-abs__nav li:nth-child(6) {
        width: 101px;
    }

    .d-abs__nav li:nth-child(6) a {
        padding-top: 14px;
        padding-left: 5px;
        padding-right: 1px;
    }

    .d-abs__nav li:nth-child(6) a span {
        font-size: 10px;
        line-height: 12px;
    }

    .d-abs__nav li:nth-child(7) {
        left: 186px;
        width: 100px;
    }

    .d-abs__nav li:nth-child(7) a {
        padding-top: 14px;
        padding-left: 5px;
        padding-right: 1px;
    }

    .d-abs__nav li:nth-child(7) a span {
        font-size: 10px;
        line-height: 12px;
    }
}

@media (max-width: 420px) {
    ul.d-abs__nav {
        width: 310px;
    }

    .d-abs__nav li:first-child {
        width: 100%;
        height: 46px;
        top: 0;
    }

    .d-abs__nav li:first-child::before {
        background-image: url('/media/images/depfin-about-budjet/puzzle1_mobile_new.png');
    }

    .d-abs__nav li:first-child a span {
        font-size: 12px;
        line-height: 12px;
    }

    .d-abs__nav li:nth-child(2),
    .d-abs__nav li:nth-child(3),
    .d-abs__nav li:nth-child(4) {
        top: 39px;
    }

    .d-abs__nav li:nth-child(5),
    .d-abs__nav li:nth-child(6),
    .d-abs__nav li:nth-child(7) {
        top: 85px;
        height: 57px;
    }

    .d-abs__nav li:nth-child(4),
    .d-abs__nav li:nth-child(6) {
        left: 65px;
    }

    .d-abs__nav li:nth-child(2),
    .d-abs__nav li:nth-child(4) {
        height: 53px;
    }

    .d-abs__nav li:nth-child(2),
    .d-abs__nav li:nth-child(5) {
        left: 223px;
    }

    .d-abs__nav li:nth-child(2) {
        width: 28%;
        position: absolute;
    }

    .d-abs__nav li:nth-child(2)::before {
        background-image: url('/media/images/depfin-about-budjet/puzzle2_mobile_new.png');
    }

    .d-abs__nav li:nth-child(2) a {
        padding-top: 10px;
        padding-right: 1px;
        padding-left: 4px;
        line-height: 1em;
    }

    .d-abs__nav li:nth-child(2) a span {
        font-size: 6px;
        line-height: 9px;
    }

    .d-abs__nav li:first-child a {
        padding-top: 10px;
    }

    .d-abs__nav li:nth-child(3) {
        width: 72px;
        height: 103px;
    }

    .d-abs__nav li:nth-child(3) a {
        padding-top: 10px;
        padding-left: 5px;
    }

    .d-abs__nav li:nth-child(3) a span {
        font-size: 8px;
    }

    .d-abs__nav li:nth-child(4) {
        width: 156px;
    }

    .d-abs__nav li:nth-child(4) a {
        line-height: 10px;
        padding-top: 8px;
        padding-right: 1px;
        padding-left: 12px;
    }

    .d-abs__nav li:nth-child(4) a span {
        font-size: 8px;
    }

    .d-abs__nav li:nth-child(5) {
        width: 28%;
    }

    .d-abs__nav li:nth-child(5) a {
        padding-top: 10px;
        padding-left: 5px;
        padding-right: 1px;
        line-height: 15px;
    }

    .d-abs__nav li:nth-child(5) a span {
        font-size: 6px;
        line-height: 10px;
    }

    .d-abs__nav li:nth-child(6) {
        width: 78px;
    }

    .d-abs__nav li:nth-child(6) a {
        padding-top: 10px;
        padding-left: 5px;
        padding-right: 1px;
    }

    .d-abs__nav li:nth-child(6) a span {
        font-size: 9px;
        line-height: 12px;
    }

    .d-abs__nav li:nth-child(7) {
        left: 145px;
        width: 76px;
    }

    .d-abs__nav li:nth-child(7) a {
        padding-top: 10px;
        padding-left: 5px;
        padding-right: 1px;
    }

    .d-abs__nav li:nth-child(7) a span {
        font-size: 8px;
        line-height: 12px;
    }

    .d-abs__nav li .d-abs__nav_ico {
        width: 10px !important;
        height: 10px !important;
        margin-left: 2px !important;
    }
}