@media only screen and (max-width: 766px) {
  .imagtitle{
  margin-top: 0;

  width: 60%;

  }
  title h2{
    margin-top:0;
    font-size: 20px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight: bolder;
   
  
    }
    .mad{
      background-color: rgb(192, 201, 140);
      color: #000;
      width: 80%;
      border-radius: 12px;

      margin: auto;
    }
    .img1{
      margin-top: 0;
      float: left;
      width: 350px;
    
    }
    .ss{
      font-size: 20px;
    }
    .mad{
      
      text-align: center;
      font-size: 25px;
      padding: 2px;
      text-align: center;
    }
    .img3{
      
      margin-right: 1px;
      width: 100%;
      float: center;
     
    
    } 
    .head2{
      background-color: rgb(18, 18, 197);
      color : white;
      text-align: center;
      font-size: 20px;
     padding: 10px;
     border-radius: 10px;
    }
    .mad2{
      background-color: rgb(192, 201, 140);
      color: #000;
      width: 60%;
      border-radius: 12px;
text-align: center;
      margin: auto;
    }
    .img5{
      float: left;
      width: 120px;
    
    }
}