/*
*
*----------------------------------------- MAX WIDTH
*
*/
@media (max-width: 1500px){ 
    .header-container,
    .container {
        max-width: 1350px;
    }
}
@media (max-width: 1440px){ 
    .theme-icon-box {
        margin-bottom: 30px;
    }
    .container-fluid.opc-Container .opc-Container {
        padding: 0 24px;
    }
}
@media (max-width: 1435px){ 
    .float-btn {
        display: none;
    }
    .sale-action a {
        font-size: 15px;
        padding: 15px 12px;
    }
    .left-icon {
        font-size: 17px;
    }
    h2.cta-title {
        font-size: 36px;
    }
    .cta-box .sub {
        font-size: 18px;
        color: #3e4f3c;
    }
    ul.cta-list {
        font-size: 16px;
    }
    h2.cta-title{
        font-size: 36px;
    }
}
@media (max-width: 1362px){
    ul.header_menu_ul li.main_items a.main_items_link {
        padding: 12px 10px;
    }
}
@media (max-width: 1300px){
    .cart-items-body:not(.type-11):not(.type-4):not(.type-2) .cart-items-price, 
    .cart-items-body:not(.type-11):not(.type-4):not(.type-2) .cart-items-single-price{
        flex-direction: column;
        align-items: flex-start;
    }

    
    .cart-contact-row.cart-row .col[data-area-id="col-0"]{
        margin-bottom: 2rem;
    }
}
@media (max-width: 1350px){
    div#header-top-bar {
        display: none !important;
    }
    .cntdwn-item {
        font-size: 25px !important;
        line-height: 1;
        padding: 12px 0px;
    }
    .cntdwn-unit {
        font-size: 10px;
    }
    img.burger-pack, .burger-pack img {
        width: 500px !important;
        bottom: 0 !important;
        top: auto;
    }
    .text-section {
        padding-top: 75px;
    }
}

@media (max-width: 1225px){
    ul.header_menu_ul li.main_items a.main_items_link {
        font-size: 13px;
        padding: 12px 8px;
    }
    
}
@media (max-width: 1200px){
    .left-icon {
        font-size: 20px;
    }
    .home-sec3 .text-sec{
        max-width: 100%;
        left: 0px;
        margin-right: auto;
        margin-left: 0px;
        background: rgba(243, 236, 219, 0.7);
    }
    
}
@media (max-width: 1100px){
    button#burger-menu .btn-label{
        display: none;
    }
    button#burger-menu span.navbar-toggler-icon{
        margin-right: 0px;
    }

    #checkout #co-next-step{
        width: 100%;
        margin-top: 3rem;
    }
    
}
@media (max-width: 1040px){
   
   
    /* ul.header_menu_ul li.main_items a.main_items_link {
        font-size: 13px;
    } */
    
    .golden-ein-row img.burger-pack,
    .golden-ein-row .burger-pack img{
        opacity: 0.5;
    }
}

@media (max-width: 992px){
    .toggler-logo-wrapper .logo-wrapper {
        padding-left: 0rem;
    }
    #content-wrapper:not(.has-fluid) {
        padding-top: 3rem;
    }
    body.is-checkout #content-wrapper:not(.has-fluid){
        padding-top: 1rem;
    }
    div#main_nav {
        display: none;
    }
    header~.offer-note.sticky-top{
        top: 85px;
    }

    .mobile-footer{
        display: flex;
    }
    footer#footer{
        padding-bottom: 100px;
        padding-top: 30px;
    }
    .nav-logo {
        margin-top: 20px;
    }
    .toggler-logo-wrapper .burger-menu-wrapper, 
    /* .account-icon-dropdown > .nav-link, */
    .cart-icon-dropdown > button{
        display: none !important;
    }
    #shop-nav .customer-grp-li{
        order:5;
    }
    .left-icon {
        font-size: 16px;
    }
    div#footer-boxes, .footer-top{
        display: none; 
    }
    .nav-mobile-body li a span.icon-cat{
        display: none;
    }

}

