.storeBanner img {
    width: 100%;
    height: 100% !important;
    max-height: none !important;
    max-width: none !important;
}

.logo-circle
{
    width: 140px;
    height: 140px;
    border-radius: 130px;
    background-color: white;
    margin-left: -100px;
    padding-top: 42px;
    padding-left: 27px;
}
.adv-hellobar-container-1
{
    position: relative;
    z-index: 999;
}

#navbar-ham{cursor: pointer;}

.menuHeader
{
    align-items: center;
    justify-content: space-between;
    position: relative;
    height:80px;
}

.wh_icon{width: 37px;padding-bottom: 8px;}

 .cover{
    object-fit: cover;
}
.wh_mobile_icon{width: 30px;margin-top: -2px;}
#navbar-ham{display: flex;}
.search-icon{padding-right: 10px;}
label{margin: 10px 0;}
.alert {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}
.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}
.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.container-shadow{ box-shadow: 10px 5px 10px #0000001a;}

.mySlides {display: none;}
img {vertical-align: middle;}

.mySlides {margin: 8px;}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* The dots/bullets/indicators */
.slideshow .dot {
  height: 10px;
  width: 10px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.slideshow .active {
  background-color: #717171;
}

/* Fading animation */
.slideshow .fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}


@media screen and (min-width: 1024px){
.modal.search-modal .modal-content {
    min-height: 50% !important;
} }

@media only screen and (max-width: 600px) {
  .storeBanner img {
      width: 93vw;
    height: 100% !important;
    max-height: none !important;
    max-width: none !important;
}
}
@media only screen and (max-width: 300px) {
  .storeBanner img {
      width: 290px;     
    height: 100% !important;
    max-height: none !important;
    max-width: none !important;
}
}
@media only screen and (min-width: 1024px) {
.container {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 10px;
} 
}

/*.features{justify-content: space-evenly !important;}*/


.whats{
        width: 25px;
}

.heading-1{
    border: 0;
    margin: 0;
    padding: 0;
        display: block;
    font-size: 2em;
    margin-block-start: 0.67em;
    margin-block-end: 0.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}