.Category_Cl 
{
    position: relative;
    color: #777777;
    font-size: var(--VerySmallSubHeading_FS);
}
.CardlinkHover_Cl
{
    position: relative;
    color: #333333;
    font-size: var(--VerySmallHeading_FS);
}

.ProductCard_Cl
{
   
    cursor: pointer;
} 

.ProductCardImgDiv_Img_Cl
{
    width: 100%;
    -webkit-filter: brightness(100%);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

.ProductCard_Cl .InnerBoxImg_Cl {
    position: relative;
    display: block;
    overflow: hidden;
    width:100%;
    margin: auto;
}

.ProductCard_Cl:hover .InnerBoxImg_Cl .ProductCardImgDiv_Img_Cl
{
    
   -webkit-filter: brightness(50%);
   -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
    
}
.ProductCard_Cl:hover .CardlinkHover_Cl
{
    color: var(--Secondary_Color);
}

/* Extra large devices (large desktops, 1200px and up) */
@media only screen and (min-width: 1200px)
{  
    
}
 
/* Large devices (desktops, 992px and up) */
@media only screen and (min-width: 992px) and (max-width: 1199.98px) 
{ 
    
} 

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media only screen and (min-width: 768px) and (max-width: 991.98px) 
{ 
    .ProductCard_Cl .InnerBoxImg_Cl {
        position: relative;
        display: block;
        overflow: hidden;
        width: 90%;
        margin: auto;
    }
}

/* Small devices (landscape phones, 576px and up) */
@media only screen and (min-width: 576px) and (max-width: 767.98px) 
{  
    .ProductCard_Cl .InnerBoxImg_Cl {
        position: relative;
        display: block;
        overflow: hidden;
        width: 70%;
        margin: auto;
    }
    
}


@media only screen and (min-width: 320px) and (max-width: 575.98px)
{
   .ProductCard_Cl .InnerBoxImg_Cl {
        position: relative;
        display: block;
        overflow: hidden;
        width: 100%;
        margin: auto;
    }
}