.container .navbar.navbar-expand-lg.navbar-light.bg-light {
}
.navbar-nav.mr-auto .nav-item .nav-link {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    margin-left: 1px;
    text-align: center;
    font-size: small;
}
body {
    max-width: 800px;
    min-width: 400px;
    clear : none;
    float: none;
    text-align: center;
    margin: auto;
    
}
.header {
    background-image: url(url);
}

.carousel-inner .carousel-item .carousel-caption {
    color: hsla(359,100%,50%,1.00);
    bottom: 0px;
}
.card.col-md-4.col-xl-12 .card-body .btn.btn-primary {
    background-image: -webkit-linear-gradient(270deg,rgba(183,235,183,1.00) 0%,rgba(49,211,16,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(183,235,183,1.00) 0%,rgba(49,211,16,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(183,235,183,1.00) 0%,rgba(49,211,16,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(183,235,183,1.00) 0%,rgba(49,211,16,1.00) 100%);
    border-radius: 70px;
}
.navbar-nav.mr-auto .nav-item.active .nav-link.Home {
    color: hsla(359,98%,52%,1.00);
}
.navbar-nav.mr-auto .nav-item .nav-link.Laundry {
    color: hsla(359,100%,50%,1.00);
}
.navbar-nav.mr-auto .nav-item .nav-link.Cafe {
    color: hsla(359,100%,50%,1.00);
}
.navbar-nav.mr-auto .nav-item .nav-link.Gift {
    color: hsla(359,100%,50%,1.00);
}
.navbar-nav.mr-auto .nav-item .nav-link.About {
    color: hsla(359,100%,51%,1.00);
}

.navbar-nav.mr-auto .nav-item .nav-link.Contact {
    color: hsla(359,100%,50%,1.00);
}
.navbar-nav.mr-auto .nav-item .nav-link.SmoothiesHome {
    color: hsla(359,100%,50%,1.00);
    margin-top: 1px;
}
.card.col-md-4.col-xl-12 .card-body .PickCup {
    width: 350px;
    height: 350px;
}
.nav-item.dropdown .dropdown-menu .dropdown-item {
    color: hsla(230,100%,50%,1.00);
    font-size: small;
}
.navbar-nav.mr-auto .nav-item .nav-link.SmoothiesTropicale {
    color: hsla(359,100%,50%,1.00);
}
.navbar-nav.mr-auto .nav-item .nav-link.SmoothiesEZpick {
    color: hsla(359,100%,50%,1.00);
}
.row .col-xl-4 .PickCup {
    text-align: center;
}
.col-xl-6 .LargeCup br {
    background-image: url(images/NewImg/CupSize.fw.png);
    width: 200px;
    height: 300px;
    background-color: hsla(359,100%,52%,1.00);
}
.row .col-xl-6 .img-fluid.BigCup {
    background-image: url(images/NewImg/CupSize.fw.png);
}
.col-xl-6 .card.col-md-4.col-xl-12 .card-img-top.img-fluid.BigCup {
    width: 100px;
    height: 150px;
}
.col-xl-6 .card.col-md-4.col-xl-12 .card-img-top.img-fluid.MiduimCup {
    width: 100px;
    height: 130px;
}
.myLabel   {
    text-align: center;
    font-size: 12px;
    margin-left: 10px;
}
.TdCup {
    width: 100px;

}
.cupSizeTable {
    width: 350px;
}

.FruitImg {


    width: 100;
    width: 100px;
    height: 120px;
    text-align: center;
    font-size: small;
    float: left;
    clear: none;
    border: thin solid hsla(149,100%,50%,1.00);
    border-radius: 10px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
    margin-top: 2px;
    margin-right: 2px;
    margin-bottom: 2px;
    margin-left: 2px;
}
.FruitImg1 {
    width: 100;
    width: 120px;
    height: 135px;
    text-align: center;
    font-size: 10px;
    border: thin solid hsla(149,100%,50%,1.00);
    border-radius: 10px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
    margin-top: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
    float: left;
 
}
.FruitImg2 {
    width: 100;
    width: 175px;
    height: 175px;
    text-align: center;
    font-size: 10px;
    border: thin solid hsla(149,100%,50%,1.00);
    border-radius: 10px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
    margin-top: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
    float: left;
 
}
.PickAcup {
    color: #001DFF;
    min-width: 350px;
    text-align: center;

}
.Topping2 {
    width: 100%;
}

.row .col-xl-4.AddJellyPearlPanel .Topping2 {
}

.PickFruit   {
    text-align: center;

}
#accordion1 .card #headingOne1 {
    color: hsla(0,0%,100%,1.00);
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(59,228,243,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(59,228,243,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(59,228,243,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(59,228,243,1.00) 100%);
}

#accordion1 .card #headingTwo1 {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(55,255,165,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(55,255,165,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(55,255,165,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(55,255,165,1.00) 100%);

}
.container-fluid .card #headingThree1 {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(43,253,27,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(43,253,27,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(43,253,27,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(43,253,27,1.00) 100%);

}
.ToppigDiv {
    width: 100px;
    height: 120px;
    float: left;
    font-size: 10px;
    margin-top: 10px;
    margin-left: 10px;
}
.orderForm #orderForm .LR_Div {
}
.orderForm #orderForm .LR_Div {
}


