.tabs_wrapper {
  width: 100%;
  text-align: center;
  margin: 0 auto;
  background: transparent;
}

ul.tabs {
  display: inline-block;
  vertical-align: top;
  position: relative;
  z-index: 10;
  margin: 25px 0 0;
  padding: 0;
  width: 23%;
  min-width: 175px;
  list-style: none;
}
ul.tabs li {
  margin: 0;
  cursor: pointer;
  padding: 15px 15px 15px 15px;
  line-height: 31px;
  color: #000;
  text-align: left;
  background-color:#e9eef1;
  position:relative;
  border-left:5px solid #e9eef1;
}
ul.tabs li:hover {
	background: #ededed;
	color: #000;
	border-left:5px solid #ededed;
}
ul.tabs li.active {
  background: #fff;
  color: #000;
  border-left:5px solid #00b0f0;
}
ul.tabs li strong{
	display:inline-block;
	line-height: 25px;
	width:75%;
	margin-left:60px;
	font-size: 90%;
}
.tabs li .icon{
	width:50px;
	height:50px;
	display:inline-block;
	margin:0px 10px 0px 0px;
	position:absolute;
	background-repeat:no-repeat;
	background-position:center top;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -o-transition:all 0.30s ease-in-out;
    transition: all 0.30s ease-in-out;
}
ul.tabs li:hover .icon{
	    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -o-transition:all 0.30s ease-in-out;
    transition: all 0.30s ease-in-out;
}
ul.tabs li:nth-child(1) .icon{
	background-image:url(images/tab-01-normal.png);
}
ul.tabs li:nth-child(1):hover .icon, ul.tabs li:nth-child(1).active .icon{
	background-image:url(images/tab-01-hover.png);
	}
/*ul.tabs li:nth-child(2) .icon{
	background-image:url(images/tab-02-normal.png);
}
ul.tabs li:nth-child(2):hover .icon, ul.tabs li:nth-child(2).active .icon{
	background-image:url(images/tab-02-hover.png);
}*/
ul.tabs li:nth-child(2) .icon{
	background-image:url(images/tab-03-normal.png);
}
ul.tabs li:nth-child(2):hover .icon, ul.tabs li:nth-child(2).active .icon{
	background-image:url(images/tab-03-hover.png);
}
ul.tabs li:nth-child(3) .icon{
	background-image:url(images/tab-04-normal.png);
}
ul.tabs li:nth-child(3):hover .icon, ul.tabs li:nth-child(3).active .icon{
	background-image:url(images/tab-04-hover.png);
}
ul.tabs li:nth-child(4) .icon{
	background-image:url(images/tab-07-normal.png);
}
ul.tabs li:nth-child(4):hover .icon, ul.tabs li:nth-child(4).active .icon{
	background-image:url(images/tab-07-hover.png);
}
ul.tabs li:nth-child(5) .icon{
	background-image:url(images/tab-06-normal.png);
}
ul.tabs li:nth-child(5):hover .icon, ul.tabs li:nth-child(5).active .icon{
	background-image:url(images/tab-06-hover.png);
}
ul.tabs li:nth-child(6) .icon{
	background-image:url(images/tab-05-normal.png);
}
ul.tabs li:nth-child(6):hover .icon, ul.tabs li:nth-child(6).active .icon{
	background-image:url(images/tab-05-hover.png);
}
ul.tabs li:nth-child(7) .icon{
	background-image:url(images/tab-08-normal.png);
}
ul.tabs li:nth-child(7):hover .icon, ul.tabs li:nth-child(7).active .icon{
	background-image:url(images/tab-08-hover.png);
}
.tab_container {
  display: inline-block;
  vertical-align: top;
  position: relative;
  z-index: 20;
  left: -2%;
  width: 76%;
  min-width: 10px;
  text-align: left;
  background: #fff;
}
.tab_content {
  padding: 20px;
  height: 100%;
  display: none;
}
.tab_drawer_heading {
  display: none;
}
@media screen and (max-width: 781px) {
  ul.tabs {
    display: none;
  }

  .tab_container {
    display: block;
    margin: 0 auto;
    width: 100%;
    border-top: none;
    border-radius: 0;
  }

  .tab_drawer_heading {
   	background-color:#e9eef1;
    color: #000;
    margin: 0;
    padding: 20px 20px;
    display: block;
    cursor: pointer;
    user-select: none;
    text-align: center;
	border-bottom:1px solid #ccc;
  }
  .tab_drawer_heading:hover {
	background: #ededed;
	color: #000;
  }

  .d_active {
	color: #000;
	background: #fff;
  }
	.DataIntegrationSeven h3 br {
		display: none;
	}
}