.tab-wrap{
     display: flex;
    flex-wrap: wrap; 
	justify-content: space-between;
}

 .resp-tabs-list li {      
     display: inline-block;
     margin: 0;
	 padding:0;
	 list-style:none;
     list-style: none;
     cursor: pointer;
     
 
}
 .resp-tabs-container {
     padding: 0px;   
     clear: left;
}
 h2.resp-accordion {
     cursor: pointer;
     padding: 5px;
     display: none;
	 
}
 .resp-tab-content {
     display: none;
     padding: 15px;
}
 .resp-content-active, .resp-accordion-active {
     display: block;
}
 .resp-tab-content {
    /*border: 1px solid #c1c1c1;
    */
}
 h2.resp-accordion {
     font-size: 18px;
     border-bottom: 1px solid #c1c1c1;
     margin: 0px;
     padding: 10px 15px;
}
 h2.resp-tab-active {     
     padding: 10px 15px !important;
}
 h2.resp-tab-title:last-child {
    /* border-bottom: 12px solid #c1c1c1 !important;
     background: blue;*/
}
/*-----------Vertical tabs-----------*/
 .resp-vtabs ul.resp-tabs-list {
     width:20%;
	 margin:0;
	 padding:0;
	 
     /*box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);*/
     /*border-right:1px solid rgba(0, 0, 0, 0.1);*/
}
 
 .resp-vtabs .resp-tabs-list li {
     display: block;
     padding: 15px 20px;
     margin: 0;
    /*margin:-1px 0 0 0;
    */
     cursor: pointer;
     float: none;
     color:var(--black);
     position:relative;
     font-size:18px;
	 font-family:var(--font-bold);
     border-bottom:1px solid rgba(0 , 0, 0 ,0.1);
	 transition: all 0.4s ease;
}
 .resp-vtabs .resp-tabs-list li:hover{
     color:var(--primary-color) !important;
	 padding: 15px 25px;
 
}

 
 
 .resp-tab-active {
}
 .resp-vtabs li.resp-tab-active{
     z-index:1;
     position:relative;
     
     
}
 .resp-vtabs li.resp-tab-active:after{
     position:absolute;
     right:0;
     top:0;
     content:'';
	 width:4px;
	 height:100%;
	 background-color:var(--primary-color);
     
}
 
 .resp-vtabs .resp-tabs-list li:hover:before{
     width:100%;
     opacity:100;
     right:0;
}
 .resp-vtabs .resp-tabs-container {
     padding: 0px;
     width: 80%;
     /*min-height:500px;*/
     clear: none;
	 
}
 .resp-vtabs .resp-tab-content {
     padding:40px;
     border: none;
}
 .resp-arrow {
     width: 0;
     height: 0;
     float: right;
     margin-top: 3px;
     border-left: 6px solid transparent;
     border-right: 6px solid transparent;
     border-top: 6px solid var(--primary-color);
}
 h2.resp-tab-active span.resp-arrow {
     border: none;
     border-left: 6px solid transparent;
     border-right: 6px solid transparent;
     border-bottom: 6px solid #fff;
}
/*-----------Accordion styles-----------*/
 h2.resp-tab-active {
     background: var(--primary-color) !important;
	 color:#fff;
}
 .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 #c1c1c1 !important;
}
 .resp-jfit {
     width: 100%;
     margin: 0px;
}
 .resp-tab-content-active {
     display: block;
}
 h2.resp-accordion:first-child {
     border-top: 1px solid #c1c1c1 !important;
}
/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
 @media only screen and (max-width: 1140px) {
 
  .tab-wrap{
    flex-direction:column;
	justify-content: center;
}

 .resp-vtabs ul.resp-tabs-list {
     width:100%;
}
 
 
ul.resp-tabs-list {
         display: none;
    }
     h2.resp-accordion {
         display: block;
    }
     .resp-vtabs .resp-tab-content {
        /*border: 1px solid #C1C1C1;
        */
         background-color: #fff;
		 padding:20px;
		 width:100%;
		 
    }
     .resp-vtabs .resp-tabs-container {
         border: none;
         float: none;
         width: 100%;
         min-height: auto;
         clear: none;
    }
     .resp-accordion-closed {
         display: none !important;
    }
     .resp-vtabs .resp-tab-content:last-child {
         border-bottom: 1px solid #c1c1c1 !important;
    }
}