.container-fluid .row .col-xl-9.CustomFruitPanel {
    min-width: 315pt;
    max-width: 875px;
}
.container-fluid .row .col-xl-3.AddSyrupPanel {
    max-width: 400px;
    min-width: 315px;
}

.container-fluid .row .col-xl-4.AddJellyPearlPanel {
    max-width: 410px;
    min-width: 315px;
}
.container-fluid .row .col-xl-5.AddFruitNutPanel {
    min-width: 315px;
    max-width: 510px;

}
.container-fluid .row .col-xl-4.AddYogurtPanel {
    max-width: 315px;
    min-width: 315px;
}
.container-fluid .row .col-xl-3.AddEspressoPanel {
    max-width: 315px;
    min-width: 315px;
}
.MyTd {
    max-width: 150px;
    width: 100px;
}
.CustomForm {

}
.itemName {
    border-bottom: medium solid #0A00FB;
    background-color: #00FF05;
    height: 20px;
}
.CustomFruitPanel {
    min-width: 400px;
    float: left;
    clear: right;
}
.LeftDiv {
    width: 400;
    color: #FF0000;
    clear: both;
    text-decoration: underline;

}

.rightDiv {
    width: 400;
    clear: both;
    white-space: normal;
}
.LR_Div {

}
.breakDiv {
    margin-top: 1px;
    margin-right: 1px;
    margin-bottom: 1px;
    margin-left: 1px;

}
.CancelBth {
    color: #FFFFFF;
    background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(255,5,5,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(255,5,5,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(255,5,5,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(255,5,5,1.00) 100%);
    width: 120px;
    height: 30px;
    border-radius: 10px;
    -webkit-box-shadow: inset 2px 2px #FF0004;
    box-shadow: inset 2px 2px #FF0004;
    background-color: #FF070B;
    border: thin solid #FF0004;
    float: left;
    clear: none;
    left: 0px;
    margin-left: 1px;
}
.AddToOrderBtn {
    color: #FF0004;
    background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 13.47%,rgba(0,255,13,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(255,255,255,1.00) 13.47%,rgba(0,255,13,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(255,255,255,1.00) 13.47%,rgba(0,255,13,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 13.47%,rgba(0,255,13,1.00) 100%);
    height: 30px;
    border-radius: 10px;
    border: thin solid #00FF0D;
    -webkit-box-shadow: inset 2px 2px #00FF0D;
    box-shadow: inset 2px 2px #00FF0D;
    background-color: #0AFF0F;
    float: none;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-left: 50px;
    margin-right: 2px;
    width: 150px;
    clear: both;
}
.AddToOrderBtn1 {
    color: #FF0004;
    background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 13.47%,rgba(0,255,13,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(255,255,255,1.00) 13.47%,rgba(0,255,13,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(255,255,255,1.00) 13.47%,rgba(0,255,13,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 13.47%,rgba(0,255,13,1.00) 100%);
    height: 30px;
    border-radius: 10px;
    border: thin solid #00FF0D;
    -webkit-box-shadow: inset 2px 2px #00FF0D;
    box-shadow: inset 2px 2px #00FF0D;
    background-color: #0AFF0F;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-right: 2px;
    margin-left: 10px;
    width: 200px;
}
.total {
    clear: both;
    float: left;
}
.navbar-nav.mr-auto .nav-item.dropdown #navbarDropdown1 {
    color: #2200FF;
    font-size: large;
    margin-top: -10px;
}
.ItemCart {
    text-align: left;
    font-size: 10px;
    color: #0217FF;
}
.PlaceOrder {
    clear: none;
    float: none;
}



.cartNum {
    border-radius: 5px;
    border: thin solid #5C5959;
    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
}
.img-fluid.logo {
    width: 150px;
}
.fruits {
    float: left;
    overflow-x: auto;
    margin-left: 10px;
}
.frutsAdd   {
    max-width: 400px;
}
.RegularCup {
    background-image: url(images/CupSize.fw.png);
    width: 70px;
    height: 85px;
    background-position: center bottom;
    background-size: contain;
    background-clip: content-box;
    background-repeat: no-repeat;
}
.warning {
    width: 340px;
    clear: left;
    float: left;
    background-color: #000000;
    color: #FFFFFF;
    font-weight: bold;
    border: thin double #FF0004;
}
.warningBtn {
    margin-bottom: 5px;
    margin-top: -10px;
}
#fruitAdd {
    float: left;
    text-align: left;
}
.FruitRequire {
    width: 200px;
    color: #000CF9;
}
#fruitRe {
}
.priceC {
    border-left: thin groove #3200FF;
    border-right: thin groove #3200FF;
    border-bottom: thin groove #000000;
    border-top: thin groove #3200FF;
    max-width: 50px;
    border: 0;
}
.orderForm {
    width: 400px;
    max-width: 450px;
    border-left-color: #00FFA3;
    border-right-color: #00FFA3;
    border-top-color: #00FFA3;
    border-left-width: thin;
    border-right-width: thin;
    border-top-width: thin;
}
.CupSize {
    min-width: 380px;
    max-width: 400px;
    visibility: inherit;
    margin-left: 20px;
}
.CupDiv   {
    min-width: 120px;
    max-width: 120px;
    float: left;
    margin-left: 20px;
}
.BaseAndSweet {
    max-width: 350px;
    min-width: 350px;
    float: left;
}
.BnW {
    min-width: 390pt;
    max-width: 400px;
    float: left;
    width: 400px;
}
.BnW1 {
    min-width: 390pt;
    max-width: 390px;
    float: left;
}
.BnWItem {
    min-width: 130px;
    max-width: 130px;
    float: left;
}
.Btn- {
    border-collapse: collapse;
    text-shadow: 0px 0px;
    width: 35px;
    border: medium outset #00FF74;
    background-color: #00FF74;
    color: #FF0004;
    font-weight: bold;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    -webkit-box-shadow: 0 0;
    box-shadow: 0 0;
}
.BtnP {
    border-collapse: collapse;
    text-shadow: 0px 0px;
    width: 35px;
    border: medium outset #00FF74;
    background-color: #00FF74;
    color: #001DFF;
    font-weight: bold;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}
.BtnQ {
    border-collapse: collapse;
    text-shadow: 0px 0px;
    width: 35px;
    border: medium outset #8F8F8F;
    color: #000000;
    font-weight: normal;
    margin-right: -5px;
    margin-left: -5px;
    text-align: center;
    float: none;
    position: static;
}

.Btn0- {
    border-collapse: collapse;
    width: 50px;
    height: 50px;
    border: medium outset #373BFD;
    color: #FF0004;
    font-weight: bolder;
    -webkit-box-shadow: 0 0;
    box-shadow: 0 0;
    float: left;
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
    font-size: 20px;
}
.BtnP0 {
    border-collapse: collapse;
    width: 50px;
    height: 50px;
    border: medium outset #373BFD;
    color: #001DFF;
    font-weight: bolder;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    float: left;
    font-size: 20px;
}
.BtnQ0 {
    border-collapse: collapse;
    width: 50px;
    height: 50px;
    border: medium outset #8F8F8F;
    color: #000000;
    font-weight: bolder;
    text-align: center;
    float: left;
    position: static;
    vertical-align: middle;
    font-size: 20px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}
.Price1 {
    text-align: left;
    border-width: 0px;
    max-width: 60px;
    width: 60px;
    font-weight: normal;
}
.Price2 {
    width: 30px;
    border-width: thin;
    border-style: none;
    color: #FF0004;
}
.BtnX   {
    width: 30px;
    background-color: #FF0004;
    color: #FFFFFF;
  
}

.BuyButtonPrice {
    width: 190px;
    min-height: 50px;
    float: left;
    vertical-align: middle;
}

.ItemDisP {
    margin-bottom: -5px;
    margin-top: 0px;
    font-weight: normal;
    color: #FF0004;
}
.ItemDisP2 {
    margin-top: 0px;
    font-weight: normal;
    color: #000000;
    font-size: 12px;
    margin-bottom: 2px;
    min-width: 200px;
    width: 200px;
}
.row .col-xl-12 .onincart {
}
.Noincart {
    width: 400px;
    color: #FF0004;
    border: thin solid #020FFF;
    visibility: visible;
    margin-bottom: 1px;
}
.cartForm {
    visibility: visible;
}
.DivCartTop {
    color: #2200FF;
    font-weight: bold;
    visibility: collapse;
}
#DivCart {
    visibility: collapse;
}
.OrderDiv {
    margin-top: 20px;
    margin-bottom: 20px;

}

.PriceX {
    width: 80px;
    position: relative;
}
.buyButton {
    width: 380px;
    float: none;
    clear: both;
    position: relative;
    margin-left: 10px;
    border-radius: 5px;
  
}
.cartItem {
    float: none;
    width: 399px;
    max-width: 399px;

}

.Allitem {
    width: 399px;
    max-width: 399px;
    align-items: center;
    margin-bottom: 1px;
    display: flex;
    flex-wrap: wrap;
    visibility: visible;
    position: relative;
    clear: none;
    text-align: center;
}
.row {
    clear: none;
    margin-top: 2px;
    margin-right: 2px;
    margin-bottom: 2px;
    margin-left: 2px;

}
#item2 {
    display: flex;
    visibility: visible;
}

.logo{
    font-size: 25px;
    color: #333;
    text-decoration: none;
    font-weight: 600;
}
#cart-icon{
    position: relative;
    display: flex;
    font-size: 30px;
    cursor: pointer;
}
.cart{
    
  position: fixed;
    top: 0;
    right: 0;
    width: 360px;
    height: 100%;
    background: #FFFFFF;
    box-shadow: -2px 0 10px rgba(0,0,0,0.1);
    padding: 65px 20px 40px;
    z-index: 100;
    overflow: auto;
       
}
.cart-title{
    text-align: center;
    font-size: 30px;
        
}
.cart-box{
    display: flex;
    align-items: center;
    margin-top: 20px;
    
    
    
}
.cart-box img{
    width: 100px;
    height: 100px;
    border-radius: 6px;
    object-fit: cover;
    margin-right: 20px;
}
.cart-detail{
    display: grid;
    gap: 8px;
    margin-right: auto;
}
.cart-product-title{
    font-size: 16px;
    line-height: 1;
}
.cart-price{
    font-weight: 500;
}
.cart-quantity{
    display: flex;
    width: 100px;
    border: 1px solid #999;
    border-radius: 6px;
}
.cart-quantity button{
    background: transparent;
    width: 30px;
    border: none;
    fornt-size: 20px;
    cursor: pointer;
    
}
.cart-quantity #decrement{
    color: #999;
}
.cart-quantity.number{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    cursor:  default;
}
.cart-remover{
    font-size: 25px;
    cursor: pointer;
}
.total-price{
    margin-left: 10px;
    font-weight: 600;
}
.btn-buy{
    display: block;
    padding: 10px 30px;
    background:  #e35f26;
    border: none;
    border-radius: 6px;
    font-size: 16px;
    color: #FFFFFF;
    margin: 20px auto 0;
    cursor: pointer;
    
}.nav-link_my {
    color: #0015FF;
    font-weight: normal;
    margin-left: 10px;
    margin-right: 10px;
}
toggler-icon._my {
    color: #0200FF;
}

