@media screen and (max-width: 1720px) {
  .box {
    max-width: 90%;
  }

  .servicesItem {
    height: 520px !important;
  }
}

@media screen and (max-width: 1600px) {
  .buttons .box>div {
    position: relative;
    /* flex: 0 0 calc(50% - 50px); */
  }

  .buttons .box>div:nth-child(2):after {
    content: none;
  }
}

@media screen and (max-width: 1366px) {
  .modal.active {
    width: 90%;
  }

  section {
    margin-bottom: 60px;
  }

  .button {
    font-size: 16px;
    line-height: 150%;
  }

  .title {
    font-size: 36px;
    line-height: 100%;
  }

  .headerMenu ul {
    gap: 30px;
  }

  .headerMenu ul li {
    padding: 0;
  }

  .headerMenu ul li a {
    font-size: 16px;
    line-height: 100%;
  }

  .heroTitle {
    font-size: 40px;
    line-height: 120%;
  }

  .heroText {
    font-size: 20px;
    line-height: 100%;
  }

  .heroSlider {
    margin-top: 60px;
  }

  .heroSliderImg {
    height: 450px;
  }

  .buttons .box {
    gap: 30px;
  }

  .buttonsItem {
    flex: 0 0 calc(25% - 30px);
  }

  .teamTitle {
    padding-top: 2px;
  }

  .teamText {
    font-size: 20px;
    line-height: 150%;
  }

  .teamImage {
    height: 437px;
  }

  .bossName {
    font-size: 32px;
    line-height: 100%;
  }

  .bossInfo {
    flex: 0 0 calc(55% - 50px);
  }

  .bossText {
    font-size: 16px;
    line-height: 150%;
  }

  .appl .box {
    flex-direction: column;
  }

  .applInfo>div {
    display: flex;
  }

  .footer {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .footer .box {
    /* flex-direction: column; */
    gap: 50px;
  }

  .footerInfo {
    gap: 50px;
  }

  .footerNav {
    flex-direction: column;
    /* margin-bottom: 60px; */
  }

  .footerContactsBtn {
    margin-left: unset;
  }

  .footerContactsItem p:first-child,
  .footerContactsItem p:last-child {
    text-align: left;
  }

  .footerContactsPhone {
    font-size: 36px !important;
    line-height: 125% !important;
  }

  .contacts .box {
    gap: 110px;
  }

  .contactsList div {
    font-size: 24px;
    line-height: 100%;
  }

  .contactsList div:nth-child(2),
  .contactsList div:nth-child(4) {
    font-size: 36px;
    line-height: 100%;
  }

  .contactsInfo {
    flex: 0 0 calc(54% - 110px);
  }

  .contactsNet div {
    width: 54px;
    height: 54px;
  }

  .contactsNet div svg {
    width: 26px;
    height: 26px;
  }

  .eventsIntroTitle,
  .newsIntroTitle {
    font-size: 48px;
    line-height: 100%;
  }

  .eventsIntroImage,
  .newsIntroImage {
    height: 389px;
  }

  .eventsItems,
  .newsItems {
    gap: 30px;
    row-gap: 60px;
  }

  .eventsItem,
  .newsItem {
    flex: 0 0 calc(33.333% - 20px);
  }

  .eventsName,
  .newsName {
    font-size: 20px;
    line-height: 100%;
  }

  .event {
    margin-bottom: 60px;
  }

  .eventTitle {
    font-size: 36px;
    line-height: 100%;
  }

  .eventImage {
    height: 479px;
  }

  .fest {
    margin-bottom: 80px;
  }

  .festTab {
    margin-bottom: 60px;
  }

  .festImage {
    height: 466px;
  }

  .speakersItems {
    gap: 25px;
  }

  .speakersItem {
    flex: 0 0 calc(33.333% - 25px);
    text-align: center;
  }

  .blogSingleImage {
    height: 449px;
  }

  .bossblogTitle {
    font-size: 36px;
    line-height: 100%;
    margin-bottom: 24px;
  }

  .bossblogPost {
    font-size: 32px;
    line-height: 100%;
  }

  .bossblogText {
    font-size: 16px;
  }

  .bossblogImage {
    flex: 0 0 calc(45% - 25px);
  }

  .bosspostsItems {
    gap: 30px;
  }

  .bosspostsItem {
    flex: 0 0 calc(33.333% - 20px);
  }

  .bosspostsName {
    font-size: 20px;
    line-height: 100%;
  }

  .newsSingleTitle {
    font-size: 36px;
    line-height: 100%;
    margin-bottom: 30px;
  }

  .newsSingleDate {
    font-size: 16px;
    line-height: 100%;
  }

  .newsSingleImage {
    height: 443px;
  }

  .newsSingleContent p {
    font-size: 16px;
    line-height: 150%;
  }

  .newsSingleVideo img {
    height: 520px;
  }

  .aboutIntroTitle {
    font-size: 48px;
    line-height: 100%;
    max-width: 100%;
  }

  .aboutIntroImage {
    height: 389px;
  }

  .historyImage {
    flex: 0 0 calc(32% - 30px);
  }

  .orgItems {
    flex-direction: column;
    row-gap: 20px;
    width: 70%;
  }

  .orgItem {
    flex: 0 0 100%;
    width: 100%;
  }

  .orgBoss {
    width: 100%;
  }

  .serviceIntroTitle {
    font-size: 48px;
    line-height: 100%;
  }

  .serviceIntroImage {
    height: 389px;
  }

  .gero .directionsItem p {
    font-size: 16px;
    line-height: 100%;
  }
}

@media screen and (max-width: 992px) {
  .title+.button svg path {
    stroke: #fff;
  }

  .title {
    font-size: 24px;
    line-height: 100%;
    padding-top: 15px;
  }

  .header {
    padding: 25px 0 20px;
  }

  .headerMenu {
    display: none;
  }

  .headerBar {
    display: block;
  }

  .headerBoxMobile {
    display: block;
  }

  .headerMobile {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    width: 100%;
  }

  .hero {
    font-family: Inter;
    font-weight: 700;
    font-size: 24px;
    line-height: 120%;
    text-align: center;
  }

  .heroTitle {
    font-size: 24px;
    line-height: 120%;
  }

  .heroText {
    font-size: 16px;
    line-height: 100%;
  }

  .heroSliderBtn {
    font-size: 16px;
    line-height: 150%;
  }

  .heroSliderImg {
    height: 268px;
  }

  /* .buttons .box {
    flex-direction: column;
    align-items: stretch;
    gap: 20px;
  } */

  .buttonsItem {
    flex: 0 0 100%;
    width: 100%;
    font-size: 16px;
    line-height: 150%;
  }

  .buttons .box>div::after {
    content: none;
  }

  .directionsTitle {
    margin-bottom: 30px;
  }

  .directionsText {
    font-size: 16px;
    line-height: 150%;
    margin-bottom: 30px;
  }

  .page-template-gero-page .directionsItem {
    flex: 0 0 calc(50% - 30px);
    justify-content: flex-start;
  }

  .directionsItem a {
    font-size: 14px;
    line-height: 100%;
  }

  .teamTitle {
    margin-bottom: 30px;
  }

  .teamText {
    font-size: 16px;
    line-height: 150%;
  }

  .teamName {
    font-size: 20px;
    line-height: 100%;
  }

  .bossBox {
    flex-direction: column;
    align-items: left;
  }

  .bossImage img {
    width: 169px;
    height: 169px;
    border-radius: 50%;
    object-position: top;
  }

  .bossName {
    font-size: 20px;
    line-height: 100%;
  }

  .bossText {
    font-size: 16px;
    line-height: 150%;
    margin-bottom: 30px;
  }

  .bossMore {
    width: 100%;
  }

  .eventsIntroImage,
  .newsIntroImage,
  .aboutIntroImage,
  .serviceIntroImage,
  .magazineIntroImage,
  .researchIntroImage {
    height: 200px;
  }

  .eventsIntroTitle,
  .newsIntroTitle,
  .aboutIntroTitle,
  .serviceIntroTitle,
  .magazineIntroTitle,
  .researchIntroTitle {
    font-size: 32px;
  }

  .researchTab,
  .worksTab,
  .eventsTab,
  .newsTab {
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
    padding-top: 10px;
  }

  .researchTab .button,
  .worksTab .button,
  .eventsTab .button,
  .newsTab .button {
    width: 100%;
    background-color: #28A745;
    color: #fff;
  }

  .researchName,
  .worksName,
  .eventsName,
  .newsName {
    font-size: 20px;
    line-height: 100%;
  }

  .researchBtn,
  .worksBtn,
  .eventsBtn,
  .newsBtn {
    width: 100%;
  }

  .eventsItem,
  .newsItem {
    flex: 0 0 100%;
  }

  .appl .box {
    flex-direction: column;
  }

  .applTitle {
    margin-bottom: 30px;
  }

  .applText {
    font-size: 16px;
    line-height: 120%;
  }

  .applInfo {
    gap: 30px;
  }

  .applInfo>div:last-child {
    background-color: #F5F5F5;
    border-radius: 24px;
    width: 100%;
  }

  .applForm {
    padding: 0;
  }

  .applForm p {
    font-size: 14px;
    line-height: 152%;
  }

  .applForm input[type=submit] {
    font-size: 16px;
    line-height: 100%;
  }

  .faqName {
    font-size: 20px;
    line-height: 140%;
  }

  .faqName svg {
    flex-shrink: 0;
  }

  .footer {
    padding: 50px 0 60px;
  }

  .footer .box {
    flex-direction: column;
  }

  .footerLogo {
    font-size: 16px;
    line-height: 125%;
    margin-bottom: 30px;
  }

  .footerLogo svg {
    flex-shrink: 0;
  }

  .footerMenu {
    margin-bottom: 30px;
  }

  .footerContacts {
    gap: 50px;
  }

  .footerContactsBtn {
    margin-right: auto;
  }

  .footerContactsItem p:first-child,
  .footerContactsItem p:last-child {
    text-align: left;
  }

  .footerContactsPhone {
    font-size: 39px !important;
    line-height: 125% !important;
  }

  .eventsIntroTitle,
  .newsIntroTitle,
  .aboutIntroTitle,
  .serviceIntroTitle {
    font-size: 24px;
    line-height: 100%;
    margin-bottom: 37px;
  }

  .eventsIntroText,
  .newsIntroText,
  .aboutIntroText,
  .serviceIntroText {
    font-size: 16px;
    line-height: 150%;
  }

  .eventsIntroImage,
  .newsIntroImage,
  .aboutIntroImage,
  .serviceIntroImage {
    height: 369px;
  }

  .bossblog .box {
    flex-direction: column;
  }

  .bossblogImage {
    height: 368px;
  }

  .bossblogTitle {
    font-size: 24px;
    line-height: 100%;
  }

  .bossblogPost {
    font-size: 16px;
    line-height: 100%;
  }

  .bossblogText {
    font-size: 16px;
    line-height: 150%;
  }

  .bossblogBtn {
    width: 100%;
  }

  .bosspostsItem {
    flex: 0 0 100%;
  }

  .blogSingleImage,
  .blogSingleVideoVImage {
    height: 273px;
  }

  .blogSinglePhotosItems {
    flex-direction: column;
  }

  .newsSingleTitle {
    font-size: 24px;
    line-height: 100%;
    text-align: center;
  }

  .newsSingleDate {
    font-size: 16px;
    line-height: 100%;
  }

  .newsSingleImage {
    height: 273px;
  }

  .newsSingleContent p {
    font-size: 16px;
    line-height: 150%;
  }

  .contacts .box {
    flex-direction: column;
    align-items: flex-start;
    gap: 60px;
  }

  .contactsInfo {
    flex: 0 0 100%;
  }

  .contactsList div {
    font-family: Montserrat;
    font-weight: 600;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0%;
  }

  .contactsList div:nth-child(2) {
    font-size: 25px;
  }

  .contactsList div:nth-child(4) {
    font-size: 35px;
  }

  .contactsNet div {
    width: 40px;
    height: 40px;
  }

  .contactsNet div svg {
    width: 20px;
  }

  .historyItems {
    overflow-x: scroll;
  }

  .historyDesc {
    flex-direction: column;
    gap: 40px;
  }

  .historyImage {
    flex: 0 0 100%;
  }

  .historyImage img {
    height: 100%;
  }

  .orgItem {
    padding: 30px;
    font-size: 14px;
  }

  .gero .directionsItem {
    flex: 0 0 100%;
  }

  .projects .researchItem,
  .works .worksItem {
    flex: 0 0 calc(50% - 30px);
  }

  .magazineBox {
    flex-direction: column;
  }
}

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

  .page-template-gero-page .directionsItem,
  .magazines .magazinesItem {
    flex: 0 0 100%;
  }

  .projects .researchItem,
  .works .worksItem {
    flex: 0 0 100%;
  }

  .modal .modalTitle {
    font-size: 14px;
    line-height: 20px;
  }

  .modal p {
    font-size: 14px;
  }
}

/*# sourceMappingURL=responsive.css.map */