@media (min-width: 410px) and (max-width: 575.98px) {  
    
    .blog-item .blog-item-img-container{
        height: 123px;
    }

    .blog-main-post .blog-main-post-img-container{
        height: 300px;
    }
    
}


/* 576 alatt */
@media (max-width: 575.98px) {  
    
    .fluid-sm{
        width: 100%;
    }

    .modal-mobile-bottom{
        position: fixed;
        bottom: 0;
        margin: 0;
        width: 100%;
        max-width: 100%;
        min-height: 0;
    }
    
    .modal-mobile-bottom .modal-content{
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        padding-bottom: 30px;
    }


    
}

/* 576 fölött ********************************************************************/
@media (min-width: 576px){

    
    
    .homeMainBanner{ display: block; }

    .homeMainBannerMobile{ display: none; }

    .home-main-banner-slicker{ 
        max-width: 1920px;
        margin: 0 auto;
        width: 100%;
    }

    .home-main-banner-slicker .slick-list{
        max-width: 1920px;
        width: 100%;
        margin: 0 auto;
    }

    .narrowed-sm{
        width: unset;
    }

    .pocket-cart{
        right: 0;
        top: 65px;
        max-width: 400px;
    }

    #headerSearchForm{
        position: absolute;
        bottom: -57px;
        right: 0;
        display: none;
        background: #fff;
        padding: 10px;
        z-index: 1001;
    }

    




}

/* 992 alatt **************************************************************************/
/* 992 alatt **************************************************************************/
/* 992 alatt **************************************************************************/
/* 992 alatt **************************************************************************/
@media (max-width: 991.98px) {

    .hide-on-mobile{
        display: none;
    }

    #nl-pu .modal-dialog{
        align-items: flex-start;
    }

    



} /* // 992 alatt */



/* 768 fölött ********************************************************************/
@media (min-width: 768px){

    .hide-on-md{
        display: none;
    }

    .blog-item .item-title{
        line-height: 0px;
        font-size: 17px;
        display: inline;
    }
    
    footer .menu-container{
        border-top: 4px solid var(--green);
        color: var(--darkBlue);
    }

    footer .menu-container .title{
        font-family: var(--poppinsFont);
        font-weight: 700;
        font-size: 14px;
        text-transform: uppercase;
        margin-top: 30px;
        margin-bottom: 20px;
        padding: 0;
        background: none;
        border: 0;
    }

    

    footer .menu-container .menu{
        padding: 0;
    }

    footer .menu-container .menu.collapse{
        display: block !important;
    }

    footer .menu-container .menu li a{
        font-size: 14px;
        font-family: var(--robotoCondFont);
        padding-top: 0;
        padding-bottom: 0;
        display: initial;
    }

    footer .menu-container .menu li a::before{
        top: 5px;
    }

    footer .menu-container .title{
        cursor: default;
        pointer-events: none;
    }

    footer .menu-container .title::before{
        content: "";
        font-size: 0px;
        position: absolute;
        top: 0px;
        right: 0px;
    }
    
    footer .menu-container .title.expand::before{
        content: "";
        font-size: 36px;
        font-weight: 400;
        position: absolute;
        top: 0px;
        right: 0px;
    }

    #bottom-add-to-cart-container .flex-container{
        flex-direction: row;
        width: 100%;
        align-items: flex-start;
    }

    .product-info-container .main-info-container h1{
        font-size: 36px;
    }


    .product-to-cart-container .orig-price{
        font-size: 20px;
    }

    .product-to-cart-container #savings{
        font-size: 17px;
    }
    
    img.alignright{
        display: inline;
        float: right;
        margin: 0;
        margin-left: 40px;
        margin-bottom: 40px;
    }
    
    img.alignleft{
        display: inline;
        float: left;
        margin: 0;
        margin-right: 40px;
        margin-bottom: 40px;
    }

    /* WP BLOCK COLUMNS :: BEGIN */
    .wp-block-columns {
        flex-wrap: nowrap;
        flex-direction: row;
    }
    .wp-block-column {
        flex-basis: 0;
        flex-grow: 1;
    }
    .wp-block-image img {
        max-width: 100%;
    }
    img[class*="align"], 
    img[class*="wp-image-"], 
    img[class*="attachment-"] {
        height: auto;
    }
    /* WP BLOCK COLUMNS :: END */

    .cart-progress{
        width: 87%;
    }

    .post-content-container .toc-container{
        display: inline-block;
    }

    .not-found-page img{
        /* max-width: 690px; */
    }

    .customer-menu-card{
        border: 1px solid var(--grey200);
        border-radius: var(--boxLgRadius);
    }

   
    
}



