.type-page .content-inner {
    max-width: unset;
}

.homepage-box {
    border-bottom: none;
}

.breadcrumbs {
    margin-left: auto;
    margin-right: auto;
    border: none;
    padding-left: 0px;
    padding-right: 0px;
    background-color: transparent;
    font-size: 10px;
    font-weight: 300;
}

.breadcrumbs,
.breadcrumbs a {
    color: #515151;
}

.breadcrumbs>span>a::after {
    font-family: 'shoptet';
    content: '\e910';
    bottom: -13%;
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    background: none;
    width: auto;
    font-size: 7px;
}

.breadcrumbs>span>a::before {
    display: none;
}

a.image img {
    padding: 5px;
}

.top-banner-popis.container .top-banner-popis-vlevo {
    width: 50%;
}

.top-banner-popis.container .top-banner-popis-vlevo h1 {
    font-family: "sofia-pro-soft", sans-serif !important;
    font-weight: bold;
    font-size: 70px;
    line-height: 60px;
    color: #515151;
}

.top-banner-popis.container .top-banner-popis-vlevo p {
    font-weight: 200;
    font-size: 20px;
    line-height: 35px;
    color: #515151;
    /*opacity: 0.5;*/
}

.breadcrumbs-wrapper .btn.obly.prechod.sipka.scroll-produkty {
    background-image: linear-gradient(to right, #6c6c6c, #555);
}

.breadcrumbs-wrapper .btn.obly.prechod.sipka.scroll-produkty span {
    color: white;
}

/* Dárky */
.type-category.in-darky .breadcrumbs,
.type-category.in-darky .breadcrumbs a,
.type-category.in-darky .top-banner-popis.container .top-banner-popis-vlevo h1,
.type-category.in-darky .top-banner-popis.container .top-banner-popis-vlevo p,
.in-jmenne-darky .breadcrumbs,
.in-jmenne-darky .breadcrumbs a,
.in-jmenne-darky .top-banner-popis.container .top-banner-popis-vlevo h1,
.in-jmenne-darky .top-banner-popis.container .top-banner-popis-vlevo p,
.type-category:not(.in-mozna-znate-nekoho-jako):not(.in-darky-na-miru) .breadcrumbs,
.type-category:not(.in-mozna-znate-nekoho-jako):not(.in-darky-na-miru) .breadcrumbs a,
.type-category:not(.in-mozna-znate-nekoho-jako):not(.in-darky-na-miru) .top-banner-popis.container .top-banner-popis-vlevo h1,
.type-category:not(.in-mozna-znate-nekoho-jako):not(.in-darky-na-miru) .top-banner-popis.container .top-banner-popis-vlevo p,
.type-category:not(.in-mozna-znate-nekoho-jako):not(.in-darky-na-miru) .top-banner-popis.container .top-banner-popis-vlevo a {
    color: #333;
}

.type-category:not(.in-mozna-znate-nekoho-jako):not(.in-darky-na-miru) .top-banner-popis.container .top-banner-popis-vlevo h1 {
    margin: 0 0 0.34em 0;
}

/* Seznam přání */
.in-seznam-prani .breadcrumbs,
.in-seznam-prani .breadcrumbs a,
.in-seznam-prani .top-banner-popis.container .top-banner-popis-vlevo h1,
.in-seznam-prani .top-banner-popis.container .top-banner-popis-vlevo p {
    color: #FF3F20;
}
span.dkLabFavDeleteBtn::after {
  top: 20px;
  left: -14px;
}
span.dkLabFavDeleteBtn::before {
  top: 20px;
  left: -14px;
}


#content {
    padding-top: 50px;
    padding-bottom: 50px;
}

.ikony-wrapper .ikony .ikona div h3 {
    font-size: 18px;
}

.ikony {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}

.ikony .ikona>div:first-child {
    height: 30px;
}

.ikony .ikona>div:first-child img {
    height: auto;
    width: 30px;
}

.ikony .ikona {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 25%;
}

.ikony .ikona div:first-child {
    width: 30px;
}

.ikony .ikona div h3 {
    margin: 0 0 0 10px;
    font-weight: 300;
}

.svetle-modre {
    background-color: #E8EBF4;
}

.cookie-ag-wrap {
    width: max-content;
    margin: auto;
}

