.popular-card {
    text-align: center;
    background: #ffffff;
    border: 0;
    -webkit-box-shadow: 0 0 11.83px 1.17px rgba(0, 0, 0, 0.06);
    box-shadow: 0 0 11.83px 1.17px rgba(0, 0, 0, 0.06);
    border-radius: 5px;
    background-color: #f8f9fa;
    box-shadow: 0px 3px 15px rgb(0 0 0 / 23%);
    border-radius: 20px;
    padding: 7px;
    border-radius: 2px;
    border: 1px solid #21b6e454;
    border-bottom: 6px solid #21b6e436;
    border-top-left-radius: 20%;
    border-bottom-right-radius: 20%;
}
.d-block {
    display: block !important;
}
.overflow-hidden {
    overflow: hidden !important;
}

.popular-card .card-body .popular-title a {
    display: block;
    color: #212529;
}.popular-card .card-body .popular-title a:hover {
    display: block;
    color: #21b6e4;
}
.zoom-in:hover img {
    /* -webkit-transform: scale(1.045) rotate(0.05deg); */
    /* transform: scale(1.045) rotate(0.05deg); */
    border: 1px solid #e1dede;
    transform: scale(.9);
}

.zoom-in img {
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.img-prod {
    border-top-left-radius: 20%;
    border-bottom-right-radius: 20%;
    border: 1px solid #e1dede;
}
 

/* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {
       .aboutnonemobile { display:none } 
       .popular-card .card-body {
        padding: 0px;
    }
    .img-prod {
        height: 210px;
    }
        .popular-card .card-body .popular-title {
        text-transform: uppercase;
        padding: 7px 0 4px;
        font-weight: 600;
        font-size: 14px;
        margin-bottom: 2px;
    }
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {
.aboutnonemobile { display:none }
.popular-card .card-body {
        padding: 0px;
    }
    .img-prod {
        height: 210px;
    }
        .popular-card .card-body .popular-title {
        text-transform: uppercase;
        padding: 7px 0 4px;
        font-weight: 600;
        font-size: 14px;
        margin-bottom: 2px;
    }
    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
.aboutnonemobile { display:none }
    .popular-card .card-body {
        padding: 0px;
    }
    .img-prod {
        height: 210px;
    }
         .popular-card .card-body .popular-title {
        text-transform: uppercase;
        padding: 7px 0 4px;
        font-weight: 600;
        font-size: 14px;
        margin-bottom: 2px;
    }
    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
    .aboutnonemobile {  display: block;  }
        .popular-card .card-body {
        padding: 7px;
    }
    .img-prod {
        height: 180px;
    }
  .popular-card .card-body .popular-title {
    text-transform: uppercase;
    padding: 12px 0 0;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 2px;
}
    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
     .aboutnonemobile {  display: block;  }
         .popular-card .card-body {
        padding: 7px;
    }
    .img-prod {
        height: 180px;
    }
    .popular-card .card-body .popular-title {
    text-transform: uppercase;
    padding: 12px 0 0;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 2px;
}
    }