@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500&display=swap'); 
* {outline: none}
body {
  background: url(../img/bg.jpg);
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  color: #222;
top: 0 !important}
.skiptranslate{display: none !important;}
h1, h2, h3, h4, h5, h6 {margin: 0;color: #24303b;font-family: 'Montserrat', sans-serif;}
h1 {font-weight: 500;font-size: 40px;}
h2 {font-weight: 500;font-size: 22px;}
h3 {font-weight: 500;}
p {margin: 0;}
ul {margin: 0;padding: 0;list-style: none;}
a {color: #252525;text-decoration: none;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
a,a:active,a:focus,a:active {outline: none;}
a:hover,a:focus {color: #62646c;text-decoration: none;}
.logo{display:block;padding:5px 0;text-align:center;width: fit-content;margin: 10px auto;}
.logo img{height: 166px;background: #fff;border-radius: 15px;padding: 5px;}
.menuList{width: 640px;padding: 30px 30px 15px 30px;border-style:solid;border-width:2px;border-color: #bfbfbf;border-radius:24px;background-color:#fff;margin: 18px auto;}
.menuList .category{/* margin-bottom: 20px; */text-align: center;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
.menuList .category a{box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);display: flex;flex-direction: column;width: 100%;margin-bottom: 20px;border-radius: 10px;}
.menuList .category a img{width: 100%;height: 110px;object-fit: cover;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.menuList .category a span{font-weight: 500;text-transform: uppercase;border:1px solid #e7e7e7;width: 100%;border-color: #ffffff;border-radius: 0;background-color:#fff;color:#131313;font-size: 18px;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;padding: 10px;}
.menuList .backBtn{display: flex;justify-content: space-between;margin-bottom: 15px;font-size: 18px;line-height: initial;font-weight: 600;}
.menuList .backBtn a{background: #a0663e;width: 34px;border-radius: 5px;height: 34px;display: flex;justify-content: center;align-items: center;padding: 8px;box-shadow: 0 0 12px 8px rgb(129 129 129 / 6%);text-align: center;}
.menuList .backBtn a svg{height: 100%;width: 100%;}

.menuList .products .nav-category{margin-bottom: 20px;text-align: center;display: flex;flex-wrap: wrap;}
.menuList .products .nav-category li{margin: 0;margin-bottom: 10px;width: 115px;height: 74px;font-size: 14px;}
.menuList .products .nav-category li button.active{background: #a56738;border-color: #a56738;color:#fff;}
.menuList .products .nav-category li button{font-weight: 500;text-transform: uppercase;border:1px solid #e7e7e7;width: 96%;border-color: #ffffff;border-radius:10px;background-color:#fff;color:#131313;font-size: 14px;height: 100%;padding: 0 5px;box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(133 133 133 / 24%);}

.menuList .wrap{position:relative;margin-bottom: 20px;display:block}
.menuList .wrap:hover .sub h3{padding-left:25px}
.menuList .wrap .imgWrap{position:relative;display:block;overflow:hidden}
.menuList .wrap .imgWrap img{display:block;object-fit:cover;width:100%;-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-o-transition:all .3s ease 0;transition:all .3s ease 0;border-top-left-radius:5px;border-top-right-radius:5px}
.menuList .wrap .capt{display:block}
.menuList .wrap .capt h3{font-size:15px;font-weight:600;}
.menuList .wrap .capt p{display:block;padding:0 10px;margin-bottom:15px}
.menuList .wrap .imgWrap .price{padding:10px;font-size:16px;border-bottom-left-radius:5px;border-top:1px solid #ddd;padding: 5px 5px;text-align: center;font-size:16px;background:#efefef;color:#0e0e0e;border-bottom-right-radius:5px;border-bottom-left-radius:5px;font-weight:500}
.menuList .wrap .imgWrap{float: left;width: 110px;}
.menuList .wrap .imgWrap img{border-top-left-radius: 5px;height: 90px;border-top-right-radius: 5px;}
.menuList .wrap .capt{float: right;width: calc(100% - 115px);background-color: #fff;box-shadow: 0 0 12px 8px rgb(129 129 129 / 6%);-webkit-transition: all .3s;transition: all .3s;padding: 0;position: relative;border-radius: 5px;border: 1px solid #f5f5f5;display: block;cursor: pointer;min-height: 114px;}
.menuList .wrap .capt h3{font-size: 16px;padding: 10px;line-height: initial;}
.menuList .wrap .capt p{font-size: 14px;margin-bottom: 10px;}
.menuList .wrap .capt .bottom .price{padding: 5px;font-size: 15px;}
.menuList .wrap .capt .bottom .add{padding: 5px;font-size: 15px;border-radius: 0;}
.menuList .colstyle2 .wrap .capt{min-height: auto;}
.menuList .colstyle2 .wrap .imgWrap .price{display: flex;align-items: center;justify-content: center;padding: 5px;font-size: 16px;background: #efefef;color: #0e0e0e;border-radius: 5px;text-align: center;font-weight: 500;border: 1px solid #ddd;min-height: 50px;}

.footer{text-align: center;padding-bottom: 15px;display: block;}
.footer p{color: #fff;}
.footer p a{font-weight: 500;color: #fff;}

.lang{/* position: absolute; *//* bottom: -15px; *//* right: 20px; */text-align: center;justify-content: center;margin: 5px 0 0px 0;width: 100%;}
.lang .langBtn{display: block;padding: 2px;border: 1px solid #ddd;margin: 2px;border-radius: 5px;background: #fff;}
.lang .langBtn img{width: 32px;height: 32px;padding: 4px;}

#accordionCategory{}
#accordionCategory .accordion-item{}
#accordionCategory .accordion-item button{box-shadow: none !important;background: #f3f3f3;color: #8b5329;font-weight: 500}
#accordionCategory .accordion-item button.collapsed{background: #fff;border-color: #inherit;;color: #000;font-weight: 500}

#mySelect{margin-bottom: 15px}

@media (max-width: 1366px){}
@media (max-width: 991px){}
@media (max-width: 767px){}

@media (max-width: 500px){
    .lang .langBtn {  padding: 0;}
    .lang { margin: 0;}
  .logo img{height: 96px}
  .menuList {width: 96%;padding: 16px 12px 0px 12px;margin-top: 12px;}
  .menuList .category a span{padding: 10px 3px;font-size: 14px;}
  .menuList .backBtn{font-size: 16px;align-items: center;}

  .menuList .products .nav-category{margin-bottom: 15px;overflow: auto;white-space: nowrap;display: block;}
  .menuList .products .nav-category li{float: inherit;display: inline-block;color: white;text-align: center;padding-right: 4px;text-decoration: none;width: auto;height: auto;}
  .menuList .products .nav-category li button{padding: 15px}

  .accordion-body{padding-bottom: 0;padding-left: 5px;padding-right: 5px}
  .footer{margin: 10px 0}
}