html {
  background-color: #fff;
}
@media (min-width: 1025px) {
  .box-icon-regis > a {
    vertical-align: 22px;
    color: #58595B;
  }
.box-icon-search > a {
  vertical-align: 22px;
  color: #58595B;
}
.nav>li>a:hover, .nav>li>a:focus{
  text-decoration:none;
 background-color:#66847D; 
}

.item-search {
background-color: #E2CBCD;
border-right: 1px solid #fff;
width: 50%;
float: left;
text-align: right;
padding: 0 15px;
}
.icon-menu-search {
width: 10%;
}
.icon-menu-regis {
  width: 10%;
  }
.item-regis {
  background-color: #E2CBCD;
  border-right: 1px solid #fff;
  width: 50%;
  float: left;
  text-align: left;
  padding: 0 15px;
  }
.item-1, .item-2, .item-3, .item-4, .item-5, .item-6, .item-7, .item-8, .item-9, .item-10, .item-11, .item-12, .item-13, .item-14 {
  width: 7%;
  float: left;
  text-align: center;
  padding: 1px;
}
.item-1 {
  background-color: #66837e;
  border-right: 1px solid #fff;
 
}
.item-2 {
  background-color: #4ea09e;
  border-right: 1px solid #fff;
}
.item-3 {
  background-color: #39ba9c;
  border-right: 1px solid #fff;
}
.item-4 {
  background-color: #76ccd9;
  border-right: 1px solid #fff;
}
.item-5 {
  background-color: #b2cc83;
  border-right: 1px solid #fff;
}
.item-6 {
  background-color: #dad6b0;
  border-right: 1px solid #fff;
}
.item-7 {
  background-color: #cce6c9;
  border-right: 1px solid #fff;
}
.item-8 {
  background-color: #c9e8ea;
  border-right: 1px solid #fff;
}
.item-9 {
  background-color: #dad6b0;
  border-right: 1px solid #fff;
}
.item-10 {
  background-color: #b2cc83;
  border-right: 1px solid #fff;
}
.item-11 {
  background-color: #8bdbe7;
  border-right: 1px solid #fff;
}
.item-12 {
  background-color: #39ba9c;
  border-right: 1px solid #fff;
}
.item-13 {
  background-color: #4ea09e;
  border-right: 1px solid #fff;
}
.item-14 {
  background-color: #66837e;
}
.icon-menu {
  width: 90%;
}
.service-box {
  margin: 7px 0 5px 0;
  border-bottom: 2px solid #fff;
}
.row-item {
  transform: translate(1%,0%);  
}
.mid-left {
  background-color: #E2CBCD;
  width: 50%;
  float: left;
  border-right: 1px solid #fff;
  text-align: right;
  padding: 0 10px;
}
.mid-right {
  background-color: #E2CBCD;
  width: 50%;
  float: left;
  text-align: left;
  padding: 0 10px;
}
.icon-mid {
  width: 70px;
}
.text-icon-menu {

  vertical-align: 25px;
}
}

@media (min-width: 768px) and (max-width: 1024px) {
  .box-icon-regis > a {
    vertical-align: 17px;
    color: #58595B;
  }
.box-icon-search > a {
  vertical-align: 17px;
  color: #58595B;
}
.item-search {
background-color: #E2CBCD;
border-right: 1px solid #fff;
width: 50%;
float: left;
text-align: right;
padding: 0 15px;
height: 65px;
}
.icon-menu-search {
  margin-top: 7px;
width: 10%;
}
.icon-menu-regis {
  margin-top: 7px;
  width: 10%;
  }
.item-regis {
  background-color: #E2CBCD;
  border-right: 1px solid #fff;
  width: 50%;
  float: left;
  text-align: left;
  padding: 0 15px;
  height: 65px;
  }
  .item-1, .item-2, .item-3, .item-4, .item-5, .item-6, .item-7, .item-8, .item-9, .item-10, .item-11, .item-12, .item-13, .item-14 {
    width: 14%;
    float: left;
    text-align: center;
    padding: 20px; 
  }
 
  .item-1 {
    background-color: #66837e;
    border-right: 1px solid #fff;
  }
  .item-2 {
    background-color: #4ea09e;
    border-right: 1px solid #fff;
  }
  .item-3 {
    background-color: #39ba9c;
    border-right: 1px solid #fff;
  }
  .item-4 {
    background-color: #76ccd9;
    border-right: 1px solid #fff;
  }
  .item-5 {
    background-color: #b2cc83;
    border-right: 1px solid #fff;
  }
  .item-6 {
    background-color: #dad6b0;
    border-right: 1px solid #fff;
  }
  .item-7 {
    background-color: #cce6c9;
    border-right: 1px solid #fff;
  }
  .item-8 {
    background-color: #c9e8ea;
    border-right: 1px solid #fff;
  }
  .item-9 {
    background-color: #dad6b0;
    border-right: 1px solid #fff;
  }
  .item-10 {
    background-color: #b2cc83;
    border-right: 1px solid #fff;
  }
  .item-11 {
    background-color: #8bdbe7;
    border-right: 1px solid #fff;
  }
  .item-12 {
    background-color: #39ba9c;
    border-right: 1px solid #fff;
  }
  .item-13 {
    background-color: #4ea09e;
    border-right: 1px solid #fff;
  }
  .item-14 {
    background-color: #66837e;
    border-right: 1px solid #fff;
  }
  .icon-menu {
    width: 90%;
  }
  .row-item {
    transform: translate(1%,0%);  
  }
  .mid-left {
    background-color: #E2CBCD;
    width: 50%;
    float: left;
    border-right: 1px solid #fff;
    text-align: right;
    padding: 10px;
  }
  .mid-right {
    background-color: #E2CBCD;
    width: 50%;
    float: left;
    text-align: left;
    padding: 10px;
  }
  .icon-mid {
    width: 50px;
  }
  .service-box {
    background-color: #fff;
    margin: 11px 0 10px 0;
    border-bottom: 2px solid #fff;
  
  }
}

