/* Minimals */


/* X-Small devices (portrait phones, less than 576px)*/


/* No media query for `xs` since this is the default in Bootstrap*/


/* Small devices (landscape phones, 576px and up)*/

@media (min-width: 576px) {}


/* Medium devices (tablets, 768px and up)*/

@media (min-width: 768px) {}

@media (max-width: 767.98px) and (orientation: landscape) {}


/* Large devices (desktops, 992px and up)*/

@media (min-width: 992px) {}


/* X-Large devices (large desktops, 1200px and up)*/

@media (min-width: 1200px) {}


/* XX-Large devices (larger desktops, 1400px and up)*/

@media (min-width: 1400px) {}


/* Minimals */


/* Maximals */


/* `sm` applies to x-small devices (portrait phones, less than 576px)*/

@media (max-width: 575.98px) {
    .contactRow .creditsRow img.logoWhite {
        margin-left: 0;
    }
}


/* `md` applies to small devices (landscape phones, less than 768px)*/

@media (max-width: 767.98px) {
    .contactRow .inputContainer span {
        top: 2.5rem;
    }
}


/* `lg` applies to medium devices (tablets, less than 992px)*/

@media (max-width: 991.98px) {
    .headerLogoContainer {
        flex-direction: column;
    }
    .headerLogoContainer img {
        margin-bottom: 2rem;
        margin-left: 0;
    }
    .headerLogoContainer h1 {
        margin-left: 0;
        font-size: 3.5rem;
        line-height: 4.2rem;
        text-align: center;
    }
    .headerKio {
        padding-top: 2.5rem;
        padding-bottom: 12.5rem;
    }
    .headerKio .descriptionContainer {
        margin-top: 7vw;
        margin-bottom: 7vw;
    }
    .headerKio .descriptionContainer .imageContainer {
        text-align: center;
        margin-bottom: 2rem;
    }
    .headerKio .descriptionContainer .imageContainer img {
        margin-right: 0;
    }
    .carouselHeader {
        display: inline-grid;
        position: relative;
        float: none;
    }
    /*Food slide*/
    .foodSlide .titleIndustry.foodIndustry {
        height: auto;
        padding-top: 5vw;
        padding-bottom: 5vw;
    }
    .foodSlide .titleIndustry.foodIndustry h2 {
        font-size: 3.75rem;
    }
    .foodSlide .imageContainer {
        height: auto;
        padding-top: 5vw;
        padding-bottom: 5vw;
    }
    .foodSlide .imageContainer img {
        max-width: 130px;
        width: 100%;
        left: 0 !important;
        top: 0 !important;
    }
    .foodSlide .descriptionContainer .titlesDescription {
        height: auto;
        padding-top: 7vw;
        padding-bottom: 7vw;
    }
    .foodSlide .descriptionContainer .titlesDescription h2 {
        font-size: 3.5rem;
    }
    .foodSlide .descriptionContainer .titlesDescription h3 {
        font-size: 2.5rem;
    }
    .foodSlide .descriptionContainer .textDescription {
        height: auto;
        padding-top: 10vw;
        padding-bottom: 10vw;
    }
    .foodSlide .industryIcon {
        height: auto;
        padding-top: 10vw;
        padding-bottom: 10vw;
    }
    /*Food slide*/
    /*Health slide*/
    .healthSlide .titleIndustry.healthIndustry {
        height: auto;
        padding-top: 5vw;
        padding-bottom: 5vw;
    }
    .healthSlide .titleIndustry.healthIndustry h2 {
        font-size: 3.75rem;
    }
    .healthSlide .imageContainer {
        height: auto;
        padding-top: 5vw;
        padding-bottom: 5vw;
    }
    .healthSlide .healthTitle {
        height: auto;
        padding-top: 5vw;
        padding-bottom: 5vw;
        align-items: center;
    }
    .healthSlide .healthTitle h2 {
        font-size: 3.5rem;
    }
    .healthSlide .healthDescription {
        height: auto;
        padding-top: 5vw;
        padding-bottom: 5vw;
    }
    .healthSlide .healthDescription h3 {
        font-size: 2.5rem;
    }
    .healthSlide .healthParagraph {
        height: auto;
        padding-top: 10vw;
        padding-bottom: 10vw;
    }
    .healthSlide .healthParagraph p {
        font-size: 1.5625rem;
        line-height: 1.8rem;
    }
    /*Health slide*/
    /*Automotive slide*/
    .automotiveSlide .titleIndustry.automotiveIndustry {
        height: auto;
        padding-top: 5vw;
        padding-bottom: 5vw;
    }
    .automotiveSlide .titleIndustry.automotiveIndustry h2 {
        font-size: 3.75rem;
    }
    .automotiveSlide .imageContainer {
        height: auto;
        padding-top: 5vw;
        padding-bottom: 5vw;
    }
    .automotiveSlide .automotiveImage {
        padding-top: 5vw;
        padding-bottom: 5vw;
    }
    .automotiveSlide .automotiveImage img {
        max-width: 100%;
        left: 0 !important;
        top: 0 !important;
    }
    .automotiveSlide .automotiveParagraph {
        height: auto;
        padding-top: 5vw;
        padding-bottom: 5vw;
    }
    .automotiveSlide .automotiveParagraph h2 {
        font-size: 3.5rem;
    }
    .automotiveSlide .automotiveParagraph h3 {
        font-size: 2.5rem;
    }
    .automotiveSlide .automotiveParagraph p {
        font-size: 1.5625rem;
        line-height: 1.8rem;
    }
    /*Automotive slide*/
    /*Catalog*/
    .catalogRow {
        margin-top: 15vw;
        margin-bottom: 15vw;
    }
    /*Catalog*/
    /*Contact*/
    .contactRow .contactTitle {
        text-align: center;
    }
    .contactRow .contactTitle h2 {
        transform: rotate(0) translate(0);
        -webkit-transform: rotate(0) translate(0);
        -moz-transform: rotate(0) translate(0);
        -ms-transform: rotate(0) translate(0);
        -o-transform: rotate(0) translate(0);
        margin-right: 0;
    }
    .contactRow label {
        margin-bottom: 0.5rem;
    }
    /*Contact*/
}


