@media screen and (max-width: 1600px) {
    .menu {
        width: 900px;
        margin-left: 160px;
    }         
}
@media screen and (max-width: 1500px) {
    .menu {
        width: 750px;
        margin-left: 160px;
    }         
    .menuA, .subMenu {
        font-size: 19pt;
    } 
}
/*@media screen and (max-width: 1330px) {   
    .menu {           
        width: 700px;
        margin-left: 130px;
    } 
    .headerLogin {
        font-size: 17px;
        padding: 12px 20px;
    }  
    
    
    .menuRightPanel {
        width: 180px;
    }
    
    .langButtonLayer {
        font-size: 17px;
        padding: 0px 22px 0px 42px;
        height: 44px;
        line-height: 44px;
        width: 100px;
        background: #f2f0e4 url(../img/abilg4.svg) 11px 50% no-repeat;
        background-size: 22px;
    }
     
}*/
@media screen and (max-width: 1200px) {   
 
    .layer {
        width: calc(100% - 80px);
    }
    
    .mainLayer {
        height: calc(100% - 125px);
    }
    

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

    
    .mainLayer {
        height: calc(100% - 80px);
    }  
}

@media screen and (max-width: 1550px) {
    
    .mainLayer>div {    
        padding-left: 0px;
    }
    .mainCalendar {
        width: 400px;
    }
    .mainCalendarButton {
        width: 132px;
    }
}

@media screen and (max-width: 1250px) {
    .mainLayer:after {
        left: 100px;
    }  
    .mainH1 {
        font-size: 47pt;
        line-height: 110%;
        width: 380px;
        padding-top: 0px;
    }   
    .contactTitle {
        font-size: 35pt;
        line-height: 110%;    
    }
    .mainBrief {
        font-size: 15pt;
        line-height: 140%;
        margin-bottom: 20px;
        width: 360px;
    }  
    
    .mainLayer {
        min-height: 450px;    
    }
    .mainCalendarButton {
        margin-left: 10px;
    }
    .mainCalendar {
        width: 402px;
    }
}
@media screen and (max-width: 500px) {
    
    .mainCalendar {
        width: auto; 
        padding-left: 20px;
    }
    .mainCalendar:after {
        display: none;
    }
}
@media screen and (max-width: 750px) {
       
    .mainH1 {
        width: 100%; 
        font-size: 32pt;
        text-align: center;
        padding-top: 40px;
    } 
    .mainBrief {
        width: 100%;
        text-align: center;
    }
    .mainCalendar {
        margin: auto;
        margin-top: 30px;
          position: relative;
          left: 50%;
          transform: translateX(-50%);
    }
    .mainLayer {
        display: block;
    }
    .mainLayer:after {
        content: " ";
        position: absolute;
        top: 220px;
        left: -26px;
        margin: auto;
        /*background: #EBFCFF;*/
        background: #f2f0e4;
        height: 250%;
        width: 250%;
        transform: translate(0%, 0%) rotate(-4deg);
    }
    .mainLayer>div {
        margin-top: 250px;
    }
    .mainLayer {
        min-height: 580px;
    }
    .mainLayer:before {
        content: " ";
        position: absolute;
        right: -50%;
        top: 50%;
        margin: auto;
        background: url(../img/mainLayer.webp) 0 0 no-repeat;
        transform: translate(-50%, -50%);
        width: 100%;
        height: 120%;
        background-size: 150%;
        background-position: 61% 20%;
    }
}
@media screen and (max-width: 550px) {
    .mainLayer {
        min-height: 620px;  
    }
    .layer {
        width: calc(100% - 40px); 
    }

    .mainLayer>div {
        margin-top: 220px;
    }
    .mainLayer:before {
        top: 46%;
    }
    .mainLayer {
        display: flex;
    }
    .menuClose {
        right: 50px;
    }
    .contactLayer {
        margin-bottom: 40px;
    }
}
@media screen and (max-width: 400px) {
    .mainCalendar {
        width: auto;
        display: inline-block;
        padding-right: 0px;
        margin: auto;
        padding-left: 20px;

        
    }    
    .mainCalendar:after {
        left: 16px;
    }

    .mainCalendarButton {
        width: 90px;
        font-size: 12pt;
        transform: translate(0%, -2px);
    }
}
@media screen and (max-width: 400px) {
    .mainCalendar:after {
        display: none;
    } 
  
    .mainLayer {
        min-height: 720px;
    } 
    .mainLayer>div {
        margin-top: 175px;
    }
}

@media screen and (max-width: 1350px) {
    .parentLayer {
        padding: 50px 0px;
    }    
}
@media screen and (max-width: 1100px) {
    .parentLayer {
        min-height: calc(100%);
    }    
}
@media screen and (max-width: 850px) {
    
    .parentLayer {
        min-height: calc(100%);
    }    
}
@media screen and (max-width: 1000px) {
    .parentLeft, .parentRight {
        width: calc(50% - 20px);
    }  
    .parentBrief {
        margin-bottom: 50px;
    }
    .parentH1 {
        font-size: 36pt;
        letter-spacing: -2px;
    }
}
@media screen and (max-width: 700px) {
    .parentLayer {
        padding: 50px 0px;
        display: block;
        min-height: 540px;
    }
    .parentRight {
        width: 55%;
        height: 150px;
        top: 0px;
    }
    .parentLeft {
        width: 100%;
        position: absolute;
        top: 0px;
        
    }  
    .parentBrief {
        font-size: 14pt;
        line-height: 20pt;
        width: calc(45% - 20px);
        min-height: 120px;
    }  
    .parentH1 {
        font-size: 24pt;
        letter-spacing: -2px;
        line-height: normal;
    }
    .parentInfo {
        font-size: 14pt;
        line-height: 20pt;
        
    }
    .parentButton {
        font-size: 10pt;
        line-height: 10pt;
    }
}
@media screen and (max-width: 500px) {
    .parentBrief {
        font-size: 12pt;
        line-height: 18pt;
        width: calc(55% - 20px);
    } 
    .parentRight {
        width: 45%;
        height: 150px;
        top: 0px;
    }
}


@media screen and (max-width: 1100px) {
    .blueHeight {
        min-height: calc(100% - 80px);
    }    
}
@media screen and (max-width: 850px) {
    
    .blueHeight {
        min-height: calc(100% - 91px);
    }    
}
@media screen and (max-width: 1400px) {

    .personInfo {
        margin-top: 0px;
    }   
}
@media screen and (max-width: 1000px) {
    .personInfo {
        margin-top: 0px;
        font-size: 12pt;
        line-height: 18pt;
    }    
    .personBrief {
        width: calc(100% - 420px);
    }
}
@media screen and (max-width: 850px) {
    .personData {
        width: 300px;
    }    
    .personName {
        font-size: 32pt;
        text-align: center;
    }
    .personPosition {
        font-size: 14pt;
        text-align: center;
    }    
    .personBrief {
        width: calc(100% - 360px);
    }
}

@media screen and (max-width: 750px) {
    .personData {
        width: 100%;
        
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start; 
        flex-wrap: wrap;      
    }
    .personData>div:nth-child(2) {
        width: calc(100% - 340px);      
        transform: translate(0px, 20px);
    }
    .personPhoto {
        max-width: 300px;
        min-height: 357px;
    }
    .personBrief {
        width: 100%;
        position: relative;
    }
    .personInfo {
        min-height: auto;
    }
    
/*    .personContact {
        position: absolute;
        left: 340px;
        top: -112px;
    }
    .personSoc {
        position: absolute;  
        left: 396px;
        top: -130px;
    }    */
    .personBottom {
        margin-top: 0px;
        position: absolute;
        top: 309px;
        right: 0px;
        width: calc(100% - 340px); 
    }
    .personLayer>.layer {
        position: relative;
    }
}
@media screen and (max-width: 750px) {
    .personSoc {
        margin-bottom: 20px;
    }
    .personBottom {
        margin-top: 0px;
        position: absolute;
        top: 260px; 
        width: calc(100% - 340px); 
        flex-direction: column-reverse;
        justify-content: center;
    }  
}
@media screen and (max-width: 650px) {
    .personPhoto {
        width: 200px;
        min-height: 235px;
    }   
    .personData>div:nth-child(2) {
        width: calc(100% - 240px);       
    }    
    .personBottom {
        width: calc(100% - 240px);  
        top: 145px;
        align-items: flex-start; 
                     
    }

    .personName {
        font-size: 24pt;
        text-align: left;
    }
    .personPosition {
        font-size: 12pt;
        text-align: left;
    } 
    .personContact {
        font-size: 18pt;
    }

}
@media screen and (max-width: 450px) {
    .personPhoto {
        width: 180px;
        min-height: 210px;
    }   
    .personData>div:nth-child(2) {
        width: calc(100% - 200px);  
        transform: translate(0px, 0px);    
    } 
    .personBottom {
        width: calc(100% - 200px); 
        align-items: center;   
        top: 119px;    
    }    
    .personContact { 
        width: 100%; 
        padding-left: 0px;
        padding-right: 0px;  
        font-size: 16pt;
    }
    .personSoc {             
        left: 256px;  
    }
    .personSoc {            
        left: 200px;
        right: 0px;    
        
    }
    .personData>div:nth-child(2) {       
    } 
}


@media screen and (max-width: 500px) {
    
    .pleaseText { 
        font-size: 28pt;   
            
    }
}

@media screen and (max-width: 1370px) {
    .parentBottom {
        padding-top: 77px;
        padding-bottom: 37px;
    } 
    .parentBottomTitle {
        margin-bottom: 26px;
    }   
}
@media screen and (max-width: 1200px) {
    .parentBottomItem {
        padding: 27px 20px 41px;
    }  
    .parentBottomItem div {
        font-size: 14pt;
    }    
}
@media screen and (max-width: 1050px) {
    .parentBottomTitle {
        font-size: 19pt;
    }  
    .parentBottomItem {
        min-height: 250px;
    }  
}
@media screen and (max-width: 950px) {
    .parentBottomItem {
        width: calc((100% - 18px) / 2);
        margin-bottom: 18px;
    }    
}
@media screen and (max-width: 500px) {
    .parentBottomItem {
        width: 100%;
        margin-bottom: 18px;
        min-height: 180px;
    } 
        
}

@media (max-width: 1000px) {
  divmobile {
    display: block;
    visibility: visible;
  }
  divonsite {
    display: none;
  }
}


