.flaticon-bald-pharmacist:before {
    content: url(/images/departments/mental-health1.png);
}

.flaticon-asthma-inhaler:before {
    content: url(/images/departments/psy.png);
}

.flaticon-syrup-with-spoon:before {
    content: url(/images/departments/poly.png);
}

.myclearfix:after {
	content: "";
  display: table;
  clear: both;
}

.mywrapper {
  margin: 0 auto;
  padding: 20px;
  max-width: 100%;
  background-color: #fff;
}

/* grid */
.myrow {
  margin: 0 -10px;
  margin-bottom: 20px;
}
.myrow:last-child {
  margin-bottom: 0;
}
[class*="mycol-"] {
  padding: 10px;
}

[class*="myycol-"] {
  padding: 10px;
}

@media all and ( min-width: 700px ) {
  
  .mycol-1-4 {
    float: left;
    width: 50%;
  }
  .mycol-1-4:nth-child(2n+1) {
    clear: both;
  }
  
}

@media all and ( min-width: 960px ) {
  
  .mycol-1-4 {
    width: 25%;
  }
  .mycol-1-4:nth-child(2n+1) {
    clear: none;
  }
  
}

@media all and ( min-width: 700px ) {
  
  .myycol-2-3 {
    float: left;
    width: 66.66%;
  }
  .myycol-1-2 {
    float: left;
    width: 50%;
  }
  .myycol-1-3 {
    float: left;
    width: 33.33%;
  }
  .myycol-1-4 {
    float: left;
    width: 25%;
  }
  .myycol-1-8 {
    float: left;
    width: 12.5%;
  }
  
}