/* mobile menu */
    body.modal-open {
        height: 100vh;
        overflow-y: hidden;
    }

    .sidenav {
        height: 100%;
        width: 0;
        position: fixed;
        z-index: 100;
        top: 25px;
        left: 0;
        /* background-color: #111; */
        overflow-x: hidden;
        transition: 0.5s;
        padding-top: 60px;
    }

    .sidenav a {
        padding: 8px 8px 8px 32px;
        text-decoration: none;
        font-size: 20px;
        color: #818181;
        display: block;
        transition: 0.3s;
    }

    .sidenav a:hover {
        color: #f1f1f1;
    }

    .sidenav .closebtn {
        position: absolute;
        top: 0;
        right: 6px;
        font-size: 36px;
        margin-left: 50px;
        color: black
    }

    @media screen and (max-height: 450px) {
        .sidenav {
            padding-top: 15px;
        }

        .sidenav a {
            font-size: 18px;
        }
    }
    
    #pname{
        margin-bottom: 3px;text-transform: capitalize;height: 36px;overflow: hidden;font-size:14px;
    }
    #pprice{
        color:#034d15;font-weight:bold;
    }
    
    
    
    .menu-icon {
        font-size: 24px;
        cursor: pointer;
        margin: 13px;
        color: white;
        position: relative;
    }

    .category-menu {
        display: none;
        position: absolute;
        top: 50px;
        left: 20px;
        background-color: #444;
        padding: 10px;
        border-radius: 5px;
        z-index: 1000;
        min-width: 200px;
    }

    .menu-wrapper:hover .category-menu {
        display: block;
    }

    .category-item {
        position: relative;
        padding: 8px;
        cursor: pointer;
    }

    .category-item:hover {
        background-color: #555;
    }

    .subcategory-menu {
        display: none;
        position: absolute;
        top: 0;
        left: 100%;
        background-color: #555;
        padding: 10px;
        border-radius: 5px;
        white-space: nowrap;
    }

    .category-item:hover .subcategory-menu {
        display: block;
    }

    .subcategory-menu div:hover,
    .subcategory-menu a:hover {
        color: #0f0;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
     .submenu a:hover {
            background-color: rgba(255, 255, 255, 0.1);
            border-radius: 4px;
        }
    
    .owl-nav {
        display: none;
    }

    .carousel-control-prev {
        display: none;
        left: 0;
    }

    .carousel-control-next {
        display: none;
        left: 0;
    }

    #marqureetext {
        display: none;
    }

    #sociallinkmobile {
        display: none;
    }

    @media only screen and (max-width: 768px) {
        #marqureetext {
            display: inline;
            position: fixed;
            z-index: 9999;
            top: 0;
        }

        #sociallink {
            display: none;
        }

        #sociallinkmobile {
            display: inline;
        }
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    #chat1{
        color: white; 
        background: #F26E21;
        height: 40px; 
        width: 40px; 
        text-align: center;
        border-radius: 50%;
        padding: 10px;
        font-size: 15px;
    }
    #chat2{
        color: white; background: black; height: 40px; width: 40px; text-align: center; border-radius: 50%; padding: 10px; font-size: 15px;margin-top: 15px
    }
    #chat3{
        margin-top: 15px;color: white; background: #30D14E; height: 40px; width: 40px; text-align: center; border-radius: 50%; padding: 10px; font-size: 15px;
    }
    #chat4{
        margin-top: 15px;color: white; background: #0f63f5; height: 40px; width: 40px; text-align: center; border-radius: 50%; padding: 10px; font-size: 15px;
    }
    
    #pidchat{
        position: fixed;right: 30px;bottom: 100px;display: flex; flex-direction: column; align-items: center; justify-content: center;z-index:9999
    }
    
      @media (max-width: 767px) {
            .mobile-nav {
                background-color: #8fb792;
                padding: 10px 0;
                display: flex;
                justify-content: space-around;
                align-items: center;
                position: fixed;
                bottom: 0;
                width: 100%;
                z-index: 1030;
            }

            .mobile-nav i {
                color: white;
                font-size: 20px;
            }
        }