/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
  .header__nav ul {
    gap: 25px;
  }

  .who-we-are-about__list .who-we-are-about__image,
  .who-we-are-about__image {
    flex: 0 0 50%;
    min-width: 0;
  }

  .who-we-are-about__list .who-we-are__image {
    display: none;
  }

  .who-we-are-about__image .who-we-are-about__image-text {
    position: relative;
    right: auto;
    bottom: auto;
  }

  .page-title,
  .first-screen__title {
    font-size: 36px;
  }

  .partners-types__item {
    flex: 0 0 33.3333%;
  }

  .principles__item {
    flex: 0 0 50%;
  }

  .principles {
    padding-bottom: 30px;
  }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
  .first-screen {
    padding: 160px 0;
  }

  .header__col.header__languages,
  .header__nav {
    display: none;
  }

  .header {
    padding: 25px 0;
  }
  .header__fixed {
    padding: 16px 0;
  }

  .who-we-are-about__row {
    flex-wrap: wrap;
  }

  .who-we-are-about__list .who-we-are__image {
    display: block;
  }

  .who-we-are-about__list .who-we-are-about__image, .who-we-are-about__image {
    flex: 0 0 100%;
  }

  .who-we-are-about__image-text {
    box-shadow: none;
    padding: 0;
  }

  .who-we-are-about__list .who-we-are__image,
  .who-we-are__image {
    max-width: 570px;
  }

  .who-we-are-about__col {
    flex: 0 0 100%;
  }

  .who-we-are-about__row,
  .who-we-are__row,
  .what-would-you-get__row {
    flex-wrap: wrap;
    margin: 0 -15px -30px;
  }

  .what-would-you-get__item {
    flex: 0 0 50%;
    padding: 0 15px 30px;
  }

  .who-we-are__row {
    flex-wrap: wrap;
  }

  .who-we-are-about__col,
  .who-we-are__col {
    flex: 0 0 100%;
    padding: 0 15px 30px;
  }

  .who-we-are__logo {
    display: flex;
    justify-content: center;
  }

  .footer__row {
    flex-wrap: wrap;
    text-align: center;
    margin-bottom: -30px;
  }

  .footer__col {
    flex: 0 0 100%;
    padding-bottom: 30px;
  }

  .footer__brand-logo {
    display: flex;
    justify-content: center;
  }

  .footer__socials-list {
    justify-content: center;
  }

  .page-title,
  .first-screen__title {
    font-size: 28px;
  }

  .page-first-screen {
    padding: 100px 0 60px;
  }

  .about-company__row {
    flex-wrap: wrap;
  }

  .about-company__logo {
    flex: 0 0 100%;
    margin-bottom: 30px;
  }

  .contacts-block__row {
    flex-wrap: wrap;
    margin: 0 -15px -30px;
  }

  .partners-page-blocks .contacts-block__col,
  .contacts-block__col {
    flex: 0 0 100%;
    padding: 0 15px 30px;
  }

  .red-left,
  .red-list ul,
  .who-we-are__text-content ul {
    padding-left: 1.5em;
  }

  .partners-types__item {
    flex: 0 0 50%;
  }

  .modal {
    padding: 30px;
  }

  .languages__list {
    right: auto;
    left: 0;
  }

  .inputs {
    padding-bottom: 30px;
  }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
  .page-title,
  .first-screen__title {
    font-size: 26px;
  }

  .principles__item {
    flex: 0 0 100%;
  }
}

@media only screen and (max-width : 640px) {
  .first-screen__buttons ul {
    flex-wrap: wrap;
    gap: 14px;
  }

  .first-screen__buttons ul li {
    flex: 0 0 100%;
  }

  .first-screen__buttons ul li .theme-button {
    width: 100%;
  }

  .partners-types__item {
    flex: 0 0 100%;
  }

  .inputs .submit, .inputs .input {
    flex: 0 0 100%;
  }
}

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

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {

}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
	
}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 769px) {
  .container {
    width: 750px;
  }


}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
  .container {
    width: 970px;
  }

  .header__menu-button {
    display: none;
  }

  .header__mobile-menu {
    display: none!important;
  }

  .fancybox-close-small {
    top: 20px;
    right: 20px;
  }
}

 /* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
  .container {
    width: 1170px;
  }
}

@media only screen and (min-width : 1400px) {
  .container {
    width: 1385px;
  }
}