/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

 /** Meniu **/
 
 .delivery-options .carrier-hasLogo img{
	 
 }
 .kortele {
    color: white;padding: 1rem;height: 20rem;margin: 0 auto;
    }

    .kortele > div {
        min-height: 150px;
        display: flex;
        align-items: center;
    }
    
    .kortele > p {
        text-align: center;
    }

    .kortele > div > img {
        max-height: 150px;
        
    }

    .kardas {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-gap: 0.1rem;
    }
    
    .kardas-4 {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-gap: 0.1rem;
    }
    
    .kardas-3 {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-gap: 0.1rem;
    }
    
    .kardas-5 {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-gap: 0.1rem;
    }
    
    .kardas-6 {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-gap: 0.1rem;
    }
    
    /* Screen larger than 600px? 2 column */
    @media (min-width: 300px) {
    .kardas { grid-template-columns: repeat(2, 1fr); }
    }

    /* Screen larger than 600px? 2 column */
    @media (min-width: 600px) {
    .kardas { grid-template-columns: repeat(2, 1fr); }
    }

    /* Screen larger than 600px? 2 column */
    @media (min-width: 700px) {
    .kardas { grid-template-columns: repeat(3, 1fr); }
    }


    /* Screen larger than 600px? 2 column */
    @media (min-width: 800px) {
    .kardas { grid-template-columns: repeat(4, 1fr); }
    }

    /* Screen larger than 900px? 3 columns */
    @media (min-width: 900px) {
    .kardas { grid-template-columns: repeat(5, 1fr); }
    }

    /* Screen larger than 900px? 3 columns */
    @media (min-width: 1000px) {
    .kardas { grid-template-columns: repeat(6, 1fr); }
    }

    /* Screen larger than 900px? 3 columns */
    @media (min-width: 1150px) {
    .kardas { grid-template-columns: repeat(7, 1fr); }
}

 /* Screen larger than 600px? 2 column */
    @media (min-width: 300px) {
    .kardas-4 { grid-template-columns: repeat(2, 1fr); }
    }

    /* Screen larger than 600px? 2 column */
    @media (min-width: 600px) {
    .kardas-4 { grid-template-columns: repeat(2, 1fr); }
    }

    /* Screen larger than 600px? 2 column */
    @media (min-width: 700px) {
    .kardas-4 { grid-template-columns: repeat(3, 1fr); }
    }


    /* Screen larger than 600px? 2 column */
    @media (min-width: 800px) {
    .kardas-4 { grid-template-columns: repeat(4, 1fr); }
    }

    /* Screen larger than 900px? 3 columns */
    @media (min-width: 900px) {
    .kardas-4 { grid-template-columns: repeat(4, 1fr); }
    }

/* Screen larger than 600px? 2 column */
    @media (min-width: 300px) {
    .kardas-3 { grid-template-columns: repeat(2, 1fr); }
    }

    /* Screen larger than 600px? 2 column */
    @media (min-width: 600px) {
    .kardas-3 { grid-template-columns: repeat(2, 1fr); }
    }

    /* Screen larger than 600px? 2 column */
    @media (min-width: 700px) {
    .kardas-3 { grid-template-columns: repeat(3, 1fr); }
    }


    /* Screen larger than 600px? 2 column */
    @media (min-width: 800px) {
    .kardas-3 { grid-template-columns: repeat(3, 1fr); }
    }

    /* Screen larger than 900px? 3 columns */
    @media (min-width: 900px) {
    .kardas-3 { grid-template-columns: repeat(3, 1fr); }
    }
    
    /* Screen larger than 600px? 2 column */
    @media (min-width: 300px) {
    .kardas-5 { grid-template-columns: repeat(2, 1fr); }
    }

    /* Screen larger than 600px? 2 column */
    @media (min-width: 600px) {
    .kardas-5 { grid-template-columns: repeat(2, 1fr); }
    }

    /* Screen larger than 600px? 2 column */
    @media (min-width: 700px) {
    .kardas-5 { grid-template-columns: repeat(3, 1fr); }
    }


    /* Screen larger than 600px? 2 column */
    @media (min-width: 800px) {
    .kardas-5 { grid-template-columns: repeat(5, 1fr); }
    }

    /* Screen larger than 900px? 3 columns */
    @media (min-width: 900px) {
    .kardas-5 { grid-template-columns: repeat(5, 1fr); }
    }
    
    /*-----------------------------------------------------*/
    
     /* Screen larger than 600px? 2 column */
    @media (min-width: 300px) {
    .kardas-6 { grid-template-columns: repeat(2, 1fr); }
    }

    /* Screen larger than 600px? 2 column */
    @media (min-width: 600px) {
    .kardas-6 { grid-template-columns: repeat(2, 1fr); }
    }

    /* Screen larger than 600px? 2 column */
    @media (min-width: 700px) {
    .kardas-6 { grid-template-columns: repeat(3, 1fr); }
    }


    /* Screen larger than 600px? 2 column */
    @media (min-width: 800px) {
    .kardas-6 { grid-template-columns: repeat(5, 1fr); }
    }

    /* Screen larger than 900px? 3 columns */
    @media (min-width: 900px) {
    .kardas-6 { grid-template-columns: repeat(6, 1fr); }
    }

#_mobile_iqitmegamenu-mobile {
    width: inherit !important;
}

#js-product-list-footer {
    margin-top: 3% !important;
}

.category-description .rte-content .kardas-6 {
    grid-template-columns: repeat(5,1fr) !important;
}