._my {
}
.navbar.navbar-expand-lg.navbar-light.bg-light {
}
.Bg-color {
    /* [disabled]border-bottom-left-radius: 15px; */
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    margin-left: 10px;
    margin-right: 10px;
    background-repeat: no-repeat;


}
.text-center {
    background-color: #04BF1F;
    margin-left: 10px;
    margin-right: 10px;
    color: #FFFFFF;
    margin-top: 5px;
    margin-bottom: 5px;
}
.laundry {
}
#navbarSupportedContent1 .navbar-nav.mr-auto .nav-item {
}
.laundry {
    color: #FF0004;
}
.footer {
    clear: both;
    background-color: #000000;
    color: #FFFFFF;
   
    
}
.container.cup {
    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
    width: 395px;
    float: none;
    clear: both;

}
.containercup {
    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
    width: 395px;
    float: l;
}
.container.sweet {
   padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
    width: 400px;
    float: left;
     margin: auto;
}

.fruit {
    float: left;
    min-width: 395px;
    padding-left: 10px;
    max-width: 800px;
    margin-left: 30px;
}
#fruitAddPanel {
    visibility: collapse;
}

.Topping{
    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
    float: left;
    min-width: 350px;
    margin-top: auto;
    margin-right: auto;
    margin-left: 20px;
    margin-bottom: 5px;
}
.Topping1{
    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
    float: left;
    position: relative;
    margin-bottom: 30px;
    margin-left: 20px;
    min-width: 250px;
    width: 250px;
}
.larg {
    margin-left: 40px;
}
.container-fluid.cup {
    border: thin solid #FF0004;
    background-color: #FF4C4F;
}
.navbar.navbar-expand-lg.navbar-light.bg-light.Bg-color {


}
.item-cart {
    max-width: 100%;
    clear: both;
    float: none;
    
}
#fruitAddPanel {
}
.fruit {
}
#fruitAdd {
    float: none;
    clear: none;
    text-align: center;
}
.cup1 {
    width: 100px;
    min-height: 0px;
    min-width: 100px;
    max-width: 130px;
    border: thin solid #FF0004;
    clear: none;
    float: left;
    align-items: center;
}
.itemC {
    max-width: 100%;
    clear: both;
    float: none;
}
.imgHolder {
    background-color: #000000;
    background-image: url(images/BerrySmoothies400X300.fw.png);
}
.quantityBtn {
    max-width: 150px;
    max-height: 30px;
    position: fixed;
    float: none;
    clear: none;
}
#item-cart1 {
    max-height: 40px;
}
.counter {
    width: 30px;
    float: none;
    clear: none;
    position: relative;
}
.cartStyle {
    color: #FFFFFF;
    background-color: #020D8F;
    border-radius: 30px;
    min-width: 30px;
    max-width: 30px;
    width: 30px;
    padding-right: 5px;
    padding-left: 5px;
}
.buyButton1 {
    float: none;
    clear: none;

}
div.item1 {
    align-items: center;
    overflow: auto;
    background-color: #FFA5A7;
    width: 100%;
    display: flex;
}
#Allitem #item1 .ItemDis {
    width: 80%;
    float:left;
}
#Allitem #item1 .ProImg {
    width: 20px;
    float:left;
}



