@media (max-width: 1300px) {

    /* ----------- header ---------- */
  
    header{
  
      padding-inline: 64px;
  
    }
  
   
  
    /* ------------- section1 ------------- */
  
   
  
    .section1{
  
      height: 560px;
  
    }
  
   
  
    .asect{
  
      padding-top: 100px;
  
    }
  
   
  
    /* ------------- section2 ------------- */
  
   
  
    .section2{
  
      height: 518px;
  
      padding: 64px 0px 64px 64px ;
  
    }
  
   
  
    .articlediv{
  
      overflow-x: scroll;
  
    }
  
   
  
    .article{
  
      flex: 1 0 298px;
  
    }
  
   
  
    /* ------------ footer ----------- */
  
   
  
    footer{
  
      padding-inline: 358px;
  
    }
  
  }