@media screen and (max-width: 1000px) {
    .mainBottomRight p {
        font-size: 15pt;
        margin-bottom: 30px;
    }
    .mainBottomRightW p {
        font-size: 15pt;
        margin-bottom: 30px;
    }
    .mainBottomLeftW2 p {
        font-size: 15pt;
        margin-bottom: 30px;
    }
    .mainBottomRight {
        padding: 73px 0px 30px 32px;
        width: 50%;
    }
    .mainBottomRightW {
        width: 100%;
    }
    .mainBottomLefttW2 {
        padding: 73px 0px 30px 32px;
        width: 50%;
    }
    .mainBottomLeft {
        width: 50%;
    }
    .mainBottomLeftW {
        width: 100%;
    }
    .mainBottomRightW2 {
        width: 50%;
    }
    .mainBottom2 .layer2 {
        display: block; 
    }
}
@media screen and (max-width: 550px) {
    .mainBottomLeft {
        width: calc(100% + 40px);
        transform: translate(-20px, 0px) !important;
    }
    
    .mainBottomRightW2 {
        width: calc(100% + 40px);
        transform: translate(-20px, 0px) !important;
    }
    
}
@media screen and (max-width: 750px) {
    .mainBottomLeft {
        width: calc(100% + 80px);
        transform: translate(-40px, 0px) !important;
        height: 250px;
        min-height: 250px;
        top: 0px;
        position: unset;
    }  
    
    .mainBottomRightW2 {
        width: calc(100% + 80px);
        transform: translate(-40px, 0px) !important;
        height: 250px;
        min-height: 250px;
        top: 0px;
        position: unset;
    }  
    .mainBottomRight {
        position: unset;
        width: 100%;
        
        padding: 20px 0px 50px;
        display: block;
    }
    .mainBottomRightW {
        position: unset;
        width: 100%;
        
        padding: 0px 20px 10px;
        display: block;
    }
    .mainBottomLeftW2 {
        position: unset;
        width: 100%;
        
        padding: 20px 20px 10px;
        display: block;
    }
    .mainBottom .layer {
        position: relative;
    }
    .mainBottom {
        min-height: inherit;
    }  
    .mainBottom2 .layer2 {
        position: relative;
    }
    .mainBottom2 {
        min-height: inherit;
    }  
    .mainBottomRight p {
        font-size: 14pt;   
    }
    .mainBottomRightW p {
        font-size: 14pt;   
    }
    .mainBottomLeftW2 p {
        font-size: 14pt;   
    }
}


@media screen and (max-width: 550px) {
    .mainBottomLeft {
        width: calc(100% + 40px);
        transform: translate(-20px, 0px) !important;
        height: 250px;
        min-height: 250px;
        top: 0px;
        position: unset;
    }   
    .mainBottomLeftW {
        
        width: calc(100%);
        transform: translate(0px, 0px) !important;
        height: 100%;
        min-height: 100%;
        top: 0px;
        position: unset;
    }  
    .mainBottomRightW2 {
        width: calc(95%);
        transform: translate(0px, 0px) !important;
        height: 250px;
        min-height: 250px;
        top: 0px;
        position: unset;
    }  
}
@media screen and (max-width: 1280px) {
    .extraItemTop {
        font-size: 11pt;
    }    
    .extraItemBottom {
        font-size: 11pt;
        line-height: 142%;
    }
    .extraLeft {
        font-size: 22pt;
    }
}

@media screen and (max-width: 1050px) {
    .extraMain>.flexBox {
        position: relative;  
        padding-top: 140px;    
    }
    .extraItem {
        width: calc((100% - 17px) * 0.5);
        position: relative;
        margin-bottom: 17px
    }  
    .extraLeft {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;  
        z-index: 1;
        min-height: auto;
    }
    .extraLeft:after {
        transform: rotate(0deg);
        left: unset;
        right: 32px;
        top: 0px;
        bottom: 0px;
        
    }  
    .extraItemBottom {
        min-height: auto;
        padding: 20px 20px;
    }
    .extraItemTop {
        padding: 41px 10px 31px;
    }
}
@media screen and (max-width: 600px) {
    .extraLeft {
        font-size: 16pt;
        padding-right: 90px;
    }    
}
@media screen and (max-width: 1400px) {
    .extraLeft2 {
        font-size: 17pt;
    }  
}
@media screen and (max-width: 1050px) {
    .extraLeft {
        padding-right: 90px;
    }  
}

@media screen and (max-width: 700px) {
    .extra2Main .extraItemBottom {
        font-size: 10pt !important;
    }  
}
@media screen and (max-width: 650px) {
    .extra1Main .extraItemBottom {
        font-size: 11pt !important;
    }  
}
@media screen and (max-width: 1400px) {

    .personBrief {
        margin-top: 70px;   
    } 
}
@media screen and (max-width: 1000px) {
    .personLayer {
        padding-left: 0px;    
        padding-right: 0px;    
    }
    .personBrief {
        margin-top: 20px;
    }
    .personLayer {
        padding-top: 20px;
    }
}
@media screen and (max-width: 750px) {    
    .personBrief {
        margin-top: 0px;
    }
    .personLayer {
        padding-top: 20px;
    }
}

@media screen and (max-height: 650px) and (min-width: 750px) {  
    .mainBottomRight {
        min-height: 650px;
    }
    .mainBottomRightW {
        min-height: 650px;
    }
    .mainBottom {
        min-height: 650px;
    }
    .mainBottom2 {
        min-height: 650px;
    }
}




@media screen and (max-width: 1600px) {
    
    .schoolLayer {
        max-width: 1140px;
        
    }    
}
@media screen and (max-width: 1050px) {
    .schoolLayer {
        margin-top: 80px;
    }    
}
@media screen and (max-width: 950px) {
    .schoolLeft {
        position: absolute;
        width: 100%;
    } 
    .schoolItem {
        margin-top: 150px;
        width: calc(50% - 10px);
    }   
}
@media screen and (max-width: 700px) {
    .schoolTop {
        font-size: 14.1pt;
    } 
    .schoolLeft {
        padding: 20px 20px;
        font-size: 16.1pt;
    }
       
}
@media screen and (max-width: 500px) {
    
    .schoolItem {
        margin-top: 150px;
        width: 100%;
    }  
    .schoolLayer .schoolItem:nth-child(3) {
        margin-top: 20px;
    }
       
}


@media screen and (max-width: 1500px) {
    .uaRightContent {
        max-width: 500px;
    }
    .uaButtonLayer {
        max-width: 500px;
    }
    
    .uaLeft {
        width: calc(50% - 34px);
    }
    .uaRight {
        width: calc(50% - 34px);
    }
}
@media screen and (max-width: 850px) {
    .uaLayerContent {
        flex-direction: column;
    }
    .uaLayer {
        padding: 40px 0px;
        background: #fff;
    } 
    .uaLeft {
        width: 100%;
    }
    .uaRight {
        width: 100%;
    } 
    .uaLayerBack:after {
        display: none;
    } 
    .uaTitle {
        text-align: center;
        font-size: 24pt;
        margin-bottom: 40px;
    } 
    .uaImg {
        padding-bottom: 50%;
        margin: auto;
        width: calc(100% + 80px);
        transform: translate(-40px, 0px);
    }
    .uaRight {
        margin-top: 40px;
    }
    .uaRightContent {
        max-width: 100%;
    }
    .uaRightContent p {
        font-size: 14pt;
    }
    .uaButtonLayer {
        max-width: 100%;
        margin-top: 40px;
    }
}
@media screen and (max-width: 550px) {
    .uaImg {
        padding-bottom: 50%;
        margin: auto;
        width: calc(100% + 40px);
        transform: translate(-20px, 0px);
    }    
}
@media screen and (max-width: 600px) {
    .uaTitle {
        font-size: 18pt;
    }  
    .uaRightContent p {
        font-size: 12pt;
    }  
    .uaButtonLayer a {
        font-size: 10pt;
    } 
    .mainBottomButton {
        font-size: 10pt;
    }
}

@media screen and (max-width: 1500px) {
    .parentBottomItem>div {
        margin-bottom: 40px;
    }    
}


@media screen and (max-width: 1000px) {
    .contactTitle {       
        max-width: 290px;  
    }   
    .contactBrief {   
        font-size: 14pt;   
        max-width: 310px;      
    } 
    .contactLeft { 
        width: 320px;
    }
    .contactRight { 
        width: calc(100% - 440px);
    }  
    .contactField input {
        font-size: 14pt;
        padding: 16px 26px;
    }
    
    .contactRightMenu {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
        flex-wrap: wrap;
        margin-top: 40px;
    }
    
    .picList {
        width: 100% !important;
        max-width: 100% !important;
        margin-top: 40px !important;
        justify-content: center !important;
        
    }
    .picList a {
        margin: 0px 10px;
    }
    
    .contactRightMenu a {
        display: inline;
        margin-bottom: 0px;
    }
    .contactRightMenu .flexBox {
        width: 100%;
        justify-content: center;
        margin-top: 10px;
    }
}
@media screen and (max-width: 750px) {
    .contactRightMenu a {
        font-size: 14pt;
    }     
    .contactLeft { 
        width: 100%;  
    }
    .contactRight { 
        width: 100%;
        max-width: 450px;
        margin: auto;             
    }
    .contactTitle {
        max-width: 100%;
        text-align: center;
        max-width: 450px;
        margin: auto;
        margin-bottom: 20px;
        font-size: 32pt;
    }     
                     
    .contactBrief {
        margin: auto;
        margin-bottom: 40px;
        max-width: 450px;
    }
    .contactBrief .personSoc {
        text-align: center;
        margin: auto;
        justify-content: center;
    }
}
@media screen and (max-width: 610px) {
    .contactRightMenu {
        flex-direction: column;
        margin-top: 60px;
    }   
    .contactRightMenu a {
        display: block;
        font-size: 17pt;
        margin-bottom: 20px;
    }   
    .contactRightMenu .personSocIn {
        margin-top: 0px;
    }  
}
@media screen and (max-width: 500px) {
 
    .contactBrief {
        font-size: 12pt;
    }   
    .contactInfo {
        font-size: 12pt;
    }
    .contactField input {
        font-size: 12pt;
        padding: 10px 16px;
        
    }       
    .contactButton {
        font-size: 14pt;
        padding: 16px 16px;
    }
}

