@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;1,100;1,300;1,400;1,500&family=Zen+Kurenaido&display=swap');
html{
  scroll-behavior: smooth;
}
body{
  font-family: 'Roboto', sans-serif;
}
.scroll-down header{
  transform: translate3d(0,-100%,0);
  }
.scroll-up header{
  filter: drop-shadow(0 10px 10px rgba(0, 0, 0, 0.5));
  }
.hero{
    background: url("../assets/bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
  }
  .hero-m{
    background: url("../assets/bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: fit-content;
  }
  .hero-om{
    height: auto;
  }
.hero-o{
    width: 100%;
  }
.current{
    color: #AFD136;
  }

header.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    transition: all 0.4s ease;
  }
  header{
    white-space: nowrap;
  }
  .product_photo{
    height: 220px;
    object-fit: cover;
    aspect-ratio: auto 120 / 120;
  }
  
  .prod-m img{
    max-height: 220px;
  }
  
  @media only screen and (min-width: 768px){
	 div#categoriesac0,
	div#categoriesac1,
	div#categoriesac2{
	position: absolute;
    background: #fff;
    padding: 10px;
    top: 222px;
    left: 14px;
	}
	
	div#categoriesac0 .ui-menu ,
	div#categoriesac1 .ui-menu ,
	div#categoriesac2 .ui-menu {
    background: #fff;
    padding: 10px;
	}
  }
  @media only screen and (max-width: 1100px) {
    .product_photo{
      height: 220px;
      width:auto;
      object-fit: cover;
      margin: 0 auto;
      padding-top: 5px;
    }
    .Shop-Card{
      margin: 0 auto;
      width: 100%;
      height: auto;
    }
    
    .general-map {
  	display: none!important;
  }

  } 
  @media only screen and (max-width: 500px) {
	     .prod-m img{
    max-height: 180px;
  }
    #main_left_5 span br  {
      display: none!important;
    }
    #whatac,
    #whereac{
    background-color: white;
    border-radius: 5px;
    opacity: 90%;
  }
  .ui-autocomplete{
    padding: 5px;
  }
  
  .general-map {
  	display: none!important;
  }
}
  #offer_result_pages .page.selected{
    text-decoration:none;
    font-weight: 400;
  }
  #categorys{
    border:solid 1px pink;
    background-image:none;
    border-radius:5px;
    padding: 1px;
  }
  .check-label{
    color: #333;
  }
  .categorys_link{
    font-size:13px;
    color: #f700b6;
  }
  .ui-widget-header{
    border:none;
    background:none;
  }
  .close-more{
    text-decoration: none;
  }
  #offer_result_pages .page.selected{
    text-decoration: none;
    color: #F700B6;
  }
  #p0, #p1, #p2{
    color:#333;
    font-size: 14px;
    padding: 5px;
  }
  #offer_result_pages{
    font-weight:lighter;
  }
  #offer_result_pages{
    padding: 10px;
  }
  .shop-image-size{
    margin: auto auto;
    width: 150px;
    height: 150px;
  }
  #main_left {
    margin: 0 auto;
  }
  
  .photo-card-img,
  .main_photo{
    min-width: 170px;
    max-width: 170px;
    min-height: 150px;
    max-height: 150px;
    object-fit: cover;
  }
  #whatac
  #whereac{
    background-color: white;
  /* padding: 10px; */
  border-radius: 5px;
  opacity: 90%;
  /* width: 385px;
  margin-top: -5px;
  margin-left: 5px; */
  }
  .no-results{
    font-size: 35px;
    font-weight: 300;
    opacity: 80%;
    padding: 64px;
    padding-bottom: 140px;
    text-align: center;
  }
  div#results {
    padding: 8px;
}
img, video {
	max-width: 100%;
	height: auto;
	display: inherit;
}

.bg-footer-color{
	background: #e7e2e285;
	}
	
menu, ol, ul {
    margin: 12px;
    padding: 5px;
}
sub, sup{
	  line-height: inherit!important;
}
	
.mr_text img {
	display: inline;
}

.mr_text sup {
	top: 0px;
}

.mr_text ul {
    list-style: disc;
}

.mr_text h1 {
    color: black;
}

.ui-autocomplete{
	overflow: scroll;
    height: 150px;
    width: 100%;
}

.c-tem img {
    height: 100%;
    width: auto;
    object-fit: cover;
}