@media (max-width: 768px) {
        .hero-banner.style-1 .hero-thumbnail {
        margin-top: 0px;
        margin: 0 !important;
    }
.hero-banner.style-1 .hero-thumbnail {
        width: 393px;
    }
   .hero-banner.style-1 .hero-thumbnail .thumbnail {
    position: relative;
    bottom: inherit;
    left: inherit;
    transform: inherit;
    z-index: 2;
}
.hero-banner.style-1 .circle-wrapper {
    display: none;
}







}
@media (max-width: 576px) {
    .ul-column-count {
        column-count: 1;
    }
       .hero-banner.style-1 .hero-thumbnail {
        width: 248px;
        height: auto;
    }
   .card-wrapper {
    
    grid-template-columns: 1fr;
}


.card {
    
    margin: auto;
}




}