@media screen and (max-width: 1200px) { 
    .mainSchoolItemLeft .mainSchoolItemImg {
        width: calc(100% + 40px);
        margin-left: -40px;    
    }
    .mainSchoolItemRight .mainSchoolItemImg {
        width: calc(100% + 40px);     
    }
    

}
@media screen and (max-width: 1100px) {
    .mainSchoolTitle {
        font-size: 36pt;
        max-width: 800px;
        margin: auto;
    }  
    .mainSchoolItemTitle {
        font-size: 24pt;
    }
    .mainExtraItemTitle {
        font-size: 24px;
    }
    .mainBottomRight p {
        font-size: 15pt; 
        margin-bottom: 30px;   
    }
    .mainBottomRightW p {
        font-size: 15pt; 
        margin-bottom: 30px;   
    }
    .mainExtraTitle {
        font-size: 36pt; 
    }
    .mainExtra {
        padding: 0px 0px 40px;
    }
    
    .mainExtraItem {
        width: 50%;
        margin-bottom: 40px;
    }
}
@media screen and (max-width: 750px) {
    .mainSchool {
        padding: 40px 0px 0px;
    }
    .mainSchoolTitle {
        font-size: 30pt; 
    }
    .mainExtraTitle {
        font-size: 30pt; 
        
        max-width: calc(100% - 80px);
    }
    .mainSchoolItemTitle {
        font-size: 20pt;
    } 
    .mainExtraItemTitle {
        font-size: 20pt;
    } 
    
    .mainBottomRight p {
        font-size: 13pt;     
    }
    .mainBottomRightW p {
        font-size: 13pt;     
    }
    .mainBrief {
        font-size: 13pt;
    }
    .mainSchoolItemBrief {
        font-size: 11pt;
    }
    .mainExtraItemBrief {
        font-size: 11pt;
    }
    
    .mainSchoolItemLeft .mainSchoolItemBrief {
        padding-right: 24px;
    }
    .mainSchoolItemRight .mainSchoolItemBrief {
        padding-left: 24px;
    }
    .mainSchoolItemRight .mainSchoolItemTitle {
        padding-left: 24px;
    }
    .mainSchoolItemTitle {     
        max-width: 250px;
        padding-right: 20px;
    }
    
    
    .mainExtraItemTitle {
        margin: 16px 0px 10px;
        padding: 0px 20px;
    }
    .mainExtraItemBrief {
        padding: 0px 20px;
        line-height: 140%;  
        
    }   
    .mainExtra {
        padding: 20px 0px 40px;
    }
    .mainExtraItem {
        width: 50%;
        margin-bottom: 20px;
    }
    
}
@media screen and (max-width: 550px) {
    
    .mainExtraTitle {    
        max-width: calc(100% - 40px);
    }
    
    .mainSchoolItem {
        width: 50%;
    }  
    
    .mainSchool {
        width: 100%;
    }
      

    .mainSchoolItemTitle {
        max-width: 100%;
        padding: 0px 20px;
    }
    .mainSchoolTitle {
        padding-left: 20px;
        padding-right: 20px;
    }
    .mainSchoolItemBrief {
        padding-left: 20px;
        padding-right: 20px;
    }
    .mainSchoolItem:nth-child(1) .mainSchoolItemImg {
        opacity: 0;
        padding-bottom: 100%;
        background-position: 50% 100%;
    }
    .mainSchoolItem:nth-child(2) .mainSchoolItemImg {
        width: 200%;
        margin-left: -100%;
        padding-bottom: 100%;
        background-position: 50% 100%;
    }
    
    
    .mainSchoolItemTitle {
        font-size: 18pt;
    } 
    .mainExtraItemTitle {
        font-size: 18pt;
    } 
    
    
    .mainSchoolItemBrief {  
        font-size: 11pt;
    }
    .mainExtraItemBrief {
        padding: 0px 20px;
        line-height: 140%;
        font-size: 11pt;
        
    } 
}




@media screen and (max-width: 1270px) {    
    .mainParentsTop {  
        margin-bottom: 75px; 
    }  
    
}
@media screen and (max-width: 1100px) {    
    .mainParentsTop {  
        margin-bottom: 55px; 
    }    
    .mainParentsTop {
        font-size: 15pt;
    }    
    .mainParentsBrief {
        font-size: 15pt;
    }  
    .mainParentsTitle {
        font-size: 22pt;
        margin-bottom: 20px;
    }  
    .mainParentsItemRight {
        padding-left: 0px;
    }
    
}
@media screen and (max-width: 950px) {  
       
    .mainParentsTop {  
        margin-bottom: 20px; 
    }  
    .mainParentsTitle {
        font-size: 22pt;
        margin-bottom: 20px;
    }
    .mainParentsImg {   
        padding-bottom: 120%;      
    }  
}


@media screen and (max-width: 750px) {
    .mainParents {
        padding-top: 30px;
    }
    .mainParentsList {
        flex-direction: column;
    }
    .mainParentsTop {
        width: 100%;
        padding-right: 0px;
    }
    
    .mainParentsItem {
        width: 100%;
    }
  
    .mainParentsTop {
        font-size: 13pt;   
    }    
    .mainParentsBrief {
        font-size: 13pt;
        padding-right: 0px;
        padding-bottom: 30px;
    }     
    .mainParentsTitle {
        font-size: 18pt;
        margin-bottom: 20px;
    }  
    .mainParentsImg {
        padding-bottom: 86%;
    }
}

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

}

@media screen and (max-width: 1340px) {
    .mainUaItemRight {
        padding-left: 64px;
    } 
    .mainUaItemLeft {
        padding-left: 0px;
    }   
}
@media screen and (max-width: 1100px) {
    .mainUaTitle {
        font-size: 26pt;
        margin-bottom: 20px;
    }  
    .mainUaBrief div {
        font-size: 15pt;
        margin-bottom: 10px;
    }    
    .contactBrief {
        font-size: 14pt;     
    }   
    .contactInfo {
        font-size: 18pt;     
    }   
    .contactButton {
        font-size: 15pt;     
    }   
}
@media screen and (max-width: 950px) {           
    .mainUaImg {    
        width: 100%;
        padding-bottom: 140%;    
        margin-bottom: 40px;  
    }
}
@media screen and (max-width: 750px) {
      
    .mainUaTitle {
        font-size: 24pt;    
        position: relative;
/*        height: 0;
        padding-bottom: 86%;*/
    }  
    .mainUa {
        padding: 30px 0px 30px;
    }
    .mainUaItemRight {
        padding-left: 45px;
    }  
    .mainUaItem {
        width: 100%;
    }
    .mainUaImg {    
        width: 100%;
        padding-bottom: 86%;    
        margin-bottom: 40px;
        position: absolute;
        top: 100px;
        left: 0px;  
    }
    .mainUaItemRight {
        padding-left: 0px;
    }
    .mainUaList {
        position: relative;
        flex-direction: column-reverse;
    }   
    .mainUaBrief {
        margin-top: 100px;
    }
    
}
@media screen and (max-width: 750px) {
    .mainUaTitle {
        font-size: 24pt;      
        margin-bottom: 20px;
    }
    .mainUaBrief div {
        font-size: 13pt;
    } 
    .contactBrief {
        font-size: 13pt;
    }    
    .contactInfo {
        font-size: 16pt;
    }    
    .contactButton {
        font-size: 18pt;
    }    
}
@media screen and (max-width: 550px) {
    .mainUaTitle {
        font-size: 24pt;     
    }  
}

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

    .personInfo {
        margin-top: 0px;
    }   
    .personBrief {
        margin-top: 0px;
    }   
}

@media screen and (max-width: 750px) {
    
    .joinBrief {
        font-size: 13pt;
    }    
    .joinLayer {     
        width: calc(100% - 40px);     
    }
    .joinLayer>div {
        padding-left: 0px;
        padding-right: 0px;
    }
    .joinTitle {
        font-size: 18pt;
    }
    .joinName {
        font-size: 11pt;
    }
                    
}


@media screen and (max-width: 800px) {
    .arrUp {
        width: 54px;
        height: 54px;
        bottom: 30px;
        right: 30px;
    }    
    .arrUp div {
        width: 32px;
        height: 32px;
    }
}
@media screen and (max-width: 600px) {
    .arrUp {
        width: 46px;
        height: 46px;
        bottom: 20px;
        right: 20px;
    }    
    .arrUp div {
        width: 24px;
        height: 24px;
    }
}

@media screen and (max-width: 1300px) {
    .mainVacContentLeft {
        padding-right: 66px;
    }    
}

@media screen and (max-width: 1300px) {
    .mainVacLink {
        font-size: 15px;
        width: 100%;
    }   
    .mainVacSendCv {
        font-size: 15px;
        width: 100%;
    }    
}

@media screen and (max-width: 930px) {
    .mainVacContentLeft {
        width: 100%;
        padding-right: 0px;
    }
    .mainVacContentRight {
        width: 100%;
    }
    .mainVacTitle {
        text-align: center;
    }
    .mainVacLink {
        font-size: 18pt;
        max-width: 280px;
        margin: auto;
    }   
    .mainVacSendCv {
        font-size: 18pt;
        max-width: 280px;
        margin: auto;
        margin-bottom: 25px;
        margin-top: 25px;
    }    
}
@media screen and (max-width: 650px) {
    .mainVacContent {
        padding: 40px 40px;
    }
    .mainVacTitle {
        font-size: 30pt;
    }
    .mainVacBg {
        padding-top: 80px;
    }
    .mainVacContentRight {
        margin-top: 20px;
    }
    
}



@media screen and (max-width: 450px) {
    .mainVacContent {
        position: relative;
        padding: 40px 30px;
    }
    .mainVacLayer {
        min-height: auto;
        width: calc(100% - 60px);
    }
    
}
@media screen and (max-width: 550px) {
    .intl-tel-input .selected-flag {
        padding-left: 16px !important;
    }
    .intl-tel-input .selected-flag .arrow {
        right: -10px !important;
    }
    #newPhone {
        padding-left: 58px;
    }
    
}


@media screen and (max-width: 750px) {
    .vacantionLayer {    
        padding: 20px;
    }
}

@media screen and (max-width: 1400px) {
    .contactForm {
        width: calc(100% - 230px);
    }
    .contactRight {
        width: calc((100% - 575px));
    }
}
@media screen and (max-width: 1200px) {
    .contactRight {
        width: calc((100% - 425px));
    }
}
@media screen and (max-width: 1000px) {
    .contactForm {
        width: calc(100%);
    }
    .contactRightMenu a {
        font-size: 17pt;
        padding: 10px 10px;
    }
    .contactLayer {
        padding: 60px 0px;
    }
    .contactLeft {
        padding-top: 0px;
    }
    .footerAddress {
        width: calc(100% + 425px);
        margin-left: -425px;
        margin-top: 20px;
    }
    .footerAddressDesktop {
        display: none;
    }
    .footerAddressMobile {
        display: block;
    }
} 
@media screen and (max-width: 750px) {
    .contactRight {
        width: 100%;
        max-width: 450px;
        margin: auto;
    }  
    .footerAddress {
        width: 100%;
        margin: 60px auto 30px;
    }  
}
@media screen and (max-width: 750px) {
    .contactLayer {
        padding-bottom: 0px;    
    }
    
    .policeMenu {
        margin-top: 10px;
    }
}