.cookie-ag-wrap>.site-msg.cookies {
    border-radius: 25px;
    font-weight: 300;
}

.type-page .sidebar,
.type-category:not(.id-768) .sidebar,
.type-posts-listing .sidebar,
.type-post .sidebar,
.type-product .sidebar {
    display: none;
}

.overall-wrapper {
    overflow: hidden;
}

/* Seznam přání */
.dkLabFavouriteDiv.dklabFavStyl2 .dkLabFavouriteControls svg {
    stroke: #515151 !important;
    stroke-width: 2px !important;
}

.dkLabFavouriteDiv.dklabFavStyl2 .dkLabFavouriteControls.dkFavSmazat svg {
    stroke-width: 0px !important;
}

.flag-dklabFav {
    display: none;
}

.form-control,
select,
.form-control:focus,
select:focus,
.popup-widget h2,
.popup-widget-inner,
.cart-widget-product-amount,
.cart-widget-product-unit,
.cart-free-shipping>div,
.cart-widget-product-name a {
    color: #515151;
}

.quantity {
    color: #515151;
    border-color: #515151;
}

input::placeholder {
    color: #515151;
    opacity: 0.5;
}

.nekupto-roztazene {
    position: relative;
    width: 100vw;
    text-align: center;
}

.pagination-top>a,
.pagination-top strong {
    display: none;
}

.pagination-loader .load-products {
    background: none;
    color: #515151;
    font-size: 13px;
    font-weight: 500;
}

.pagination-loader .load-products:hover {
    background: none;
    color: #2d50c4 !important;
}

.pagination-loader .load-products:after {
    font-family: 'shoptet';
    content: '\e90e';
    font-size: 10px;
    margin-left: 10px;
}

.in-seznam-prani .nekupto-na-miru {
    margin-bottom: 0px;
}

