@media (min-width:500px) {
  /* FONT */
  .f-number {
    font-size: 9.6em;
  }

  .f-title_modal {
    font-size: 3.2em;
  }

  .f-h1 {
    font-size: 3.7333em;
  }

  .f-h2 {
    font-size: 2em;
  }

  .f-interlinear {
    font-size: 1.2666em;
  }

  .f-text {
    font-size: 1em;
  }

  .f-text_small {
    font-size: 0.8666em;
  }


  /* COMPONENTS */

  .input_wrapper {
    font-size: 0.9333em;
    line-height: 157%;

    height: 2.1875vw;
    margin-bottom: 3.1250vw;
  }

  .input_wrapper label {
    top: 0.7813vw;
  }

  .input_wrapper input[type="text"],
  .input_wrapper input[type="email"],
  .input_wrapper input[type="tel"],
  .input_wrapper input[type="password"] {
    padding-bottom: 0.3906vw;
  }

  .input_wrapper .icon {
    bottom: 0.6250vw;
    right: 0;
    width: 1.4063vw;
    height: 1.4063vw;
  }

  .input_wrapper.select {
    font-size: 1em;
    line-height: 140%;
  }
  .input_wrapper.select ul li {
    height: 1.5625vw;
    margin-top: 0.3906vw;
    margin-bottom: 0.7813vw;
  }
  .input_wrapper.select.open ul {
    height: 9.7656vw;
  }

  .input_wrapper.file span::before {
    bottom: -0.3906vw;
  }

  .input_wrapper.slider {
    margin-top: 1.1719vw;
  }

  .input_wrapper.slider .noUi-handle {
    width: 3.9063vw;
    height: 2.4219vw;
    border-radius: 0.1563vw;
  }
  .input_wrapper.slider .noUi-handle.noUi-handle-upper {
    top: -1.2500vw;
    right: 0.0781vw;
  }
  .input_wrapper.slider .noUi-handle.noUi-handle-lower {
    top: -1.2500vw;
    right: -3.9844vw;
  }

  .input_wrapper.slider .noUi-handle.noUi-handle-upper .noUi-touch-area,
  .input_wrapper.slider .noUi-handle.noUi-handle-lower .noUi-touch-area {
    font-size: 0.8666em;
  }




  /* Modal */
  .modal-wrapper__modal {
    width: 60.9375vw;
    padding: 4.6875vw 7.8125vw;
  }
  .modal-wrapper__modal.small_padding {
    padding-top: 3.1250vw;
    padding-bottom: 0;
  }
  .modal-wrapper__modal.small_padding .modal-wrapper__modal__calcProject {
    padding-bottom: 3.5156vw;
  }

  .modal-wrapper__modal-close {
    width: 3.5156vw;
    height: 100%;
  }

  .modal-wrapper__modal-close .icon {
    margin-bottom: 2.5vw;
  }

  .modal-wrapper__modal-close span {
    font-size: 0.8594vw;
    line-height: 154%;
  }

  .modal-wrapper__modal-title {
    /* font-size: 3.2em;
    line-height: 95%; */
    margin-bottom: 3.5156vw;
  }

  .modal-wrapper__modal-label {
    font-size: 0.8594vw;
    line-height: 154%;
    margin-bottom: 1.1719vw;
  }

  .modal-wrapper[data-step="calc_project"] {
    height: 42.1875vw;
  }

  .modal-wrapper__modal__calcProject-checkboxWrapper {
    margin-bottom: 3.1250vw;
  }
  .modal-wrapper__modal__calcProject .check_box p {
    font-size: 1em;
    line-height: 140%;
  }
  .modal-wrapper__modal__calcProject .check_box p.f-gray {
    font-size: 0.8594vw;
  }

  .modal-wrapper__modal__calcProject-btn {
    width: 21.8750vw !important;
  }

  .modal-wrapper__modal__calcProject-buttonWrapper .btn {
    width: 14.0625vw;
    margin: 0 0.7813vw;
  }

  .modal-wrapper__modal__calcProject[data-step="contact_you"] .big_padding {
    margin-top: 8.5938vw;
    margin-bottom: 7.0313vw;
  }
  .modal-wrapper__modal__calcProject[data-step="contact_you"] .flex_center {
    margin-bottom: 1.7188vw;
  }

  .modal-wrapper__modal__calcProject[data-step="application_sent"] {
    height: 35.9375vw;
  }


  .modal-wrapper__modal.image_slider {
    height: 35.9375vw;
    padding: 0;
    margin-bottom: 1.5625vw;
  }


  .image_slider-select {
    width: 60.9375vw;
    height: 7.8125vw;
  }
  .image_slider-select .image {
    width: 14.0625vw;
    height: 7.8125vw;
    margin-right: 1.5625vw;
  }

  /* check box */
  .check_box {
    font-size: 0.8594vw;
    line-height: 135%;
  }

  .check_box label span {
    width: 1.1719vw;
    min-width: 1.1719vw;
    height: 1.1719vw;
    min-height: 1.1719vw;
    border-radius: 0.1563vw;
    margin-right: 0.4688vw;
  }
  .check_box input[type="checkbox"] + span:not(.lever)::before,
  .check_box input[type="checkbox"]:not(.filled-in) + span:not(.lever)::after {
    width: 1.1719vw;
    height: 1.1719vw;

    border-radius: 0.1563vw;
  }

  .check_box p {
    font-size: 0.8594vw;
    line-height: 135%;
  }


  .btn {
    font-size: 1.4666em;
    line-height: 120%;

    min-width: 15.6250vw;
    height: 3.9063vw;
  }


  .navigation-site {
    top: 0;
    left: 3.9063vw;

    height: 100%;
    width: 1.1719vw;
  }

  .navigation-site__paragraph {
    font-size: 0.8594vw;
    line-height: 135%;

    margin: 0 0.7813vw;
  }
  .navigation-site__paragraph span:first-child {
    max-width: 1.1719vw;
  }
  .navigation-site__paragraph span:last-child {
    max-width: 0;
  }

  .navigation-site__block.active .navigation-site__line {
    margin: 0 0.7813vw;
    width: 3.1250vw;
  }
  .navigation-site__block.active .navigation-site__paragraph span:first-child {
    max-width: 0;
  }
  .navigation-site__block.active .navigation-site__paragraph span:last-child {
    max-width: 6.2500vw;
  }


  /* STYLE */
  body {
    font-size: 1.1719vw;
  }
  .col {
    padding: 0 0.7813vw;
  }

  .desctop { display: block; }
  .mobile { display: none !important; }

  .main-block__fakeHeader {
    width: 100%;
    height: 6.2500vw;
  }

  .main-block .section-paralax {
    width: 100%;
    height: auto;
    min-height: 53.1250vw;
  }
  
  
  .preview-block__shadow {
    width: 100%;
    height: 7.8125vw;
  }
  
  
  .title-block__shadow {
    min-height: 53.1250vw;
  }
  
  .title-block__title {
    font-size: 4.2666em;
    line-height: 105%;
    margin-bottom: 2.3438vw;
  }
  
  .title-block__paragraph {
    margin-bottom: 5.2344vw;
  }
  
  .title-block__button {
    width: 17.1875vw;
  }
  
  
  
  .about-block__video {
    top: 10.0000vw;
    left: 48.8281vw;
  }
  .about-block__video-player {
    width: 10.9375vw;
    height: 10.9375vw;
  }
  .about-block__video-player__image {
    width: 5.4688vw;
    height: 5.4688vw;
  }
  .about-block__video-player__icon-play {
    width: 1.8750vw;
    height: 1.8750vw;
  }
  .about-block__video-player__animation {
    background-size: 7.1875vw;
  }
  .about-block__video .f-text_small {
    left: -1.0938vw;
  }
  
  .about-block__information-wrapper {
    width: 29.7656vw;
    height: 41.0938vw;
    padding-top: 8.9844vw;
    padding-left: 11.7188vw;
  }

  .about-block__information.slider {
    top: 12.0313vw;
    left: 11.7188vw;
    width: 29.7656vw;
    height: 41.0938vw;
  }
  
  .about-block__information .f-title {
    height: 10.5469vw;
    margin-bottom: 3.2813vw;
  }
  .about-block__information .f-interlinear {
    margin-bottom: 3.9063vw;
  }
  
  .about-block__information__size .f-title {
    height: auto;
    margin-bottom: 0.5469vw;
  }
  .about-block__information__size .unit {
    font-size: 2em;
    line-height: 95%;
  }
  .about-block__information__size .line {
    height: 5.3125vw;
    margin: 0 3.2031vw;
  }
  
  .about-block__ui {
    margin-bottom: 7.8125vw;
  }
  .about-block__li {
    padding-left: 1.9531vw;
    margin-top: 2.1094vw;
  }
  .about-block__li::before {
    width: 0.8594vw;
    height: 0.8594vw;
  }
  
  .about-block__slider-progress {
    left: 11.7188vw;
    bottom: 9.5313vw;
  }
  .about-block__slider-progress__bar {
    width: 6.2500vw;
    margin-right: 1.5625vw;
  }
  
  
  .about-block__slider-image {
    width: 58.5938vw;
    height: 42.5781vw;
  }
  
  .projects-title-block__info__block {
    margin-bottom: 3.1250vw;
  }
  
  .projects-title-block__info__block img {
    width: 3.9063vw;
    height: 4.2969vw;
    margin-right: 1.0156vw;
  }
  
  .projects-title-block__info__block p {
    width: 16.7188vw;
    margin-top: 1.4063vw;
  }
  
  .projects-title-block__number {
    display: flex;
    margin: 1.5625vw;
  }
  
  .projects-title-block__number__image {
    width: 29.7656vw;
    height: 28.1250vw;
    margin-bottom: 3.9063vw;
  }
  
  .projects-title-block__number .btn {
    width: 21.8750vw;
  }
  
  .projects-block__drive-wrapper {
    left: -39.8438vw;
    width: 50.0000vw;
    min-height: 53.1250vw;
    padding-left: 3.1250vw;
  }
  
  .projects-block__drive-slider {
    width: 29.6875vw;
  }
  
  .projects-block__drive,
  .projects-block__feedback {
    width: 29.6875vw;
    min-width: 29.6875vw;
  }
  
  .projects-block__drive-button {
    right: -3.1250vw;
    top: calc(50% - 3.1250vw);
    width: 6.2500vw;
    height: 6.2500vw;
  
    border-radius: 6.2500vw;
  }
  
  .projects-block__drive-title,
  .projects-block__feedback-title {
    margin-bottom: 1.5625vw;
  }
  
  .projects-block__drive-location {
    margin-bottom: 3.1250vw;
  }
  .projects-block__drive-location .icon {
    margin-right: 0.7813vw;
  }
  
  .projects-block__drive__about {
    height: 4.6875vw;
    padding: 0.7031vw 0;
    margin-bottom: 1.5625vw;
  }
  
  .projects-block__drive__about-block {
    padding: 0 1.5625vw;
  }
  
  .projects-block__drive__about-block-description {
    font-size: 0.8594vw;
    line-height: 100%;
    margin-bottom: 0.3906vw;
  }
  
  .projects-block__drive__about-block-info {
    font-size: 1.4666em;
  }
  .projects-block__drive__about-block-info sup {
    font-size: 0.6em;
  }
  
  .projects-block__drive .f-text {
    margin-bottom: 3.1250vw;
  }
  
  .projects-block__feedback-inputs {
    margin-top: 4.6875vw;
  }
  
  .projects__slider__control {
    width: 7.8125vw;
  }
  .projects__slider__control-btn {
    width: 3.9063vw;
    height: 3.9063vw;
  }

  .projects__slider__control-count {
    width: 3.9063vw;
    margin: 2.3438vw 0;
  }
  .projects__slider__control-count-currentSlide {
    font-size: 1.4666em;
    line-height: 110%;
  }
  .projects__slider__control-count-numberSlide {
    font-size: 0.8666em;
    line-height: 138%;
    color: #EFEFEF;
  }
  
  
  .technology-block {
    padding-top: 4.2969vw;
  }
  
  .technology-block__house {
    width: 48.4375vw;
    min-width: 48.4375vw;
    height: 40.9375vw;
    min-height: 40.9375vw;
    margin-right: 3.9063vw;
  }

  .technology-block__house-circle1 {
    top: 6.7969vw;
    right: 5.0781vw;
    width: 32.1875vw;
    height: 32.1875vw;
  }
  .technology-block__house-circle2 {
    top: 3.2813vw;
    right: 1.5625vw;
    width: 39.2188vw;
    height: 39.2188vw;
  }
  .technology-block__house .label{
    width: 2.8125vw;
    height: 2.8125vw;
  }
  .technology-block__house .label1 {
    top: 22.6563vw;
    left: 7.0313vw;
  }
  .technology-block__house .label2 {
    top: 32.5000vw;
    left: 18.2031vw;
  }
  .technology-block__house .label3 {
    top: 30.0781vw;
    left: 31.6406vw;
  }
  .technology-block__house .label4 {
    top: 21.6406vw;
    left: 34.8438vw;
  }
  
  /* Animate */
  
  .technology-block__house .label.active {
    width: 3.1250vw;
    height: 3.1250vw;
  }

  .technology-block__house .label.active [data-icon-type="line_1"] {
    transform: translateX(-0.1563vw);
  }
  .technology-block__house .label.active [data-icon-type="line_2"] {
    transform: translateY(0.1563vw);
  }
  .technology-block__house .label.active [data-icon-type="line_3"] {
    transform: translateX(0.1563vw);
  }
  .technology-block__house .label.active [data-icon-type="line_4"] {
    transform: translateY(-0.1563vw);
  }
  /* Animate */
  
  .technology-block__info-wrapper {
    width: 35.1563vw;
    height: 39.0625vw;
    padding-top: 7.8125vw;
  }
  
  .technology-block__info {
    padding-top: 10.9375vw;
  }

  
  .technology-block__info .f-interlinear,
  .technology-block__info .f-text {
    width: 29.6875vw;
  }
  
  .contact-block__maps {
    width: 50%;
    min-width: 50.0000vw;
    min-height: 53.1250vw;
  }
  
  .contact-block__maps-marker {
    top: 26.0156vw;
    left: 28.9063vw;
    width: 3.1250vw;
    height: 4.2188vw;
  }
  
  .contact-block__info-wrapper {
    padding-right: 3.9063vw;
  }
  
  .contact-block__info {
    width: 29.6875vw;
  }
  
  .contact-block__info-title {
    margin-bottom: 3.1250vw;
  }
  
  .contact-block__info .f-interlinear {
    margin-bottom: 3.1250vw;
  }
  
  .contact-block__info .btn {
    margin-top: 3.1250vw;
  }
  
  .contact-block__info__phone-wrapper {
    height: 4.6875vw;
    padding: 0.4688vw 0;
    margin-bottom: 3.1250vw;
  }
  
  .contact-block__info__phone-wrapper .icon {
    top: calc(50% - 0.7813vw);
    left: -0.7813vw;
  }
  
  .contact-block__info__phone {
    font-size: 1.3333em;
    line-height: 160%;
  }
  

  /* === ALL PROJECTS PAGE === */
  .all-projects-title {
    height: 23.4375vw;
  }
  .all-projects-title .f-h1 {
    transform: translateY(3.9063vw);
  }

  .all-projects-wrapper {
    top: -1.1719vw;
    padding: 0 11.7188vw;
    padding-bottom: 11.7188vw;
  }

  .all-projects-wrapper__project-static {
    width: 37.5000vw;
    height: 39.0625vw;
    margin-bottom: 2.3438vw;
  }
  .all-projects-wrapper__project-static.top_padding {
    margin-top: 7.0313vw;
  }

  .all-projects-wrapper__project-name {
    left: 1.5625vw;
    bottom: 5.4688vw;
  }
  .all-projects-wrapper__project-location {
    left: 1.5625vw;
    bottom: 2.3438vw;
  }
  .all-projects-wrapper__project-location .icon {
    margin-right: 0.7813vw;
  }


   /* PROJECT PAGE */
  .project-page-title {
    height: 42.1875vw;
  }

  .project-page__carousel-select {
    bottom: -3.9063vw;
    height: 7.8125vw;
  }
  .project-page__carousel-select .image {
    width: 14.0625vw;
    height: 7.8125vw;
    margin-right: 1.5625vw;
  }

  .project-page-container {
    padding: 7.8125vw 19.5313vw;
  }

  .project-page-container .f-h1 {
    margin-bottom: 0.9375vw;
  }

  .project-page__location {
    margin-bottom: 3.9063vw;
  }
  .project-page__location .icon {
    margin-right: 0.7813vw;
  }

  .project-page__text {
    margin-bottom: 3.9063vw;
  }

  .project-page__text-text {
    width: 45.3125vw;
  }

  .project-page__text-description {
    width: 14.0625vw;
    padding: 0.7813vw 1.5625vw;
  }

  .project-page__text-description .description {
    margin-top: 1.3281vw;
    margin-bottom: 2.1094vw;
  }

  .project-page__text-description .description span {
    font-size: 0.8594vw;
    margin-bottom: 0.3906vw;
  }
  .project-page__text-description .description div {
    font-size: 1.4666em;
  }

  .project-page__feedback {
    padding: 2.3438vw 7.8125vw;
  }
  .project-page__feedback .f-title {
    font-size: 2.4em;
    margin-bottom: 3.9063vw;
  }
  .project-page__feedback .input_wrapper {
    margin-bottom: 3.9063vw;
  }
  .project-page__feedback .btn {
    width: 29.6875vw;
    margin-bottom: 1.5625vw;
  }

  .project-page__commentaries {
    padding-top: 3.9063vw;
  }
  .project-page__commentaries .f-title {
    font-size: 2.4em;
    margin-bottom: 3.9063vw;
  }
  

  .icon.location {
    width: 1.4063vw;
    height: 2.0313vw;
  }
  .icon.camera {
    width: 1.7969vw;
    height: 1.4063vw;
  }
  .icon.user {
    width: 1.5625vw;
    height: 1.5625vw;
  }
  .icon.phone {
    width: 1.5625vw;
    height: 1.5625vw;
  }
  .icon.arrow_down {
    width: 1.5625vw;
    height: 1.5625vw;
  }
  .icon.circle_info {
    width: 3.1250vw;
    height: 3.1250vw;
  }
  .icon.circle_close {
    width: 3.1250vw;
    height: 3.1250vw;
  }
  .icon.close {
    width: 1.4063vw;
    height: 1.4063vw;
  }
  

  /* Header */

  .head-block {
    height: 5.55vw;
  }

  .head-block::after, 
  .head-block::before {
    bottom: -0.9vw;
    height: 1px;
  }

  .head-block__container {
    padding: 0 3.9063vw;
    width: 100%;
  }

  
  .head-block__social-network a {
    width: 4.6875vw;
    height: 2.7344vw;
  }
  .head-block__social-network .icon svg{
    width: 1.5625vw;
    height: 1.5625vw;
  }
  .menu-burger {
    width: 2.3438vw;
    height: 1.7578vw;
    margin-right: 7.1094vw;
  }
  .menu-burger span {
    width: 100%;
    height: 0.3515vw;
  }
  .menu-burger span:nth-child(2) {
    top: calc(50% - 0.1757vw);
  }
  .menu-burger span:nth-child(3) {
    top: calc(100% - 0.3515vw);
  }
  
  .head-block .logo {
    top: 2.1875vw;
    height: 5.5469vw;
  }
  .head-block .logo svg {
    width: 15.6250vw;
    height: 4.8438vw;
  }
  
  .head-block__contact {
    font-size: 0.9333em;
    line-height: 100%;
  }
  .head-block__contact > div:nth-child(1) {
    padding-right: 1.0938vw;
  }
  .head-block__contact > div:nth-child(2) {
    padding-left: 0.7813vw;
  }
  
  .head-block__contact .icon {
    width: 1.5625vw;
    height: 1.4844vw;
    margin-right: 0.7421vw;
  }
  .head-block__contact p {
    font-size: 0.8594vw;
    line-height: 100%;
    margin-bottom: 0.4688vw;
  }
  .head-block__contact a {
    font-size: 1.2em;
    line-height: 138%;
  }

  
  .head-block::after,
  .head-block::before {
    width: 39.0625vw;
  }
  .head-block::after {
    left: 3.9063vw;
  }
  .head-block::before {
    right: 3.9063vw;
  }
  
  /* ACTIVE */
  .head-block.active .menu-burger span:nth-child(1) {
    top: calc(50% - 0.1757vw);
    transform: rotateZ(45deg);
  }
  .head-block.active .menu-burger span:nth-child(2) {
    width: 0.1563vw;
    opacity: 0;
  }
  .head-block.active .menu-burger span:nth-child(3) {
    top: calc(50% - 0.1757vw);
    transform: rotateZ(-45deg);
  }
  
  .menu-block__navigation {
    padding: 0 11.7188vw;
    padding-top: 11.7188vw;
    margin-bottom: 3.9063vw;
  }
  .menu-block__navigation a {
    padding: 0 0.7813vw;
  }
  
  .menu-block__contact {
    height: 3.9063vw;
  }
  
  .menu-block__contact-link a,
  .menu-block__contact button {
    width: 14.8438vw;
  }
  
  .menu-block.active {
    height: 28.1250vw;
  }
  
  .menu-block.active + .main-wrapper {
    transform: scaleX(0.925) translateY(28.1250vw);
  }
}



/* QUADRATIC */
@media (max-width: 800px) and (min-width: 500px) {
  .main-block .section-paralax,
  .title-block__shadow,
  .about-block__slider__image-wrapper,
  .projects-block__drive-wrapper,
  .projects__slider__control,
  .projects__slider__image-wrapper,
  .projects__slider img,
  .contact-block__maps
  {
    min-height: calc(100vw / 16 * 8.4);
  }

  .projects__slider__control {
    height: calc(100vw / 16 * 8.4);
  }
}