@media screen and (max-width: 850px) {
    .policyBack {
        padding-top: 40px;
    }  
    .policyBrief {
        padding: 40px;
        width: 100%;
    }  
    .policyBrief ul {
        margin: 10px 0px 10px 20px;
    }
    .policyBrief ol li {
        margin-left: 22px;
    }
}
@media screen and (max-width: 550px) {
    .policyBack {
        padding-top: 40px;
    }  
    .policyBrief {
        padding: 20px;
        width: 100%;
    }  
}

@media screen and (max-width: 600px) {
    .formSubmitAttention {
        height: 240px;
        
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center; 
        flex-wrap: nowrap;
    }    
}

@media screen and (max-width: 1000px) {
    .registrationItemPhoto { 
        margin-bottom: 30px;
    }    
}


/***********************

NEW

***********************/
@media screen and (max-width: 1750px) {
    .menuRightPanel {
                width: 333px;
    }    
}
@media screen and (max-width: 1680px) {
    .headerLogin {
        width: 55px;
        height: 55px;
        background-size: 42px;
    }    
    .langButtonLayer {
        height: 55px;
        line-height: 55px;
        padding: 0px 29px 0px 52px;
        background: #f2f0e4 url(../img/abilg4.svg) 10px 50% no-repeat;
        background-size: 32px;
        font-size: 20px;
        width: 136px;
    }
    .langButtonLayer a {
        font-size: 28px;    
    }
    .menuRightPanel {
        width: 243px;
    }
    .header {
        padding: 42px 0px;
    }
    .menu {
        width: 950px;    
    }
}
@media screen and (max-width: 1550px) {
    .menu {
        width: 860px;    
    }
    .menuA, .subMenu {
        font-size: 28px;
    }  
    .layer {
        width: calc(100% - 80px);
    } 
    
    .subMenuList { 
        top: 30px !important; 
    }
}

@media screen and (max-width: 1400px) {
    .langButtonLayer a {
        font-size: 20px;
    }
    .langButtonLayer {
        width: 122px;
    }
    .menuA, .subMenu {
        font-size: 24px;
    } 
    .menu {
        width: 780px;
    } 
    .menuRightPanel {
        width: 220px;
    }
    
    .subMenuList { 
        top: 28px !important; 
    }
}

@media screen and (max-width: 1300px) {
    .menuRightPanel {
        width: 225px;
    }
    .langButtonLayer {
        margin-right: 20px;
    }
    .header {
        justify-content: flex-end;
    }
    .headerLogin {
        margin-right: 0px;    
    }
    .c-hamburger {
        width: 49px;
        height: 41px;
        display: block;
        order: 3;
    }
    .c-hamburger span {
        top: 16px;
    }
    .c-hamburger span::before {
        top: -16px;
    }
     
    .c-hamburger span::after {
        bottom: -16px;
    }
    
    
    
    
    .menu {
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: 10;
        
        background: #fff; 
        transition: all .3s ease;
        opacity: 0;
        visibility: hidden;
        margin-left: 0px;
    }
    .menuLayer {
        display: block;
        height: calc(100vh - 160px);
        max-height: fit-content;
        overflow: auto;
        width: 100%;
        margin: auto;
        position: absolute;
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
        margin: auto;
        transform: translateY(-20px);
    }
    .menuA, .subMenu {
        margin: 10px auto;
        color: #fff;
        display: block;
        width: 222px;
    }
    .menu:after {
        content: " ";
        position: absolute;
        top: 37px;
        left: 40px;
        border-radius: 1000px;
        background: #20485D;
        width: 0px;
        height: 0px;
        transform: translate(-50%, -50%);
        transition: all .5s ease;
        z-index: -1;
    }
    .menuShow {
        opacity: 1;
        visibility: visible;   
    }
    .menuShow:after {
        width: 3000px;    
        height: 3000px; 
           
    }
    .menuLang {
        display: flex; 
    }
    .menuClose {
        position: absolute;
        margin: auto;
        transform: scaleX(1.15);
        top: 20px;
        right: 60px;
        width: auto !important;
    }
    .menuClose:after {
        display: block;
        content: " ";
        position: absolute;
        top: 10px;
        left: 0;
        width: 36px;
        height: 5px;
        background: #fff;
        transform: rotateY(0deg) rotate(50deg);
    }
    .menuClose:before {
        display: block;
        content: " ";
        position: absolute;
        top: 10px;
        left: 0;
        width: 36px;
        height: 5px;
        background: #fff;
        transform: rotateY(0deg) rotate(-50deg);
    } 
    .menuRightPanel {
        margin-right: 48px;
    } 
}

@media screen and (max-width: 920px) {
    .headerBg {
        height: 110px;
    }  
    body {
        padding-top: 110px;
    }   
    
    .logoMain {
        width: 95px;
    } 
    .header {
        padding: 32px 0px;
    }  
}
@media screen and (max-width: 920px) {
    .headerLogin {
        width: 45px;
        height: 45px;
        background-size: 33px;
    } 
    .langButtonLayer {
        height: 45px;
        line-height: 45px;
        padding: 0px 19px 0px 52px;
        width: 113px;
    } 
    .menuRightPanel {
        width: 188px;
        margin-right: 28px;
    } 
      
    .layer {
        width: calc(100% - 40px);
    }  
    .c-hamburger {
        width: 38px;
        height: 36px;
    }
    .c-hamburger span, .c-hamburger span:after, .c-hamburger span:before {
        height: 8px;
    }
    
    .c-hamburger span {
        top: 14px;
    }
    .c-hamburger span::before {
        top: -14px;
    }
     
    .c-hamburger span::after {
        bottom: -14px;
    }
    
    

}

@media screen and (max-width: 520px) {
    .menuRightPanel {
        margin-right: 30px;
        width: 175px;
    }
    .langButtonLayer {
        margin-right: 0px;
        width: 100px;
        background-size: 22px;
        padding: 0px 18px 0px 40px;
    }
    .langButtonLayer a {
        font-size: 18px;
    }
    
}
@media screen and (max-width: 450px) {
     .headerLogin {   
        
        height: 28px;
        width: 28px;
        background-size: 20px;
    }
    .menuRightPanel {
        margin-right: 25px;
        width: 195px;
        align-items: center;
        justify-content: flex-end;
    }
    .langButtonLayer {
        margin-right: 25px;
        width: 80px;
        background-size: 19px;
        padding: 0px 15px 0px 33px;
        height: 28px;
        background-position: 8px 50%;
    }
    .langButtonLayer a {
        font-size: 16px;
        line-height: 28px;
    }
    
    .logoMain {
        width: 58px;
        top: 21px;
    }
    
    .c-hamburger {
        width: 41px;
        height: 29px;
    }
    .c-hamburger span, .c-hamburger span:after, .c-hamburger span:before {
        height: 7px;
        border-radius: 2px;
    } 
    .c-hamburger span {
        top: 11px;
    }
    .c-hamburger span::before {
        top: -11px;
    } 
    .c-hamburger span::after {
        bottom: -11px;
    }
    
    .headerBg {
        height: 81px;
    }
    body {
        padding-top: 81px;
    }
    
    .header {
        padding: 25px 0px 24px;
    }
    
}


@media screen and (max-width: 380px) { 
    .headerLogin {
    }
    .langButtonLayer {
    }    
    .menuRightPanel {
    }
}

@media screen and (max-width: 350px) { 
    .headerLogin {
        margin-right: 20px;
    }
    
}

/*@media screen and (max-width: 400px) {
    .logoMain {
        margin-left: -10px;
    }
}

@media screen and (max-width: 370px) {
    .c-hamburger {
        width: 34px;
    }    
    .headerLogin {
        padding: 7px 15px 9px;
    }
    .menuRightPanel {
        width: 180px;
        margin-right: 10px;
    }
}
*/




@media screen and (max-width: 650px) {
    .nDesH1, .nDesH2, .nDesH1One {
        padding-top: 35px;
    } 
    .nDesH1One {
        padding-bottom: 35px;
    }   
}
@media screen and (max-width: 630px) {
    .nDesH1, .nDesH2, .nDesH1One {
        font-size: 28px;
        margin-bottom: 5px;
        padding-top: 35px;
    } 
    .nDesH1Brief, .nDesH2Brief {
        font-size: 18px;
        margin-bottom: 22px;
    }  
     
}
@media screen and (max-width: 420px) {
     .nDesH1Brief, .nDesH2Brief {
        font-size: 14px;
        margin-bottom: 22px;
    } 
}


@media screen and (max-width: 1650px) {
    .nDesAfterText {
        font-size: 28px;
    }
}
@media screen and (max-width: 1550px) {
    .nDesAfterText {
        padding-left: 25px;
        width: 60%;
    } 
    .nDesAfterText a {
        font-size: 48px;
        padding: 22px 68px;
        
    }   
    .nDesAfterImg {
        width: 40%;
    }    
}

@media screen and (max-width: 1250px) {
    .nDesAfterText {
        font-size: 20px;
    }    
}
@media screen and (max-width: 1150px) {
    .nDesAfterBack {
        flex-direction: column;
    }   
    .nDesAfterText {
        width: 100%;
        padding-left: 40px;
        padding-right: 40px;
        padding-bottom: 290px;
    } 
    .nDesAfterTextBack {
        width: 100%;
    }
    .nDesAfterText a {
        float: right;
        margin-bottom: 80px;
    }
    .nDesAfterTextBack:after {
        transform: rotate(21deg);
        position: absolute;
        top: unset;
        bottom: -30px;
        left: -760px;
        background: #F2F0E4;
        width: 5000px;
        height: 5000px;
    }
    .nDesAfterImg {
        width: 100%;
        margin-top: -520px;
    }
    .nDesAfterImg img {
        display: block;
    }
}



@media screen and (max-width: 850px) {
    .nDesAfterTextBack:after {
        bottom: -130px;
    }
    .nDesAfterText a {
        margin-bottom: 30px;
    }
    .nDesAfterImg {
        margin-top: -400px;
    }
}
@media screen and (max-width: 650px) {
    .nDesAfterText {
        padding-top: 55px;
    }  
    .nDesAfterText a {
        margin-top: 93px;
        margin-bottom: 50px;
    }    
}

@media screen and (max-width: 630px) {
    .nDesAfterText {
        font-size: 20px;
        padding-top: 35px;
        padding-left: 15px;
        padding-right: 15px;
    }    
    .nDesAfterText p {
        padding: 10px 0px;
    } 
    .nDesAfterText a {
        font-size: 36px;
        border-radius: 20px;
        padding: 10px 48px;
        margin-top: 30px;
    }   
    
}


