@media (max-width: 1030px) {



    .hidden-tablet {
        display: none !important;
    }
    .show-mobile{
        display: none !important;
    }
    .show-tablet{
        display: block !important;
    }
    .show-laptop {
        display: none !important;
    }
    .show-desktop{
        display: none !important;
    }

    body {
        -webkit-text-size-adjust: none;
    }

    .layout{
        padding-left: 3%;
        padding-right: 3%;
    }

    .relativePlaceholder{
        height: 114px;
    }

    .logoOuter {
        grid-template-columns: 47% 67%;
        grid-column-gap: 4%;
        margin-top: 0px;
    }

    .burgerButton{
        float: right;
        cursor: pointer;
        margin-top: 0px;
        color: #fff;
    }

    .burgerButton i{
        font-size: 20pt;
    }

    .languages {
        float: right;
        margin-top: 10px;
        margin-right: 30px;
    }

    .layoutGridSubnavi {
        grid-template-columns: 100%;
        grid-column-gap: 0%;
    }

    .webGrid {
        float: left;
        width: 100%;
        display: grid;
        grid-template-columns: 100% 40%;
    }

    .webGridOpened {
        margin-left: -40%;
    }
    .headerOpened {
        left: -40%;
    }

    .webContent{
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    }

    .pageGrid {
        grid-template-columns: 100%;
        grid-column-gap: 0%;
        grid-row-gap: 30px;
    }

    .partGrid_image_text {
        grid-template-columns: 50% 48%;
        grid-column-gap: 2%;
        padding-right: 0%;
    }

    .partGrid_text_image {
        grid-template-columns: 48% 50%;
        grid-column-gap: 2%;
        padding-left: 0%;
    }


    .footerGrid {
        grid-template-columns: 26% 39% 0% 29%;
        grid-column-gap: 2%;
    }

    .weblapa {
        float: right;
        width: 21%;
    }


    .navigationContainer {
        margin-top: 20px;
        grid-template-columns: 25% 75%;
    }

    .logoText {
        float: left;
        font-size: 14pt;
    }

    .logo {

    }

    .promoTop {
        font-size: 23px;
    }

    .subnaviContainer{
        display: none;
    }

    .pageGridSubnavi{
        grid-template-columns: 100%;
        grid-column-gap: 0%;
    }

    .wrap {
        width: 100%;
        padding-left: 3%;
        padding-right: 3%;
    }


    .images {
        grid-template-columns: 49% 49%;
        grid-column-gap: 2%;
        grid-row-gap: 20px;
    }
    .files {
        grid-template-columns: 49% 49%;
        grid-column-gap: 2%;
        grid-row-gap: 20px;
    }
    .videos {
        grid-template-columns: 49% 49%;
        grid-column-gap: 2%;
        grid-row-gap: 20px;
    }



    .pageGridTop>.mobileTopImage {
        grid-column: 1;
        grid-row: 1; /* NEW */
    }

    .pageGridTop{
        margin-top: 25px;
    }

    .imageBack {
        box-shadow: none;
        margin-right: 0;
        width: 107% !important;
        margin-left: -3.5%;
    }
    .partImage {

    }

    .wrapServices {
        display: grid;
        grid-template-columns: 50% 50%;
        grid-column-gap: 0%;
    }
    .pageHeading {
        font-size: 16pt;
    }
}


@media (max-width: 780px) {

    .promoTexts {
        position: absolute;
        top: 55px;
    }


    .partGrid_image_text>.mobileToRightImage {
        grid-column: 1;
        grid-row: 2; /* NEW */
    }
    .partGrid_text_image>.mobileToLeftImage {
        grid-column: 1;
        grid-row: 1; /* NEW */
    }

    .partGrid_image_text {
        grid-template-columns: 100%;
        grid-column-gap: 0%;
        padding-right: 0%;
        grid-row-gap: 20px;
    }

    .partGrid_text_image {
        grid-template-columns: 100%;
        grid-column-gap: 0%;
        padding-right: 0%;
        grid-row-gap: 20px;
    }
    .footerGrid {
        grid-template-columns: 100%;
        grid-column-gap: 0%;
    }

    .footerLogo {
        float: left;
        width: 16%;
        margin-top: 20px;
        margin-bottom: 20px;
        margin-left: 43%;
    }
    .subnaviContainer{
        display: none;
    }

    .pageGridSubnavi{
        grid-template-columns: 100%;
        grid-column-gap: 0%;
    }


    .footerCopyright {
        margin-top: 40px;
    }

    .footerLinkIcon {
        grid-template-columns: 5% 93%;
    }

    .weblapa {
        float: right;
        width: 29%;
    }

    .wrapServices {
        display: grid;
        grid-template-columns: 100%;
        grid-column-gap: 0%;
    }

    .capitalize{
        text-transform: uppercase;
    }

    .logoOuter {
        grid-template-columns: 62% 67%;
        grid-column-gap: 4%;
        margin-top: 0px;
    }
}