ul.resp-tabs-list,
p {
  margin: 0px;
  padding: 0px;
}

.resp-tabs-list li {
  font-size: 20px;
  display: inline-block;
  /*padding: 13px 15px;*/
  padding-top:8px;
  padding-right:15px;
  padding-bottom:8px;
  padding-left:15px;
  margin: 0;
  list-style: none;
  cursor: pointer;
  float: left;
  background-color:#d6d5d5;
  border: 1px solid #b6b6b6;
  /*border-bottom:0px;*/
  text-align:center !important;
  color:#333333;
  width:25%;
  /*font-weight:bold;*/
  
}

.resp-tabs-container {
  padding: 0px;
  background-color: #fff;
  clear: left;
}

h2.resp-accordion {
  cursor: pointer;
  padding: 5px;
  display: none;
}

.resp-tab-content {
  display: none;
  padding-top: 10px;
  padding-right:10px;
  padding-bottom:10px;
  padding-left:10px;
}

.resp-tab-active {
  border-top: 1px solid #18aae2 !important;
  border-bottom: 1px solid #18aae2 !important;
  border-left: 1px solid #18aae2 !important;
  border-right: 1px solid #18aae2 !important;
  margin-bottom: -1px !important;
  /*padding: 12px 14px 14px 14px !important;*/
  color:#ffffff !important;
  background-color:#18aae2 !important;
  position:relative; 
  z-index:2;
  
}

.resp-tab-active {
  
  background-color: #fff;
}

.resp-content-active,
.resp-accordion-active { display: block;  }

.resp-tab-content { border: 1px solid #cccccc; float:left; width:100%; position:relative; z-index:1;}

h2.resp-accordion {
  font-size: 14px;
  font-weight:bold;
  /*border: 1px solid #e1e1e1;*/
  margin: 0px;
  /*padding: 10px 15px;*/
  padding-top:8px ;
  padding-right:10px;
  padding-bottom:8px;
  padding-left:5px;

  float:left;
  width:100%;
  background-color:#e1e1e1;
  border: 1px solid #cccccc !important;
}

h2.resp-tab-active {
  border: 1px solid #18aae2 !important;
  margin-bottom: 0px !important;
  /*padding: 10px 15px !important;*/
  padding-top:8px !important;
  padding-right:10px !important;
  padding-bottom:8px !important;
  padding-left:5px !important;
  margin-top:0px !important;
  color:#ffffff !important;
  background-color:#18aae2 !important;
}

h2.resp-tab-title:last-child {
  border-bottom: 12px solid #e1e1e1 !important;
  background: blue;
}


/***custom css***/

/*.supp_title { float:left; }*/


/***custom css***/

/*-----------Vertical tabs-----------*/

.resp-vtabs ul.resp-tabs-list {
  float: left;
  width: 30%;
}

.resp-vtabs .resp-tabs-list li {
  display: block;
  padding: 15px 15px !important;
  margin: 0;
  cursor: pointer;
  float: none;
}

.resp-vtabs .resp-tabs-container {
  padding: 0px;
  background-color: #fff;
  border: 1px solid #e1e1e1;
  float: left;
  width: 68%;
  min-height: 250px;
  border-radius: 4px;
  clear: none;
}

.resp-vtabs .resp-tab-content { border: none; }

.resp-vtabs li.resp-tab-active {
  border: 1px solid #e1e1e1;
  border-right: none;
  background-color: #fff;
  position: relative;
  z-index: 1;
  margin-right: -1px !important;
  padding: 14px 15px 15px 14px !important;
}

.resp-arrow {
  /*width: 0;
  height: 0;
  float: right;
  margin-top: 10px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 12px solid #000000;*/
  background-image:url(../images/tab_close.png);
  background-repeat:no-repeat;
  width:12px;
  height:12px;
   margin-top: 5px;
  float:right;
}

h2.resp-tab-active span.resp-arrow {
/*  border: none;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 12px solid #5c0632;*/
   background-image:url(../images/tab_open.png);
  background-repeat:no-repeat;
}

/*-----------Accordion styles-----------*/

h2.resp-tab-active { background-color:#18aae2 !important; }

.resp-easy-accordion h2.resp-accordion { display: block; }



.resp-easy-accordion .resp-tab-content:last-child { border-bottom: 1px solid #e1e1e1 !important; }

.resp-jfit {
  width: 100%;
  margin: 0px;
}

.resp-tab-content-active { display: block; }


/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
@media only screen and (max-width: 640px) {

ul.resp-tabs-list { display: none; }

h2.resp-accordion { display: block; }



.resp-vtabs .resp-tab-content { border: 1px solid #e1e1e1; }

.resp-vtabs .resp-tabs-container {
  border: none;
  float: none;
  width: 100%;
  min-height: initial;
  clear: none;
}

.resp-accordion-closed { display: none !important; }

.resp-vtabs .resp-tab-content:last-child { border-bottom: 1px solid #e1e1e1 !important; }
}