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

  .mobile-show{ display: flex !important; }
  .mobile-hide{ display: none !important; }


.header-box{
  flex-direction: column;
}

  .header-logo{
    width: 100%;
  }

    .header-logo img{
      max-width: 238px;
    }

  .header-menu{
    display: none;
  }

.blog__list{
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

  .blog__item{
    width: 100%;
  }

.blogPost__titleHeading h1{
  font-size: 22px !important;
}

.footer-box{
  flex-direction: column;
}

  .footer-logo{
    width: 100%;
    justify-content: center;

    & img{
      max-width: 238px;
    }
  }

  .footer-menu{
    max-width: 100%;
  }

    .footer-menu-item{
      justify-content: center;
    }

  .footer-info{
    max-width: 100%;
    justify-content: center;
    align-items: center;
  }

  .footer-social{
    justify-content: center;
  }

    .footer-social-item{
      justify-content: center;
    }



}