@media (max-width: 767px) {
  .box-icon > a {
    vertical-align: 5px;
    padding-left: 7px;
    color: #ffffff;
    font-size: 2.9vw;
    line-height: 15px;
  }
  .item-1, .item-2, .item-3, .item-4, .item-5, .item-6, .item-19, .item-20 {
    width: 50%;
    float: left;
    padding: 10px; 

  }
  .item-9, .item-10, .item-11, .item-12, .item-13, .item-14 {
    background-color: #ffffff;
    width: 33.33%;
    float: left;
    padding: 20px 20px 13px 0; 
  }

  .item-15 {
    background-color: #778a86;
  }
  .item-16 {
    background-color: #4DA09D;
  }
  .item-17 {
    background-color: #38BA9B;
  }
  .item-18 {
    background-color: #76CCD8;
  }
 .item-7, .item-8 {
    background-color: #ffffff;
    width: 50%;
    float: left;
    padding: 10px;  
  }
  .item-1 {
    background-color: #4DA09D;
    border-right: 1px solid #ebe1e2;
  }
  .item-19 {
    background-color: #E2CBCD;
    border-right: 1px solid #ebe1e2;
  }
  .item-19 > .box-icon > a {
    color: #5A81A2;
  }
  .item-20 {
    background-color: #E2CBCD;
    border-right: 1px solid #E2CBCD;
  }
  .item-20 > .box-icon > a {
    color: #5A81A2;
  }
  .item-2 {
    background-color: #4DA09D;
  }
  .item-3 {
    background-color: #76CCD8;
    border-right: 1px solid #badce1;
  }
  .item-4 {
    background-color: #76CCD8;
    border-right: 1px solid #76CCD8;
  }
  .item-5 {
    background-color: #B3CC83;
    border-right: 1px solid #cfe1af;
  }
  .item-6 {
    background-color: #B3CC83;
    border-right: 1px solid #B3CC83;
  }
  .item-7 {
    background-color: #DAD5A5;
    border-right: 1px solid #e7e4c7;
  }
  .item-8 {
    background-color: #DAD5A5;
    border-right: 1px solid #DAD5A5;
  }

  .item-9 {
    background-color: #CCE6C9;
    border-right: 1px solid #eff1ef;
    border-bottom: 1px solid #eff1ef;
    text-align: center;
  }
  .item-9 > .box-icon > a {
    color: #5A81A2;
  }
  .item-10 {
    background-color: #CCE6C9;
    border-right: 1px solid #eff1ef;
    border-bottom: 1px solid #eff1ef;
    text-align: center;
  }
  .item-10 > .box-icon > a {
    color: #5A81A2;
  }
  .item-11 {
    background-color: #CCE6C9;
    border-bottom: 1px solid #eff1ef;
    text-align: center;
  }
  .item-11 > .box-icon > a {
    color: #5A81A2;
  }
  .item-12 {
    background-color: #CCE6C9;
    border-right: 1px solid #eff1ef;
    border-bottom: 1px solid #eff1ef;
    text-align: center;
  }
  .item-12 > .box-icon > a {
    color: #5A81A2;
  }
  .item-13 {
    background-color: #CCE6C9;
    border-right: 1px solid #eff1ef;
    border-bottom: 1px solid #eff1ef;
    text-align: center;
  }
  .item-13 > .box-icon > a {
    color: #5A81A2;
  }
  .item-14 {
    background-color: #CCE6C9;
    border-bottom: 1px solid #eff1ef;
    text-align: center;
  }
  .item-14 > .box-icon > a {
    color: #5A81A2;
  }
  .icon-menu {
    width: 15%;
    text-align: center;
  }
  .icon-menu-less {
    width: 15%;
  }
  .text-icon-menu {
    font-size: .9em;
    vertical-align: 4px;
  }


.features-boxed {
  color:#313437;
  background-color:#eef4f7;
}

.features-boxed p {
  color:#7d8285;
}

.features-boxed h2 {
  font-weight:bold;
  margin-bottom:40px;
  padding-top:40px;
  color:inherit;
}
}