/* 992 fölött ********************************************************************/
/* 992 fölött ********************************************************************/
/* 992 fölött ********************************************************************/
/* 992 fölött ********************************************************************/
/* 992 fölött ********************************************************************/
@media (min-width: 992px) {

    .w-lg-auto{
        width: auto !important;
    }

    #nl-pu .modal-dialog{
        width: 800px;
        max-width: 800px;
        /*position: fixed;
        bottom: 10px;
        right: 10px;
        margin: 0; */
    }

    #nl-pu .modal-dialog .modal-content{
        background-size: auto;
        background: url('../../images/page/popup-600x800-web-250328.webp') 100% 100% no-repeat;
    }

    #nl-pu .nl-pu-cta-container{
        padding-top: 410px;
        padding-left: 238px;
        padding-right: 20px;
    }

    #nl-pu .nl-pu-nothanks-container{
        padding-left: 238px !important;
        padding-right: 20px !important;
    }

    #nl-pu .nl-pu-cta{
        padding-top: 20px;
        padding-bottom: 20px;
        font-size: 1.6em;
    }
    
    .hide-on-desktop,.hide-on-lg{
        display: none;
    }

    .navbar-expand-lg .navbar-nav{
        position: relative;
        top: 14px;
    }

    .navbar.main-nav{
        padding-bottom: 1.5rem;
    }

    .top-navbar-logo{
        height: 52px;
    }

    .top-navbar-icons{
        position: relative;
        top: 4px;
    }

    .top-nav-tab-btn-container{
        justify-content: center;
        flex-direction: row;
    }

    .top-nav-tab-btn{
        margin: 0 3px;
        width: 36%;
        background-color: var(--green);
        color: #fff;
    }

    .top-nav-tab-btn:hover{
        background-color: var(--darkGreen);
        color: #fff;
    }

    .top-nav-tab-btn.vegan span.picto{
        background-image: url(../../images/page/repa-feher.svg);
    }
    
    .top-nav-tab-btn.apple span.picto{
        background-image: url(../../images/page/apple-white.svg);
    }
    
    .top-nav-tab-btn.zold span.picto{
        background-image: url(../../images/page/ujrahasznositas-picto-feher.svg);
    }

    .top-nav-tab-btn.zold{
        background: #107156; 
        background: -moz-linear-gradient(45deg,  #107156 16%, #a7cb32 67%); 
        background: -webkit-linear-gradient(45deg,  #107156 16%,#a7cb32 67%); 
        background: linear-gradient(45deg,  #107156 16%,#a7cb32 67%); 
        transition: all ease 0.5ms;
        -webkit-transition: all ease 0.5s;
        background-size: 100% auto;
    }

    .top-nav-tab-btn.zold:hover{
        background-size: 400% auto;
    }

    .section-header{ font-size: 21px; }

    .ourvalues-box{ font-size: 14px; }
    .ourvalues-box span{ margin-left: .5em; }


    .pocket-cart{
        right: 0;
        top: 65px;
    }

    .pocket-cart::before{
        background: none;
    }

    .top-cart-icon-container{
        position: relative;
        cursor: pointer;
        margin-right: 30px;
    }

    #headerSearchForm{
        bottom: -47px;
    }

    .page-container{
        padding-top: 20px;
        border-top: 0;
    }

    .page-height-mod{
        min-height: 550px;
    }

    .category-tree{
        left: 0px;
        position: static; 
        width: auto;
        overflow-y: hidden;
    }
    
    .category-tree .ct-header{
        display: none;
    }
    
    .category-tree .ct-body{
        padding-top: 20px;
        height: 1000px;
        overflow: hidden;
        transition: ease all var(--transitionSpeed);
    }

    .category-tree .ct-body.opened{
        transition: ease all var(--transitionSpeed);
    }

    .category-tree .ct-footer{
        display: block;
    }

    .blog-main-post .blog-main-post-img-container{
        height: 350px;
    }
    
    .blog-main-post .blog-main-post-img-container img{
        height: 360px;
    }

    #alertModalBody .product-in-cart-info{
        width: 738px;
        margin-left: auto;
        margin-right: auto;
    }

    #alertModalBody .product-in-cart-info .product-image{
        width: 210px;
    }

    .simple-page-title-text{
        font-size: 36px;
    }

    /* CART ITEM GRID::BEGIN */
    .cart-grid-head {
        border-bottom: 1px solid var(--grey200);
        display: grid;
        grid-template-columns: 2fr 1fr 1fr 1fr 0.5fr;
        grid-template-rows: 1fr;
        gap: 5px 5px;
        grid-auto-flow: row;
        grid-template-areas:
            "h-product-img-and-name h-product-img-and-name h-quantity h-gross-price h-remove";
    }
      
        .cart-grid-head .h-product-img-and-name { grid-area: h-product-img-and-name; }
        
        .cart-grid-head .h-quantity { grid-area: h-quantity; }
                
        .cart-grid-head .h-gross-price { grid-area: h-gross-price; }
        
        .cart-grid-head .h-remove { grid-area: h-remove; }
      

        .cart-grid-head > div{
            /* border: 1px solid var(--purple); */
            padding: 10px;
            font-size: 16px;
            font-weight: 400;
            color: var(--darkGreen900);
        }

    .my-product-grid-head{
        grid-template-columns: 2fr 1fr 1fr 1fr 1.5fr;
    }


    /* grid item */
    .cart-grid-item{
        margin-bottom: 15px;
        padding-bottom: 15px;
        display: grid;
        grid-template-columns: 1fr 2fr 1fr 1fr 0.5fr;
        grid-template-rows: 1fr auto;
        gap: 5px 5px;
        grid-auto-flow: row;
        grid-template-areas:
        "product-img product-name quantity gross-price remove"
        "product-img quantity-discount-text quantity-discount-text quantity-discount-text quantity-discount-text";
    }

        .cart-grid-item .product-img { grid-area: product-img; }
        .cart-grid-item .product-name { 
            grid-area: product-name; 
            text-align: left;
        }
        .cart-grid-item .quantity-discount-text { 
            grid-area: quantity-discount-text; 
            padding-top: 0px;
            text-align: left;
        }
        .cart-grid-item .quantity { grid-area: quantity; }
        .cart-grid-item .gross-price { grid-area: gross-price; align-items: center; }
        .cart-grid-item .remove { 
            display: flex;
            align-items: center;
            justify-content: center;
        }

        /* .cart-grid-item .unit-price, 
        .cart-grid-item .gross-price{
            justify-content: flex-end;
        } */


        .cart-grid-item > div{
            padding: 5px;
            /* border: 1px solid var(--purple); */
        }

        .cart-grid-item .img-fluid{
            max-height: 140px;
        }


        .cart-grid-item .special-price-container{
            /* margin-top: -24px; */
        }
        /* CART ITEM GRID::END */

    .my-product-grid-item{
        grid-template-columns: 1fr 2fr 1fr 1fr 1.5fr;
    }

    .checkout-purple-btn,
    .checkout-purple-outline-btn{
        margin-right: 0px;
        margin-left: auto;
    }

    .cart-progress{
        width: 80%;
    }

    table.grid th:first-child,
    table.grid td:first-child {
        width: 44%;
    }

    .stock-status-container .dropdown-menu{
        width: 400px;
    }

    .navbar-nav.navbar-user{
        top: 0;
    }

    .navbar-nav .dropdown-menu.dropdown-user.show{
        top: 50px;
        left: unset;
        transform: unset;
    }

    .w-lg-50{
        width: 50%;
    }


    .favourites-counter {
        transform: translate(-50%, -58%);
    }
    

    .checkout-cta {
        background-color: var(--grey100);
        position: sticky;
        bottom: 20px;
        margin-top: 1px;
        z-index: 10;
    }

    .checkout-items{
        height: 160px;
        overflow: hidden;
        overflow-y: auto;
    }

    .overflow-md-hidden{
        overflow: hidden !important;
    }


    .checkout-left-container{
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        height: calc(100vh - 132px);
    }

    .checkout-left-container .section-title{
        font-size: 36px;
    }

    .related-popup-product .product-box .product-item{
        flex-direction: column;
        text-align: center;
        height: 250px;
    }

    .related-popup-product .product-box .product-item .product-image{
        width: 70px;
    }

    .related-popup-product .product-box .product-item .product-name{
        text-align: center;
        font-size: 16px;
    }

    .product-to-cart-container .cart-and-spinner-container{
        flex-direction: row;
    }

    #navbarSupportedContent .nav-item.dropdown:hover > .dropdown-menu {
        display: block;
    }

    #navbarSupportedContent .nav-item.dropdown > .dropdown-menu {
        margin-top: 0;
        box-shadow: 0 0 19px #263B3840;
        border: none;
    }

    #navbarSupportedContent .nav-link:not(.dropdown-toggle) {
        position: relative;
    }

    #navbarSupportedContent .nav-link {
        border-bottom: 2px solid transparent;
        transition: border-color 0.2s ease;
        padding-bottom: 0;
        margin-bottom: 8px;
    }

    #navbarSupportedContent .nav-link:hover,
    #navbarSupportedContent .nav-item.dropdown:hover > .nav-link {
        border-bottom: 2px solid #617B10;
        transition: border-color 0.2s ease;
    }
} /* // 992 fölött */

