.discipline { background-color: #fff; text-align: center; height: 180px; border: 1px solid #e2e2e2; border-bottom: none; background-image: url(../images/discipline-blue.png);  background-repeat: no-repeat;transition: all 0.5s; cursor: pointer;}
/*.no-border{ border: none; border-right: 2px solid #AAAAAA;}*/
/*.no-border-last{ border: none;}*/
.discipline span{ margin-top: 140px; font-size: 16px; color: #0957A0; font-weight: 400;}

.top-discipline{ top: -90px; }

.coverage-page .discipline{ border: none; }
.emergency .discipline{ border: none; }
.seasonal .discipline{ border: none; }
.why-able .discipline{ border: none; }
.careers-page .discipline{ border: none; }
.services .discipline{ border: none; top: 0px;}
.domestic-page .discipline{ border: none; top: 0px;}
.commercial-page .discipline{ border: none; top: 0px;}

.plumbing{  background-position: 10px -5px; }
.drainage{ background-position: -145px 0px; }
.gas{ background-position: -292px 0px; }
.pest{ background-position: -445px 0px; }
.lock{ background-position: -597px 0px; }
.electrics{ background-position: -745px 0px; }
.glazing{ background-position: -890px 0px; }

.discipline:hover{ background-color: #0957A0; background-image: url(../images/discipline-white.png);  }

.discipline span { cursor: pointer; display: inline-block; position: relative; transition: 0.5s;}

.discipline:hover span { color: #fff; }

.discipline:hover span:after { opacity: 1; right: 0; }

@media (min-width: 768px){
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1  {
    width: 100%;
    *width: 100%;
  }


}


@media (min-width: 992px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 14.285714285714285714285714285714%;
    *width: 14.285714285714285714285714285714%;
  }




}


@media (min-width: 1200px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 14.285714285714285714285714285714%;
    *width: 14.285714285714285714285714285714%;
  }



}

@media only screen and (min-width: 220px) and (max-width: 1248px) {

.seven-cols{ display: none; }

}


@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}