@media (min-width: 960px) {
   .menu-mobile {
     display: none;
   }
 
   .lang li:hover > a {
     background-color: var(--green);
     border: 1px solid var(--green);
     color: var(--dark);
   }
 
   .blocks-slider__wrapper {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
   }
   .hero__secondary-btn {
      display: none;
   }
 }
 
 @media (min-width: 1210px) {
   h1 {
     font-size: 55px;
   }
 
   h2 {
     font-size: 45px;
   }
 
   h3 {
     font-size: 36px;
   }
 }
 
 @media (max-width: 1210px) {
   .services-slider__content {
     padding: 40px 15px;
   }
 
   .header-content {
     padding: 15px 0;
   }
 
   .social__item {
     width: 30px;
     height: 30px;
     margin-left: 5px;
   }
 
   .social__link_whatsapp .social__svg {
     width: 15px;
     height: 15px;
   }
 
   .social__link_viber .social__svg {
     width: 15px;
     height: 15px;
   }
 
   .social__link_facebook .social__svg {
     width: 15px;
     height: 15px;
   }
 
   .social__link_youtube .social__svg {
     width: 20px;
     height: 13px;
   }
 
   .social__link_instagram .social__svg {
     width: 15px;
     height: 15px;
   }
 
   .lang li a {
     font-size: 11px;
     width: 30px;
     height: 30px;
   }
 }
 
 @media (max-width: 1100px) {
   .header-content__block-contacts {
     -webkit-box-orient: vertical;
     -webkit-box-direction: reverse;
         -ms-flex-direction: column-reverse;
             flex-direction: column-reverse;
     -webkit-box-align: end;
         -ms-flex-align: end;
             align-items: flex-end;
   }
 
   .header-content__phone {
     margin-top: 10px;
     margin-right: 0;
   }
 }
 
 @media (max-width: 960px) {
 .header-content__lang {
 	margin-left: 15px;
 }
   .burger {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
   }
 
   .hero {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
   }
 
   .hero__code {
     margin-top: 20px;
   }
 
   .hero__text-content {
     width: 100%;
     padding-right: 0;
   }
 
   .personal__text {
     padding: 25px 20px;
   }
 
   .navigation {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
     -webkit-box-align: start;
         -ms-flex-align: start;
             align-items: flex-start;
   }
 
   .navigation li {
     margin-left: 0;
     margin-bottom: 10px;
     width: 100%;
   }
 
   .navigation li a {
     font-weight: 500;
     color: var(--gray-light);
   }
 
   .header-content__block-contacts {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
         -ms-flex-direction: row;
             flex-direction: row;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
   }
 
   .header-content__social {
     margin-left: 0px;
   }
 
   .header-content__social .social__item {
     margin-left: 10px;
   }
 
   .header-content__social .social__item:first-child {
     margin-left: 0;
   }
 
   .header-content__phone {
     margin-top: 0;
   }
 
 
   .block-body__row {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
   }
 
   .block-body__column-text,
   .block-body__column-img {
     width: 100%;
   }
 
   .block-body__column-text {
     padding: 35px 15px;
   }
 
   .block-body__column-img {
     aspect-ratio: 16/9;
     overflow: hidden;
   }
 
   .blocks-slider__slide:nth-child(2n) .block-body__row {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
   }
 
   .footer-content__column-logo {
     width: 100%;
   }
 
   .footer-content__column-wrap {
     width: 100%;
   }
 
   .footer-content__column {
     width: auto;
     max-width: 100%;
   }
 }
 
 @media (max-width: 768px) {
   h1 {
     font-size: calc(25px + (30 + 30 * 0.7) * ((100vw - 320px) / 1210));
   }
 
   h2 {
     font-size: calc(22px + (23 + 23 * 0.7) * ((100vw - 320px) / 1210));
   }
 
   h3 {
     font-size: calc(18px + (18 + 18 * 0.7) * ((100vw - 320px) / 1210));
   }
 
   .section-title__subtitle,
   p {
     font-size: 15px;
   }
 
   .hero__code {
     width: 110px;
     height: 110px;
   }
 
   .personal {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
   }
 
   .personal__img {
     max-width: 100%;
   }
 
   .mobile-menu {
     max-width: 280px;
   }
 
   .mobile-menu__header {
     max-width: 280px;
   }
 
   .portfolio-slider {
     display: none;
   }
 
   .portfolio-mobile-slider {
     display: block;
   }
 
   .form__label-block {
     width: 100%;
   }
 
   .contacts-wrapper__item {
     width: 100%;
   }
 
   .footer-content__column-wrap {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
   }
 }
 
 @media (max-width: 520px) { 
   .hero__button {
     margin: 35px -5px -5px;
   }
 
   .hero__primary-btn {
     padding: 5px;
     width: 100%;
   }
 
   .hero__secondary-btn {
     padding: 5px;
     width: 100%;
   }
 
   .hero__secondary-btn .secondary-btn {
     width: 100%;
   }
 
   .primary-btn {
     width: 100%;
   }
 
   .primary-btn__link {
     width: 100%;
   }
 
   .burger {
     margin-left: 15px;
   }
 
   .popup-form__wrapper {
     padding: 50px 15px;
   }
   
   .header .phone__text {
   	 display: none;
   }
   
  .header .phone__img {
   	width: 25px;
    height: 25px;
    margin-right: 0;
   }
 }
 
 @media (max-width: 320px) {
   h1 {
     font-size: 25px;
   }
 
   h2 {
     font-size: 22px;
   }
 
   h3 {
     font-size: 18px;
   }
 }