@media (min-width: 992px) and (max-width: 1199px) {
    #navbarSupportedContent .nav-link {
        padding-left: 6px;
        padding-right: 6px;
    }
}

/* // Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {  
   
    .product-box .product-item .product-item-img-container{
        height: 236px;
    }
    
    .product-box .product-item .product-item-img-container img{
        height: 236px;
    }

    .blog-item .blog-item-img-container{
        height: 135px;
    }

    .blog-main-post .blog-main-post-img-container{
        height: 334px;
    }
    
    .blog-main-post .blog-main-post-img-container img{
        height: 340px;
    }

    /* CART TOP PROGRESS LINE::BEGIN */
    .progress-line::before{
        width: 385px;
        left: 66px;
        display: unset;
        top: 24px;
    }

    .progress-line.step-zero::before{
        background: var(--middleGrey);
        background: linear-gradient(90deg,  rgba(162, 198, 23,1) 0%, rgba(233, 233, 233,1) 18%);
    }

    .progress-line.step-one::before{
        background: rgb(128,130,184);
        background: linear-gradient(90deg, rgba(45, 75, 70, 1) 6%, rgba(162, 198, 23,1) 22%, rgba(233, 233, 233,1) 58%);
    }

    .progress-line.step-two::before{
        background: rgb(128,130,184);
        background: linear-gradient(90deg, rgba(45, 75, 70, 1) 32%, rgba(162, 198, 23,1) 64%, rgba(233, 233, 233,1) 90%);
    }

    .progress-line.step-three::before{
        background: rgb(128,130,184);
        background: linear-gradient(90deg, rgba(45, 75, 70, 1) 78%, rgba(162, 198, 23,1) 100%);
    }
    /* CART TOP PROGRESS LINE::END */

    .product-to-cart-container .cart-and-spinner-container{
        flex-direction: row;
    }

}

