.helper {
  height: 100%;
  vertical-align: middle;
}

.mobile-quick-links {
 display: none;
}

.quick-links {
   }

.quick-links ul {
  list-style: none;
  margin: 0px;
  padding: 0%; }

.quick-links ul li {
    display: inline-block !important;
    padding: 1%;
    margin-bottom: 2%;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    width: 47%;
    min-width: 230px;
    display: inline-block; }

.quick-links ul li:hover img, .quick-links ul li:hover span.icon,
.quick-links ul li:focus img, .quick-links ul li:focus span.icon {
  opacity: 0.8;
}

.quick-links ul a {
    color: #0B2345;
    text-decoration: none;
    vertical-align: middle;
    display: block;
}

.quick-links ul a div.circle-icon {
  display: inline-block;
  vertical-align: middle;
  width: 80px;
  height: 80px;
  background: #34657f;
  color: #fff;
  border-radius: 50%;
  border: 4px solid #fff;
  box-sizing: border-box;
  box-shadow: 0px 0px 10px rgba(0,0,0,0.25);
  position: relative;
  overflow: hidden;
  text-align: center;
}

.quick-links ul a span {
    display: inline-block;
}

.quick-links ul a span span {
    display: none;
}

.quick-links ul a span.fa {
  text-align: center;
  font-size: 1.8em;
  line-height: 2.4em;
  color: #ffffff; }

.quick-links ul a span.fa, .quick-links ul a img, .quick-links ul a .qu-text {
   transition: all .2s ease-in-out;
   height: 20px;
   vertical-align: middle; }

.quick-links ul a img {
  height: 26px; }

.quick-links ul a:hover span.fa, .quick-links ul a:hover img,
.quick-links ul a:focus span.fa, .quick-links ul a:focus img {
    /*-ms-transform: scale(0.95);
    -webkit-transform: scale(0.95);
    transform: scale(0.95);*/
}

span.qu-text {
  max-height: 40px;
  margin-left: 5%;
  font-size: 16px;
  }


@media screen and (max-width: 1100px) { 


}


@media screen and (max-width: 840px) { 
  .quick-links ul {
   min-height: auto; }

  .quick-links ul li { width: 47%; }

}


@media screen and (max-width: 570px) {

  .quick-links ul li { width: 100%; }
  
}

@media screen and (max-width: 480px) { 
  .quick-links ul li { width: 100%; }



