/**************************************/
/* BELOW 1550px     */
/**************************************/

@media (min-width: 106em) {
  .slider-img {
    width: 100%;
  }
}

/**************************************/
/* BELOW 1550px     */
/**************************************/
@media (max-width: 97em) {
  .position-in-box,
  .position-in-box-rev {
    margin-top: 7rem;
  }

  .img-about {
    height: 90%;
  }

  .slider-img {
    height: 100%;
  }

  .phrase-heading {
    padding: 10rem 20rem 17.4rem 20rem;
  }
}

/**************************************/
/* BELOW 1410px     */
/**************************************/
@media (max-width: 88em) {
  .position-in-box,
  .position-in-box-rev {
    margin-top: 4rem;
  }

  .about-content {
    padding-top: 4rem;
  }

  .project-author-wrapper {
    top: 60%;
  }
}

/**************************************/
/* BELOW 1329px     */
/**************************************/
@media (max-width: 83em) {
  .position-in-box-rev {
    padding: 3rem;
    margin-top: 3rem;
    margin-left: 4rem;
  }

  .position-in-box {
    padding: 3rem;
    margin-top: 3rem;
    margin-right: 4rem;
  }

  .phrase-heading {
    padding-top: 5rem;
  }
}

/**************************************/
/* BELOW 1238.4px (smaller desktops)    */
/**************************************/

@media (max-width: 77.4em) {
  html {
    font-size: 56.25%;
  }

  .position-in-box,
  .position-in-box-rev {
    margin-top: 6rem;
    padding: 2rem;
  }

  .project-author-box {
    width: unset;
    height: unset;
  }

  .project-author-text-box {
    padding: 2rem 17.5rem 2rem 12.5rem;
  }

  .glass-box {
    padding: 8.9rem 8.3rem 7.9rem 8.3rem;
  }

  .img-about {
    width: 80%;
  }

  .img-box-about {
    align-items: center;
  }

  .img-signature {
    height: 80%;
  }

  .about-content {
    padding-top: 3.1rem;
  }

  .nav-box-section {
    margin-bottom: 0;
    height: 10rem;
  }

  .slider-desc-box {
    padding: 2rem;
    left: calc(40% - 31rem + 29rem);
    bottom: 5%;
  }

  .img-what-expected {
    width: 90%;
  }

  .contact-us-form {
    grid-template-columns: repeat(2, 1fr);
  }

  form {
    margin-bottom: 15rem;
  }

  .form-box-3 {
    display: flex;
    justify-content: start;
  }

  .helper-div {
    display: none;
  }

  .added-info-box {
    grid-template-columns: repeat(3, 1fr);
  }

  .added-info-text {
    text-align: center;
  }

  .img-logo {
    height: 4.8rem;
  }

  .offer-text {
    font-size: 1.6rem;
  }

  .camp-offer-box,
  .advisor-box {
    margin: 0 2rem;
  }

  .testimonial-section {
    margin: 0 2rem 20rem 2rem;
  }

  .project-author-wrapper {
    top: 65%;
  }
}

/**************************************/
/* BELOW 1115px (smaller desktops - margin)    */
/**************************************/

@media (max-width: 69.7em) {
  html {
    font-size: 50.25%;
  }

  .background-logo {
    height: 70%;
  }

  .position-in-box,
  .position-in-box-rev {
    margin-top: 6rem;
    padding: 1.5rem;
  }

  .contact-box {
    margin-bottom: 22rem;
  }

  .icon-background-footer {
    top: 70%;
    left: 50%;
    transform: translate(-50%, 70%);
  }

  .project-author-wrapper {
    top: 70%;
  }
}

/**************************************/
/* BELOW 1000px (tablets)    */
/**************************************/

@media (max-width: 62.5em) {
  .team-box {
    width: 100%;
  }

  .profile-box {
    width: 100%;
  }

  .project-author-wrapper {
    top: 72%;
  }
}

/**************************************/
/* BELOW 969px (tablets)    */
/**************************************/

