:root {
    --border-color: #d3d3d3;
    --kiwi-yellow: #FBB700;
}


/* Remove arrow for all menu items */
.mainmenu ul#nav>li>a::after {
    content: none;
}


.stick .mainmenu ul#nav>li:hover>a,
.mainmenu ul#nav>li.active>a {
    color: white;
}

/* Add arrow ONLY if li contains a sub-menu */
.mainmenu ul#nav>li:has(ul.sub-menu)>a::after {
    content: "\f107";
    /* fa-angle-down */
    font-family: FontAwesome;
    font-size: 17px;
    position: absolute;
    right: -3px;
    top: 1px;
}


.stick .mainmenu ul#nav>li>a {
    color: #444;
    height: 60px;
    line-height: 60px;
}

.mainmenu ul#nav>li:hover>a,
.mainmenu ul#nav>li.active>a {
    color: #444;
}

.header-area2 .mainmenu ul#nav>li:hover>a,
.mainmenu ul#nav>li.active>a {
    /* color: #FBB700 !important; */
    color: #444 !important;
}

.mainmenu ul#nav>li>a {
    box-sizing: border-box;
    /* color: rgba(255, 255, 255, 0.8); */
    color: #444;
    display: block;
    font-size: 14px;
    font-weight: 600;
    height: 94px;
    line-height: 90px;
    padding: 0 18px;
    text-decoration: none;
    text-transform: uppercase;
}

img {
    /*max-width: 80%;*/
    width: 100%
    height: auto;
}

.logo {
    /* padding: 30px 0 39px; */
    padding: 2px;
}

.header-area {
    background: #FBB700 none repeat scroll 0 0;
    border-top: 2px solid #FBB700;
}


.height-20 {
    min-height: 50px;
    background-color: #FED828;
    /* theme color */
}

.overly-bread {
    background: rgba(255, 255, 255, -0.3) none repeat scroll 0 0;
}

h3.bread-heading {
    color: white
}




/*.mobile-menu > .logo > a > img {*/
/*       border: 5px solid red;*/
/*   }*/
.first-item {
    border: 2px solid var(--border-color);
}

.product-name {
    font-size: 14px;
    line-height: 1.4;
    text-align: center;
    word-break: break-word;
    background-color: #f5f5f5;
    padding: 8px 10px;
    /* border: 1px solid #e0e0e0; */
}

.breadcrumb-head ul li {
    color: #f5f5f5;
}

.breadcrumb-head ul li {
    background: #fbb700;
    padding: 20px;
    font-size: 28px;

}

/*21122025*/
@media (max-width: 480px) {
    .awesome-img {
        border: 2px solid var(--border-color);
    }

    .container {
        margin-right: auto;
        margin-left: auto;
        padding-left: 5px;
        padding-right: 5px;
    }


    .mobile-menu .logo {
        left: -50px;
        top: -8px;
    }

    .mobile-menu>.logo>a>img {
        max-width: 60%;
        height: auto;
        /*border: 5px solid green;*/
    }


    .header-area {
        background: var(--kiwi-yellow) none repeat scroll 0 0;
        border-top: 2px solid var(--kiwi-yellow);
    }

    .mobile-menu-area {
        background: var(--kiwi-yellow) none repeat scroll 0 0;
        padding: 10px 0px;
    }

    .area-padding {
        padding: 30px 0;
    }

    .about-dec,
    .about-text,
    .banner-box,
    .footer-content {
        margin-bottom: 30px;
        text-align: justify;
    }




}



/* Mobile devices (max-width: 767px) */
@media (max-width: 767px) {

    .container {
        margin-right: auto;
        margin-left: auto;
        padding-left: 5px;
        padding-right: 5px;
    }

    /*.mobile-menu .logo {*/
    /*    left: -50px;*/
    /*    top: -8px;*/
    /*}*/
    
    .mobile-menu .logo {
        left: -10px;
        top: -60px;
    }

    .mobile-menu>.logo>a>img {
        max-width: 60%;
        height: auto;
        /*border: 5px solid blue;*/
    }

    .awesome-img {
        border: 2px solid var(--border-color);
    }

    .header-area {
        background: var(--kiwi-yellow) none repeat scroll 0 0;
        border-top: 2px solid var(--kiwi-yellow);
    }

    .mobile-menu-area {
        background: var(--kiwi-yellow) none repeat scroll 0 0;
        padding: 10px 0px;
    }

    .area-padding {
        padding: 30px 0;
    }

    .about-dec,
    .about-text,
    .banner-box,
    .footer-content {
        margin-bottom: 30px;
        text-align: justify;
    }
}

/* Tablets & Mobile */
@media (max-width: 991px) {
    .awesome-img {
        border: 2px solid var(--border-color);
    }

    .container {
        margin-right: auto;
        margin-left: auto;
        padding-left: 5px;
        padding-right: 5px;
    }

    /*.mobile-menu .logo {*/
    /*    left: -50px;*/
    /*    top: -8px;*/
    /*}*/
    
    .mobile-menu .logo {
        left: -10px;
        top: -60px;
    }

    .area-padding {
        padding: 30px 0;
    }

    .header-area {
        background: var(--kiwi-yellow) none repeat scroll 0 0;
        border-top: 2px solid var(--kiwi-yellow);
    }

    .mobile-menu-area {
        background: var(--kiwi-yellow) none repeat scroll 0 0;
        padding: 10px 0px;
    }

    .about-dec,
    .about-text,
    .banner-box,
    .footer-content {
        margin-bottom: 30px;
        text-align: justify;
    }


}