@media (max-width:768px) {
   nav .menu {
      display: flex;
   }

   nav ul, nav input {
      display: none !important;
   }

   .banner .container-body>div {
      width: 100%;
   }

   .shop-container .d-flex {
      border-bottom: 1px solid black;
      font-size: 15px;
   }

   .shop-container button {
      display: flex;
   }

   .featured-products .images {
      flex-direction: column;
      align-items: center;
   }

   .products  .images >div {
      width: 50%;
      margin-bottom: 2%;
   }

   .featured-products .head>div {
      display: none;
   }

   .Gallery.d-flex {
      flex-wrap: wrap;
   }

   .Gallery.d-flex>div:not(:last-child) {
      width: 45%;
   }

   .Gallery.d-flex>div:last-child {
      width: 92%;
      height: 200px;
      margin-top: 3%;
   }
   .about .d-flex .content{
      width: 100%;
   }
   .about .d-flex div:last-child{
      display:none;
   }
   .OurTeam .cards{
      flex-wrap: wrap;
   }
   .OurTeam .card{
      width:45%;
      margin-bottom: 5%;
      text-align: center;
   }
   .Blog .d-flex>div:first-child{
      width:100%;
   }
   .Blog .d-flex>div:last-child{
      display: none;
   }

   .contact {
      flex-direction: column;
      justify-content: center;
   }
   .contact .cont-div{
      width:90%;
      margin-bottom: 10%;
   }
    .contact .social-div{
      width: 100%;
    }
    .contact .social-div .card{
     margin-bottom: 4%;
    }


    .join .head{
      flex-direction: column;
    }
    .head-text{
      width: 100%;
      margin-bottom: 5%;
    }
    .join .head h5 {
      margin-bottom: 0;
    }
    .join form{
      width: 100%;
    }
    .join form input{
         width:80%;
         margin-bottom: 15px;
    }
    .links{
      flex-wrap: wrap;
    }
    .links >div:first-child{
      width:100%;
    }
    .links ul{
      width: 30%;
      margin-bottom: 7%;
    }

    .links >div:first-child >div{
      margin-bottom: 5px;
    }
    .links >div:first-child {
      margin-bottom: 7%;
    }

    .footer-container .d-flex {
      flex-direction: column;
      align-items: center;
    }
    .footer-container .d-flex >div:first-child{
      margin-bottom: 3%;
    }
}

@media (max-width:500px){
   .Gallery.d-flex {
      flex-direction: column;
   }

   .Gallery.d-flex>div {
      width: 100% !important;
   }

   .Gallery.d-flex>div>div {
      width: 100% ;
   }

   .Gallery.d-flex>div>div img {
      width: 100%;
   }

   .contact .cont-div{
      width:90%;
      margin-bottom: 10%;
   }
    .contact .social-div{
      width: 100%;
    }
    .contact .social-div .card{
     margin-bottom: 4%;
     width: 100%;
    }
    .contact form>div:first-child{
      flex-direction: column;
       width:100%
    }
    .contact form>div div {
      width:100%
    }


    .links ul{
      width: 50%;
    }
    .OurTeam .cards{
      justify-content: center;
    }
     .OurTeam .card {
        width: 80%;
        margin-bottom: 5%;
        text-align: center;

    }
}