@media (max-width: 991.98px){
    .toggler-logo-wrapper {
        position: relative;
    }
    .header-container{
        display: flex;
        justify-content: space-between;
        padding-bottom: 1rem;
    }
    header .nav-right .search-wrapper-dropdown.nav-item {
        position: static;
    }
    #shop-nav .search-wrapper-dropdown .dropdown-menu {
        width: 100%; 
    }
    header .nav-right .search-wrapper-dropdown .dropdown-menu{
        border-top-right-radius: 0px;
        border-top-left-radius: 0px;
        box-shadow: -3px 7px 15px -7px #8a8787e0!important;
    }

    #product-offer .product-gallery {
        padding-right: 2rem;
        padding-left: 2rem;
    }
}
@media (max-width:960px){
    
    
}
@media (max-width:830px){ 
    .about-two img {
        margin-bottom: 44px;
    }
    .about-two {
        padding: 60px 30px;
    }
    .container-fluid.opc-Container.about-text {
        padding: 63px 30px;
    }

    .cart-items-body{
        justify-content: space-between;
    }
    .cart-items-body:not(.type-11):not(.type-4):not(.type-2) .cart-pro-title{
        min-width: 100%;
        padding-top: 1rem;
    }
    .cart-items-body .cart-items-delete, .cart-items-body .cart-items-price, .cart-items-body .cart-items-quantity, .cart-items-body .cart-items-single-price{
        margin-left: 0rem;
    }
    .cart-items-body.type-2 .cart-items-single-price,
    .cart-items-body.type-2 .cart-items-quantity,
    .cart-items-body.type-11 .cart-items-single-price,
    .cart-items-body.type-11 .cart-items-quantity,
    .cart-items-body.type-4 .cart-items-single-price,
    .cart-items-body.type-4 .cart-items-quantity{
        display: none;
    }

    .cart-items-body.type-2 .cart-items-price,
    .cart-items-body.type-11 .cart-items-price,
    .cart-items-body.type-4 .cart-items-price{
        flex: 1;
        flex-direction: column;
        align-items: flex-start;
    }

    .cart-items-body .variations-wrap{
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    .cart-items-body .variations-wrap .variation-cart{
        padding: 4px;
        margin: 0.2rem;
        border-radius: 4px;
        background-color: var(--light);
    }
}
@media (max-width:800px){ 
    .pr_desc_flex .toggle-content,
    .toggle-height.show .toggle-content {
        grid-template-columns: repeat(1, 100%);
    }
    .product-attributes .title,
    .product-attributes .table{
        margin-left: 0rem;
    }
    
}
@media (max-width:768px){
    .pay-ship img{
        height: 40px 
    }
    .guide-image {
        background-image: none !important;
        padding-top: 0%;
        padding-bottom: 0%;
        background-size: 0 !important;
        background-color: #f2f2f2;
    }
    .col-md-2.fee-amount{
        text-align: left;
        margin-top: 1rem;
    }
    .active-sale .col .content-wrap{
        margin:1rem auto;
    }
    .shop-sidebar{
        margin-right: 0rem;
    }

    .recommendations.d-print-none{
        padding: 50px 1rem;
    }

    .row.icon-offer-box{
        padding: 0px 1rem;
    }
    .row.icon-offer-box p.icon-text{
        font-size: 16px;
    }
    .row.icon-offer-box  img{
        height: 35px;
    }

    .call-cta.email{
        margin-top: 0rem;
    }

}
@media (max-width:670px){
    .toggler-logo-wrapper .burger-menu-wrapper, 
    .account-icon-dropdown > .nav-link, 
    #shop-nav-wish a.nav-link,
    .cart-icon-dropdown > button{
        display: none !important;
    }
    #shop-nav .customer-grp-li{
        width: 100px;
    }
    #shop-nav div.nav-item span.title, #shop-nav li span.title,
    span.customer-grp-name{
        font-size: 12px; 
    }
    .navbar-brand{
        margin-right: 0.5rem;
    }
    #shop-nav .nav-link{
        padding-left: 0.4rem;;
        padding-right: 0.4rem;;
    }
   
}
@media (max-width:600px){
    header~.offer-note.sticky-top{
        width: 100%;
        padding:0px;
    }
    header~.offer-note .custom_notice {
        display: none; 
        padding: 10px 20px 10px 10px;
    }

    #product-offer .product-gallery {
        padding-right: 0.7rem;
        padding-left: 0.7rem;
    }
    .product-attributes .table{
        width: 100%;
    }

    .is-checkout .col.checkout-button-row-submit button {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 999;
        border-radius: 0;
        background: linear-gradient( 180deg, #768061, #3d4b2b);
        box-shadow: -1px -8px 20px #8080807a;
    }
    .is-checkout .mobile-footer {
        display: none;
    }
    .hereseller_list img{
        max-height: 58px;
    }

}
@media (max-width:575px){
    .productbox .cart-col{
        padding-left: 1rem;
    }
    .productbox .price-col{
        justify-content: flex-start;
        padding-right: 1rem;
    }
    .productbox .price-wrap-row {
        margin-top: 0rem;
    }

    .product-offer .border-dashed-right{
        border-right: 0px dashed #cacaca !important;
        border-bottom: 1px dashed #cacaca !important;
        margin-bottom:0.8rem;
    }
    .product-offer .bonus-info{
        align-items: center;
    }
    .product-offer .bonus-info .col.col-2{
        width: auto;
        flex:0;
    }
    .product-offer .bonus-info > .col p{
        margin-bottom: 0rem;
    }
    div#newsletter-unsubscribe{
        padding: 1rem;
    }

    .cart-items-body.type-11 .cart-items-image,
    .cart-items-body.type-4.cart-items-image{
        min-width: 100%;
        max-width: 100%;
    }
    .cart-items-body.type-11 .cart-pro-title,
    .cart-items-body.type-4 .cart-pro-title{
        flex:1;
        margin-left: 0rem;
        margin-top: 1rem;
    }
    .cart-items-body.type-2 .cart-items-image,
    .cart-items-body.type-4 .cart-items-image{
        display: none;
    }
    .cart-items-body .cart-items-quantity{
        min-width: 125px;
    }
    .cart-items-body.type-2 .cart-items-price, .cart-items-body.type-4 .cart-items-price{
        min-width: fit-content;
    }
    .cart-items-body:not(.type-11):not(.type-4):not(.type-2) .cart-items-price, .cart-items-body:not(.type-11):not(.type-4):not(.type-2) .cart-items-single-price{
        min-width: fit-content;
        margin-bottom: 1rem;
    }
    header .nav-right-tel .call-icon img{
        width: 25px;
    }
    header .nav-right-tel .call a{
        font-size: 18px;
    }
}
@media (max-width:500px){
    .left-icon{
        font-size: 16px;
        padding: 15px 7px;
        text-align: center;
    }
    .left-icon img {
        margin: 0 auto;
        display: block;
        margin-bottom: 5px;
    }
    header .navbar-brand img {
        height: 2.5rem;
    }

    .guide-image {
        background-image: none !important;
        padding-top: 0%;
        padding-bottom: 0%;
        background-size: 0 !important;
        background-color: #f2f2f2;
    }
    header~.offer-note.sticky-top{
        top: 77px;
        padding: 0px;
    }
    div#cartpanel{
        width: 100%;
        right:-500px;
    }


}
@media (max-width:400px){
    .product-list.layout-gallery .product-wrapper.col {
        height: auto !important;
        width: 100%;
        max-width: 350px;
        flex-grow: 1;
        flex: 0 0 100%;
        margin: 0 auto;
    }
}

