@media screen and (max-width: 768px) {
    h1,
    h2 {
        font-size: 2.8rem;
    }
    .wrapper{
        width: 100%;
    }

    .servicesGrid{
        grid-template-columns: minmax(0, 300px);
    }
    .footerWidgets {
        gap: 60px;
    }
    .footerWidgets, .footerCredits{
        padding: 0;
        grid-template-columns: minmax(0, 300px);
        justify-content: center;
    }

    .terms-link-wrapper,
    .credits-wrapper{
        text-align: left;
    }
    .credits-wrapper {
        margin-top: 30px;
    }

    .productsGrid,
    .productsEvenSection .productsGrid{
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas: "B"
                            "A"
                            "C"
                            "D";
    }

    .homeSection {
        padding: 60px 0;
    }
    .newsButtonWrapper {
        padding-top: 40px;
    }

    .mobileOrder1{
        order: -1;
    }

    .mobileOrder2{
        order: 0;
    }
    .carouselNews {
        padding: 0 15px;
    }
    .carouselNews article{
        width: 100%;
        margin: 35px 0;
    }
    article.latestNewsArticle .articleContent {
        padding: 0 20px 46px 20px;
    }
    article.latestNewsArticle {
        width: 100%;
        margin-left: 0;
    }

    .visionContent{
        column-count: 1;
        margin-bottom: 0;
    }

    ul.teamList{
        grid-template-columns: minmax(0, 1fr);
    }

    ul.certificationList{
        grid-template-columns: minmax(auto, 400px) ;
        gap: 40px 0;
    }
    .productDesc {
        padding: 0 40px 0 70px;
    }
    .productDesc ul.productDescPoints li:last-child {
        margin-bottom: 0;
    }
    .productsGrid__C {
        padding-left: 15px;
    }
    .productsGrid__C ul {
        padding-left: 10px;
    }
    .productsGrid h4, .productsGrid h5 {
        margin-top: 0;
    }
    .productsGrid, .productsEvenSection .productsGrid {
        gap: 10px;
    }
    .contactGrid {
        gap: 20px;
    }
    .pageSection {
        padding: 20px 0;
    }
    .breadcrumbs {
        padding: 20px 0;
    }
    .singleServiceGrid {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas: "a" "b";
    }
    .singleServiceGrid .serviceContent {
        grid-area: b;
    }
    .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
        margin-bottom: 30px;
    }
    .benefitsGrid {
        grid-template-columns: minmax(0, 1fr);
        grid-gap: 0;
    }
    .articleHeader {
        height: auto;
    }
    .articleHeader .headerContent {
        position: relative;
        top: auto;
        left: auto;
    }
    .contactForm input, .contactForm textarea {
        margin-bottom: 0;
    }
}