/* .product-parent .product-grid .product-image img {
    width: 100%;
    height: 100%;
} */

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 70px;
    background: linear-gradient(45deg, #F9F9F9, #F7F5EB, #D3CEDF);
    overflow-x: hidden; 
    transition: 0.5s;
    }
    @media (max-width: 991px) {
        .sidenav {
            width: 0;
        }
    }
    .sidenav a {
    /* padding: 8px 8px 8px 32px; */
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s
    }
    .sidenav a:hover, .offcanvas a:focus{
    color: #f1f1f1;
    }
    .sidenav .closebtn {
    position: absolute;
    top: -19px;
    right: 7px;
    color: black;
    font-size: 44px;
    z-index: 1000;
    margin-left: 50px;
    }
    #main {
    transition: margin-left .5s;
    padding: 20px;
    }
    .sidenav {
    right: 0;
    position: absolute;
    z-index: 10;
    margin-right: 0px;
    }
    @media screen and (max-height: 450px) {
    .sidenav {padding-top: 0px;}
    .sidenav a {font-size: 18px;}
    }
    .sidenav {
        right: 0;
    }

@media (max-width: 767.98px) {
    .proddddd  .product-grid {
        height: 30rem;
    }
    /* .homeprod .product-parent .product-grid{
        height: 20.5rem;
      
      } */
  }