@media (max-width: 60.6em) {
  .btn-mobile-nav {
    display: block;
    z-index: 2;
  }

  .logo {
    z-index: 10;
  }

  .main-nav {
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.97);
    width: 100%;
    height: 100rem;
    transform: translateX(100%);

    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    transition: all 0.5s;

    opacity: 0;
    pointer-events: none;
    visibility: hidden;
  }

  .nav-open .main-nav {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
    transform: translateX(0);
  }

  .main-nav-list {
    flex-direction: column;
  }

  .main-nav-link:link,
  .main-nav-link:visited {
    font-size: 2.2rem;
  }

  .mobile-nav-logo {
    display: block;
    opacity: 20%;
  }

  .nav-open .img-mobile-nav[alt='close-button'] {
    display: block;
    z-index: 2;
  }

  .nav-open .img-mobile-nav[alt='menu-button'] {
    display: none;
  }

  .about-content {
    padding-right: 3rem;
  }

  .about-gap {
    grid-template-columns: 1fr;
  }

  .about-grid-left,
  .locality-grid-right {
    padding: 0 12rem;
  }

  .about-grid-right,
  .locality-grid-left {
    padding: 0 2rem;
  }

  .position-in-box-rev {
    padding: 4rem;
    margin: 0 0 -8rem 0;
  }

  .position-in-box {
    padding: 4rem;
    margin: -8rem 0 0 0;
  }

  .farm-gap {
    grid-template-columns: 1fr;
  }

  .phrase-heading {
    padding: 5rem 20rem;
  }

  .phrase-container {
    height: unset;
  }

  .img-margin {
    height: 80%;
  }

  .grid--2-cols-sixth {
    gap: 0;
  }

  .offer-left {
    padding: 4rem;
  }

  .project-author-wrapper {
    top: 65%;
  }
}

/**************************************/
/* BELOW 928px (tablets)    */
/**************************************/

