ul.resp-tabs-list, p {margin: 0px;padding: 0px;}
.ul-bgc {background-color: #f8fafb;}
.resp-tabs-list li {font-size: 15px; display: inline-block;width: 25%;margin: 0;list-style: none;cursor:pointer;float: left;color: #000;padding:6px 0;text-align: center; border-right: 1px solid #dbe3e7;border-bottom: 1px solid #dbe3e7;}
.resp-tabs-list li:last-child{border-right: none;}
.resp-tabs-list li span{display: inline-block; margin-right: 10px;}
.resp-tab-item.ver_1:hover{ color: #333 !important; }
.resp-tab-item.ver_1.resp-tab-active:hover{ color: #fff !important; }
.resp-tabs-container {padding: 0px;clear: left; }
h2.resp-accordion {cursor: pointer;padding: 5px;display: none;}
.resp-tab-content {display: none;color:#7d7d7d; font-size:13px;  line-height:22px;text-align:left;clear: both; }
.resp-tab-active {background-color:#fff!important;color:#135bb0!important;border: none;margin-bottom:-1px!important;border-bottom: 1px solid #fff !important;}
.resp-content-active, .resp-accordion-active {display: block;}
h2.resp-accordion {font-size: 13px;margin: 0px;padding: 12px 15px;text-transform:uppercase;font-weight:normal;}
/*-----------Vertical tabs-----------*/
.resp-vtabs ul.resp-tabs-list {float: left;width: 30%;}
.resp-vtabs .resp-tabs-list li {display: inline-block;padding: 10px!important;margin: 0;cursor: pointer;float: none;}
.resp-vtabs .resp-tabs-container {padding: 0px;background-color: #fff;}
.resp-vtabs .resp-tab-content {border: none;}
.resp-vtabs li.resp-tab-active {border: 0px solid #e7e7e7;border-right: none;background-color: #fff;position: relative;z-index: 1;margin-right: 1px !important;}
.resp-arrow {width: 0;height: 0;float: right;margin-top:5px;border-left:6px solid transparent;border-right:6px solid transparent;border-top: 6px solid #4c4c4c;}
h2.resp-tab-active span.resp-arrow {border: none;border-left:6px solid transparent;border-right:6px solid transparent;   border-bottom: 6px solid #4c4c4c;}
/*-----------Accordion styles-----------*/
h2.resp-tab-active {background-color:transparent!important;border-bottom: 2px solid #ddd !important;}
.resp-easy-accordion  h2.resp-accordion {display: block;}
.resp-easy-accordion .resp-tab-content {border: 1px solid #c1c1c1;}
.resp-easy-accordion .resp-tab-content:last-child {border-bottom: 1px solid #e7e7e7 !important;}
.resp-tab-content-active {display: block;widows: 100%;}

/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
@media only screen and (max-width: 991px) {ul.resp-tabs-list {display: none;}
h2.resp-accordion {display: block;width: 100%;border-top: 1px solid #ddd;}
.user-search-tab-wraepper h2.resp-accordion {width: 100%;border-bottom: 1px solid #ddd !important;border-bottom: none;border-top: 1px solid #ddd !important;
 font-family: 'heebomedium';font-size: 15px;}
h2.resp-accordion span{display: inline-block; margin-right: 5px;}
.resp-vtabs .resp-tab-content {border: 1px solid #e7e7e7;}
.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 #e7e7e7 !important;}
.tabbing_area {margin-top: 10px;}
.resp-tab-content{margin-bottom: 0;}
.tabbing_area{margin-bottom: 40px;}
}
@media only screen and (max-width: 800px){
.resp-vtabs ul.resp-tabs-list{ width: auto;}
.resp-tabs-list li{ padding: 8px 7px !important; font-size:14px;}
}
@media only screen and (max-width:980px){
.resp-tabs-container{border-top: 1px solid #ddd;}
.resp-tabs-list li{width: 33%;}
.resp-vtabs ul.resp-tabs-list{ width: auto;}
.resp-tabs-list li{ padding: 8px 7px !important; font-size: 14px;}
}