a.soc-footer,
footer#footer .custom-footer__contact {
    position: relative
}

.btn.green,
a.soc-footer {
    background-color: #7cb342
}

.navigation-buttons>a[data-target=cart] i {
    color: #fff;
    background-color: #d6ae68
}

.btn.btn-cart,
.btn.btn-conversion,
a.btn.btn-cart,
a.btn.btn-conversion {
    color: #fff;
    border-color: #7cb342;
    background-color: #7cb342;
    font-weight: 700
}

.top-menu-trigger-visible .top-navigation-menu-trigger {
    color: #a9a9a9
}

#description iframe {
    width: 100%;
    height: 750px;
}

#description .row {
    align-items: center;
    display: flex;
    flex-wrap: wrap
}

#description .basic-description .row>div {
    padding-top: 30px;
    padding-bottom: 30px
}

.id-1 .text-block-d.text-center {
    display: grid;
    place-self: center;
    align-items: center;
    text-align: left !important
}

.id-1 .text-block-d.text-center a {
    width: max-content
}

@media (max-width:992px) {
    #description .basic-description .row:nth-child(odd)>div:first-child {
        order: 1
    }
}

@media (max-width:1200px) {
    #description iframe {
        height: 52vw
    }
}

.btn.green {
    font-family: Arial, sans-serif;
    font-weight: 600;
    color: #fff;
    border-color: #7cb342
}

@media (max-width:768px) {

    #footer,
    #header,
    .footer-bottom {
        background-color: #14171a
    }

    .footer-rows h4,
    .footer-rows ul,
    .title-mobile h2 {
        text-align: center
    }

    #footer,
    #footer a,
    #footer li,
    #footer p,
    #footer span,
    #footer ul,
    #header,
    .btn.green,
    .navigation-buttons a[data-target=cart],
    .navigation-buttons a[data-target=navigation],
    .navigation-buttons a[data-target=search] {
        color: #fff
    }

    #header {
        background-image: none;
        border-color: #14171a
    }

    .id-1 .benefitBanner__item {
        margin-top: 2rem;
        margin-bottom: 2rem
    }

    .title-mobile h2 {
        margin-top: 4rem;
        margin-bottom: 4rem;
        font-size: 40px
    }

    .text-block {
        display: flex;
        flex-direction: column-reverse
    }

    .home-kat-d img {
        margin-bottom: 1rem;
        display: block
    }

    footer#footer .heureka {
        width: max-content;
        margin: 2rem auto
    }

    footer#footer .heureka img {
        max-width: 200px !important
    }

    .btn.green {
        font-family: Arial, sans-serif;
        font-weight: 600;
        border-color: #7cb342;
        background-color: #7cb342;
        display: block;
        max-width: max-content;
        margin-bottom: 2rem
    }
}

.subcategories.with-image li {
    padding: 0
}

.subcategories.with-image li a .text {
    display: none
}

.subcategories.with-image li a img {
    width: 100%
}

@media only screen and (min-width:991px) and (max-width:1201px) {
    .subcategories li {
        width: 48%;
        margin: 1%
    }
}

body:is(.id-1222, .id-1198, .id-1195, .id-1125, .id-1116, .id-1113, .id-1045, .id-1054, .id-1042, .id-904, .id-913, .id-901, .id-886, .id-895, .id-883, .id-715, .id-757, .id-733, .id-871, .id-868, .id-880, .id-856, .id-865, .id-853, .id-832, .id-823, .id-841, .id-838, .id-835, .id-814, .id-850, .id-706, .id-1249, .in-kabelek, .in-fejhallgato, .in-egyeb-termekek, .in-markas-ora-madvell, .in-okos-ora, .in-tartozekok-orainkhoz, .in-szijak-20-mm, .in-szijak-22mm, .in-szilikon-szijak-20mm, .in-szilikon-szijak-22mm) .subcategories li a {
    height: auto !important;
    min-height: 60px !important
}

body:is(.id-1222, .id-1198, .id-1195, .id-1125, .id-1116, .id-1113, .id-1045, .id-1054, .id-1042, .id-904, .id-913, .id-901, .id-886, .id-895, .id-883, .id-715, .id-757, .id-733, .id-871, .id-868, .id-880, .id-856, .id-865, .id-853, .id-832, .id-823, .id-841, .id-838, .id-835, .id-814, .id-850, .id-706, .id-1249, .in-kabelek, .in-fejhallgato, .in-egyeb-termekek, .in-markas-ora-madvell, .in-okos-ora, .in-tartozekok-orainkhoz, .in-szijak-20-mm, .in-szijak-22mm, .in-szilikon-szijak-20mm, .in-szilikon-szijak-22mm) .subcategories li a .image {
    display: none !important
}