.zluta-oranzova {
    background-image: linear-gradient(to right, #FFBE00, #FF3F20);
}

.in-pecujici-maminka .nekupto-mozna,
.in-dokonaly-gentleman .nekupto-mozna,
.in-sberatel-konicku .nekupto-mozna,
.in-profesionalni-stamgast .nekupto-mozna,
.in-kralovna-vecirku .nekupto-mozna,
.in-milovnice-domacich-zviratek .nekupto-mozna {
    background-image: linear-gradient(to right, #1CA74F, #515151);
}

.btn {
    font-weight: 400 !important;
    text-transform: none !important;
    border-radius: 35px !important;
    border: none !important;
    background-color: transparent;
}

.btn:not(.btn-conversion):hover {
    color: #515151 !important;
}

.btn.obly {
    padding-left: 30px;
    padding-right: 30px;
}

.btn.modry {
    color: white !important;
    background-color: #555c6e;
}

.btn.modry:hover,
.btn.modry:hover:after {
    background-color: transparent;
    color: #515151 !important;
}

.btn.bily {
    color: #515151 !important;
    background-color: white;
}

.btn.bily.sipka:after {
    color: #515151 !important;
}

.btn.bily:hover,
.btn.bily:hover:after {
    color: white !important;
    background-color: transparent;
}

.btn.btn-secondary:hover,
a.btn.btn-secondary:hover {
    color: #fff !important;
}

.flag {
    padding: 5px 10px 5px 10px;
    font-weight: 400;
    margin-right: 10px;
    border-radius: 0 25px 25px 0;
}

.flag.flag-new {
    background-color: #FFBE00;
}

.type-category .btn.obly.prechod {
    margin: 0px 0 10px;
}

.btn.prechod {
    color: white;
    font-weight: 400;
    text-transform: none;
    border-radius: 35px;
    border: none;
    background-color: transparent;
    background-image: linear-gradient(to right, #555c6e, #555c6e);
}

.btn.prechod:hover,
.btn.sipka:hover:after {
    color: black;
}

.btn.obly.prechod.velke {
    font-size: 20px;
    padding: 20px 30px;
}

.btn.sipka:after {
    font-family: 'shoptet';
    content: '→';
    margin-left: 10px;
    color: white;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.pruh-lidi {
    background-size: contain;
    background-repeat: no-repeat;
}

.nekupto-jmena {
    padding-top: 25px;
    padding-bottom: 25px;
    background-color: #E8EBF4;
    background-image: url('/user/documents/upload/obrazky/pozadi_hvezdy.png');
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.nekupto-jmena:hover {
    background-color: #fff2cc;
}

.nekupto-jmena h2 {
    color: #515151;
    font-size: 30px;
    font-weight: bold;
}

.nekupto-mozna {
    display: flex;
    justify-content: center;
    background-color: #E8EBF4;
    background-image: linear-gradient(to right, #555c6e, #555c6e);
}

.nekupto-mozna h2 {
    color: white;
    font-size: 30px;
    font-weight: bold;
    text-shadow: 0px 1px 2px gray;
}

.nekupto-na-miru {
    background-image: url('/user/documents/upload/obrazky/top_bannery/darek_na_miru.png');
    background-repeat: no-repeat;
    background-size: cover;
    height: calc(100vw * (288 / 1920));
    margin: 50px 0;
    padding: 50px 0;
}

@media (max-width: 800px) {
    .nekupto-mozna {
        flex-direction: column;
        align-items: center;
    }

    .nekupto-mozna-div {
        padding-right: 50px;
        padding-left: 50px;
    }

    .nekupto-na-miru>div {
        width: 40%;
        margin: auto;
    }

    .nekupto-na-miru h2 {
        color: white;
        font-size: 30px;
        font-weight: bold;
        text-shadow: 0px 1px 2px gray;
    }

    .nekupto-na-miru>div>span {
        font-size: 16px;
        font-weight: 100;
        line-height: 2;
    }

    .nekupto-na-miru a {
        margin-top: 20px;
    }

    .nekupto-slide:hover {
        cursor: pointer;
    }

    article h2 {
        text-align: center;
        font-size: 26px;
        font-weight: bold;
        color: #515151;
    }

    article h3 {
        font-size: 22px;
        font-weight: bold;
        color: #515151;
    }

    article h4 {
        font-size: 18px;
        font-weight: bold;
        color: #515151;
    }

    article p {
        color: #515151;
        font-size: 18px;
        font-weight: 300;
        line-height: 1.5;
    }

    #nekupto-jmena,
    #nekupto-mozna-znate-nekoho {
        margin-top: 50px;
    }

    .top-navigation-bar-menu li a {
        font-family: "sofia-pro-soft", sans-serif !important;
    }

    #nekupto-na-miru>div>div a {
        font-weight: 400 !important;
    }

    #nekupto-na-miru>div>div a::after {
        content: '→';
    }

    #nekupto-na-miru a span {
        font-size: 18px;
        font-family: "sofia-pro-soft", sans-serif !important;
    }

    .nekupto-mozna>h2 {
        text-shadow: 0px 1px 2px gray;
    }
}

/*.type-category:not(.in-mozna-znate-nekoho-jako):not(.in-darky-na-miru) .breadcrumbs-wrapper {background-image: url('/user/documents/upload/obrazky/top_bannery/banner_kasicky_pokladnicky.png');}  Pro všechny kategorie, pokud nemají speciální */
.in-o-nas .breadcrumbs-wrapper {
    background-image: url('/user/documents/upload/obrazky/top_bannery/banner_kdo_jsme.png');
}

/* O nás */
.in-jak-nakoupit .breadcrumbs-wrapper {
    background-image: url('/user/documents/upload/obrazky/top_bannery/banner_kdo_jsme.png');
}

/* Jak nakoupit */
.in-faq .breadcrumbs-wrapper {
    background-image: url('/user/documents/upload/obrazky/top_bannery/banner_FAQ.png');
}

/* FAQ */
.in-blog.type-posts-listing .breadcrumbs-wrapper {
    background-image: url('/user/documents/upload/obrazky/top_bannery/banner_blog.png');
}

/* Blog */
.in-kontakt .breadcrumbs-wrapper {
    background-image: url('/user/documents/upload/obrazky/top_bannery/banner_ozvete_se.png');
}

/* Kontakt */

.in-doprava-a-platba .breadcrumbs-wrapper {
    background-image: url('/user/documents/upload/obrazky/top_bannery/banner_doprava.png');
}

/* Doprava */
.in-kariera .breadcrumbs-wrapper {
    background-image: url('/user/documents/upload/obrazky/top_bannery/banner_kariera.png');
}

/* Kariéra */
.in-jak-nakoupit .breadcrumbs-wrapper {
    background-image: url('/user/documents/upload/obrazky/top_bannery/banner_jak_nakupovat.png');
}

/* Jak nakupovat */
.in-pro-partnery .breadcrumbs-wrapper {
    background-image: url('/user/documents/upload/obrazky/top_bannery/banner_spoluprace.png');
}

/* Pro partnery */
.in-seznam-prani .breadcrumbs-wrapper {
    background-image: url('/user/documents/upload/obrazky/top_bannery/banner_seznam_prani.png');
}

/* Seznam přání */

.in-darky.type-category .breadcrumbs-wrapper {
    background-image: url('/user/documents/upload/obrazky/top_bannery/banner_darky.png') !important;
}

/* Dárky */

ol.cart-header li:not(.active) a,
ol.cart-header li:not(.active) strong {
    color: #515151;
    opacity: 0.5;
}

ol.cart-header li:not(.active) a:hover {
    color: #515151;
    opacity: 1;
}

a.next-step-back {
    color: #515151;
}

a.cart-related-name {
    color: #515151;
}

.cart-table tr td.p-name a {
    color: #515151;
}

.p-price .price-final,
.p-total .price-final,
.price-final,
.price-primary {
    color: #515151;
}

.unit-value,
.price-secondary,
.additional-information {
    color: #515151;
    opacity: 0.5;
}

.products-block .p-bottom .price-additional {
    font-size: 30px;
    font-weight: bold;
    color: #203a8f;
    line-height: 15px;
    text-align: right;
}

.price-additional .vat-text {
    font-size: 10px;
    font-weight: lighter;
}

.products-block .p-bottom .prices {
    display: flex;
}

.products-block .p-bottom .p-tools {
    flex-grow: 1;
    justify-content: right;
    display: flex;
}

.extra::before,
.discount-coupon::before {
    color: #515151;
    opacity: 0.5;
}

.discount-coupon input {
    border-radius: 25px;
    border: solid 2px #515151;
    margin-right: 10px;
}

.form-control:focus,
select:focus {
    border-color: #515151;
}

.add-to-cart-button.btn-conversion,
.btn.next-step-forward,
.btn.toggle-contacts {
    padding: 5px 15px;
}

.next-step .next-step-back:before {
    content: '🡄';
    margin-right: 1ex;
}

.form-group>input.form-control,
.form-group>select.form-control,
textarea.form-control,
.phone-combined-input input {
    padding-left: 20px;
    border-radius: 25px;
    border: solid 2px #515151;
    font-size: 16px;
    font-weight: 200;
    color: #515151;
}

.phone-combined-input input {
    width: calc(100% - 83px);
    margin-left: 5px;
}

.shp-flag-label {
    font-size: 16px;
    font-weight: 200;
}

.country-flag .shp-flag-label .shp-flag-name {
    color: #515151;
    opacity: 0.5;
}

.form-control[disabled],
select[disabled] {
    background-color: #E8EBF4;
}

input[type="checkbox"]+label::before,
input[type="radio"]+label::before {
    border-color: #515151;
}

.in-zapomenute-heslo .top-banner-popis.container .top-banner-popis-vlevo,
.in-registrace .top-banner-popis.container .top-banner-popis-vlevo,
.in-podminky-ochrany-osobnich-udaju .top-banner-popis.container .top-banner-popis-vlevo,
.in-obchodni-podminky .top-banner-popis.container .top-banner-popis-vlevo,
.in-reklamace .top-banner-popis.container .top-banner-popis-vlevo,
.in-vraceni-zbozi .top-banner-popis.container .top-banner-popis-vlevo {
    width: 100%;
    text-align: center;
    padding-bottom: 25px;
}

.login-wrapper .btn.btn-secondary,
.login-wrapper a.btn.btn-secondary {
    color: white !important;
    background-color: #515151;
    padding: 5px 15px;
    padding-left: 30px;
    padding-right: 30px;
}

.login-wrapper .btn.btn-secondary:hover,
.login-wrapper a.btn.btn-secondary:hover {
    color: #515151 !important;
    background-color: white;
}

.input-wrapper.email input,
.input-wrapper.password input {
    padding-left: 30px;
    border-radius: 25px;
    border: solid 2px #515151;
    width: 100%;
    font-size: 16px;
    font-weight: 200;
    color: #515151;
    height: 50px;
}

body:not(.type-category):not(.type-posts-listing):not(.type-post):not(.type-page):not(.type-product) .top-banner-popis.container .top-banner-popis-vlevo {
    width: 100%;
    text-align: center;
}

.btn.btn-xs,
a.btn.btn-xs {
    padding: 5px 10px;
}

.btn.btn-xs:hover,
a.btn.btn-xs:hover {
    color: white !important;
}

.mobile #content #products .product .image img {
    transform: scale(1.5);
}

@media (max-width: 780px) {

    .type-category:not(.in-mozna-znate-nekoho-jako):not(.in-darky-na-miru) .breadcrumbs-wrapper,
    .type-posts-listing .breadcrumbs-wrapper,
    .in-blog.type-post .breadcrumbs-wrapper,
    .type-page:not(.in-registrace):not(.in-podminky-ochrany-osobnich-udaju):not(.in-obchodni-podminky):not(.in-reklamace):not(.in-vraceni-zbozi) .breadcrumbs-wrapper {
        background-size: contain;
        background-repeat: no-repeat;
        width: 100%;
        height: calc(100vw * (655 / 375));
    }

    .type-category:not(.in-mozna-znate-nekoho-jako):not(.in-darky-na-miru):not(.in-milovnice-domacich-zviratek):not(.in-pecujici-maminka):not(.in-dokonaly-gentleman):not(.in-kralovna-vecirku):not(.in-profesionalni-stamgast):not(.in-sberatel-konicku) .breadcrumbs-wrapper,
    .type-posts-listing .breadcrumbs-wrapper,
    .in-blog.type-post .breadcrumbs-wrapper,
    .type-page:not(.in-registrace):not(.in-podminky-ochrany-osobnich-udaju):not(.in-obchodni-podminky):not(.in-reklamace):not(.in-vraceni-zbozi) .breadcrumbs-wrapper {
        background-position-x: 80%;
        background-position-y: 100%;
        background-size: 450%;
        background-repeat: no-repeat;
        position: relative;
    }

    .type-category:not(.in-mozna-znate-nekoho-jako):not(.in-darky-na-miru):not(.in-milovnice-domacich-zviratek):not(.in-pecujici-maminka):not(.in-dokonaly-gentleman):not(.in-kralovna-vecirku):not(.in-profesionalni-stamgast):not(.in-sberatel-konicku) .breadcrumbs-wrapper:after,
    .type-posts-listing .breadcrumbs-wrapper:after,
    .in-blog.type-post .breadcrumbs-wrapper:after,
    .type-page:not(.in-registrace):not(.in-podminky-ochrany-osobnich-udaju):not(.in-obchodni-podminky):not(.in-reklamace):not(.in-vraceni-zbozi) .breadcrumbs-wrapper:after {
        content: '';
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        /*background-image: linear-gradient(to bottom, #204895, #2273A5);*/
        /*z-index: -1;*/
    }

    .top-banner-popis.container {
        padding-left: 0px;
        padding-right: 0px;
    }

    /*.type-category:not(.in-mozna-znate-nekoho-jako):not(.in-darky-na-miru) .breadcrumbs-wrapper {background-image: url('/user/documents/upload/obrazky/top_bannery/banner_kasicky_pokladnicky_m.png');}  Pro všechny kategorie, pokud nemají speciální */
    .nekupto-kosik span:first-child,
    .nekupto-prihlaseni {
        display: none;
    }

    .top-banner-popis.container .top-banner-popis-vlevo {
        padding-left: 10px;
        padding-right: 10px;
    }

    .top-banner-popis.container .top-banner-popis-vlevo {
        width: 100%;
        text-align: center;
    }

    .top-banner-popis.container .top-banner-popis-vlevo h1 {
        font-size: 30px;
        margin-top: 0px;
		line-height: 30px;
		padding-top: 20px;
    }
    .top-banner-popis-vlevo .category-perex p {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .top-banner-popis.container .top-banner-popis-vlevo p {
        font-size: 14px;
        line-height: 1.4;
    }

    .top-banner-popis.container .top-banner-popis-vlevo div:not(.category-perex) {
        --display: none;
    }

    .category-title {
        text-align: center;
    }

    .pruh-lidi {
        height: calc(100vw * (184 / 375));
        background-image: url('/user/documents/upload/obrazky/top_bannery/pruh_m.png');
        margin-left: -10px;
    }

    .nekupto-roztazene {
        margin-left: -10px;
    }

    .nekupto-roztazene {
        padding-left: 20px;
		padding-right: 20px;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .nekupto-na-miru {
        padding: 10px;
        height: auto;
        background-image: linear-gradient(to right, #FFBE00, #FF3F20);
    }

    .nekupto-na-miru>div {
        width: 100%;
    }

    .nekupto-na-miru h2 {
        color: white;
        font-size: 24px;
        margin-top: 5px;
    }

    .nekupto-na-miru span {
        font-size: 14px;
        line-height: 1;
    }

    article p {
        font-size: 16px;
    }

    .cookie-ag-wrap {
        width: auto;
    }

    .ikony .ikona {
        width: 50%;
    }

    #nekupto-na-miru>div {
        width: 100%;
        text-align: center;
    }

    #nekupto-na-miru h1 {
        font-size: 30px;
        color: white;
        margin: 0.4em 0;
    }

    #nekupto-na-miru>div>span {
        font-size: 14px;
        line-height: 1.4;
    }

    #content {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .top-banner-popis.container .top-banner-popis-vlevo p {
        max-height: calc(40vw * (655 / 375) - 122px);
        overflow: auto;
    }

    .top-banner-popis.container .top-banner-popis-vlevo p {
        font-size: 20px;
        line-height: 2;
    }

    .top-banner-popis.container .top-banner-popis-vlevo h1 {
        font-size: 34px;
    }


    .type-category:not(.in-mozna-znate-nekoho-jako):not(.in-darky-na-miru):not(.in-milovnice-domacich-zviratek):not(.in-pecujici-maminka):not(.in-dokonaly-gentleman):not(.in-kralovna-vecirku):not(.in-profesionalni-stamgast):not(.in-sberatel-konicku) .breadcrumbs-wrapper,
    .type-posts-listing .breadcrumbs-wrapper,
    .in-blog.type-post .breadcrumbs-wrapper,
    .type-page:not(.in-registrace):not(.in-podminky-ochrany-osobnich-udaju):not(.in-obchodni-podminky):not(.in-reklamace):not(.in-vraceni-zbozi) .breadcrumbs-wrapper {
        z-index: 1;
    }

    .type-category:not(.in-mozna-znate-nekoho-jako):not(.in-darky-na-miru):not(.in-milovnice-domacich-zviratek):not(.in-pecujici-maminka):not(.in-dokonaly-gentleman):not(.in-kralovna-vecirku):not(.in-profesionalni-stamgast):not(.in-sberatel-konicku) .breadcrumbs-wrapper::after,
    .type-posts-listing .breadcrumbs-wrapper::after,
    .in-blog.type-post .breadcrumbs-wrapper::after,
    .type-page:not(.in-registrace):not(.in-podminky-ochrany-osobnich-udaju):not(.in-obchodni-podminky):not(.in-reklamace):not(.in-vraceni-zbozi) .breadcrumbs-wrapper::after {
        mask-image: url('/user/documents/upload/obrazky/top_bannery/banner_mask1.png');
        -webkit-mask-image: url('/user/documents/upload/obrazky/top_bannery/banner_mask1.png');
        mask-size: 100%;
        -webkit-mask-size: 100%;
        mask-repeat: no-repeat;
        -webkit-mask-repeat: no-repeat;
        mask-position: bottom;
        -webkit-mask-position: bottom;
        z-index: 2;
    }

    .top-banner-popis.container {
        position: relative;
        z-index: 3;
    }
}