/* `xl` applies to large devices (desktops, less than 1200px)*/

@media (max-width: 1199.98px) {
    .headerKio {
        padding-bottom: 12.5rem;
    }
    .logoSliderContainer {
        margin-top: 2rem;
        margin-bottom: 2rem;
    }
    .logoSliderContainer .logoContainer img {
        top: 0;
    }
    .logoSliderContainer .logoContainer {
        height: auto;
        justify-content: center;
        width: 100%;
    }
    .carouselHeaderContainer {
        position: relative;
        justify-content: center;
        width: 100%;
        top: 12rem;
    }
}


/* `xxl` applies to x-large devices (large desktops, less than 1400px)*/

@media (max-width: 1399.98px) {}


/* Maximals */


/* Samsung Galaxy S5 */

@media screen and (max-width: 360px) and (max-height: 640px) and (-webkit-min-device-pixel-ratio: 1) {}

@media only screen and (min-width: 360px) and (max-height: 640px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {}

@media only screen and (min-width: 360px) and (max-height: 640px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3) {}


/* Galaxy S10 */

@media only screen and (min-device-height: 412px) and (min-device-width: 869px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3.5) {}

@media only screen and (min-device-height: 412px) and (min-device-width: 869px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3.5) {}


/* 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) {}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {}


/*Pixel 2*/

@media only screen and (min-width: 411px) and (max-width: 731px) and (-webkit-min-device-pixel-ratio: 2.6) {}

@media only screen and (min-width: 411px) and (max-width: 731px) and (-webkit-min-device-pixel-ratio: 2.6) and (orientation: portrait) {}

@media only screen and (min-width: 411px) and (max-width: 731px) and (-webkit-min-device-pixel-ratio: 2.6) and (orientation: landscape) {}


/*Pixel 2XL*/

@media only screen and (min-width: 411px) and (max-width: 823px) and (-webkit-min-device-pixel-ratio: 3.5) {}

@media only screen and (min-width: 411px) and (max-width: 823px) and (-webkit-min-device-pixel-ratio: 3.5) and (orientation: portrait) {}

@media only screen and (min-width: 411px) and (max-width: 823px) and (-webkit-min-device-pixel-ratio: 3.5) and (orientation: landscape) {}


/* iPhone 5, 5S, 5C and 5SE */


/* Portrait and Landscape */

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {}


/* Portrait */

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {}


/* Landscape */

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {}


/* iPhone 6, 7, 8 */


/* Landscape*/

@media only screen and (min-width: 375px) and (max-height: 667px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {}


/* Portrait */

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {}


/* iPhone 6+, 7+ and 8+ */


/* Portrait and Landscape */

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {}


/* Portrait */

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {}


/* Landscape */

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {}


/* iPhone X */


/* Portrait and Landscape */

@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) {}


/* Portrait */

@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {}


/* Landscape */

@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {}


/* iPad 1, 2, Mini */


/* Portrait and Landscape */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {}


/* Portrait */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {}


/* Landscape */

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
    .foodSlide .descriptionContainer .textDescription p {
        font-size: 1.1rem;
        line-height: 2rem;
    }
    .foodSlide .descriptionContainer .textDescription p strong {
        font-size: 1.1rem;
    }
}


/* iPad Air */


/* Portrait and Landscape */

@media only screen and (min-device-width: 820px) and (max-device-width: 1180px) and (-webkit-min-device-pixel-ratio: 2) {}


/* Portrait */

@media only screen and (min-device-width: 820px) and (max-device-width: 1180px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {}


/* Landscape */

@media only screen and (min-width: 820px) and (max-width: 1180px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {}


/* iPad Pro 12.9" */


/* Portrait and Landscape */

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) {}


/* Portrait */

@media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {}


/* Landscape */

@media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {}


/*Ipod*/

@media screen and (max-width: 320px) and (max-height: 568px) and (-webkit-min-device-pixel-ratio: 1) {}


/* Non-Retina Screens */

@media screen and (min-width: 1600px) and (max-width: 1200px) and (-webkit-min-device-pixel-ratio: 1) {}

@media screen and (min-width: 1280px) and (max-height: 950px) and (-webkit-min-device-pixel-ratio: 1) {}

@media screen and (min-width: 1280px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1) {}

@media screen and (max-width: 1280px) and (max-height: 720px) and (-webkit-min-device-pixel-ratio: 1) {}

@media screen and (max-width: 1280px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1) {}

@media screen and (max-width: 1280px) and (max-height: 950px) and (-webkit-min-device-pixel-ratio: 1) {}

@media screen and (max-width: 1366px) and (max-height: 768px) and (-webkit-min-device-pixel-ratio: 1) {}

@media screen and (max-width: 1440px) and (max-height: 900px) and (-webkit-min-device-pixel-ratio: 1) {}

@media screen and (min-width: 1701px) and (max-width: 2560px) and (-webkit-min-device-pixel-ratio: 1) {}

@media screen and (max-width: 1920px) and (max-height: 1080px) and (-webkit-min-device-pixel-ratio: 1) {}


/*Breakpoints Alexa*/