/*
*
*----------------------------------------- MIN WIDTH
*
*/
@media (min-width: 1400px){
    .header-container,
    .is-item-list,
    .container {
        max-width: 1450px; 
    }
}
@media (min-width: 1200px){
    .cart-row .col[data-area-id="col-0"] {
        border-right: 1px dashed #bbbbbb;
    }
    .productbox .productbox-title {
        text-align: center;
    }
    .productbox .productbox-title {
        text-align: center;
    }
    .cart-summary {
        margin-left: 24px;
    }
    .left-icon {
        font-size: 20px;
    }


    
}
@media (min-width: 1300px){
    .header-container,
    .container {
        max-width: 1450px; 
    }
    .productbox.productbox-hover:hover .sale-ribbon , 
    .productbox.productbox-hover:hover .eco-ribbon {
        left: -19px; 
        top: 0.01rem;
    }
    .productbox.productbox-hover:hover .productbox-ribbon.ribbon{  
        left:-2.1rem;
    }
    .productbox.productbox-hover:hover .productbox-ribbon.ribbon-1{    
        left:auto;
    }
    .layout-list .productbox.productbox-hover:hover .productbox-ribbon.ribbon-1{    
        top: 82px;
    }


    .productbox.productbox-hover:hover .eco-ribbon.below{
        top:2rem;
    }
    .layout-list .productbox-onhover{
        opacity: 1 !important;
    }
    .productbox.productbox-hover:not(:hover) .productbox-onhover{
        opacity: 1;
    }


}
@media (min-width: 996px){
    .variation.swatches .var-tooltip-wrap, .variation.swatches .var-tooltip-btn {
        display: inline-block;
    }
    .variation.swatches .var-tooltip-btn:hover+.var-tooltip-wrap .var-tooltip-text, .var-tooltip-wrap:hover .var-tooltip-text{
        display: inline-block;
        /* opacity: 1; */
        position: absolute;
        right: 0px;
        padding: 10px;
        font-weight: 400;
        z-index: 999;
        float: right;
        pointer-events: inherit;
        -webkit-animation: displayToolTip 0.2s linear 0.4s normal forwards;
        -moz-animation: displayToolTip 0.2s linear 0.4s normal forwards;
        animation: displayToolTip 0.2s linear 0.4s normal forwards;
    }
}
@media (min-width: 992px){
    .navbar-expand-lg .navbar-collapse {
        display: block !important;
        flex-basis: auto;
    }
    header .subcategory-wrapper .categories-recursive-dropdown{
        position: absolute !important;
    }
    .navbar-expand-lg .navbar-toggler {
        display: inherit !important;
    }
    header .navbar-nav > .nav-item.active > .nav-link::before, header .navbar-nav > .nav-item:hover > .nav-link::before, header .navbar-nav > .nav-item.hover > .nav-link::before{
        width: 0px;
    }
    header .submenu-headline-toplevel {
        margin-bottom: 0;
    }
    .nav-scrollbar-item .dropdown-body {
        padding-bottom: 0;
        padding-top: 0;
    }
    #footer.newsletter-active #footer-boxes {
        margin-top: 4rem;
    }
    .steps-boxes-sec .first.step {
        margin-top: -100px;
    }

    .wishlist-button{
        border-right: 0px solid #fff;
    }

    body.is-checkout #content-wrapper:not(.has-fluid){
        padding-top: 1rem;
    }
}