@media (max-width:991px) {
    body:is(.id-1222, .id-1198, .id-1195, .id-1125, .id-1116, .id-1113, .id-1045, .id-1054, .id-1042, .id-904, .id-913, .id-901, .id-886, .id-895, .id-883, .id-715, .id-757, .id-733, .id-871, .id-868, .id-880, .id-856, .id-865, .id-853, .id-832, .id-823, .id-841, .id-838, .id-835, .id-814, .id-850, .id-706, .id-1249, .in-kabelek, .in-fejhallgato, .in-egyeb-termekek, .in-markas-ora-madvell, .in-okos-ora, .in-tartozekok-orainkhoz, .in-szijak-20-mm, .in-szijak-22mm, .in-szilikon-szijak-20mm, .in-szilikon-szijak-22mm) .subcategories.with-image li {
        padding: 0
    }

    body:is(.id-1222, .id-1198, .id-1195, .id-1125, .id-1116, .id-1113, .id-1045, .id-1054, .id-1042, .id-904, .id-913, .id-901, .id-886, .id-895, .id-883, .id-715, .id-757, .id-733, .id-871, .id-868, .id-880, .id-856, .id-865, .id-853, .id-832, .id-823, .id-841, .id-838, .id-835, .id-814, .id-850, .id-706, .id-1249, .in-kabelek, .in-fejhallgato, .in-egyeb-termekek, .in-markas-ora-madvell, .in-okos-ora, .in-tartozekok-orainkhoz, .in-szijak-20-mm, .in-szijak-22mm, .in-szilikon-szijak-20mm, .in-szilikon-szijak-22mm) .subcategories li a {
        padding: 2px
    }
}

@media (min-width:1440px) {
    .subcategories.with-image li {
        padding: 0
    }

    body:is(.id-1222, .id-1198, .id-1195, .id-1125, .id-1116, .id-1113, .id-1045, .id-1054, .id-1042, .id-904, .id-913, .id-901, .id-886, .id-895, .id-883, .id-715, .id-757, .id-733, .id-871, .id-868, .id-880, .id-856, .id-865, .id-853, .id-832, .id-823, .id-841, .id-838, .id-835, .id-814, .id-850, .id-706, .id-1249, .in-kabelek, .in-fejhallgato, .in-egyeb-termekek, .in-markas-ora-madvell, .in-okos-ora, .in-tartozekok-orainkhoz, .in-szijak-20-mm, .in-szijak-22mm, .in-szilikon-szijak-20mm, .in-szilikon-szijak-22mm) .subcategories .col-xl-3 {
        width: 24%;
        margin: .5%
    }
}

.social-icon-list a,
a.soc-footer {
    margin: 0 5px
}

.type-category main #productsTop,
.type-category main h4:first-of-type {
    display: none !important
}

a.soc-footer {
    border-color: #7cb342;
    min-width: 46px;
    min-height: 46px;
    border-radius: 50%;
    float: left
}

a.soc-footer img {
    color: #fff;
    padding: 2px;
    max-height: 24px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.contact-box ul li>span.cellphone::before,
.contact-box ul li>span.mail::before {
    color: #cea865
}

@media (min-width:768px) {

    .home-kat-1.kat-desktop,
    .home-kat-2.kat-desktop {
        display: grid;
        grid-row-gap: 2rem;
        grid-column-gap: 2rem;
        max-width: max-content
    }

    #footer,
    .footer-bottom,
    .top-navigation-bar {
        background-color: #14171a
    }

    #header .header-top {
        padding: 15px 0;
        background: #14171a
    }

    .navigation-buttons a[data-target=cart]::before {
        content: '\e921';
        color: #d6ae68
    }

    .navigation-buttons a[data-target=cart] {
        color: #fff !important;
        background-color: transparent
    }

    .top-navigation-bar {
        border-color: #14171a;
        border-bottom: 1px solid #4d4d4d
    }

    .top-navigation-bar a {
        color: #a9a9a9
    }

    .id-1 .home-kat-1.kat-desktop {
        margin-bottom: 2rem
    }

    .home-kat-1.kat-desktop {
        grid-template-columns: repeat(3, 1fr);
        grid-gap: min(2vmax, 32px)
    }

    .home-kat-2.kat-desktop,
    .text-block {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: min(2vmax, 32px)
    }

    .home-kat-2.kat-desktop {
        margin: 0 auto
    }

    .title-mobile {
        display: none !important
    }

    .text-block {
        display: grid;
        grid-row-gap: 10rem;
        grid-column-gap: 10rem
    }

    .welcome h1 {
        text-align: center;
        margin-bottom: 3rem
    }

    #footer,
    #footer a,
    #footer li,
    #footer p,
    #footer span,
    #footer ul {
        color: #fff
    }

    .desktop .banners-row {
        margin-top: 0;
        clear: both
    }
}

@media only screen and (min-width:991px) and (max-width:1441px) {
    .desktop .banners-row {
        width: max-content;
        max-width: 100%;
        margin: 0 auto;
        clear: both
    }

    .heureka {
        margin-top: 2rem;
        display: block
    }

    footer#footer .custom-footer__contact .heureka {
        position: absolute;
        right: 0;
        bottom: 20px
    }
}

@media (min-width:1441px) {
    .row.banners-row {
        margin-left: 0;
        margin-right: 0
    }

    .carousel-inner>.item>a>img,
    .carousel-inner>.item>img,
    .img-responsive {
        height: auto;
        max-width: 100%;
        display: block;
        margin: 0 auto
    }

    footer#footer .custom-footer__contact .heureka {
        position: absolute;
        right: 20px;
        bottom: 20px
    }
}

.footer-bottom {
    font-size: 14px;
    color: #ccc !important;
    border-top: 1px solid #4d4d4d
}