/*------------------- Start Home Daynamic Category Boxes Design ----------------*/
.categoryrandomboxes {
    padding: 20px 0px;
}

    .categoryrandomboxes ul li {
        display: inline-block;
        margin-bottom: 25px;
    }

    .categoryrandomboxes .zi-banner {
        position: relative
    }

        .categoryrandomboxes .zi-banner .zi-banner-image {
            overflow: hidden;
            text-align: center;
        }

        .categoryrandomboxes .zi-banner:hover .zi-banner-image:before {
            opacity: 0.3;
            filter: alpha(opacity=30);
        }

    .categoryrandomboxes .appli-card-text {
        position: absolute;
        top: auto;
        right: auto;
        left: 0;
        bottom: 100px;
        margin: 0px;
        text-align: left;
        height: 0;
        padding: 0px 20px;
        -webkit-transition: .65s;
        transition: .65s;
    }

        .categoryrandomboxes .appli-card-text .appli-card-tit {
            letter-spacing: var(--letter-spacing);
            line-height: var(--line-height);
            text-transform: capitalize;
        }

            .categoryrandomboxes .appli-card-text .appli-card-tit:before {
                right: auto;
            }

    .categoryrandomboxes .zi-banner-image:hover .appli-card-text {
        bottom: 120px;
    }

    .categoryrandomboxes .appli-card-text p {
        opacity: 1;
        width: 100%;
        height: 3.12em;
        color: var(--color-white);
    }

    .categoryrandomboxes .appli-card-text .appli-card-tit {
        margin-bottom: 12px;
        font-size: var(--font-size22);
        font-weight: var(--font-semi-bold);
        color: var(--color-white);
        position: relative;
    }

        .categoryrandomboxes .appli-card-text .appli-card-tit:before {
            content: '';
            position: absolute;
            top: auto;
            bottom: -4px;
            background: var(--bg-white);
            height: 2px;
            width: 50px;
            left: 0;
            right: 0;
            margin-right: auto;
        }

    .categoryrandomboxes .zi-banner .zi-banner-image img {
        transform: scale(1.01);
        transition: opacity .2s ease-in-out,transform 1.2s ease-in-out;
    }

    .categoryrandomboxes .zi-banner img {
        width: 100%;
    }

    .categoryrandomboxes .zi-banner .zi-banner-image:hover img {
        transform: scale(1.07);
    }

    .categoryrandomboxes .zi-banner .zi-banner-image a {
        width: 100%;
    }

    .categoryrandomboxes .card-cover {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-image: -webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.5)));
        background-image: linear-gradient(180deg,transparent 0,rgba(0,0,0,.5));
        -webkit-transition: .65s;
        transition: .65s;
    }

.lazyload, .lazyloading {
    opacity: 0;
}

.lazyloaded {
    opacity: 1;
    transition: opacity 300ms;
}

/*------------------- End Home Daynamic Category Boxes Design ----------------*/


/* -------------------------- Header Responsive Mobile Start ------------------------------ */
@media only screen and (min-width: 481px) and (max-width: 767px) {
    .appli-list > li {
        width: 100%;
    }
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
}

/* -------------------------- Header Responsive Mobile End ------------------------------ */