/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {  
    
    .product-box .product-item .product-item-img-container{
        height: 210px;
    }
    
    .product-box .product-item .product-item-img-container img{
        height: 210px;
    }

    .blog-item .blog-item-img-container{
        height: 200px;
    }
    
    .product-blog-list-section .blog-item .blog-item-img-container{
        height: 135px;
    }
    
    /* .blog-item .blog-item-img-container img{
        height: 220px;
    } */

    .blog-main-post .blog-main-post-img-container{
        height: 450px;
    }
    
    .blog-main-post .blog-main-post-img-container img{
        height: 460px;
    }

    footer .menu-container{
        border-top: 0px;
    }

    /* CART TOP PROGRESS LINE::BEGIN */
    .progress-line::before{
        width: 545px;
        left: 73px;
        display: unset;
    }

    .progress-line.step-zero::before{
        background: rgb(128,130,184);
        background: linear-gradient(90deg,  rgba(162, 198, 23,1) 0%, rgba(233, 233, 233,1) 23%);
    }

    .progress-line.step-one::before{
        background: rgb(128,130,184);
        background: linear-gradient(90deg, rgba(45, 75, 70, 1) 14%, rgba(162, 198, 23,1) 22%, rgba(233, 233, 233,1) 63%);
    }

    .progress-line.step-two::before{
        background: rgb(128,130,184);
        background: linear-gradient(90deg, rgba(45, 75, 70, 1) 45%, rgba(162, 198, 23,1) 64%, rgba(233, 233, 233,1) 90%);
    }

    .progress-line.step-three::before{
        background: rgb(128,130,184);
        background: linear-gradient(90deg, rgba(45, 75, 70, 1) 78%, rgba(162, 198, 23,1) 100%);
    }
    /* CART TOP PROGRESS LINE::END */
    
    .product-to-cart-container .cart-and-spinner-container{
        flex-direction: column;
    }
    
}

