


@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;
    }

    .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: 49% 49%;
        grid-column-gap: 2%;
        margin-bottom: 20px;
    }

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


    .navigationContainer {
        grid-template-columns: 29% 0% 71%;
    }

    .headerIconSplitter{
        margin-top: 5px;
    }

    .logoText {

    }

    .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%;
    }

    .firstMains {
        grid-template-columns: 49% 49%;
        grid-column-gap: 2%;
        margin-top: -170px;
        grid-row-gap: 20px;
    }

    .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 {

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

    .lessonClasses {
        display: grid;
        grid-template-columns: 49% 49%;

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

    .lessonClassName {
        text-align: left;
    }

    .light.cc_dialog {
        padding: 20px;
        width: 91% !important;
        margin-left: 3% !important;
        margin-top: 100px !important;
    }
    .mapGrid {
        grid-template-columns: 100%;
        grid-column-gap: 0%;
        grid-row-gap: 40px;
    }


    .partImageEu{
        width: 100%;
    }

    .headerIcon {
        padding-top: 4px;
        padding-bottom: 4px;
    }

    .headerRightButtons {

    }

    .socialOuter span {
        font-size: 9pt;
    }

    .firstMain:hover{
        margin-top: 0px;
    }
    .news4 {
        grid-template-columns: 49% 49%;
        grid-column-gap: 2%;
    }

    .layoutNavi{
        padding-right: 0px;
        padding-left: 0px;
    }

    .logoOuter {

    }
    .galleries4 {
        grid-template-columns: 49% 49%;
        grid-column-gap: 2%;
    }

    .mainNavigationLink2{
        padding-left: 10%;
    }
    .mainNavigationLink3{
        padding-left: 20%;
    }

    .mainNavigationListNoBorder{
        border: 0px !important;
    }

    .mainNavigationListHidden{
        display: none;
    }
    .mainNavigationListVisible{
        display: block;
    }

    .mainNavigationLinkText{
        float: left;
        width: 100%;
        text-align: left;
        font-weight: 300;
        color: #131313;
        text-overflow: ellipsis;
        overflow: hidden;
        line-height: 20px;
        padding: 10px 5px 10px 5px;
        text-decoration: none;
        font-size: 10pt;
        letter-spacing: .05882rem;
        transition: background-color 0.1s ease-in, color 0.2s ease-in;
        cursor: pointer;
    }

    .navigationSocials{
        float: left;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 20px;
    }

    .headerIconNavigation{
        margin-left: 15px;
        margin-right: 15px;
    }

    .headerIconNavigation i{
        font-size: 16pt;
    }

    .promoArrow {
        font-size: 29px;
    }

    .stuffs {
        grid-template-columns: 49% 49%;
        grid-column-gap: 2%;
    }
}


@media (max-width: 750px) {

    .h1Home {
        font-size: 19pt;
    }
    .partTextHome {
        color: #fff;
        font-size: 14pt;
        line-height: 22px;
    }

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

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

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

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

    .navigationContainer {
        grid-template-columns: 34% 0% 66%;
    }

    .logoText{
        font-size: 9pt;
    }

    .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;
    }

    .footerColTitle{ text-align: center; }
    .footerLink{ text-align: center; }
    .footerLinkIcon{
        display: flex;
        align-items: center;
        justify-content: center;
    }

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

    .footerContact {
        grid-template-columns: 100%;
        grid-column-gap: 0%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .footerContact span{
        width: auto;
        margin-left: 10px;
    }

    .btn1{
        margin-bottom: 20px;
    }

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

    .contactIn {
        grid-template-columns: 7% 91%;
    }

}


