@media (max-width: 881px) {

    /* ----------- header ---------- */
  
    header{
  
      padding: 18px 24px;
  
    }
  
    
  
    .header-ul{
  
      display: none;
  
    }
  
   
  
    .burger{
  
      display: block;
  
    }
  
   
  
    .header-button{
  
      display: none;
  
    }
  
   
  
    /* ------------- section1 ------------- */
  
   
  
    .section1{
  
      height: 420px;
  
    }
  
   
  
    .asect{
  
      padding-top: 80px;
  
    }
  
   
  
    /* ------------- section2 ------------- */
  
   
  
    .section2{
  
      height: 438px;
  
      padding: 24px 0px 24px 24px ;
  
    }
  
   
  
    /* ------------ footer ----------- */
  
   
  
    footer{
  
      padding-inline: 358px;
  
    }
  
   
  
  }