/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {

    .product-box .product-item .product-item-img-container{
        height: 210px;
    }
    
    .product-box .product-item .product-item-img-container img{
        height: 210px;
    }

    .blog-item .blog-item-img-container{
        height: 135px;
    }

    /* CART TOP PROGRESS LINE::BEGIN */
    .progress-line::before{
        width: 750px;
        left: 73px;
        display: unset;
    }

    .progress-line.step-zero::before{
        background: rgb(128,130,184);
        background: linear-gradient(90deg,  rgba(162, 198, 23,1) 0%, rgba(233, 233, 233,1) 28%);
    }

    .progress-line.step-one::before{
        background: rgb(128,130,184);
        background: linear-gradient(90deg, rgba(45, 75, 70, 1) 18%, rgba(162, 198, 23,1) 28%, rgba(233, 233, 233,1) 58%);
    }

    .progress-line.step-two::before{
        background: rgb(128,130,184);
        background: linear-gradient(90deg, rgba(45, 75, 70, 1) 45%, rgba(162, 198, 23,1) 74%, rgba(233, 233, 233,1) 90%);
    }

    .progress-line.step-three::before{
        background: rgb(128,130,184);
        background: linear-gradient(90deg, rgba(45, 75, 70, 1) 78%, rgba(162, 198, 23,1) 100%);
    }
    /* CART TOP PROGRESS LINE::END */

}

/* // Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    
    .product-box .product-item .product-item-img-container{
        height: 258px;
    }
    
    .product-box .product-item .product-item-img-container img{
        height: 258px;
    }
   
    .blog-item .blog-item-img-container{
        height: 170px;
    }

    /* CART TOP PROGRESS LINE::BEGIN */
    .progress-line::before{
        width: 850px;
        left: 130px;
        display: unset;
    }

    .progress-line.step-zero::before{
        background: rgb(128,130,184);
        background: linear-gradient(90deg,  rgba(162, 198, 23,1) 0%, rgba(233, 233, 233,1) 24%);
    }

    .progress-line.step-one::before{
        background: rgb(128,130,184);
        background: linear-gradient(90deg, rgba(45, 75, 70, 1) 10%, rgba(162, 198, 23,1) 27%, rgba(233, 233, 233,1) 58%);
    }

    .progress-line.step-two::before{
        background: rgb(128,130,184);
        background: linear-gradient(90deg, rgba(45, 75, 70, 1) 45%, rgba(162, 198, 23,1) 74%, rgba(233, 233, 233,1) 90%);
    }

    .progress-line.step-three::before{
        background: rgb(128,130,184);
        background: linear-gradient(90deg, rgba(45, 75, 70, 1) 78%, rgba(162, 198, 23,1) 100%);
    }
    /* CART TOP PROGRESS LINE::END */

    table.grid th:first-child,
    table.grid td:first-child {
        width: 59%;
    }

    .info-page .team-grid{
        flex-direction: row;
    }
    
    .info-page .team-grid .team-col{
        max-width: 50%;
    }

}

@media (min-width: 1400px) {
    
    .checkout-left-container{
        padding-left: 10rem;
    }

    .checkout-right-container{
        padding-right: 10rem;
    }

    .checkout-top-bar{
        padding-left: 10rem;
    }
   

}

@media (min-width: 1650px) {

    .checkout-left-container{
        padding-left: 15rem;
    }

    .checkout-right-container{
        padding-right: 15rem;
    }

    .checkout-top-bar{
        padding-left: 15rem;
    }

}


@media (min-width: 1900px) {

    .checkout-left-container{
        padding-left: 25rem;
    }

    .checkout-right-container{
        padding-right: 25rem;
    }

    .checkout-top-bar{
        padding-left: 25rem;
    }

}