/* Show the hidden elements if the user disables animations in the OS level */
@media print, (prefers-reduced-motion: reduce) {
    .homeTopSliderItem.slick-slide .info h2,
    .homeTopSliderItem.slick-slide .info p,
    .homeTopSliderItem.slick-slide .info a.sliderButton,
    .docButton, .newsGallery a,
    .solutionSliderItem .info h2,
    .claimSliderItem .info h2,
    .solutionSliderItem .info p,
    .claimSliderItem .info p,
    .solutionSliderItem .info a.sliderButton,
    .claimSliderItem .info a.sliderButton,
    .productsListItem a.sliderButton,
    .productsListItem .image {
        opacity:1;
    }
}

/* START RESPONSIVE QUERY's */

@media screen and (max-width: 1500px) {
    .solution h3 {
        font-size: 30px;
    }
}

@media (max-width: 1400px) {

    .popProductWrapper {
        left: 40%;
        width: 60vw;
    }

}

@media screen and (max-width: 1200px) {
    .solution h3 {
        font-size: 25px;
    }
    .solutionSliderItem .info h2, .claimSliderItem .info h2 {
        font-size: 50px;
    }

    .paddedSection {
        padding: 50px 0;
    }
    .pageHeader h1 {
        font-size: 70px;
        line-height: 70px;
        transform: translateY(58%);
    }
}


@media screen and (max-width: 1023px) {
    .solution {
        width: calc(100% / 3);
    }
    .newsItem h3 {
        font-size: 20px;
    }

    .homeTopSliderItem {
        padding: 100px 0 50px 0;
    }
    .homeSlider .homeTopNavPrev, .homeSlider .homeTopNavNext {
        width: 30px;
        height: 30px;
    }
    .homeTopSliderItem .container {
        padding: 0 35px;
    }

    .solutionSliderItem .h1, .claimSliderItem .h1 {
        margin-bottom: 50px;
    }
    .solutionSliderItem, .claimSliderItem {
        padding: 50px 0 50px 0;
    }
    footer .menuFooter .footerLinks {
        columns: 2;
    }

    footer .menuFooter .footerLinks > li {
        display: block;
        border-left: none;
        border-right: none;
    }

    footer .menuFooter .footerLinks > li:last-child {
        border-right: none;
    }

    footer .menuFooter .footerLinks > li a {
        display: inline-block;
        padding:2px 0;
        margin: 2px;
    }

    footer .legalFooter {
        color: white;
        columns: 2;
    }
    footer .legalFooter a {
        display: block;
        padding: 2px 0;
    }

    footer .legalFooter .vLine {
        display: none;
    }

    .footerLogo svg {
        width: 230px;
    }

    .textCount {
        font-size: 25px;
    }

    .row.counters img {
        margin: 0 auto 5px auto;
     }

    .paddedSection {
        padding: 30px 0;
    }

    .valueItem h3 {
        font-size: 25px;
        padding-bottom: 15px;
        margin-bottom: 15px;
    }

    #mainMenuWrapper > .container ul.mainMenu > li {
        position: relative;
        margin-bottom: 15px;
        padding-bottom: 0;
        width: 50%;
    }

    #mainMenuWrapper > .container ul.mainMenu ul.subMenu > li {
        position: relative;
        margin: 0 0 10px 0;
        padding: 0;
        width: 100%;
    }

    #mainMenuWrapper > .container ul.mainMenu > li > a {
        font-size: 16px;
        padding-right: 30px;
    }
    #mainMenuWrapper > .container ul.mainMenu ul.subMenu > li a {
        font-size: 16px;
    }
    #mainMenuWrapper > .container .topActions ul.secondarylinks li a svg {
        width: 20px !important;
        height: auto;
    }

    .productsListItem.activated h2.title {
        font-size: 40px;
    }

    .popProductWrapper {
        left: 30%;
        width: 70vw;
    }



}


@media screen and (max-width: 991px) {

    .homeTopSliderItem .info {
        width: 80%;
    }
    .homeTopSliderItem .info h2 {
        font-size: 50px;
    }

    .solutionSliderItem .info h2, .claimSliderItem .info h2 {
        font-size: 40px;
    }
    .productsListItem.activated h2.title span {
        font-size: 25px;
    }

    .h1 {
        font-size: 40px;
    }

    #mainMenuWrapper .activated {
        left: 30%;
    }


}


@media screen and (max-width: 767px) {
    html, body {
        font-size: 14px;
    }
    .container,
    .container.compact {
        max-width: calc(100% - 60px);
    }

    #divRecaptcha .g-recaptcha > div {
        margin-right: auto;
        margin-left:auto;
    }

    .solution {
        width: calc(100% / 2);
    }

    .pageHeader h1 {
        font-size: 60px;
        line-height: 60px;
        transform: translateY(58%);
    }

    .subTitle {
        font-size: 22px;
     }

    #mainMenuWrapper {
        left: 10%;
        width: 90%;
    }

    #mainMenuWrapper > .container > div {
        width: 100%;
    }

    #mainMenuWrapper > .container .topActions {
        width: 100%;
    }

    #mainMenuWrapper > .container .topActions .secondarylinks {
        flex-wrap: nowrap;
    }

    #mainMenuWrapper > .container ul.mainMenu ul.subMenu {
        position: relative;
        width: 100%;
        top: 0;
        right: 0;
        color: white;
        padding: 20px 0 0 30px;
        list-style: none;
        border-left: none;
        transform: translate(0,0);
        display: block;
    }
    #mainMenuWrapper > .container ul.mainMenu > li > a.hasSubmenu:before {
        display: none;
    }
    #mainMenuWrapper > .container ul.mainMenu > li {
        width: 100%;
    }

    #mainMenuWrapper > .container div.address {
        font-size:12px;
    }

    .productsListItem.activated .info.flex .specs {
        display: block;
    }

    .popProductWrapper {
        padding: 20px 20px 20px !important;
    }

    .popProductWrapper .container,
    .popProductWrapper .container.compact {
        max-width: 100%;
    }

    .popProductWrapper {
        left: 20%;
        width: 80vw;
    }

    .productsListItem.odd.activated .container {
        display: flex;
        flex-direction: column;
    }
    .productsListItem.even.activated .container {
        display: flex;
        flex-direction: column;
    }
    .productsListItem.activated .image,
    .productsListItem.activated .info{
        width: 100%;
    }
    .newsDetail .newsAction,
    .productsAction {
        font-size: 13px;
    }
    .pageHeader:before {
        width: 70%;
    }

    .certificatesDocuments .col-12.pb-4 {
        padding-bottom: 0 !important;
    }

    .alternated .halfBackground {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        bottom: 0;
        min-height: 40vw;
    }

    .alternated .halfContainer {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        padding-top: 20px;

    }
    .alternated.right .halfContainer {
        margin-left: auto;
        margin-right: 0;
        padding-right: 0;
        padding-left: 0;
    }
    .halfContainer.right,
    .halfContainer.left {
        align-items: center;
    }

    .firstSection,
    .firstSection.paddedSection {
        padding-top: 130px;
    }

    .textCount {
        font-size: 20px;
    }
    .labelCount {
        font-size: 14px;
    }
    .valueItem img {
        width: 100px;
        margin: 0 auto 10px auto;
    }

    .application.alternated.left .halfContainer .h1, .technology.alternated.left .halfContainer .h1,
    .application.alternated.right .halfContainer .h1, .technology.alternated.right .halfContainer .h1 {
        text-align: center;
    }

}

@media screen and (max-width: 600px) {
    .pageHeader h1 {
        font-size: 40px;
        line-height: 50px;
        transform: translateY(60%);
    }
}