

@media (max-width:767px){
.middle-row{
    display:flex; 
    flex-direction:column;
    justify-content:center;
}
.middle-row img{
margin:10px auto!important;}
}
@media (min-width:768px){
    .middle-row{
        display:flex; 
        flex-direction: row; 
        justify-content: center;
    }
    }

    .p-detail-inner .p-to-cart-block .add-to-cart{justify-content:left}
    .p-detail-inner .p-to-cart-block .add-to-cart-button{max-width:300px}
    .welcome h1{
    text-align:center;
    }

.btn.middle{
    background-color:transparent;
}

.middle-banners{
    margin-bottom:30px;
    }
    #products-10{
    align-items: center;
        display: flex;
        flex-direction: column;
    }
    @media (min-width: 992px) {
        .next-to-carousel-banners {
            flex-flow: row;
            width: 800px;
            margin: 0 auto;
        }
    }
    
    @media(min-width:767px){
    .titleDesc{
    display:flex;
    align-items: center;
    }
    #formContact{width:500px;}
    
    
    
    
    .titleDesc1{
    width:25%
    }
    .titleDesc2{
    width:70%;
    margin-left:40px;
    text-align:justify;
    }}
    
    @media(max-width:766px){
    .titleDesc1{
    width:50%;
    }
    .titleDesc{
    display: flex;
    flex-direction: column;
    align-items: center;
    }
    }
    
    .sublabel.na-postu-choose-post a, .zasilkovna-name{font-weight:700;}
    .question-tooltip {
        background-color: var(--color-primary-hover);
        border-color: #000000;
        color: #1a1919;
    }
    /*Global*/
    
    *{
    letter-spacing:0.8px;
    }
    
    .h4{
    font-weight:400!important;
    }
    
    .homepage-group-title.h4{
    margin:0;
    }
    
    @media (max-width:767px){
    body{
    padding-top:30px;
    }
    }
    /*tags*/
    @media (max-width: 766px){
    .flags-default .flag {
        float: none;
        clear: none;
        color:#000000!important;
        font-size: 12px;
        font-weight: 300;
        margin-right: 3px;
        min-width: 30%;
        text-align: center;
        border-radius:20px;
        padding:3px;
    }
    }
    @media (min-width: 767px){
    .flags-default .flag {
        float: none;
        clear: none;
        color:#000000!important;
        font-size: 16px;
        font-weight: 300;
        margin-right: 5px;
        min-width: 30%;
        text-align: center;
        border-radius:20px;
        padding:8px;
    }
    }
    .flag.flag-custom2{
    background:#e1e1e175!important;
    }
    .flag.flag-new{
    background:#e1e1e175!important;
    }
    
    .benefitBanner .benefitBanner__title {
        font-size: 16px;
        line-height: 20px;
        font-weight: 400;
        display: inline-block;
        margin-bottom: 0px;
    }
    @media (min-width: 350px){
    .benefitBanner {
        margin: 10px auto 40px  auto;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
    }
    }
    @media (max-width: 767px){
    .benefitBanner .benefitBanner__item {
        flex: 0 0 50%;
    }
    }
    @media (min-width: 480px){
    .benefitBanner__item {
        flex: 0 0 33%;
        width: 50%;
    }
    }
    
    @media (min-width: 1200px){
    .benefitBanner__item {
        flex: 0 0 16%;
        width: 50%;
    }
    }
    
    .benefitBanner .benefitBanner__link .benefitBanner__content{
    position:relative;
    top:0px;
    transition:0.3s;
    }
    
    .benefitBanner .benefitBanner__link:hover .benefitBanner__content{
    position:relative;
    top:-5px;
    transition:0.3s;
    }
    
    .product{
    border-right: 1px solid #f3f3f3;
    }
    .products-block>div{
    padding:40px;
    }
    .products-block > div .p{
    text-align:left;
    justify-content: space-between;
    }
    .p-tools{
    text-align:center;
    }
    
    .products-block > div .p .p-code{
    display:none;
    }
    
    .products-block > div .p .p-in .p-in-in .name{
            text-transform:uppercase;
        font-weight: 400;
        height: auto;
        font-size:14px;
    }
    
    .products-block > div .p .p-in .p-bottom > div .prices .price-final strong {
        font-weight: 400;}
    
    .btn, a.btn, .btn.btn-conversion, a.btn.btn-conversion, .btn.btn-cart, a.btn.btn-cart{
            color: #000;
        border-color: #000;
        background-color: #ededed;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 400;
        letter-spacing: 1px;
        padding:10px 20px;;
        border-radius:0;
            border-width: 0px 0px 1px 0px;
            transition:0.3s;
    }
    .btn-cart.add-to-cart-button{background-color: #fff;}
    .btn-cart.add-to-cart-button{background-color: #fff;}
    .btn:hover, a.btn:hover, .btn.btn-conversion:hover, a.btn.btn-conversion:hover, .btn.btn-cart:hover, a.btn.btn-cart:hover{
            color: #000;
        border-color: #000;
        background-color: #dfdfdf;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 400;
        letter-spacing: 1px;
        padding: 10px 20px;
        border-radius:0;
            border-width: 0px 0px 1px 0px;
        transition:0.3s;
    }
    