body {padding-top: 67px; }

.bgFonex {
    background-color: #f1e600;
}
.cartFonex {
    background-color: #4CFF00;
}
.bgSearchCardHead {background-color:#eee; border-top-style:solid; border-top-width:1px; border-top-color:black;}
.bgSearchCardBody {background-color:#eee;}

.cardHeaderLink > a {
  display: block;
  position: relative;
  font-size:16px;
  font-weight:700;
  text-decoration:none;
}
.cardHeaderLink > a:after {
  content: "\f103"; 
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  position: absolute;
  right: 0;
}
.cardHeaderLink > a[aria-expanded="true"]:after {
  content: "\f102";
}
.cardHeaderLink2 > a {
  display: block;
  position: relative;
  font-size:12px;
  font-weight:400;
  text-decoration:none;
}
.cardHeaderLink2 > a:after {
  content: "\f0D7"; 
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  position: absolute;
  right: 0;
}
.cardHeaderLink2 > a[aria-expanded="true"]:after {
  content: "\f0D8";
}
.font7rem{font-size:0.7rem;}
.fproducts{font-size:14px;}
.fproductsFooter{font-size:0.7em; color:#f1e600;}
.fproductsFooterWhite{font-size:0.7em; color:#FFF;}
.fproductsFooterWhiteXS{font-size:0.5em; color:#FFF;}
.fproductsPrice{font-size:0.9em; color:#f1e600;}
.fproductsPriceXS{font-size:0.7em; color:#f1e600;}
.fproductsPublicPrice{font-size:0.6em; color:#fff;}
.fproductsPublicPriceXS{font-size:0.6em; color:#fff;}
.modal-content  {
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important; 
}

.bgAttributesCardHead {background-color:#ccc;}
.bgAttributesCardBody {background-color:#eee;}
.cardHeaderLinkAttr > a[aria-expanded="true"]:after {
  content: "\f102";
}
.cardHeaderLinkAttr > a {
  display: block;
  position: relative;
  font-size:12px;
  font-weight:700;
  text-decoration:none;
 }
.cardHeaderLinkAttr > a:after {
  content: "\f103"; 
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  position: absolute;
  right: 0;
}

.bg-orange{background-color:#ff9b00;}
.padd-accord{padding-top:30px; padding-bottom:30px; background-color:#ccc;}


#myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: #f1e600; /* Set a background color */
  color: #000; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 15px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
  font-size: 18px; /* Increase font size */
}

#myBtn:hover {
  background-color: #555; /* Add a dark-grey background on hover */
}
.labelavailable{font-size:14px; font-weight:bold;}

@media (max-width: 389px) {
    .product-title {
        font-size: 10px;
        width: 130px;
        height: 80px;
    }
    .product-card {
        cursor: pointer;
        min-width: 120px;
        max-width: 120px;
    }
    .category-image{width:150px;}
        .imgdetail {
        max-width: 350px;
    }
    .labelavailable {
        font-size: 12px;
        font-weight: bold;
    }
}
@media (min-width: 390px) and (max-width: 768px) {
    .product-title {
        font-size: 12px;
        width: 155px;
        height: 80px;
    }
    .product-card {
        cursor: pointer;
        min-width: 120px;
        max-width: 120px;
    }
    .category-image{width:170px;}
    .imgdetail {
        width: 240px;
    }
    .labelavailable {
        font-size: 12px;
        font-weight: bold;
    }
}
@media (min-width: 769px) and (max-width: 1024px) {
    .product-title {
        font-size: 14px;
        width: 150px;
        height: 80px;
    }
    .product-card {
        cursor: pointer;
        min-width: 120px;
        max-width: 120px;
    }
    .category-image{width:170px;}
    .imgdetail {
        width: 310px;
    }
}
@media (min-width: 1025px) {

    .product-card {
        cursor: pointer;
        min-width: 200px;
        max-width: 200px;
    }
    .product-title {
        cursor: pointer;
        min-width: 200px;
        max-width: 200px;
        font-size: 14px;
        height:80px;
    }
    .category-image{width:240px; height:210px;}
    .imgdetail {
        max-width: 502px;
    }
}