@media screen and (max-width: 1550px) {
    .nDesAfter2Back {
        padding: 40px 0px;
    }    
}
@media screen and (max-width: 630px) {
    .nDesAfter2Back {
        padding: 15px 0px;
    }    
}


@media screen and (max-width: 1750px) {
    .nDesAfterTwoText {
        width: 850px;
    }  
    .nDesAfterTwoImg {
        width: calc(100% - 850px);  
    }
    .nDesAfterTwoTextBack:after {
        transform: rotate(16deg);
    }
    .nDesAfterTwoImg img {
        object-position: 5% 50%;
    }
}


@media screen and (max-width: 1650px) {
    .nDesAfterTwoText {
        font-size: 28px;
    }
    .nDesAfterTwoText p {
        padding: 14px 0px;
    }
    .nDesAfterTwoText a {
        font-size: 48px;
        padding: 22px 68px;
    } 
}

@media screen and (max-width: 1400px) {
    .nDesAfterTwoText {
        width: 600px;
        padding: 30px 0px 40px 50px;
    } 
    .nDesAfterTwoText p {
        width: calc(100% + 80px);
        display: block;
    }  
    .nDesAfterTwoImg {
        width: calc(100% - 600px);  
    }  
    .nDesAfterTwoText a {
        margin-top: 20px;
    }
    
}

@media screen and (max-width: 1250px) {
    .nDesAfterTwoText {
        font-size: 20px;
    }    
}
@media screen and (max-width: 1150px) {
    .nDesAfterTwoText {
        width: 100%;
        padding-right: 50px;
    }    
    .nDesAfterTwoImg {
        width: 100%;
    }
    .nDesAfterTwoTextBack {
        overflow: hidden;
        position: absolute;
        width: 100%;
        height: 150px;
        bottom: -149px;
        right: 0px;
        top: unset;
    }
    .nDesAfterTwoText a {
        margin-top: 44px;
    }
    .nDesAfterTwoText p {
        width: 100%;
    }
}

@media screen and (max-width: 630px) {
    .nDesAfterTwoText {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 35px;
    }    
    .nDesAfterTwoText {
        font-size: 20px;
    }  
    .nDesAfterTwoText a {
        font-size: 36px;
        border-radius: 20px;
        padding: 10px 48px;
        margin-top: 30px;
        margin-bottom: -60px;
        
    } 
    .nDesAfterTwoTextBack {
        height: 60px;
        bottom: -59px;
    } 
    .nDesAfterTwoText p {
        padding: 10px 0px;
    }
}




@media screen and (max-width: 1700px) {  
    .nFooterMenu {
        width: 20%;
    }    
    .nFooterFollow {
        max-width: unset;
        width: auto;
        flex: 2;
    }
    .nFooterList {
        justify-content: space-between;
    }
}

