

@media only screen and (min-width: 320px) and (max-width: 375px) {
 .hfe-nav-menu__breakpoint-mobile{
left:0px
}
}

@media only screen and (min-width: 320px) and (max-width: 375px) {
.hfe-menu-cart__toggle.elementor-button-wrapper {
    margin-left: 20px;

}
@media (max-width: 390px) {
    .elementor-65 .elementor-element.elementor-element-b2eef59 div.hfe-nav-menu-icon {
      color: #FFFFFF;
    margin-left: -11px !important;
    display: flex
margin-top: 5px;
    }
}


@media only screen and (min-width: 320px) and (max-width: 390px) {
.hfe-nav-menu-icon {
    padding: 0px !important;
    border: none  !important;
}
}


@media (max-width: 390px) {
  .elementor-65 .elementor-element.elementor-element-d36e6f1 .hfe-menu-cart__toggle .elementor-button-icon {
  font-size: 25px;
    margin-left: -16px;
    display: flex;
    bottom: 0px;
}
}

@media (max-width: 390px) {
    .elementor-1754 .elementor-element.elementor-element-70e40c6 .hfe-nav-menu__toggle {
   right: 20px;
}
}


@media  (max-width: 390px) {
.elementor-1754 .elementor-element.elementor-element-544b01d .hfe-menu-cart__toggle .elementor-button-icon {
    color: #FFFFFF;
    font-size: 25px;
    left: -20px;
    display: flex;
    margin-top: -4px;
}
}

@media (max-width: 375px){
.elementor-1754 .elementor-element.elementor-element-544b01d .hfe-menu-cart__toggle .elementor-button-icon {
    color: #FFFFFF;
    font-size: 25px;
    margin-left: -11px;
    display: flex;
    margin-top: -4px;
}
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
  svg.wnbell_icon {
    width: 15px !important;
    height: 15px !important;
}
}
 @media only screen and (max-width: 414px) {
  .wnbell-sticky-btn {
    position: absolute!important;
    bottom: 1rem;
    border: none;
    border-radius: 50%;
    background-color: white;
    color: #320a00;
    z-index: 10000;
    height: 20px;
    width: 20px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
    top: 22px;
    right: 0px;
}	
  }



@media only screen and (max-width: 375px){
.wnbell-sticky-btn {
    position: absolute!important;
    bottom: 1rem;
    border: none;
    border-radius: 50%;
    background-color: white;
    color: #320a00;
    z-index: 10000;
    right: 21px;
    height: 20px;
    width: 20px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
    top: 19px;
}
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
.wnbell-sticky-btn {
    position: absolute!important;
    bottom: 1rem;
    border: none;
    border-radius: 50%;
    background-color: white;
    color: #320a00;
    z-index: 10000;
    right: 5px;
    height: 20px;
    width: 20px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
    top: 19px;
   
}	
  }
@media only screen and (max-width: 411px){
.elementor-column.elementor-col-33.elementor-top-column.elementor-element.elementor-element-5870b94.mymobilecusstomcss {
    left: -35px;
}
}
@media only screen and (min-width: 320px) and (max-width: 400px){
.elementor-column.elementor-col-33.elementor-top-column.elementor-element.elementor-element-5870b94.mymobilecusstomcss {
    left: -41px;
}
}
@media only screen and (max-width: 411px){
.elementor-65 .elementor-element.elementor-element-01244ae {
    left: -12px;
}
}
@media (max-width: 768px){
.wnbell-closebtn {
    display: inline-block !important;
    position: absolute;
    font-size: 20px;
    padding: 0;
    height: 20px;
    line-height: 20px;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    right: -3px;
   
}
}

/*********/

/******new header css**/

@media only screen and (min-width: 320px) and (max-width: 767px) {

button#continue_button
{
background-color: #320a00  !important;
    margin-left:6px !important

}
}
@media (min-width: 360px{
   .elementor-65 .elementor-element.elementor-element-5870b94 > .elementor-element-populated {
        margin: 0px 0px 0px 70px  !important ;
  
    }
}