.surgery-list a {text-decoration: none; color: #000; font-weight: 500;}

.surgery-box { width: 10%; padding: 10px; margin: 0 8px;}
.surgery-box:hover {box-shadow: #9bbeff 0 0 12px;
    transition: all .8s cubic-bezier(0,0,.2,1);
    filter: brightness(1.07); border-radius: 10px;}
.icon-name {font-size: 15px;}



@media (min-width: 992px) and (max-width: 1199.98px) {
    .surgery-box {width: 12%; margin: 0 4px;}
    .icon-name {font-size: 14px;}
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .surgery-box {width: 14%; margin: 0px;}
    .icon-name {font-size: 13px;}
}
@media (min-width: 576px) and (max-width: 767.98px) {
	.surgery-box {width: 16%;}
    .icon-name {font-size: 13px;}
}
@media (max-width: 575.98px) {
    .surgery-box {width: 28%; margin: 0px;}
    .icon-name {font-size: 15px;}
}