@media((max-width:1920px) and (min-width:1200px)){
    .wrap, .infoMain, .footerWrap, .pageWrap{
        width: 80%;
        margin:0 auto;
    }
}
@media((orientation:portrait) and (min-width:1200px)){
    .headerWrap .pageWrap{
        width: 95%;
    }
    .mainWrap .textContainer{
        grid-template-columns: 7% 93%;
    }
    .textContainer span{
        position: relative;
        top: 10px;
    }
    .sliderFoto{
        width: 100%;
    }
}
@media((orientation:portrait) and (max-width: 1200px)){
    .upperHeader{
        width: 95%;
    }
}
@media(max-width:1200px){
    .main{
        margin: 0 20px;
    }
}
@media((min-width:717px) and (max-width:1200px)){
    .norma .linkBlocks, .metodicInfo, .expert, .vacansy, .contactWrap{
        margin:0 20px;
    }
}
@media screen and (max-width: 991px) {
    .metodicInfo, .expert, .vacansy, .contactWrap{
        margin:0 20px;
    }
}
@media ((max-width:991px) and (min-width:767px)){
    .directoryBlock{
    width: 80%;
    display: flex;
    gap: 60px;
    }
    .expertPerconality {
    gap: 20px;
    }
}
@media(max-width:841px){
    .sp-slideshow #myBtn2{
        display:none;
    }
}
@media(max-width:800px){
    .modal-content{
        width:75% !important;
    }
}
@media((orientation:portrait) and (max-width:793px)){
    .upperHeader{
    grid-template-columns: 60% auto;
    }
}
@media(max-width:767px){
    h1, h2, h3{
        text-align:center;
    }
    .sp-slideshow{
        width: 520px;
    }
    .metodicInfo{
        margin:0 20px;
    }
    /*===================*/
     .directoryBlock{
         margin: 0 auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align:center;
     }
     .expertPerconality{
         display: flex;
        flex-direction: column;
        align-items: center;
     }
     
    .benefitsText{
       margin: 0 20px;
     } 
     
    .contactList{
       margin: 0 20px;
     }
     
     
    .footerLogo{
        width: 80%;
    }
}
@media(max-width:741px){
    .sp-slideshow input, .sp-slideshow label{
        display: none !important;
    }
}
@media(max-width:717px){
    .sp-slideshow{
        display:none;
    }
}
@media(max-width:650px) {
    .expertPerconality{
     grid-template-columns: 25% auto 20%;
}
}
@media(max-width:615px) {
  header #myBtn{
      position:relative;
      bottom: 5px;
  }
  .contact img {
  position: relative;
  top: 5px;
  right: 8px;
}
    
}
@media only screen and (max-width: 580px){
    .norma .linkBlocks{
        margin:0 20px;
    }
    .modal-header{
        position: relative;
        left: 50px;
    }
    .linkWrap {
        display: grid;
        grid-template-columns: 7% 75% 10%;
}
     /* Make form look nice on smaller screens */
   #contact-form{
      left: 3%;
        margin-left: 0;
        padding-left: 3%;
        padding-right: 3%; 
   }
}
@media (max-width: 479px) {
    h1, h2, h3{
        text-align:center;
    }
    .contactPhone{
        font-size:20px;
    }
    .navigation{
        margin-top:20px !important;
        display:flex;
        flex-direction:column;
    }
    .menuLink{
        margin:5px;
    }
    .linkWrap{
        display: flex;
        flex-direction: column;
        width: 85%;
        margin: 0 auto;
    }
    .linkWrap img{
        display:none;
    }
    .link{
        margin: 20px auto;
        width:140px;
    }
    .modal-content{
        width: 75% !important;
    }
    .information .trigger, .information .content{
        padding:0 20px;
    }
    .trigger::after{
        top:0 !important;
    }
    
    
    /*===================*/
    
    .metodicInfo{
        margin:0 20px;
    }
     /*===================*/
     .directoryBlock{
         margin: 0 auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align:center;
     }
     .expertPerconality{
         display: flex;
        flex-direction: column;
        align-items: center;
     }
     /*===================*/
     .benefitsHead img{
         display:none;
     }
     .benefitsText{
         margin: 0 20px;
     } 
     /*===================*/
     .contactList{
           margin: 0 20px;
     }
     .contact{
         display:block;
     }
     .contact img{
         display:none;
     }
    .footer{
        display:flex;
        flex-direction:column;
    }
    .footerWrap{
        display: flex;
        flex-direction: column;
        padding: 50px 0;
        text-align: center;
    }
    .footerLogo{
        margin: 0 auto;
        width: 100%;
    }
    .footerLogo img{
        width: 50%;
        display: block;
        margin: 0 auto;
    }
    .menu{
        margin-bottom:20px !important;
    }
    }
@media only screen and (max-width:430px){
    #contact-form{
        width: 330px;
        left: 62% !important;
    }
}
@media screen and (max-width: 360px), (orientation: portrait){
     #contact-form{
         top: -35px;
         margin-top:0 !important;
     }
     #contact-form textarea{
         height: 130px !important;
     }
}
@media only screen and (max-width:360px){
    #contact-form{
        left: 66% !important;
    }
}