#item1 .ItemDis .ItemDisP {
    color: #FF0004;
     float:left;
}
#item1 .ItemDis .ItemDisP2 {
    float:left;
     overflow: auto; 
}
.mycontainer {
  display: flex;
}
.cartItem1 {
    width: 100%;
    background-color: #0200FF;
}
.ProImg   {
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    border: medium outset #FF0004;
    margin-top: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
    border-radius: 10px;
    width: 95px;
    height: 95px;
    float: none;
    clear: none;
}
.coffeeCreamer {
    padding-bottom: 30px;
    margin-top: 00px;
    margin-right: 20px;
    margin-bottom: 0px;
    margin-left: 20px;
    width: auto;
    float: left;
}
.breakLine {
    clear: both;
}
tr td #fruitDiv {
}
tr td {
    font-size: small;
}
#OrderDiv  {
    max-width: 400px;
    clear: both;
    position: relative;
}
.card-body .AlignBtn .AddToOrderBtn {
}
.BusinessHours {
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    color: #0A00FF;
    border-radius: 10px;
    border-style: solid;
    border-color: #FF0004;
    max-width: 280px;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
}
.BusinessDiv {
    border-radius: 5px;
    background-color: #00FF34;
    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
}
.BusinessDiv2 {
    border-radius: 5px;
    background-color: #001DFF;
    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
}
.cardBody {
}
.cardBody2 {
    background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 35.75%,rgba(0,171,255,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(255,255,255,1.00) 35.75%,rgba(0,171,255,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(255,255,255,1.00) 35.75%,rgba(0,171,255,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 35.75%,rgba(0,171,255,1.00) 100%);
    color: #FF0004;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-size: large;
}
.col-md-9 {
    background-color: #000000;
    background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(191,186,255,1.00) 67.36%,rgba(18,0,255,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(191,186,255,1.00) 67.36%,rgba(18,0,255,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(191,186,255,1.00) 67.36%,rgba(18,0,255,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(191,186,255,1.00) 67.36%,rgba(18,0,255,1.00) 100%);
    -webkit-box-shadow: 0px 0px;
    box-shadow: 0px 0px;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    margin-top: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
}

.col-md-9 {
    background-color: #000000;
    background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(191,186,255,1.00) 67.36%,rgba(18,0,255,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(191,186,255,1.00) 67.36%,rgba(18,0,255,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(191,186,255,1.00) 67.36%,rgba(18,0,255,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(191,186,255,1.00) 67.36%,rgba(18,0,255,1.00) 100%);
    -webkit-box-shadow: 0px 0px;
    box-shadow: 0px 0px;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    margin-top: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
}
.orderOnline {
    border: thin solid #00FF44;
    border-radius: 10px;
    background-image: -webkit-linear-gradient(270deg,rgba(66,255,0,1.00) 0%,rgba(251,251,251,1.00) 36.78%,rgba(255,255,255,1.00) 62.17%,rgba(66,255,0,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(66,255,0,1.00) 0%,rgba(251,251,251,1.00) 36.78%,rgba(255,255,255,1.00) 62.17%,rgba(66,255,0,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(66,255,0,1.00) 0%,rgba(251,251,251,1.00) 36.78%,rgba(255,255,255,1.00) 62.17%,rgba(66,255,0,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(66,255,0,1.00) 0%,rgba(251,251,251,1.00) 36.78%,rgba(255,255,255,1.00) 62.17%,rgba(66,255,0,1.00) 100%);
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    font-weight: bold;
    color: #FFAE00;
    text-shadow: 1.5px 1.5px 2px #15009C;
    min-width: 150px;
    max-width: 200px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
}
.alert-hidden {
  display: none;
}

#customAlertBox {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

.alert-content {
  background-color: white;
  padding: 20px 30px;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  text-align: center;
}
.alert-content button {
  margin-top: 15px;
  padding: 8px 16px;
  background-color: #007bff;
  color: white;
  border: none;
  border-radius: 6px;
  cursor: pointer;
}
.OptionDiv {
}
li {
    font-size: small;

}
.aboutUs {
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    float: none;
    clear: both;
    color: #0005FF;
    border: thin solid #FF0004;
    border-radius: 10px;
}
.welcome {
    margin-top: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    color: #FF0004;
    background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(82,204,255,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(82,204,255,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(82,204,255,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(82,204,255,1.00) 100%);
    border-radius: 10px;
    border: medium groove #FF0004;
    -webkit-box-shadow: 5px 5px #FF0004;
    box-shadow: 5px 5px #FF0004;
    max-width: 400px;
}
.location {
    width: 800px;
    position: static;
    background-color: #FF1418;
}
.location .row {
    float: none;
}
 
    #slideshow {
      max-width: 400px;
      margin: 30px auto;
      position: relative;
      box-shadow: 0 2px 8px #bbb;
      border-radius: 12px;
      overflow: hidden;
    }
    #slideshow img {
      width: 100%;
      display: none;
    }
    #slideshow img.active {
      display: block;
    }
    .slide-btns {
      text-align: center;
      margin-top: 8px;
    }
    .slide-btns button {
      padding: 6px 16px;
      font-size: 1rem;
      margin: 0 5px;
      border-radius: 5px;
      border: none;
      cursor: pointer;
      background: #FFB703;
      color: #fff;
      transition: background 0.2s;
    }
    .slide-btns button:hover {
      background: #219EBC;
    }

.SignsDisplay {
    width: 400px;
    height: 300px;
    min-width: 200px;
    min-height: 150px;
    float: left;
    border: thin solid #FF0004;
}
.signsMaterial {
    width: 400px;
    float: left;
}
.sumitBtn {
    text-align: center;
    float: none;
    clear: both;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    width: 0px;
}