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

    .header-area button {
        font-size: 20px;
    }
    .header-area button::before {
        font-size: 20px;
    }
    .avvisi-area {
        font-size: 16px;
    }
    .footer-area nav ul{
        gap:15px
    }
    .footer-area nav ul li a {
        font-size: 15px;
        color: #42a9f8;
    }
    .footer-area nav ul li a img{
        max-width: 50%;
        filter: brightness(0) saturate(100%) invert(50%) sepia(92%) saturate(756%) hue-rotate(182deg) brightness(102%) contrast(95%);
          padding-bottom: 5px;
          }
    .card span {
        height: 50px;
        width: 50px;
        line-height: 50px;
    }
    .shap {
      height: 50px;
      width: 50px;
      line-height: 50px;
      font-size: 20px;
            }

    .content-area {
        font-size: 16px;
        text-transform: capitalize;
        width: 100%;
    }
    .content-area img{
      max-width: 18px;
      margin-right: 5px;
      margin-top: -4px;
    }
    .lineee-area {
        padding-bottom: 100px;
    }
    #accordion .card-header a {
      font-size: 15px;
      text-transform: uppercase;
    }

    #accordion {
        font-size: 16px;
    }
    .card.bg-transparent {
        padding: 5px 0px;
        border: 0;
    }
    #accordion .card-header a:before {
        top: -4px;
    }

    .header-area {
        font-size: 25px;
    }

    span.subtile {
        font-size: 20px;
    }
    .linee-all-area h4{
        font-size: 20px;
    }
    .linee-all-area h3{
        font-size: 30px;
    }
    .time-area {
        font-size: 16px;
    }
    .buttons-area button {
      width: 45px;
      height: 45px;
      font-size: 17px;
      margin: 0 auto;
      display: block;
      text-align: center;
      font-weight: 500;
      border-radius: 8px;
      border: none;
      color: #fff;
    }

}