.brand-bg{
    background-color: #e10404;
}
.brand-yallow{
    background-color: #ffcd00;
}
.rounded-15{
    border-radius: 10px;
}
.inner-shadow{
    -webkit-box-shadow: inset 0px 0px 10px -3px rgba(0,0,0,0.50);
    box-shadow: inset 0px 0px 10px -3px rgba(0,0,0,0.50);
}

@font-face {
    font-family: 'MyFont';
    src:
        url('/font/LEMONMILK-Bold.otf')
        format('truetype');
    font-weight: bold;
    font-style: normal;
}

header{
    font-family:  'MyFont', serif
}
.m-items{
    border-left: 1px solid #ffffff4a;
}

.menu-shadow{
    -webkit-box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.50);
    box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.50);
}
.pointer{
    cursor: pointer;
}
.mt-50{
    margin-top: 35px !important;
}
.fs-12{
    font-size: 12px !important;
}
.custom-drop{
    width: 380px;
}
.toll{
    font-family:  'MyFont', serif
}
.fs-18{
    font-size: 18px;
}
.fs-14{
    font-size: 14px;
}
.fs-20{
    font-size: 20px;
}
.color-bg{
    color:  #e10404;
}
.sleng{
    font-family: 'Montserrat', sans-serif;
}
.order-title{
    font-family: 'Montserrat', sans-serif; font-weight: 500;
}
.fs-55{
    font-size: 55px;
}
.rounded-10{
    border-radius: 10px;
}
.mt-20{
    margin-top: 20px;
}
.ord-box{
    border: 2px solid gray;
}
.circle-b{
    width: 15px; height: 15px; border-radius: 50%; background-color: #6bb945;
}
.cicle-active{
    box-shadow: 0 0 14px rgb(77 189 22);
}
.fs-45{
    font-size: 45px;
}
.mob-show{
    display: none;
}
.left-menu{
    display: none;
}
.fixed{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
}

@media screen and (max-width: 1100px) {

    .hide{
        display: none !important;
    }

    .fs-11{
        font-size: 11px;
    }
    .mpy-3{
        padding-top: 15px;
        padding-bottom: 5px;
    }
    .mob-show{
        display: block;
    }
    .fs-55 {
        font-size: 35px;
    }
    .fs-20 {
        font-size: 14px;
    }
    small{
        font-size: 11px;
    }
    .nbfs18{
        font-size: 18px;
    }
    .fs-45 {
        font-size: 35px;
    }
    .mb-center{text-align: center}
}
.pulse{
    animation: pulse-animation 1s infinite;
}
.box-c{
    width: 35px; height: 35px;
}
@media screen and (max-width: 800px) {

    .hide{
        display: none !important;
    }
    .mbd-data{
        margin: 15px 0 15px 0; text-align: center !important;
    }

}

@keyframes pulse-animation {
    0% {
        box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
    }
    100% {
        box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
    }
}