/* Smartphones (portrait and landscape) ----------- */

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    /* Styles */
}


/* Smartphones (landscape) ----------- */

@media only screen and (min-width: 321px) {
    /* Styles */
}


/* Smartphones (portrait) ----------- */

@media only screen and (max-width: 320px) {
    /* Styles */
}


/* iPads (portrait and landscape) ----------- */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    /* Styles */
}


/* iPads (landscape) ----------- */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    /* Styles */
}


/* iPads (portrait) ----------- */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    /* Styles */
}


/**********
iPad 3
**********/

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
    /* Styles */
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
    /* Styles */
}


/* Desktops and laptops ----------- */

@media only screen and (min-width: 0) and (max-width: 1200px) {
    html {
        font-size: 12px;
    }
}
@media only screen and (min-width: 0) and (max-width: 992px) {
    .slogan .card-content p {
        font-size: 1.10rem;
        line-height: 1.45;
    }
    .slogan .block, footer .block {
        padding: 2rem 0 !important;
    }

    html {
        font-size: 12px;
    }
    #category-elements {
        display: block;
    }
    header.smaller,
    .subpage header.smaller {
        height: 45px;
    }
    body.homepage {
        padding-top: 55px;
    }
    .subpage header {
        height: 55px;
    }
    body.subpage, body.homepage {
        height: 20px;
    }
    header {
        height: 55px;
    }
    body.subpage {
        padding-top: 49px;
    }
    .product-item-catalog {
        max-height: 195px;
        min-height: 180px !important;
    }
    .block {
        padding: 3rem 0 !important;
    }
    .slogan p {
        line-height: 1.25
    }
    #category-elements li {
        margin-bottom: 4rem;
    }
}
@media only screen and (min-width: 0) and (max-width: 400px) {
    #category-elements li {
        margin-bottom: 4rem;
        display: block;
        float: none;
        width: 100% !important;
        text-align: center;
    }
}
@media only screen and (min-width: 0) {
     /* three items */
    #category-elements li:first-child:nth-last-child(3),
    #category-elements li:first-child:nth-last-child(3) ~ li {
        width: 33.3333%;
    }

    /* four items */
    #category-elements li:first-child:nth-last-child(4),
    #category-elements li:first-child:nth-last-child(4) ~ li {
        width: 25%;
    }

    /* five items */
    #category-elements li:first-child:nth-last-child(5),
    #category-elements li:first-child:nth-last-child(5) ~ li {
        width: 20%;
    }

    /* six items */
    #category-elements li:first-child:nth-last-child(6),
    #category-elements li:first-child:nth-last-child(6) ~ li {
        width: 16.6666%;
    }
    
}

@media only screen and (min-width: 992px) {
    

}

@media only screen and (min-width: 1200px) {
    html {
        font-size: 14px
    }

   
}

@media only screen and (min-width: 1824px) {
    html {
        font-size: 16px
    }
   
}


/* iPhone 4 ----------- */

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
    /* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
    /* Styles */
}


/* iPhone 5 ----------- */

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
    /* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
    /* Styles */
}


/* iPhone 6 ----------- */

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
    /* Styles */
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
    /* Styles */
}


/* iPhone 6+ ----------- */

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
    /* Styles */
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
    /* Styles */
}


/* Samsung Galaxy S3 ----------- */

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
    /* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
    /* Styles */
}


/* Samsung Galaxy S4 ----------- */

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {
    /* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3) {
    /* Styles */
}


/* Samsung Galaxy S5 ----------- */

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {
    /* Styles */
}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3) {
    /* Styles */
}