@media (max-width: 481px) {

    /* ----------- header ---------- */
    
     
    
    header{
    
      padding: 18px 8px;
    
    }
    
     
    
    /* ------------- section1 ------------- */
    
     
    
      .section1{
    
        height: 320px;
    
      }
    
     
    
      span{
    
    font-weight: 400;
    
    font-style: Regular;
    
    font-size: 32px;
    
    line-height: 40px;
    
    letter-spacing: 0.1px;
    
    color: #FFFFFF;
    
    }
    
    .arrow{
    
      width: 40px;
    
      height: 40px;
    
    }
    
     
    
    .asect{
    
        padding-top: 60px;
    
      }
    
     
    
    /* ------------- section2 ------------- */
    
     
    
    .section2{
    
        height: 394px;
    
        padding: 24px 0px 24px 24px ;
    
      }
    
     
    
    .article{
    
        flex: 1 0 260px;
    
      }
    
     
    
    /* ------------ footer ----------- */
    
     
    
    footer{
    
      display: flex;
    
      flex-direction: column;
    
      row-gap: 40px;
    
      padding: 24px 208px;
    
    }
    
     
    
    .ul1, .ul2, address, .addressdiv{
    
      text-align: center;
    
    }
    
     
    
    }
    
     
    
    /* აი რაღაცა მაინც არ გამოდის */