@media (max-width: 699px) {
    .top-banner-popis.container .top-banner-popis-vlevo p {
        font-size: 20px;
        line-height: 2;
    }
}

@media (max-width: 599px) {
    .top-banner-popis.container .top-banner-popis-vlevo p {
        font-size: 20px;
        line-height: 2;
    }
}

@media (max-width: 499px) {
    .top-banner-popis.container .top-banner-popis-vlevo p {
        font-size: 18px;
        line-height: 1.5;
    }

    .ikony .ikona {
        width: 100%;
    }
}

@media (max-width: 399px) {
    .top-banner-popis.container .top-banner-popis-vlevo p {
        font-size: 14px;
        line-height: 1.6;
    }

    .top-banner-popis.container .top-banner-popis-vlevo h1 {
        font-size: 30px;
    }
}

@media (min-width: 768px) {

    .type-category:not(.in-mozna-znate-nekoho-jako):not(.in-darky-na-miru) .breadcrumbs-wrapper,
    .type-posts-listing .breadcrumbs-wrapper,
    .in-blog.type-post .breadcrumbs-wrapper,
    .type-page:not(.in-registrace):not(.in-podminky-ochrany-osobnich-udaju):not(.in-obchodni-podminky):not(.in-reklamace):not(.in-vraceni-zbozi) .breadcrumbs-wrapper {
        background-size: contain;
        background-repeat: no-repeat;
        width: 100%;
        height: calc(100vw * (485 / 1920));
        max-width: 1920px;
        max-height: 485px;
    }

    .type-page:not(.in-registrace):not(.in-podminky-ochrany-osobnich-udaju):not(.in-obchodni-podminky):not(.in-reklamace):not(.in-vraceni-zbozi) .top-banner-popis.container,
    .type-category:not(.in-mozna-znate-nekoho-jako):not(.in-darky-na-miru) .top-banner-popis.container,
    .type-posts-listing .top-banner-popis.container,
    .in-blog.type-post .top-banner-popis.container {
        display: flex;
        flex-direction: row;
        align-items: center;
        height: calc(100vw * (485 / 1920) - 98px);
    }

    .top-banner-popis.container {
        padding-left: 0px;
        padding-right: 0px;
    }

    .template-11.in-seznam-prani .products-block {
        margin-right: 0px !important;
    }

    .pruh-lidi {
        height: calc(100vw * (269 / 1920));
        max-width: 1920px;
        max-height: 269px;
        background-image: url('/user/documents/upload/obrazky/top_bannery/pruh_produkt.png');
        margin-top: 50px;
        margin-bottom: 50px;
    }

    /*    .type-category:not(.in-mozna-znate-nekoho-jako):not(.in-darky-na-miru) .breadcrumbs-wrapper {background-image: url('/user/documents/upload/obrazky/top_bannery/banner_kasicky_pokladnicky.png');}  Pro všechny kategorie, pokud nemají speciální 
        .in-o-nas .breadcrumbs-wrapper {background-image: url('/user/documents/upload/obrazky/top_bannery/banner_kdo_jsme.png');}  O nás 
        .in-jak-nakoupit .breadcrumbs-wrapper {background-image: url('/user/documents/upload/obrazky/top_bannery/banner_kdo_jsme.png');}  Jak nakoupit 
        .in-faq .breadcrumbs-wrapper {background-image: url('/user/documents/upload/obrazky/top_bannery/banner_FAQ.png');}  FAQ 
        .in-blog .breadcrumbs-wrapper {background-image: url('/user/documents/upload/obrazky/top_bannery/banner_blog.png');}  Blog 
        .in-kontakt .breadcrumbs-wrapper {background-image: url('/user/documents/upload/obrazky/top_bannery/banner_ozvete_se.png');}  Kontakt 
    
        .in-doprava-a-platba .breadcrumbs-wrapper {background-image: url('/user/documents/upload/obrazky/top_bannery/banner_doprava.png');}  Doprava 
        .in-kariera .breadcrumbs-wrapper {background-image: url('/user/documents/upload/obrazky/top_bannery/banner_kariera.png');}  Kariéra 
        .in-jak-nakoupit .breadcrumbs-wrapper {background-image: url('/user/documents/upload/obrazky/top_bannery/banner_jak_nakupovat.png');}  Jak nakupovat 
        .in-pro-partnery .breadcrumbs-wrapper {background-image: url('/user/documents/upload/obrazky/top_bannery/banner_spoluprace.png');}  Pro partnery 
        .in-seznam-prani .breadcrumbs-wrapper {background-image: url('/user/documents/upload/obrazky/top_bannery/banner_seznam_prani.png');}  Seznam přání 
    
        .in-darky.type-category .breadcrumbs-wrapper {background-image: url('/user/documents/upload/obrazky/top_bannery/banner_darky.png');}  Dárky */

    .nekupto-roztazene {
        left: calc(747px/2 - 50vw);
    }

    article h2 {
        font-size: 20px;
    }

    article h3 {
        font-size: 18px;
    }

    article p {
        font-size: 16px;
    }

    .top-banner-popis.container .top-banner-popis-vlevo h1 {
        font-size: 30px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .top-banner-popis.container .top-banner-popis-vlevo p {
        font-size: 12px;
        line-height: 14px;
    }

    .top-navigation-bar .container {
        padding-left: 0px;
        padding-right: 0px;
    }

    .banner-popis.container div h2 {
        font-size: 30px;
    }

    .banner-popis.container div span {
        font-size: 14px;
        line-height: 1;
    }

    .nekupto-na-miru {
        padding: 10px 0;
    }

    .nekupto-na-miru>div {
        width: 50%;
    }

    .nekupto-na-miru h2 {
        font-size: 18px;
        margin-bottom: 10px
    }

    .nekupto-na-miru>div>span {
        font-size: 13px;
        line-height: 1;
    }

    .nekupto-na-miru a {
        margin-top: 5px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .custom-footer>div {
        width: 50% !important;
    }
}

@media (min-width: 992px) {
    .nekupto-roztazene {
        left: calc(972px/2 - 50vw);
    }

    .breadcrumbs>span:first-child>a {
        padding: 10px 10px 10px 0;
        min-height: 34px;
    }

    .breadcrumbs>span:nth-child(n+2)>a {
        padding: 10px 10px 10px 5px;
        min-height: 34px;
    }

    .breadcrumbs>span>span {
        padding: 10px 5px;
    }

    .popup-widget.cart-widget,
    .cart-widget-button {
        border-radius: 0 0 35px 35px;
    }

    article h2 {
        font-size: 26px;
    }

    article h3 {
        font-size: 22px;
    }

    article p {
        font-size: 18px;
    }

    .top-banner-popis.container .top-banner-popis-vlevo h1 {
        font-size: 40px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .top-banner-popis.container .top-banner-popis-vlevo p {
        font-size: 14px;
        line-height: 16px;
    }

    .banner-popis.container div h2 {
        font-size: 40px;
    }
}

@media (min-width: 1200px) {
    .nekupto-roztazene {
        left: calc(1178px/2 - 50vw);
    }

    .top-banner-popis.container .top-banner-popis-vlevo h1 {
        font-size: 50px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .top-banner-popis.container .top-banner-popis-vlevo p {
        font-size: 16px;
        line-height: 20px;
    }

    .banner-popis.container div h2 {
        font-size: 50px;
    }
}

@media (min-width: 1440px) {
    .nekupto-roztazene {
        left: calc(1418px/2 - 50vw);
    }

    .top-banner-popis.container .top-banner-popis-vlevo h1 {
        font-size: 60px;
    }

    .top-banner-popis.container .top-banner-popis-vlevo p {
        font-size: 18px;
        line-height: 24px;
    }

    .banner-popis.container div h2 {
        font-size: 60px;
    }

    .banner-popis.container div span {
        font-size: 16px;
        line-height: 2;
    }

    .nekupto-na-miru {
        padding: 50px 0;
    }

    .nekupto-na-miru>div {
        width: 40%;
    }

    .nekupto-na-miru h2 {
        font-size: 30px;
    }

    .nekupto-na-miru>div>span {
        font-size: 16px;
        line-height: 2;
    }

    .nekupto-na-miru a {
        margin-top: 20px;
    }
}

@media (min-width: 1600px) {
    .banner-popis.container div h2 {
        font-size: 70px;
    }
}

@media (min-width: 1800px) {
    .top-banner-popis.container .top-banner-popis-vlevo h1 {
        font-size: 70px;
    }
}

@media (min-width: 1920px) {
    .overall-wrapper {
        max-width: 1920px;
        margin: auto;
        /*box-shadow: 0px 20px 25px rgba(0,0,0,0.4);*/
    }
}