/* COFF 10.24 */
@media (min-width: 500px) {
  /* ======================== */
  /* ======== FONTS ========= */
  /* ======================== */

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

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


  /* ======================== */
  /* ====== COMPONENT ======= */
  /* ======================== */

  .input_wrapper {
    font-size: 0.75em;
    line-height: 3.9063vw;
    height: 3.9063vw;
    margin-bottom: 1.5625vw;
  }

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

  .input_wrapper .icon {
    bottom: 0.7813vw;
    right: 1.5625vw;
    width: 2.3438vw;
    height: 2.3438vw;
  }


  /* ACCORDEON */
  .accordeon {
    width: 100%;
    padding-left: 5.4688vw;
    margin-bottom: 2.3438vw;
  }
  .accordeon-icon {
    top: -0.5859vw;
    left: 0;
    width: 3.9063vw;
    height: 3.9063vw;
    border-radius: 3.9063vw;
  }
  .accordeon-icon::before,
  .accordeon-icon::after {
    width: 1.5625vw;
    height: 0.2441vw;
    border-radius: 0.2441vw;
  }

  .accordeon-title {
    font-size: 1.5em;
    margin-bottom: 2.3438vw;
  }
  .accordeon-text {
    color: #EFEFEF;
  }
  .accordeon.open .accordeon-text {
    padding-bottom: 2.3438vw;
  }
  /* ACCORDEON END */


  .arrow-down {
    width: 2.3438vw;
    height: 2.3438vw;
    border-radius: 2.3438vw;
  }


  .btn {
    font-size: 1.125em;
    width: 100%;
    min-width: 19.5313vw;
    height: 5.4688vw;
    border-radius: 6.9336vw;
  }
  .btn::after {
    border-radius: 6.9336vw;
  }

  .inside_border::before {
    top: 0.3906vw;
    left: 0.3906vw;
    width: calc(100% - 0.9766vw);
    height: calc(100% - 0.9766vw);
    border-radius: 1.1719vw;
  }


  /* ======================== */
  /* ======== STYLE ========= */
  /* ======================== */
  .desctop { display: block; }
  .mobile { display: none !important; }

  body {
    font-size: 1.5625vw;
  }
  
  .container {
    padding: 0 6.2500vw;
  }

  /* LEAF */
  .leaf.one {
    width: 8.5938vw;
    height: 7.9102vw;
    left: 0;
    top: 45.2148vw;
  }
  .leaf.two {
    width: 3.9063vw;
    height: 4.6875vw;
    left: 27.3438vw;
    top: 14.8438vw;
  }
  .leaf.three {
    width: 7.0313vw;
    height: 8.6914vw;
    left: 90.2344vw;
    top: 23.3398vw;
  }
  /* LEAF END */
  
  /* HEADER */
  header {
    height: 5.4688vw;
    padding-top: 5.4688vw;
  }
  .header__menu {
    width: 3.9063vw;
    height: 3.9063vw;
  }
  .header__logo {
    width: 200.3906vw;
    height: 5.4688vw;
  }
  .header__call {
    width: 3.9063vw;
  }
  .header__call .icon {
    min-width: 3.5156vw;
    margin-right: 0.25rem;
  }
  /* HEADER END */
  
  .title-block {
    width: 100%;
    padding-top: 16.4063vw;
  }
  .title-block__bgImage {
    width: 100%;
    height: 47.3633vw;
    margin-bottom: 15.3320vw;
    border-radius: 1.5625vw;
  }
  .title-block__title {
    top: 22.3438vw;
    height: 12.5000vw;
  }
  .title-block__description {
    font-size: 1.375em;
    top: 35.9375vw;
    width: 100%;
  }
  
  .title-block__house {
    top: 42.3438vw;
  }
  .title-block__house-image {
    width: 72.7539vw;
    height: 32.5195vw;
  }
  
  .title-block__house__label {
    height: 6.2500vw;
    border-radius: 0.9766vw;
  }
  .title-block__house__label::after {
    border-radius: 0.7813vw;
  }
  .title-block__house__label-icon {
    width: 1.9531vw;
    height: 1.9531vw;
    border-radius: 1.9531vw;
  }
  .title-block__house__label-icon::before {
    width: 1.1719vw;
    height: 1.1719vw;
    border-radius: 1.1719vw;
  }
  .title-block__house__label-text {
    font-size: 0.75em;
  }
  
  .title-block__house__label.one {
    left: 11.1719vw;
    top: 9.7656vw;
    width: 15.5273vw;
  }
  .title-block__house__label.one .title-block__house__label-icon {
    bottom: -1.7578vw;
    right: -1.7578vw;
  }
  
  .title-block__house__label.two {
    left: 65.4297vw;
    top: 3.9063vw;
    width: 16.3086vw;
  }
  .title-block__house__label.two .title-block__house__label-icon {
    bottom: -1.7578vw;
    left: -1.7578vw;
  }
  
  .title-block__house__label.three {
    left: 12.9883vw;
    top: 26.8555vw;
    width: 20.6055vw;
  }
  .title-block__house__label.three .title-block__house__label-icon {
    top: -1.7578vw;
    right: -1.7578vw;
  }
  
  .title-block__house__label.four {
    left: 71.9531vw;
    top: 25.8789vw;
    width: 19.4336vw;
  }
  .title-block__house__label.four .title-block__house__label-icon {
    top: -1.7578vw;
    left: -1.7578vw;
  }

  .title-block__house-image-circle1 {
    top: -1.6602vw;
    width: 41.9531vw;
    height: 41.9531vw;
  }
  .title-block__house-image-circle2 {
    top: -6.2500vw;
    width: 51.1719vw;
    height: 51.1719vw;
  }  
  
  .title-block__button {
    width: 19.7266vw;
    margin-bottom: 4.4922vw;
  }
  
  .title-block__about {
    font-size: 0.875em;
    margin-bottom: 1.5625vw;
  }
  
  .title-block__arrowDown {
    margin-bottom: 7.0313vw;
  }
  
  .title-block__paragraph {
    font-size: 1.25em;
  }
  
  
  /* PROJECT BLOCK */
  .project-block {
    padding-top: 7.8125vw;
  }
  
  .project-block-title {
    margin-bottom: 4.6875vw;
  }
  
  .project-wrapper__images {
    width: 54.6875vw;
    margin-right: 4.6875vw;
  }
  .project-card {
    margin-bottom: 2.3438vw;
  }
  .project-card__img {
    height: 26.5625vw;
    border-top-left-radius: 1.5625vw;
    border-top-right-radius: 1.5625vw;
  }
  .project-card__info {
    height: 13.1836vw;
    padding: 2.3438vw 3.1250vw;
  }
  .project-card__info::before {
    border-color: #333540;
    border-radius: 0 0 1.1719vw 1.1719vw;
  }
  .project-card__info-title {
    font-size: 2em;
    margin-bottom: 0.7813vw;
  }
  .project-card__info__about__dimensions i {
    margin-right: 0.7813vw;
  }
  .project-card__info__about__dimensions p {
    font-size: 1.0742vw;
  }
  .project-card__info__about__dimensions span {
    font-size: 0.875em;
  }
  
  .project-card__info__about-price {
    font-size: 1.5em;
  }
  
  
  .project-wrapper__form {
    width: 28.1250vw;
    height: 43.9453vw;
    padding: 3.1250vw 2.3438vw;
    border-radius: 1.5625vw;
  }
  .project-wrapper__form-title {
    font-size: 1.875em;
    margin-bottom: 0.8789vw;
  }
  .project-wrapper__form-promotion {
    font-size: 0.75em;
    width: 20.2148vw;
    border-radius: 0.3906vw;
    margin-bottom: 2.3438vw;
  }
  .project-wrapper__form-description {
    font-size: 0.9766vw;
    margin-bottom: 1.9531vw;
  }
  .project-wrapper__form-button {
    width: 19.7266vw;
  }
  /* PROJECT BLOCK END */
  
  
  /* GALLERY BLOCK */
  .gallery-block {
    padding-top: 7.8125vw;
  }
  .gallery-block-title {
    text-align: center;
    margin-bottom: 4.6875vw;
  }
  
  .gallery {
    margin-bottom: 9.7656vw;
  }
  .gallery-wrapper {
    width: 100%;
    height: 38.2813vw;
  }
  .gallery-wrapper img {
    border-radius: 1.5625vw;
  }
  
  .gallery-navigation {
    bottom: -9.3750vw;
    padding: 1.5625vw 3.9063vw;
    border-radius: 1.1719vw;
  }
  
  .gallery-navigation .left,
  .gallery-navigation .right {
    top: calc(50% - 0.9766vw);
    width: 0.7813vw;
    height: 1.9531vw;
  }
  .gallery-navigation .left {
    left: 1.5625vw;
  }
  .gallery-navigation .right {
    right: 1.5625vw;
  }

  .gallery-navigation .image {
    width: 13.5156vw;
    height: 8.5938vw;
    margin: 0 0.3906vw;
    border-radius: 0.7813vw;
  }  
  /* GALLERY BLOCK END */
  
  
  /* ADVANTAGE BLOCK */
  .advantage-block {
    padding-top: 8.3008vw;
    padding-bottom: 93.7500vw;
    background-position-y: 6.2500vw;
  }

  .advantage-block__about {
    width: 33.6914vw;
  }
  .advantage-block__about p {
    margin-bottom: 3.9063vw;
  }
  
  .advantage-block__about__clarification {
    width: 31.9531vw;
    height: 13.5156vw;
    padding-left: 3.1250vw;
    border-radius: 0.7813vw;
  }
  .advantage-block__about__clarification .f-title {
    font-size: 1.5em;
  }
  .advantage-block__about__clarification img {
    width: 11.9531vw;
    height: 11.1719vw;
  }
  
  .advantage-block__about.one {
    top: 28.3203vw;
    left: 6.2500vw;
  }
  .advantage-block__about.two {
    top: 51.9531vw;
    left: 62.5000vw;
  }
  .advantage-block__about.three {
    top: 77.1484vw;
    left: 6.2500vw;
  }
  /* ADVANTAGE BLOCK END */
  
  
  /* ANSWER BLOCK */
  .answer-block {
    padding-top: 4.8828vw;
  }
  .answer-block-wrapper {
    width: 100%;
    padding: 0 5.4688vw;
    padding-top: 4.6875vw;
    padding-bottom: 2.3438vw;
    border-radius: 1.5625vw;
  }
  .answer-block-title {
    margin-bottom: 3.9063vw;
  }
  /* ANSWER BLOCK END */
  
  
  /* CONTACT BLOCK */
  .contact-block {
    padding-top: 8.2031vw;
    padding-bottom: 2.3438vw;
  }
  .contact-block-title {
    font-size: 3em;
    margin-bottom: 0.7813vw;
  }
  
  .contact-wrapper {
    margin-bottom: 4.1016vw;
  }
  .contact-wrapper .font-SFProDisplay {
    font-size: 0.875em;
  }
  
  .contact-maps {
    height: 20.3125vw;
    margin-bottom: 3.9063vw;
  }
  .contact-maps iframe {
    border-radius: 1.5625vw;
  }
  
  /* CONTACT BLOCK END */
  

  .icon.arrow_down {
    width: 0.9766vw;
    height: 1.0742vw;
  }
  .icon.square { 
    width: 3.9063vw;
    height: 3.9063vw;
  }
  .icon.diameter { 
    width: 3.9063vw;
    height: 3.9063vw;
  }
  .icon.yandex {
    width: 2.3438vw;
    height: 2.3438vw;
  }
  .icon.call {
    width: 3.5156vw;
    height: 3.5156vw;
  }
}