@media (max-width: 58em) {
  .img-margin {
    height: 70%;
  }

  .grid--2-cols-gap-60 {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .advisor-monika-img,
  .advisor-miroslav-img {
    text-align: center;
  }

  .btn-box {
    justify-content: center;
  }

  .advisors-img-subsection {
    padding: 4rem;
  }

  .advisor-desc-box {
    padding: 5rem;
  }

  .grid--2-cols-header {
    grid-template-columns: 2fr 1fr;
  }
}
/**************************************/
/* BELOW 820px (tablets)    */
/**************************************/

@media (max-width: 57.3em) {
  .project-author-wrapper {
    top: 70%;
  }
}

/**************************************/
/* BELOW 820px (tablets)    */
/**************************************/

@media (max-width: 51.3em) {
  .img-about {
    width: 70%;
  }

  .expect-section {
    margin-bottom: 30rem;
  }

  .phrase-heading {
    padding: 5rem 10rem;
  }

  .grid--2-cols-sixth {
    grid-template-columns: 1fr;
  }

  .slider-desc-box {
    left: 50%;
    top: -18%;
    transform: translate(-50%, -18%);
    height: 35rem;
  }

  .nav-box-section {
    height: 15rem;
  }

  .grid--2-cols {
    grid-template-columns: 1fr;
  }

  .img-box-about {
    justify-content: center;
    padding: 4rem 4rem 0;
    align-items: flex-end;
  }

  .background-logo {
    display: none;
  }

  .about-content {
    padding-right: 15rem;
    padding-left: 15rem;
    padding-top: 0;
  }

  .project-author-wrapper {
    position: unset;
  }

  .project-author-box {
    margin-bottom: 2.1rem;
  }

  .project-author-text-box {
    padding: 3.3rem 2rem;
  }

  .contact-us-box {
    padding: 8rem 18rem 0 18rem;
  }

  .contacts-box {
    padding: 0 18rem;
  }

  .partners-logos-box {
    grid-template-columns: repeat(5, 1fr);
    row-gap: 6rem;
  }

  .img-logo {
    height: 6rem;
  }

  .phrase-heading {
    padding: 3rem 5rem;
  }

  .grid--2-cols-header {
    grid-template-columns: 3fr 1fr;
  }
}

/**************************************/
/* BELOW 730px (smaller-tablets)    */
/**************************************/

@media (max-width: 45.6em) {
  .contact-us-box {
    padding: 8rem 2rem 0 2rem;
  }

  .contacts-box {
    padding: 0 2rem;
  }

  .about-grid-left,
  .locality-grid-right {
    padding: 0px 8rem;
  }

  .about-content {
    padding-right: 10rem;
    padding-left: 10rem;
    padding-top: 0;
  }

  .img-box-about {
    padding: 2rem 2rem 0px;
  }

  .advisor-desc-box {
    padding: 2rem;
  }

  .advisors-img-subsection {
    padding: 2rem;
  }

  .grid--2-cols-gap-40 {
    gap: 1rem;
  }

  .grid--2-cols-header {
    grid-template-columns: 1fr;
  }

  .glass-box {
    padding: 4rem;
  }

  .modal-window-miroslav,
  .modal-window-monika,
  .modal-window-about,
  .modal-window-harmonogram,
  .demand-box {
    width: 90%;
  }
}

/**************************************/
/* BELOW 621px    */
/**************************************/

@media (max-width: 38.8em) {
  .modal-window-about {
    height: 160rem;
  }

  .modal-window-harmonogram {
    height: 250rem;
  }
}

/**************************************/
/* BELOW 533px (mobile-device)    */
/**************************************/

@media (max-width: 33.31em) {
  .about-grid-left,
  .locality-grid-right {
    padding: 0px 4rem;
  }

  .about-content {
    padding-right: 4rem;
    padding-left: 4rem;
  }

  .img-box-about {
    padding: 0 0 0px;
  }

  .img-about {
    width: 85%;
  }

  .dash-icon {
    width: 3rem;
  }

  .grid--3-cols {
    grid-template-columns: 1fr;
    grid-row-gap: 2rem;
  }

  .contact-us-form {
    grid-template-columns: 1fr;
  }

  .contacts-box {
    margin-top: 50rem;
  }

  .contact-box {
    display: grid;
    grid-template-columns: 1fr;
    grid-row-gap: 3rem;
  }

  .social-icons-box {
    display: flex;
  }

  .contact-tel-box,
  .contact-email-box {
    justify-content: flex-start;
  }

  .testimonial-div {
    grid-template-columns: 1fr;
    grid-template-rows: unset;
    row-gap: unset;
  }

  .testimonial-box {
    margin-bottom: 6rem;
  }

  .grid--2-cols-gap-40 {
    grid-template-columns: 1fr;
  }

  .partners-logos-box {
    grid-template-columns: repeat(2, 1fr);
    justify-items: center;
    align-content: space-around;
  }

  .grid--gap-offer {
    grid-template-columns: 1fr;
    justify-items: flex-start;
    row-gap: 2rem;
  }

  .offer-left {
    padding: 2rem;
  }

  .offer-right {
    display: flex;
    align-items: flex-end;
    padding: 2rem;
    margin: 0;
  }

  .btn,
  .btn:link,
  .btn:visited {
    display: block;
    width: 100%;
    text-align: center;
  }

  .btn-box {
    display: block;
    width: 100%;
    text-align: center;
  }

  .slider-icon-box {
    margin-top: 33rem;
  }

  .slider-desc-box {
    width: 86%;
  }

  .monika-no-resp,
  .miroslav-no-resp {
    display: none;
  }

  .miroslav-resp,
  .monika-resp {
    display: block;
  }

  .img-margin {
    width: 100%;
  }

  .nav-btn-section {
    display: none;
  }

  .phrase-heading {
    font-size: 3.6rem;
  }

  .modal-window-monika {
    height: 150rem;
  }

  .modal-window-miroslav {
    height: 95rem;
  }

  .modal-window-about {
    height: 170rem;
  }
}

/**************************************/
/* BELOW 385px (mobile-device)    */
/**************************************/

@media (max-width: 27.8em) {
  .nav-box-section {
    grid-template-columns: 4fr 1fr;
  }

  .slider-num {
    display: none;
  }
}

/**************************************/
/* BELOW 385px (mobile-device)    */
/**************************************/

@media (max-width: 24.1em) {
  .img-signature {
    right: 2%;
  }

  .dash-icon {
    width: 2rem;
  }

  .modal-window-monika {
    height: 200rem;
  }

  .modal-window-miroslav {
    height: 150rem;
  }
}