@media screen and (max-width: 1350px) {  
    .nFooterContText {
        font-size: 20px;
    }  
    .nFooterCont {
        flex: 2;
    }  
    .nFooterCont > div {
        flex-wrap: nowrap;
    }   
    .nFooterFollow {
        flex: 2;
    }
    .nFooterList {
        gap: 40px;
    }
    .nFooterFollowText {
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 1100px) and (min-width: 720px) {  
    .nFooterCont {
        order: 1;
        width: calc(100% - 200px);
    }
    .nFooterMenu {
        order: 2;
        width: 200px;
    }
    .nFooterFollow {
        order: 3;
        min-width: 100%;
        transform: translateY(-150px);
    }
    .nFooterTop {
        margin-bottom: -150px;
    }
    .nFooterPolicy {
        flex-direction: column;
        gap: 20px;
    }
    
}

@media screen and (max-width: 720px) {
    .nFooterTitle {
        text-align: center;
    }    
}


@media screen and (max-width: 720px) {  
    .nFooterTitle {
        text-align: center;
        padding: 34px 0px;
        font-size: 24px;
    }
    .nFooterList {
        align-items: center; 
        flex-direction: column;
    }
    .nFooterFollow {
        margin-top: 20px;
    }
    .nFooterList > div {
        width: 100%;
        flex: unset;
        max-width: 350px;
    }
    .nFooterContTitle {
        font-size: 16px;
        width: 120px;
        padding-left: 61px;
        width: 155px;
    }
    .nFooterContText {
        font-size: 10px;
        width: calc(100% - 155px - 12px);
    }
    .nFooterCont {
        row-gap: 15px;
    }
    .nFooterCont > div {
        gap: 12px;
    }
    .nFooterList {
        gap: 23px;
    }
    .nFooterFollowText {
        font-size: 16px;
        text-align: center;
        max-width: unset;
        line-height: 120%;
    }
    .nFooterFollowList {
        width: 100%;
        max-width: 220px;
        margin: auto;
    }
    .nFooterFollowList a {
        width: 59px;
        height: 59px;
    }
    
    .nFooterMenu {
        gap: 10px;
        margin-top: 25px;
        display: block;
    }
    .nFooterMenuList {
        top: 28px;
    }
    .nFooterMenuA {
        font-size: 16px;
        line-height: 120%;
        display: block;
        padding: 6px 0px;
    }
    .nFooterMenuSub a {
        font-size: 12px;
    }
    .nFooterBottomLayer {
        flex-direction: column;        
    }
    .nFooterText {
        font-size: 10px;
        margin-bottom: 37px;
        max-width: 100%;
    }
    .nFooterPolicy {
        
        flex-direction: column;  
        gap: 20px;
        
    }

    .nFooterPolicy a {
        font-size: 8px;
        padding: 11px 18px;
    }
    .nFooterCopy {
        font-size: 8px;
        max-width: 350px;
        
    }
}
/*@media screen and (max-width: 420px) { 
    .nFooterTitle {
        font-size: 30px;
    }
}*/


@media screen and (max-width: 1650px) {  
    .nMainTopRight img {
        width: 130%;
        height: 130%;
        transform: translateX(0%);
        
    }
    .nMainTopBrief {
        font-size: 28px;
    }
}


@media screen and (max-width: 1520px) {   
    .nMainTopRightTriangle {
        width: 250px;    
    }
    .nMainTopRight img {
        width: 120%;
        height: 120%;
        transform: translateX(-5%);
        
    }
}

@media screen and (max-width: 1250px) {  
    .nMainTopH1 {
        font-size: 52px;
        width: 320px;
    }   
    .nMainTopBrief {
        font-size: 20px;
    } 
    .nMainTopLeft {
        width: 420px;
    }
    .nMainTopBlock {
        width: 110%;
        padding: 0px 10px 0px 20px;
        height: 56px;
    }
    .nMainTopBlockCalendar {
        width: 32px;
        height: 32px;
    }
    .nMainTopBlockText {
        font-size: 20px;
    }
    .nMainTopBlockButton {
        font-size: 18px;
        height: 35px;
        width: 126px;
    }
    .nMainTopLeft {
        padding-left: 40px;
    }
    .nMainTopRight {
        width: calc(100% - 420px);
    }
    .nMainTopRight img {
        width: 120%;
        height: 120%;
        transform: translateX(0%);
    }
    
    .nMainTopLayer {
        max-height: 500px;
    }
}
@media screen and (max-width: 850px) {  
        
    .nMainTopRightTriangle {
        width: 175px;    
    }
}


@media screen and (max-width: 750px) {  
    .nMainTopLayer {
        flex-direction: row-reverse;
    }    
    .nMainTopLeft {
        width: 100%;
        order: 2;
        align-items: center;
    }
    .nMainTopRight {
        width: 100%;
        order: 1;
        height: 489px;
    }
    .nMainTopRightTriangle {
        width: 100%;    
        height: 275px;
        clip-path: polygon(100% 0, 0% 100%, 100% 100%);
        top: unset;
        left: 0px;
        bottom: -1px;
    }
    .nMainTopH1 {
        text-align: right;
        margin-top: 0px;
        
        position: absolute;
        top: -160px;
        right: 20px;
    }
    .nMainTopLeft {
        padding: 0px 20px;
    }
    
    
    .nMainTopRight img {
        width: 140%;
        height: 140%;
        transform: translateX(-20%);
        
    }
    .nMainTopBlock {
        max-width: 450px;
        width: 100%;
    }
    .nMainTopBrief {
        max-width: 450px;
        text-align: center;
        padding-top: 160px;
    }
}

@media screen and (max-width: 450px) { 
    .nMainTopBlockText {
        font-size: 18px;            
    }
}
@media screen and (max-width: 420px) {  
    .nMainTopH1 {
        font-size: 36px;
        width: 190px;
        line-height: 160%;
    }
    .nMainTopRight img {
        width: 100%;
        height: 100%;
        transform: translateX(0%);
        
    }
    .nMainTopBrief {
        padding-top: 90px;
        font-size: 18px;
    }    
    .nMainTopBlockCalendar {
        width: 39px;
        height: 39px;
    }
    .nMainTopBlock {
        height: 75px;
        padding: 0px 15px 0px 18px;
        max-width: 340px;
    }
    .nMainTopBlockText {
        font-size: 16px;
    }
    .nMainTopBlockButton {
        font-size: 12px;  
        width: 89px;
        height: 40px;      
    }
}
@media screen and (max-width: 380px) {  
    .nMainTopBlockCalendar {
        width: 30px;
        height: 30px;
    }   
    .nMainTopBlock {
        height: 75px;
        padding: 0px 15px 0px 15px;
    }
}
@media screen and (max-width: 630px) {  
    .nMainH2 {
        font-size: 32px;
        padding: 35px 0px;
    }    
}

@media screen and (max-width: 420px) {  
    .nMainH2 {
        font-size: 28px;
        padding: 35px 0px;
    }  
    
    .nDesH1, .nDesH2, .nDesH1One {
        font-size: 20px;
        margin-bottom: 5px;
        padding-top: 35px;
    } 
    
}


@media screen and (max-width: 1650px) {  
    .nMainSecBg {
        padding: 96px 0px 115px 0px;
    }    
    .nMainSecText p {
        font-size: 28px;
    }
    .nMainSecText {
        justify-content: space-around;
    }
}
@media screen and (max-width: 1250px) {
    .nMainSecText p {
        font-size: 20px;
    }
    .nMainSecImg {
        height: 400px;
    }
    .nMainSecText b, .nMainSecText strong {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 750px) { 
    .nMainSecLayer {
        flex-direction: column;
        gap: 53px;
    }    
    .nMainSecImg {
        width: 100%;
    }
    .nMainSecText {
        width: 100%;
    }
    .nMainSecText {
        gap: 20px;
    }
    
    .nMainSecBg {
        padding: 50px 0px;
    }
}

@media screen and (max-width: 420px) {  
    .nMainSecText p {
        font-size: 18px;
    } 
    .nMainSecText b, .nMainSecText strong {
        font-size: 19px;
    }
    
}


@media screen and (max-width: 1650px) {  
    .nMainEdItemBrief {
        padding-right: 20px;
    }    
}
@media screen and (max-width: 1450px) {  
    .nMainEdItemTitle {
        font-size: 20px;    
    }
    
}
@media screen and (max-width: 1300px) {  
    .nMainEdItem {
        width: 50%;
        flex: unset;
        padding-bottom: 50px;
    } 
    .nMainEdItem:nth-child(3) {
        width: 33.3333%;
    }
    .nMainEdItem:nth-child(4) {
        width: 33.3333%;
    }
    .nMainEdItem:nth-child(5) {
        width: 33.3333%;
    }
    .nMainEdList {
        flex-wrap: wrap; 
    }
}
@media screen and (max-width: 750px) {  
    .nMainEdItem {
        width: 50% !important;
        padding-bottom: 40px;
    }  
    .nMainEdItem:nth-child(5) {
        width: 100% !important;
    }    
    .nMainEdItemImg {
        aspect-ratio: 1.2421875;
    }      
    .nMainEdItemImg img {
            object-position: 50% 50%;
    }   
    .nMainEdItem:nth-child(5) .nMainEdItemImg {
        aspect-ratio: 2.377;
    } 
    .nMainEdItemTitle {
        padding: 8px 13px 11px;
        font-size: 24px;
    }
    .nMainEdItemBrief {
        padding: 0px 13px;
        font-size: 18px;
    }
      
    .nMainEdItem:nth-child(5) .nMainEdItemTitle {
        text-align: center;
        padding-top: 28px;
    } 
    .nMainEdItem:nth-child(5) .nMainEdItemBrief {
        max-width: 550px;
        margin: auto;
    }
    .nMainEdList { 
        padding-top: 36px;    
        padding-bottom: 36px;    
    }
}
@media screen and (max-width: 420px) { 
    .nMainEdItemTitle {
        padding: 8px 13px 11px;
        font-size: 19px;
    } 
    .nMainEdItemBrief {
        font-size: 16px;
    }
}

@media screen and (max-width: 1830px) { 
    .nMainSocLayer {
        padding: 67px 55px 0px;        
    }    
}
@media screen and (max-width: 1650px) { 
    .nMainSocItem {
        width: 28%;
    }   
    .nMainSocLayer {
        gap: 50px 44%;
    } 
    .nMainSocArr1 {
        width: 5%;
    }
    .nMainSocArr2 {
        width: 8%;
        top: 48%;
        width: 7%;
    }
    .nMainSocArr3 {
        width: 5%;
        left: 0px;
        right: 0px;
        margin: auto;
        top: 53%;
    }
    .nMainSocArr4 {
        width: 5%;
        left: 62%;
    }
    .nMainSocArr5 {
        width: 7%;
        top: 48%;
    }
    .nMainSocCenter {
        top: 100px;    
    }
}
@media screen and (max-width: 1500px) {
    .nMainSocCenter {
        top: 80px;    
    }   
    .nMainSocItem {
        font-size: 20px;
        min-height: 196px;
    }
    .nMainSocArr {
        width: 4%;    
    }
    .nMainSocArr2 {
        left: 34%;
    }
    .nMainSocArr5 {
        left: 63%;
    }
    .nMainSocArr4 {
        left: 64%;
    }   
    .nMainSocLayer {
        gap: 100px 44%;
    } 
}
   


/*@media screen and (max-width: 1250px) { 
    .nMainSocItem {
        width: 24%;
        min-height: 156px;
    }   
    .nMainSocLayer {
        gap: 70px 52%;
        padding: 67px 55px 0px;
    } 
    .nMainSocCenter {
        transform: scale(0.8); 
        top: 100px;
    }
    .nMainSocArr {
        width: 7%;
    }
    .nMainSocArr1 {
        top: 25%;
        left: 30%;
    }
    .nMainSocArr2 {
        left: 31%;
    }
    .nMainSocArr4 {
        left: 63%;
        
        top: 21%;
        transform: rotate(154deg);
    }
    .nMainSocArr3 {
        width: 4%;
    }
}*/

@media screen and (max-width: 1250px) { 
    .nMainSocArr {
        display: none;
    }        
    .nMainSocCenter {
        transform: scale(1); 
        top: 50px;
    } 
    .nMainSocLayer {
        gap: 50px 50px;
        padding: 67px 55px 67px;
        padding-top: 450px;
        align-items: stretch;
    } 
    .nMainSocItem {
        width: calc(50% - 25px);
        
    } 
    .nMainSocItem5 {
        transform: translateY(0px);
    }
}
@media screen and (max-width: 750px) { 
    .nMainSocItem {
        width: 100%;
        padding: 32px 34px;
        min-height: 145px;
        font-size: 20px;
    }
    .nMainSocLayer {
        gap: 50px;
        
        padding: 67px 20px 67px;
        padding-top: 450px;
    }
    
    
    .nMainSocItem1 {
        order: 1;
    }
    .nMainSocItem2 {
        order: 2;
    }
    .nMainSocItem3 {
        order: 5;
    }
    .nMainSocItem4 {
        order: 4;
    }
    .nMainSocItem5 {
        order: 3;
    }
}
@media screen and (max-width: 420px) { 
    .nMainSocItem {
        font-size: 18px;
        padding: 20px 20px;
        min-height: 120px;
    }    
    .nMainSocLayer {
        gap: 30px;
        
        padding: 30px 20px 30px;
        padding-top: 450px;
    }
    .nMainSocCenter {
        transform: scale(0.8);
        top: 50px;
    }
}


@media screen and (max-width: 1650px) { 
    .nMainFamText {
        font-size: 28px;
    }  
}
@media screen and (max-width: 1450px) { 
    .nMainFamImg img {
        object-position: 80% 50%;
    }  
}
@media screen and (max-width: 1250px) { 
    .nMainFamText {
        font-size: 20px;
        gap: 20px;
    }  
        
}
@media screen and (max-width: 750px) { 
    .nMainFamLayer {
        flex-direction: column;
    }  
    .nMainFamText {
        width: 100%;
        padding: 57px 20px;
        font-size: 20px;
    } 
    .nMainFamText p {
        width: 100% !important;
    }
    .nMainFamImg {
        width: 100%;
        height: 740px;
        overflow: hidden;
    }
    .nMainFamTriangle {
        top: -1px;
        width: 101%;
        clip-path: polygon(0 0, 100% 100%, 100% 0);
        height: 260px;        
    } 
    .nMainFamImg img {
        object-position: 90% 50%;
    } 
}

@media screen and (max-width: 420px) {  
    .nMainFamText {
        font-size: 18px;  
        padding: 30px 20px;  
    }
    .nMainFamImg {
        height: 450px;
    }
    .nMainFamTriangle {
        height: 150px;
    }
}

@media screen and (max-width: 1650px) { 
    .registrationItemText div {
        min-height: 87px;    
        
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
    }
}
@media screen and (max-width: 1300px) { 
    .registrationList {
        gap: 40px;
    }    
}

@media screen and (max-width: 900px) { 
    .registrationItemText div {
        font-size: 28px;
        min-height: 68px; 
    }    
}


@media screen and (max-width: 750px) { 
    .registrationList {
        flex-direction: column;
        max-width: 450px;
        margin: auto;
        gap: 60px;
        padding-bottom: 60px;
    }   
    .registrationItemText div {
        font-size: 36px;
        min-height: unset; 
    }   
    .registrationButtonList {
        height: unset;
    }
    .registrationItem {
        margin-bottom: 0px;
    }
}
@media screen and (max-width: 630px) { 
       
    .registrationItemText div {
        font-size: 28px;
        min-height: unset; 
    }  
    .registrationButton {
        font-size: 24px;
    }
    .registrationButtonList {
        margin-top: 20px;
    }
    .registrationItemPhoto {
        margin-bottom: 26px;
    }
}

@media screen and (max-width: 420px) { 
         
    .registrationItemText div {
        font-size: 20px;
        min-height: unset; 
    }   
    .registrationButton {
        font-size: 18px;
    }
}


@media screen and (max-width: 1150px) {  
    .nSteamImg {
        margin-bottom: 20px;
    }  
    .nSteamTitle {
        margin-bottom: 11px;
    }  
}

@media screen and (max-width: 1080px) and (min-width: 700px) {  
    .nSteamList {
        gap: 30px;
        flex-wrap: wrap; 
    } 
    .nSteamItem {
        flex: unset;
    } 
    .nSteamItem:nth-child(1) {
        width: calc(50% - 15px);
    }    
    .nSteamItem:nth-child(2) {
        width: calc(50% - 15px);
    }   
       
    .nSteamItem:nth-child(3) {
        width: calc(33.3333% - 20px);
    } 
       
    .nSteamItem:nth-child(4) {
        width: calc(33.3333% - 20px);
    } 
       
    .nSteamItem:nth-child(5) {
        width: calc(33.3333% - 20px);
    }   
}
@media screen and (max-width: 700px) { 
    .nSteamList {
        gap: 10px;
        flex-wrap: wrap; 
    } 
    .nSteamItem {
        flex: unset;
        width: calc(50% - 5px);
        margin-bottom: 11px;
    } 
        
}
@media screen and (max-width: 630px) {  
    .nSteamLayer {
        padding-top: 24px;
        padding-bottom: 18px;
    }  
    .nSteamLayer .layer {
        position: relative;
    }
    .nSteamTop {
        font-size: 18px;
        position: absolute;
        top: -85px;
        left: 0px;
        right: 0px;
        margin: auto;
        min-height: 44px;
        
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center; 
    }
    .nSteanH2 {
        margin-bottom: 30px;
    }
}
@media screen and (max-width: 420px) {   
    .nSteamTitle {
        font-size: 19px;
        padding-right: 10px;
    }    
    .nSteamBrief {
        font-size: 14px;
        padding-right: 10px;
    }
}

@media screen and (max-width: 630px) { 
    .nMainH2LayerWithBrief .nMainH2 {
        padding-bottom: 35px;
    }
    .nMainH2Brief {
        padding-bottom: 0px;
/*        position: absolute;
        bottom: -70px;
        left: 0px;
        right: 0px;
        margin: auto;*/
        font-size: 20px;
        min-height: 44px;
        
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin-top: -30px;
        margin-bottom: 20px;
    } 
    .nMainH2LayerWithBrief {
        position: relative;
    } 
    .nTwoSteam {
        padding-top: 30px;
    }  
}


@media screen and (max-width: 1750px) { 
    .nTwoSteamText {
        font-size: 28px; 
    }   
}

@media screen and (max-width: 1750px) { 
    .nTwoSteamList {
        gap: 50px;
    }  
    .nTwoSteamImg {
        flex: 1;
    } 
    .nTwoSteamText {
       flex: 1.5;
    }   
}

@media screen and (max-width: 1250px) { 
    .nTwoSteamText {
        font-size: 20px; 
        padding: 15px 0px;
    } 
}

@media screen and (max-width: 750px) { 
    .nTwoSteamList {
        flex-direction: column;
        gap: 30px;
    }
    .nTwoSteamImg {
        flex: unset;
        width: 100%;
    }
    .nTwoSteamText {
        flex: unset;
        width: 100%;
    } 
    .nTwoSteamText p {
        padding: 20px 0px;
    }   
}

@media screen and (max-width: 420px) { 
    .nTwoSteamText {
        font-size: 20px;
    } 
    .nTwoSteamText p {
        padding: 10px 0px;
    } 
    .nMainH2LayerWithBrief .nMainH2 {
        padding: 35px 0px;
    }
        
}


@media screen and (max-width: 1650px) { 
    .nCharText {
        font-size: 28px;
        
    } 
}    
@media screen and (max-width: 1250px) { 
    .nCharText {
        font-size: 20px;
    }    
}
@media screen and (max-width: 1300px) { 
    .nCharRightBottom a {    
        font-size: 36px;
        border-radius: 20px;  
        padding: 17px 57px;  
    }
}


@media screen and (max-width: 1150px) { 
    .nCharRight {
        width: 50%;
        padding: 25px 30px;
    }
    .nCharImg {
        width: 50%;
        border-width: 20px ;
    }
}


@media screen and (max-width: 750px) { 
    .nCharList {
        flex-direction: column;
    }   
    .nCharImg {
        width: 100%;
    } 
    .nCharRight {
        width: 100%;
    }
    .nCharText {
        font-size: 20px;
        padding-bottom: 10px;
    }
    .nCharText p {
        padding-bottom: 20px;
    }
    .nCharRightBottom a {
        border-radius: 100px;
        padding: 16px 62px;
    }
}
@media screen and (max-width: 420px) { 
     
    .nCharText p {
        padding-bottom: 20px;
    }   
    .nCharText {
        font-size: 20px;
    }
}
@media screen and (max-width: 370px) { 
    .nCharRightBottom a {
        padding: 16px 48px;
    }
    
}


@media screen and (max-width: 1750px) {  
    .nBillText {
        font-size: 28px;
        padding: 30px 55px 30px 20px;
    }    
}

@media screen and (max-width: 1300px) { 
    .nBillText {
        font-size: 24px;
        width: 60%;
    }  
    .nBillText p {
        padding: 15px 0px;
    }
    .nBillImg {
        width: 40%;
    }
    .nBillTriangle {
        width: 150px;
    }  
    .nBillText {
        padding: 30px 20px 30px 20px;
    }
}
@media screen and (max-width: 1250px) { 
    .nBillText {
        font-size: 20px;
    }    
}
@media screen and (max-width: 1000px) { 
    .nBillText {
        width: 70%;
    }  
    .nBillText p {
        padding: 15px 0px;
    }
    .nBillImg {
        width: 30%;
    }
    .nBillTriangle {
        width: 100px;
    }  
    .nBillText {
        font-size: 20px;
        padding: 30px 20px 30px 20px;
    }
}
@media screen and (max-width: 750px) { 
    .nBillList {
        flex-direction: column;
            
    } 
    .nBillText {
        width: 100%;
    }   
    .nBillImg {
        width: 100%;
    }
    .nBillTriangle {
        width: 100%;
        height: 160px;
        top: unset;
        bottom: -1px;
    }
    .nBillText {
        padding-top: 15px;        
    }
}

@media screen and (max-width: 620px) { 
    .nBillTriangle {
        height: 100px;    
    }
}

@media screen and (max-width: 420px) { 
       
    .nBillText {
        font-size: 18px;
        padding: 15px 20px 30px 20px;
    } 
    .nBillTriangle {
        height: 80px;    
    }
}

@media screen and (max-width: 1750px) { 
    .nOrgList {
        display: flex;
        gap: 50px;
        padding: 0px 125px 82px;    
    }
}
@media screen and (max-width: 1650px) { 
    .nOrgList {
        display: flex;
        gap: 50px;
        padding: 0px 0px 82px;    
    }
}

@media screen and (max-width: 1300px) { 
    .nOrgTopTitle {
        font-size: 24px;
    }    
}

@media screen and (max-width: 1000px) { 
    .nOrgList {
        gap: 30px;
    }        
}

@media screen and (max-width: 750px) { 
    .nOrgList {
        flex-direction: column;
    } 
    .nOrgItem {
        width: 100%;
        max-width: 550px;
        margin: auto;
    }    
    .nOrgTopTitle {
        font-size: 20px;
    } 
    .nOrgTitle {
        padding: 20px 0px;
    }   
}

@media screen and (max-width: 420px) { 
    .nOrgTopTitle {
        font-size: 20px;
        letter-spacing: 0px;
    }    
}


@media screen and (max-width: 1850px) { 
    .nApp .layer {
        padding: 0px 0px 152px;        
    }
}

@media screen and (max-width: 1750px) { 
    .nAppItemTitle {
        font-size: 28px;            
    }
}
@media screen and (max-width: 1500px) { 
    .nAppItemTitle {
        font-size: 24px;            
    }
}
@media screen and (max-width: 1350px) { 
    .nAppImg:after {
        width: 48px;            
    }
    .nAppList {
        gap: 35px;
    }
    .nAppItemTitle::after {
        height: 36px;
        font-size: 30px;
    }
    .nAppItemTitle {
        padding-left: 25px;
    }
    .nAppItemTitle {
        font-size: 20px;            
    }
    .nAppButton {
        font-size: 14px;
        padding: 2px 15px;
        margin-top: 2px;
    }
    .nAppTitle {
        font-size: 20px;
        padding: 30px 0px 30px;
    }
}
@media screen and (max-width: 1100px) { 
    .nAppItemTitle {
        font-size: 16px;            
    }
}
@media screen and (max-width: 900px) { 
        
    .nAppImg:after {
        width: 25px;            
    }
    .nAppList {
        gap: 10px;
    }
}


@media screen and (max-width: 760px) { 
     
    .nAppTitle {
        font-size: 20px;
        padding: 86px 0px 56px; 
    }
    .nAppList {
        flex-direction: column;
        max-width: 463px;
        margin: auto;
        gap: 0px;
    }
    
    .nAppItemTitle {
        padding: 25px 0px 25px 155px;
        font-size: 36px;
    }
    .nAppButton {
        font-size: 20px;
        padding: 9px 30px;
        margin-top: 14px;
    }
    .nAppItemTitle::after {
        font-size: 48px;
        left: 84px;
        height: 50px;
    }
    .nAppImg:after {
        height: 200px;
        width: 115px;
        background: url(../img/nAppImgArrMob.svg) no-repeat 50% 50%;
        background-size: contain;
        left: -60px;
        bottom: -50%;
        top: unset;
    }
    .nAppItem {
        padding: 0px 30px;
    }
}


@media screen and (max-width: 550px) { 
    .nAppItemTitle {
        padding: 25px 0px 25px 100px; 
    }  
    .nAppItemTitle::after {
        font-size: 40px;
        left: 60px;
        height: 48px;
    }
    .nAppButton {
        display: block;
        margin-top: 3px;
        width: fit-content;
    }
    
    .nAppItem {
        padding: 0px 0px 0px 30px;
    }
}


@media screen and (max-width: 430px) { 
    .nAppItemTitle {
        padding: 0px 0px 0px 80px; 
        font-size: 20px;
    }  
    .nAppItemTitle::after {
        font-size: 28px;
        left: 50px;
        height: 34px;
    }
    
    .nAppImg:after {
        height: 141px;
        aspect-ratio: 0.575;
        background: url(../img/nAppImgArrMob.svg) no-repeat 50% 50%;
        background-size: contain;
        left: -57px;
        bottom: -48%;
        top: unset;
    }
    .nAppButton {
        display: block;
        margin-top: 3px;
        width: fit-content;
        font-size: 18px;
        padding: 4px 20px;
    }
    .nAppTitle { 
        font-size: 20px;
        padding: 35px 0px;    
    }
    
    .nAppItem {
        padding: 0px 0px 25px 30px;
    }
}
@media screen and (max-width: 1700px) { 
    .nTutTopTitle h2 {
        font-size: 64px !important;                
    }
    .nTutTopTitle span {
        padding-top: 20px;
    }
}

@media screen and (max-width: 1200px) { 
    .nTutTopRight {
        width: 42% !important;
        aspect-ratio: 1.64 !important;
        min-height: 300px;
    }    
    
    .nTutTopLeft {
        width: 58% !important;
    }
    .nTutTopRightTriange {
        width: 133px !important;
    }
    .nTutTopTitle h2 {
        font-size: 48px !important;
    }
    .nTutTopTitle span {
        font-size: 24px !important;
    } 
}
@media screen and (max-width: 750px) { 
      
    .nTutTopTitle h2 {
        font-size: 32px !important;
        padding: 0px 20px;
        padding-bottom: 10px;
        position: relative;
        z-index: 3;
    }
    .nTutTopTitle span {
        font-size: 20px !important;
        padding: 0px 20px;
    }  
    .nTutTopRight {
        width: 40% !important;
        aspect-ratio: 1.64 !important;
        min-height: 300px;
    }    
    
    .nTutTopLeft {
        width: 60% !important;
    } 
    .nTutTopRightTriange {
        width: 90px !important;
    }
}
@media screen and (max-width: 420px) { 
    .nTutTopTitle h2 {
        font-size: 24px !important;
    }
    .nTutTopTitle span {
        font-size: 14px !important;
    } 
    .nTutTopRight {
        min-height: 160px;
    } 
    .nTutTop3 .nTutTopTitle h2 {
        font-size: 24px !important;
    } 
}
@media screen and (max-width: 1200px) { 
    .nTutTrial {
        font-size: 36px !important;
        padding: 30px 0px;
    }
    .nTutName, .nTutDiscount {
        font-size: 34px !important;    
    }
    .nTutLine div, .nTutLine span, .nTutDiscountBrief {
        font-size: 34px !important; 
    }
        
    .nTutTop2, .nTutTop3 {
        margin-bottom: 55px;
    }
    .nTutDiscountText {
        padding: 23px 30px;    
    }
}

@media screen and (max-width: 750px) { 
    .nTutTrial {
        font-size: 24px !important;
        padding: 30px 0px;
    }
    
    .nTutName, .nTutDiscount {
        font-size: 20px !important;    
    }
    .nTutLine div, .nTutLine span, .nTutDiscountBrief {
        font-size: 20px !important; 
    }
    .nTutLine span {
        font-size: 32px !important;  
        padding: 15px 15px; 
        
    }
    .nTutName, .nTutLine div {
        padding: 22px 20px;
    }
    
    .nTutLayer {
        padding: 0px 0px 30px;
    }
    .nTutLine {
        gap: 10px;
    }
    
    .nTutDiscountText {
        padding: 13px 20px;    
        font-size: 12px;
        margin-bottom: 0px;
    }
    .nTutDiscountText i {
        font-size: 10px;
    }
    .nTutDiscountText b, .nTutDiscountText strong {
        font-size: 20px;
        padding-bottom: 8px;
    }
    
}

@media screen and (max-width: 420px) { 
    .nTutLine span {
        font-size: 24px !important;  
        padding: 15px 15px; 
        width: 150px;
        
    } 
    .nTutLine div {
        width: calc(100% - 150px);     
    }
    .nTutName, .nTutLine div {
        padding: 15px 10px;
    }   
}

@media screen and (max-width: 1750px) { 
    .nLunchText {
        font-size: 28px;        
    }
    
    .nLunchText {
        width: 60%;   
    }
    .nLunchImg {
        width: 40%;
    }
}

@media screen and (max-width: 1350px) { 
    .nLunchText {
        padding: 50px 0px 50px 43px;        
    }
    .nLunchImg {
        border: 25px solid #F2F0E4;    
    }
    
    .nLunchText {
        width: 50%;   
    }
    .nLunchImg {
        width: 50%;
    }
}

@media screen and (max-width: 1250px) { 
    .nLunchText {
        font-size: 20px;
    }    
}
@media screen and (max-width: 920px) { 
    .nLunch {
        display: grid;
        gap: 0px;
    } 
    .nLunchText {
        width: 100%; 
        order: 2;  
        padding: 40px 20px;
    }
    .nLunchImg {
        width: 100%;
        order: 1;
    }  
    
    .nLunchImg {
        aspect-ratio: 1.5; 
    }
}

@media screen and (max-width: 750px) { 
        
    .nLunchImg {
        aspect-ratio: 1.28; 
    }
}

@media screen and (max-width: 420px) { 
    .nLunchText {
        font-size: 16px;
    }   
}
@media screen and (max-width: 1420px) and (min-width: 1350px) { 
    .nContactInfoTitle {
        font-size: 24px;  
        width: 185px;
    }
    .nContactInfoText {
        width: calc(100% - 185px - 39px);
    }
}
@media screen and (max-width: 1350px) { 
/*    */
    .nContactLeft {
        flex-direction: column;
        align-items: center;
        width: 55%;
    }
    .nContactRight {
        width: 45%;
    }
    .nContactInfo {
        width: 100%;
        max-width: 700px;
        padding: 66px 40px 0px;
    }
    .nContactMap {
        margin-top: 35px;
    }
    .nContactFollow {
        margin-top: 29px;
    }
    .nContactFollowText {
        margin-bottom: 28px;
    }
    .nContactFollowList a {
        width: 82px;
        height: 82px;
    }
    
    .nContactForm {
        width: 100%;
        max-width: 700px;
        padding: 35px 40px 47px;
    }
    .nContactFormTitle {
        text-align: left;
    }
    .nContactFormInput input, .nContactFormTextarea textarea {
        
    }
    .nContactRightButtonList {
        gap: 30px;
    }
    
}
@media screen and (max-width: 1000px) and (min-width: 750px) { 
    .nContactRightText {
        font-size: 16px;            
    }
    .nContactInfoText {
        font-size: 16px;            
    }
    .nContactSendButton {
        padding: 9px 40px;
    }
    .nContactAccept {
        padding: 22px 0px 36px;  
        gap: 16px;
        font-size: 14px;          
    }
/*    .nContactRightVac, .nContactRightSend {
        font-size: 20px;
        padding: 8px 20px;    
    }*/
    
    .nContactRightSend {
        padding: 9px 40px;
    }
}
@media screen and (max-width: 920px) and (min-width: 750px) { 
    .nContactInfoTitle {
        font-size: 24px;
        width: 185px;
    } 
    .nContactInfoText {
        width: calc(100% - 185px - 15px);
    }  
    .nContactCont > div {
        gap: 15px;
    } 
}
@media screen and (max-width: 750px) { 
    .nContact {
        flex-direction: column;
        align-items: center;
    }
    .nContactLeft {
        width: 100%;            
    }
    .nContactRight {
        width: 100%;           
    }
    
    .nContactInfo {
        max-width: 550px;
    }
    .nContactForm {
        max-width: 550px;
    }
}
@media screen and (max-width: 550px) { 
    .nContactInfo {
        padding: 66px 20px 0px;
    }
    .nContactForm {
        padding: 35px 20px 47px;
    }
    
    .nContactAccept {
        padding: 22px 0px 36px;  
        gap: 16px;
        font-size: 14px;          
    }
    .nContactInfoText {
        font-size: 16px;            
    }
    body .intl-tel-input .flag-dropdown .arrow {
        right: -13px !important;
    }
}
@media screen and (max-width: 420px) { 
    .nContactCont > div {
        gap: 15px;
    }
    .nContactInfoTitle {
        font-size: 24px;     
        width: 180px; 
        padding-left: 60px;     
    }
    
    .nContactInfoText {
        width: calc(100% - 170px - 15px);
    }  
    .nContactFollowText {
        font-size: 28px;
        text-align: left;
    }
    .nContactFormTitle {
        font-size: 28px;            
    }
    .nContactFormInput input, .nContactFormTextarea textarea {
        font-size: 18px;  
        border-radius: 27px;          
    }
    .nContactSendButton {
        padding: 9px 50px;
    }
    .nContactRightText {
        font-size: 16px;            
    }
    .nContactRightVac, .nContactRightSend {
        font-size: 24px;
        padding: 8px 40px;    
    }
    .nContactInfo {
        padding: 30px 20px 0px;
    }
    .nContactRightText {
        padding: 0px 20px 34px;
    }
    .nContactSendButton {        
        font-size: 24px;
        padding: 8px 40px;           
    }
}

@media screen and (max-width: 360px) {
    .nContactInfoText {
        font-size: 14px;
    }    
}


@media screen and (min-width: 1300px) {
    
    .subMenuList a { 
        padding-bottom: 8px;    
    }
    .subMenuList { 
        transition: opacity .5s ease, visibility .5s ease, transform .3s ease;
        opacity: 0;
        visibility: hidden;
        
        position: absolute;
        top: 36px;
        left: -20px;
        
        transform: translateY(5px);
        padding-top: 8px;
        background: #fff;
        padding-bottom: 2px;
        padding-left: 20px;
        padding-right: 20px;
        width: max-content;
        box-shadow: 0px 11px 7px -6px rgba(119, 149, 139, 0.25);
        box-shadow: 0px 8px 5px -1px rgba(119, 149, 139, 0.25);
        /*box-shadow: 0px 8px 9px 0px rgba(119, 149, 139, 0.25);*/
        
        position: absolute;
        top: 34px;
        left: -20px;
        margin: auto;
    }


    .subMenu:hover .subMenuList {
        opacity: 1;
        visibility: visible;
        transform: translateY(0px);
    }
    
    .menuA, .subMenu {
        position: relative;
        cursor: pointer;
        transition: color .2s ease;
    }

    .subMenuList a:hover {
        color: #77958B;
    }
    .subMenuTitle {
        transition: color .5s ease;
        position: relative;
    }
    .subMenuTitle:after {
        content: " ";
        position: absolute;
        top: 0px;
        bottom: 0px;
        right: -17px;
        margin: auto;
        width: 9px;
        height: 6px;
        background: url("../img/arrDown.svg") 50% 50%;
        transition: filter .5s ease;
    }
    .subMenuTitle:hover:after {
        filter: invert(63%) sepia(19%) saturate(321%) hue-rotate(109deg) brightness(86%) contrast(90%);
    }
    .subMenuTitle:hover, .menuA:hover {
        color: #77958B;
    }
}

@media screen and (max-width: 1299px) {
    
    .subMenuArr {
        position: absolute;
        top: 0px;
        right: 8px;
        margin: auto;
        width: 30px;
        height: 29px;
        background: url(../img/arrDown.svg) 50% 50% no-repeat;
        transition: filter .5s ease, transform .5s ease;
        filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);      
    }
    .subMenuActive .subMenuArr {
        transform: rotateX(-180deg);
    }

    
    .subMenuTitle:after {
        display: none;
    }
    .menuA, .subMenu {
        width: 222px;
        text-align: left;
    }  
    .subMenuActive .subMenuList {
        opacity: 1;
        visibility: visible;
        transform: translateY(0px);
    }
    .subMenuActive {
        margin-bottom: 0px !important;
    }
    .subMenuList {
        padding-top: 5px;
        
        transform: translateY(-10px);
    }
    .subMenuList a {
         color: #fff;
         font-size: 20px;
         line-height: 37px;
    } 
    .subMenu {
        overflow: hidden;
        position: relative;
    }
    .menu {
        min-height: fit-content;
        flex-wrap: nowrap;
    }
    
    .menuShow .menuHeaderLogin {
        opacity: 1;
        visibility: visible;
    }
    .subMenuTitle {
        display: inline-block;
        color: #fff;
    }
    
/*    .subMenuTitle:after {
        content: " ";
        position: absolute;
        top: 0px;
        bottom: 0px;
        right: 8px;
        margin: auto;
        width: 9px;
        height: 6px;
        background: url("../img/arrDown.svg") 50% 50%;
        transition: filter .5s ease, transform .5s ease;
        filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
    }*/
/*    .subMenuActive .subMenuTitle:after {
        filter: invert(63%) sepia(19%) saturate(321%) hue-rotate(109deg) brightness(86%) contrast(90%);
        
    }*/
/*    .menuA:hover {
        color: #77958B;
    }*/
    .subMenuActive .subMenuTitle:after {
        transform: rotateX(-180deg);
    }
/*    .subMenuActive .subMenuTitle {
        color: #77958B;
    }*/
}

@media screen and (max-height: 520px) {
    .menuShow .menuHeaderLogin {
        bottom: 20px;
    }
}
/*@media screen and (max-height: 620px) {
    .menuLang {
        top: 30px;
    }
}*/
@media screen and (max-width: 700px) {
    body .nFooterMenuA:hover {
        color: #20485D !important;
    }
}

@media screen and (max-width: 630px) {
    .nAppTitle {
        font-size: 20px;
    }    
}