#mapCanvas, #treatmentFacilityMapCanvas{
    width: 100%;
    height: 400px;
    position: relative;
    overflow: hidden;
}


ul.clinic_boxes{
    list-style:none;
    padding:0px; margin:0px; overflow: hidden;
   
}
ul.clinic_boxes li{margin:20px; border:solid 1px #333; border-radius:6px; padding:15px;-webkit-box-shadow: 2px 9px 5px -6px rgba(0,0,0,0.61);
-moz-box-shadow: 2px 9px 5px -6px rgba(0,0,0,0.61);
box-shadow: 2px 9px 5px -6px rgba(0,0,0,0.61);}

ul.clinic_boxes li {
    opacity: 0;
    animation: fadeIn 0.4s 1;
    animation-fill-mode: forwards;
    margin:15px;
    cursor: pointer; float: left; width:calc(33.33% - 30px); min-height:250px; text-align:center;
  }
  ul.clinic_boxes li label{
    display:block; min-height:40px;
  }

  .fever-clinic-treatment-facility ul.clinic_boxes li {
    width: calc(50% - 30px);
  }
  
/* ul.clinic_boxes  li:nth-child(5n+1) {
    animation-delay: 0.5s;
} */
#loaderOverLay{
    background: #000;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 21%;
    z-index: 9999;
    opacity: .6;
    color: wheat;
    display: none;
} 
#loaderOverLay #lodingText{
    color:#fff;
    position: absolute;
    top: 45%;
    left: 45%;
    font-size: 22px;
}

  /*...*/
  
  @keyframes fadeIn {
    0% {
      opacity: 0.0;
    }
    100% {
      opacity: 1.0;
    }
  }
 @media(max-width:767px){
  ul.clinic_boxes li{
    width:calc(100% - 30px);
  }
  .fever-clinic-treatment-facility ul.clinic_boxes li {
    width: calc(100% - 30px);
  }
 }

 .error-message{color:red;}