@media (min-width: 920px){
    .checkout-existing-customer .checkout-existing-customer-hr {
        display: none;
    }
}
@media (min-width: 768px){
    .cart-icon-dropdown:not(.not-empty) .cart-icon-dropdown-icon {
        margin-right: 0rem;
    }
    #footer .newsletter-footer {
        text-align: left;
    }
    #personalisierte-verpackungen .guide-image h2 {
        color: #fff;
        text-shadow: 2px 2px 5px #444444bd;
    }
}
@media (min-width: 601px){
    #claim-gift-offer, .close-notice{
        display: none;
    }

    .basket-freegift .product-wrapper-freegift .custom-control-label{
        display: flex;
        flex-direction: row;
        padding:0.5rem;
        
    }
    .basket-freegift .product-wrapper-freegift .custom-control-label .square-image{
        width: 160px;
    }
    .basket-freegift .product-wrapper-freegift .custom-control-label .caption{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding-left: 7px;
    }
    .basket-freegift .product-wrapper-freegift .custom-control-label .caption p{
        text-align: left;
    }
}
@media (min-width: 576px){
    #customizer-popup .modal-dialog{
        max-width: 1500px;
    }

    .product-list.layout-gallery .product-wrapper.col {
        /* min-width: 280px; */
    }
}
@media (min-width: 550px){
    .cart-summary .cart-bo .future-reward-points{
        line-height: 1.5;
    }
    #complete-order-button{
        margin-left: 0px !important;
    }
}
@media (min-width: 500px){
    .pro-attributes{
        margin-bottom: 1.5rem;
    }
    .pro-attributes > ul{
        display: grid;
        grid-template-columns: repeat(2, calc(100%/2));
        align-items: center;
        color: #808080; 
    }
    .pro-attributes > ul li:nth-child(2n){
        padding-left: 1.5rem !important;
        border-left: 1px dashed #7F886A;
    }
   
    
}
