@media screen and (max-width: 480px) {
    .content {
      
      margin-left: 0;
      margin-right: 0;
    }}
  
  
   @media screen and (max-width: 1281px) {
    .footer__content {
      flex-direction: column-reverse;
    }
    .footer__logo {
      flex: none;
    }
   }

  
   @media screen and (max-width: 1281px) {
  
   
  
      .header__btn-menu.active {
        background: #054146;

      }

    
    }
    
    @media screen and (min-width: 1194px) {
      .header__btn-menu {
        display: none;
       
      }

    
    }
  
    @media screen and (max-width: 1194px) {
      .header__btn-menu svg {
        display: block;
        margin: 0;
      }
     
    }
    
    @media screen and (max-width: 1194px) {
      .header__btn-menu svg rect {
        transform-origin: 50% 50%;
        transition: all 0.5s;
      }
    }
    
    @media screen and (max-width: 1194px) {
      .header__btn-menu.active svg rect:nth-child(1) {
        x: -2px;
        y: 6px;
        width: 20px;
        transform: rotate(225deg);
      }
    
      .header__btn-menu.active svg rect:nth-child(3) {
        opacity: 0;
      }
    
      .header__btn-menu.active svg rect:nth-child(2) {
        x: -2px;
        y: 6px;
        width: 20px;
        transform: rotate(135deg);
      }
    }
    
   
 @media screen and (max-width: 1194px) {
     
    
      .header {
        z-index: 101; 
      }
    }
    
   

@media screen and (max-width: 670px) {
.header__menu-list {
  display: none;
}
}

  

 

  
  @media screen and (max-width: 1440px) {
    
      .header__content {padding-left: 20px;
      padding-right: 20px;}
      
     
     
  
  } 
   @media screen and (max-width: 1230px) {

   }

   @media screen and (max-width: 990px) {
    .header__content{
          padding:0 32px ;
      }
    
  .logo img{
    max-height: 60px;
    flex:none;
  }
  .main-page.home {
    padding-top: 60px;
  }

}


 @media screen and (max-width: 850px) {
 
   .hero__forma{
    flex-direction: column-reverse;
    align-items: center;
    padding: 30px;
  }
  .background__decor ,.background__decor  img{
    max-width: 100%;
  } 

  .form {
    max-width: 100%;
    padding: 16px;
  }
}
 
 @media screen and (max-width: 600px) {
  .header__logo img{
    max-height: 60px;
    
  }
  .header__logo img{
    display: none;
    flex:none;
  }

  .logo .logo__img {
    display: block;
    flex: none;
}

.logo{
  flex: none;
}
.hero__forma{
        padding: 12px;
      }

   .header__content{
          padding:0 32px 0 0;
      }
      
 }

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

      .button__login

 {
  margin-left: 20px;
 }
      .button__login {
        margin-right: 12px;
      }
  
.button {
  height: 30px;
  font-size: 12px;
}
  .footer__btn{
    height: 28px;
    font-size: 16px;
  }

  .hero__title {
    margin-bottom: 16px;}

  .footer__wrapp {
    gap: 28px;
  }

.hero__forma{
  margin-top: 24px;
}

  .footer__content {
    gap: 35px;
  }

  .hero{
    padding: 24px 0;
  }
}


  @media screen and (max-width: 447px) {
    
   
  
  .main__wrap {
    padding: 20px 10px 10px 10px;}
  }

 
 @media screen and (max-width: 420px) {
    .logo .logo__img {
      max-width: 120px;
    }
    .main-page.home {
        padding-top: 48px;
    }

        .button__login {
          margin-left: 0;
        }
.header__logo{
            margin-right: 15px;}
                .header__content {
        padding: 0 12px 0 0;
    }
 }
  
  /* -----------------main--------- */
  
  
  
  @media screen and (max-width:560px) {
    .main.home{
      display: block;
    }
  }