/* phone copy */
@media (max-width: 800px) {
  header{
    width: 100%;
  }
  .toppage img{
    width:40%;
   }
   .wetrust{
    right: 0;
    width: 50%;
   }
   .wetrustback{
    right: 10px;
   }
   .pcnav{
    display: none;
   }
   .pcnav2{
    direction: ltr;
    display:flex;
    position: fixed;
    width: 100%;
    border-radius: 20px 20px 0 0;
    height: 90px;
    bottom: 0px;
    justify-content: space-around;
    right: 0;
    z-index: 99999999999;
   }
    hero2p{
        text-align:left
    }
    #bg-video {
        height: 100vh;
    }
   .carousel{
    top:45vh;
   }
   .wetrustback{
    height: 250px;
   }
   .carousel h3{
    font-size: 25px;
    font-weight: 900;
   }
   .carousel h6{
    font-size: 16px;
   }
   .heroblack{
    left: 10px;
    width:30px;
    display: none;
   }
   .greenhero{
    width: 100%;
    left: 0;
    top: 0;
   }
   .herop{
    left: 0px;
    width: 100%;
    height: 250px;
    overflow: auto;
    top: 40px;
   }
   .heroimg{
     width: 100%;
     top: 70px;
     left: 0;   
   }
   .hero2black{
    display: none;
   }
   .greenhero2{
    top:0;
    width: 100%;
    left: 0;
   }
   .greenhero2 h2{
    direction: ltr;
    padding: 20px 20px 20px 100px;   
   }
   .hero2p{
    right: 0;
    width: 100%;
    height: 250px;
    overflow: auto;
    top: 40px;
   }
   .hero2img{
    width: 100%;
    top: 70px;
    right: 0;   
  }
  .footblack2{
    display: none;
  }
  .footblack{
    top: 100px;
    width: 100%;
     left: 0;
     display: none;
  }
  .herolocation{
    top: 80px;
    width: 100%;
    left: 0;
  }
  .herocontent{
    width: 100%;
    top:100px;
    left: 0;
  }
  .contact{
    margin-bottom: 200px;

  }
  .footer{
    display: none;
  }
  .storebody .container{
    margin: 0;
  }
  .products{
    width: 100%;
    justify-content: space-around;
  }
  .categoryhero .catcont{
    display: flex;
    max-height: 70px;
    overflow: auto;
    flex-direction: row;
    width: 100%;
    flex-wrap: nowrap;
  }
   .item-details{
    width: 100%;
    padding: 0;
    margin: 0;
   }
   .item-details .container{
    padding: 0;
    margin: 0;
   }
   .title2 {
    font-size: 14px;
    font-weight: 900;
   }
   .flex{
    flex-wrap: wrap;
   }
   .flex label{
    width: 100%;
   }
   .flex a{
    width: 100%;
   }
   .flex button{
    width: 100%;
   }
   .descrip p{
    height: 300px;
    overflow: auto;
    text-align: left;
   }
   .current{
    height: 40vh;
   }
   .chikdiv{
    width: 100%;
    padding: 0;
    margin: 0;
   }
   .checksection .container{
    padding: 0;
    margin: 0;
   }
   .checksection .container .fform{
    padding: 0;
    margin: 0;
    margin-bottom: 100px;
   }
   .tabclass{
    width: 100%;
    overflow: auto;
    padding: 0;
   }
   .whatsconn {
    bottom: 90px; 
  }
  .shopping img{
    bottom: 155px;
  }
  .storebody{
    margin-bottom: 100px;
  }
  .social{
    max-width: 100%;
    top:0vh;
  }
  .card2{
    width: 100%;
    gap: 0;
    padding: 0;
    overflow: auto;
    flex-direction: row;
    flex-wrap: wrap;

  }
.socialContainer {
 margin: 10px;
}
  .testimonials{
    margin-bottom: -260px;
    top:0vh;
  }
  .herocontact{
    height: 50vh;
  }
  .herocontact h2{
    top:30vh
  }
  .contactse2{
    top:0vh;
  }
  .contactse2{
    top:0vh;
  }
  .contact button{
    margin-bottom: 100px;
  }
  .contact2{
    top:0vh;
  }
  .heroabout{
    height: 50vh;
  }
  .heroabout h2{
   top:30vh;
  }
  .here{
    top:0vh;
  }
  .here2{
    top:0vh;
  }
  .testimonials{
    top:10vh;
  }
  .contact{
    top: 0vh;
  }
  .text2{
    top:70vh;
  }
  .text3{
    top:100vh;
  }
    .tablephone {
        max-width: 100%;
        overflow: auto;
    }
    .shopcount {
        bottom: 190px;

    }


}