.landingpage-gender-menu-wrap {
    width: 100%;
    display: block;
}

/* Spacer utility classes (desktop) */
.s,
.m,
.l {
    width: 100%;
    display: block;
}

/* Ukloni default margine - razmake kontrolises wrapper divovima */
.menu-highlight-wrapper,
.rtm,
.smd,
.promo-main--ad1,
.promo-minis {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Mobile (phones) */
@media (max-width: 767px) {
    .landingpage-gender-menu-wrap {
        display: none;
    }

    .s {
        height: 12px;
    }

    .m {
        height: 20px;
    }

    .l {
        height: 48px;
    }
}

/* HD / small laptops / tablets landscape */
@media (min-width: 768px) and (max-width: 1365px) {
    .s {
        height: 16px;
    }

    .m {
        height: 32px;
    }

    .l {
        height: 58px;
    }
}

/* Full HD */
@media (min-width: 1366px) and (max-width: 1919px) {
    .s {
        height: 20px;
    }

    .m {
        height: 36px;
    }

    .l {
        height: 86px;
    }
}

/* 2K / QHD */
@media (min-width: 1920px) and (max-width: 2559px) {
    .s {
        height: 24px;
    }

    .m {
        height: 44px;
    }

    .l {
        height: 94px;
    }
}

/* 4K and above */
@media (min-width: 2560px) {
    .s {
        height: 32px;
    }

    .m {
        height: 56px;
    }

    .l {
        height: 120px;
    }
}