/* white you custom css code here. only css code will work */
.navbar-nav li a{
    color: rgb(0 0 0 ) !important;
}
.nav-right-content ul li a{
    color: #fff !important;
}
.header-area {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 100vh;
 	margin-top: -2px;

}
.navbar-nav li a {
    color: rgb(255 255 255) !important;
}

.header-style-01.navbar-variant-01 .navbar-area.nav-style-01{
    background-color: #0000006e !important;

}
.nav-pills .nav-link {
    color: white;
}
.float{
  position:fixed;
  width:60px;
  height:60px;
  bottom:40px;
  right:25px;
  background-color:#25d366;
  color:#FFF;
  border-radius:50px;
  text-align:center;
  font-size:30px;
  box-shadow: 2px 2px 3px #bf9456;
  z-index:100;
}

.my-float{
  margin-top:16px;
}
.single-fruit-product-item.thumb.addtocart{
    display: none !important;
}
@media only screen and (max-width: 1024px) {
    .header-area {
      background-size: contain !important;
      height: 0vh;
      margin-bottom: -220px;
      margin-top: -135px;
    }
}
@media only screen and (max-width: 768px) {
    .header-area {
      background-size: contain !important;
      height: 0vh;
      margin-top: -147px;
      margin-bottom: -290px;

    }
}
@media only screen and (max-width: 425px) {
    .header-area {
      background-size: contain !important;
      height: 0vh;
      margin-top: -230px;
      margin-bottom: -390px;

    }
}
@media only screen and (max-width: 375px) {
    .header-area {
      background-size: contain !important;
      height: 0vh;
      margin-top: -240px;
     margin-bottom: -380px;
}
}