@media (max-width: 480px) {


    .hidden-phone {
        display: none !important;
    }

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

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

    .navigationContainer {
        grid-template-columns: 54% 46%;
    }


    .partImage {
        float: left;
        width: 100%;
        margin-left: 0%;
    }

    .promos {
        margin-top: 20px;
    }
    .promoOuter {
        float: left;
        width: 120px;
        height: 120px;
        background-color: #82b3b7;
        padding: 2px;
        border-radius: 100px;
    }

    .promoName {
        font-size: 12pt;
    }
    .promoText {
        font-size: 10pt;
    }
    .promoTextSub {
        font-size: 8pt;
    }
    .imageBack {

    }
    .feedbacks {
        grid-template-columns: 100%;
        grid-column-gap: 0%;
        grid-row-gap: 20px;
    }
    .weblapa {
        float: right;
        width: 38%;
    }

    .footerColTitle {
        text-align: center;
        font-size: 11pt;
    }
    .partHeading {
        text-align: center;
        margin-top: 30px;
        margin-bottom: 20px;
        font-size: 14pt;
        line-height: 26px;
    }

    .webGridOpened {
        margin-left: -90%;
    }
    .webGrid {
        float: left;
        width: 100%;
        display: grid;
        grid-template-columns: 100% 90%;
    }
    .footerCopyright{
        margin-top: 40px;
        font-size: 11pt;
    }

    .footerLogo {

    }

    .partText {

    }

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

    .logo {

    }
    .promoTop {
        font-size: 14pt;
        line-height: 23px;
    }
    .promoBottomText {
        font-size: 12pt;
    }

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

    .contactContainer{
        padding-left: 10px;
        padding-right: 10px;
    }

    .pageHeading {
        font-size: 17pt;
        line-height: 32px;
    }

    .footerLinkIcon {
        grid-template-columns: 8% 88%;
    }



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

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

    .navigationContainer {
        grid-template-columns: 39% 0% 61%;
    }
    .headerRightButton {
        width: 50px;
    }

    .logoOuter {

    }

    .logoText {
        font-size: 8pt;
    }

    .logo img {
        float: left;
        height: 86px;
    }

    .linkImage i {
        font-size: 32pt;
        margin-top: 6px;
        margin-bottom: 4px;
    }

    .wrapMiddleFirstDark {
        padding-top: 30px;
        padding-bottom: 30px;
    }

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

    .middleLogo {
        float: left;
        width: 140px;
        margin-bottom: 10px;
    }

    .languagePopup {
        right: 122px;
    }

    .headerRightButton span {
        font-size: 7pt;
    }
    .homeTexts {
        top: 60px;
    }
    .h1Home {
        font-size: 18pt;
        line-height: 29px;
    }
    .partTextHome {
        font-size: 13pt;
        line-height: 20px;
    }
    .firstMains {
        grid-template-columns: 100%;
        grid-column-gap: 2%;
        margin-top: -220px;
        grid-row-gap: 20px;
        padding-left: 5%;
        padding-right: 5%;
    }
    h1 {
        text-align: center;
        font-size: 14pt;
        line-height: 23px;
    }
    h2 {
        font-size: 14pt;
        text-align: center;
        margin-bottom: 20px;
    }
    .newsName {
        text-align: center;
    }

    .gallery span {
        font-size: 11pt;
    }

    .publicDataRow {
        grid-template-columns: 17% 83%;
    }

    .publicMobile{
        float: left;
        width: 100%;
        font-weight: bold;
        font-size: 11pt;
        color: #000;
        margin-bottom: -13px;
    }

    .lessonClasses {
        display: grid;
        grid-template-columns: 49% 49%;
        grid-row-gap: 9px;
    }

    .pathLink {
        font-size: 9pt;
    }
    .pathSlash {
        margin-top: 1px;
    }

    .headerRightButton i {
        font-size: 13pt;
    }

    .partGrid_image_text{

    }

    .partGrid_images_text>.partContainer2 {
        grid-column: 1;
        grid-row: 1;
    }
    .partGrid_image_text>.partContainer2 {
        grid-column: 1;
        grid-row: 1;
    }
    .partGrid_video_text>.partContainer2 {
        grid-column: 1;
        grid-row: 1;
    }

    .stuffs {
        float: left;
        width: 100%;
        display: grid;
        grid-template-columns: 100%;
        grid-row-gap: 20px;
        grid-column-gap: 0%;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .links {
        grid-template-columns: 32% 32% 32%;
        grid-row-gap: 10px;
    }
    .news4 {
        grid-template-columns: 100%;
        grid-column-gap: 0%;
    }

    .contactIn {
        grid-template-columns: 13% 85%;
    }
    .files {
        grid-template-columns: 100%;
        grid-column-gap: 0%;
        grid-row-gap: 20px;
    }
    .footerContact {
        grid-template-columns: 10% 90%;
        grid-column-gap: 0%;
        display: grid;
    }
    .wrapMiddleStandart {
        height: 215px;
    }

    .socials{
        display: grid;
        grid-template-columns: 1000%;
        grid-column-gap: 0%;
        grid-row-gap: 10px;
    }
}


@media (max-width: 420px) {

    .promoOuter {
        width: 112px;
        height: 112px;
    }

    .navigationContainer {
        grid-template-columns: 42% 0% 58%;
    }

}

@media (max-width: 380px) {
    .logoText {
        font-size: 7.5pt;
    }
    .headerRightButton {
        width: 48px;
    }
    .headerRightButtons {
        margin-top: 8px;
        margin-bottom: 8px;
    }
    .weblapa {
        float: right;
        width: 45%;
    }
}


@media (max-width: 360px) {



    .logoText {
        font-size: 7pt;
    }
    .headerRightButton {
        width: 46px;
    }

    .promoOuter {

    }
    .navigationContainer {

    }

    .language {
        float: right;
        margin-left: 12px;
    }
    .languages {
        float: right;
        margin-top: 10px;
        margin-right: 16px;
    }

    .headerRightButton i {

    }
    .headerRightButton span {
        font-size: 7pt;
    }
    .logoText {

    }

    .logoOuter {

    }

    .logo img {

    }

    .firstMainTitle {
        font-size: 14pt;
    }

    .screenReaderPopup {
        right: -45px !important;
    }
    .publicDataRow {
        grid-template-columns: 21% 79%;
    }
    .h1Home {
        font-size: 15pt;
        line-height: 25px;
    }

    .partTextHome {
        font-size: 12pt;
        line-height: 19px;
    }

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

    .headerRightButtons {
        margin-top: 9px;
        margin-bottom: 7px;
    }

}