@media (max-width: 1699.9px){
  .ttl.lg{font-size: 48px}
  .conferences .item{width: calc(50% - 12px)}
}
@media (max-width: 1499.9px){
  .intro{padding: 50px 50px 0 48%;}
  .intro .teleg-links{margin-bottom: 40px}
}
@media (max-width: 1299.9px){
  .mb100{margin-bottom: 80px;}
  .mb75{margin-bottom: 50px;}
  .mb60{margin-bottom: 40px;}
  .intro{padding: 30px 30px 0 26%;}
  .intro .img-box{width: 25%;}
  .intro .img-box:after{background-position: top;}
  .intro .social{margin: 0 auto 0 0;}
  .intro .social a {margin: 0 18px 0 0}
  .intro .teleg-links{justify-content: flex-start; margin-right: auto;}
  .conferences .text-box{width: calc(50% - 12px); margin-bottom: 50px}
  .conferences .item{margin-bottom: 50px}
  .conferences .item .caption{padding: 24px 30px 0 30px;}
  .footer{padding: 50px 0 60px}
}
@media (max-width: 1199.9px){


}
@media screen and (max-width: 1024px){
  .exp-list li{width: 100%;}
  .exp-list li:not(:last-child){border-bottom: 3px solid #fff; padding-bottom: 15px; margin-bottom: 25px;}
  .exp-list li .date{width: auto; max-width: max-content; height: 30px; padding: 0 15px; margin-bottom: 5px}
  .exp-list li .date br{display: none;}
  .exp-list li .date b:first-child:after{content: ' - '}
} 
@media (max-width: 991.9px){
  .footer .btn.icon-more{margin: 0 auto 10px;}
  .footer .social{width: 100%; justify-content: center; margin-bottom: 10px}
  .footer .teleg-links {width: 100%; justify-content: center;}
  .footer .teleg-links a{margin: 0 12px;}
}
@media (max-width: 767.9px){
  .mb120{margin-bottom: 80px;}
  .mb80{margin-bottom: 50px;}
  .mb60{margin-bottom: 35px;}
  .mb25{margin-bottom: 20px;}
  .mb20{margin-bottom: 15px;}
  .mb15{margin-bottom: 12px;}
  .ttl.lg {font-size: 36px;}
  .ttl.md {font-size: 24px;}
  .ttl.sm{font-size: 18px}
  .main{background-image: unset;}
  .intro{padding: 95% 15px 0;}
  .intro .img-box{width: calc(100% - 80px); height: auto;}
  .intro .img-box:after{display: none;}
  .mod-languages{width: 60px; position: absolute; top: 15px; right: 15px}
  .mod-languages .active-language{padding: 4px 10px}
  .mod-languages .active-language:before, .mod-languages .active-language:after{right: 10px}
  .mod-languages .lang-list{padding: 4px 10px}  
  .intro .social{margin: 0 auto 0 0;}
  .intro .social a {margin: 0 18px 0 0}
  .intro .teleg-links{justify-content: flex-start; margin-right: auto;}
  .taught .wrapper{padding: 30px 15px}
  .taught-list li{width: calc(33.3% - 8px)}
  .taught-list .logo{margin-bottom: 10px}
  .conferences .item .caption{padding: 18px 0 0;}
}
@media (max-width: 576px){
  .mb100{margin-bottom: 50px;}
  .mb75{margin-bottom: 40px;}
  .mb60{margin-bottom: 35px;}
  .mb40{margin-bottom: 30px;}
  .conferences .text-box{width: 100%; margin-bottom: 30px}
  .conferences .text-box .btn{margin: 20px 0 0 auto;}
  .conferences .item{width: 100%; margin-bottom: 40px}
  .conferences .item:last-child{margin-bottom: 0}
  .conferences .item .caption{padding-top: 10px;}
  .skills .wrapper{padding: 40px 10px 28px}
  .skills-list li{padding: 6px 12px; margin: 0 6px 12px}

}
@media (max-width: 480px){
  body{--border-radius: 8px;}
  .btn.icon-telegram{height: 36px; font-size: 14px; padding: 0 10px}
  .exp-list li .date{font-size: 12px}
  .exp-list .logo{width: 150px; margin-right: 18px}
  .intro{padding-top: 110%;}
  .intro .img-box{width: 100%;}
  .mod-languages .active-language{background: #F6F6F6}
  .mod-languages .lang-list{background: #F6F6F6}
  .taught-list li{width: 100%; margin-bottom: 24px}
}
@media (max-width: 480px){
  .skills .wrapper{padding: 40px 15px 28px}
  .skills-list li{width: 100%; max-width: 100%; white-space: normal;  margin: 0 0 12px}
  .footer .teleg-links a{margin: 0 9px;}
}
@media (max-width: 365px){
  .intro .teleg-links a{margin-bottom: 8px}
  .footer .teleg-links a{margin: 0 auto 9px;}
}