body{font-family: 'Product-Sans-regular';}
#parentHorizontalTab{margin-top:0px; width:100%; float:left;}
.select-para { background: rgba(210, 239, 240, 0.9); padding: 60px 40px 40px; border-bottom: 5px solid #16777b; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; position: absolute; bottom: 0;}
.resp-tabs-list{margin:0px 0px; padding:0px; width:100%; float:left}
.resp-tabs-list li {    font-weight: 400; width:25%; text-align:center;   font-size: 20px;    display: inline-block;  padding:5px 10px;    margin: 0px;
    list-style: none;    cursor: pointer;    float: left;	background:none;		border-radius:20px;	color: #707070; position:relative; }

.resp-tabs-container {    padding: 0px;    background-color: #fff;  width:100%; float:left;}

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

.resp-tab-content {    display: none;    padding:0px 0px 0px 0px;}

.resp-tabs-list li.resp-tab-active { color:#ee5723; font-weight:700;    border-bottom: 3px solid #ee5723;
    border-radius: 0px;    padding-bottom: 20px;}

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

.resp-tab-content {height:auto; width:100%; float:left;}

h2.resp-accordion {font-size: 18px; font-weight:600; border: 1px solid #c1c1c1; border-top: 0px solid #c1c1c1; margin: 0px; padding: 10px 15px!important; background:#ed1164; color:#fff;}

h2.resp-tab-active {    border-bottom: 0px solid #c1c1c1 !important; margin-bottom: 0px !important; padding: 10px 15px !important;}

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

/*-----------Vertical tabs-----------*/
.resp-vtabs  h3 { margin: 15px 0px 30px 0px!important; padding-left: 15px !important;}
.resp-vtabs ul.resp-tabs-list { float: left; width: 27%; padding:0px 40px 0px 15px;}
.resp-vtabs .resp-tabs-list li { display: block; padding: 0px 3px; margin: 0px 0px 20px 0px; cursor: pointer; float: left; width:100%; border-radius:25px;	color:#000;	background: #f1f1f1; text-align:center; font-weight:700; text-transform:uppercase; font-size: 15px; line-height:35px; }
.resp-vtabs .resp-tabs-container { padding: 0px; background-color: #fff; float: left; width: 71%; height:100%; border-radius: 4px; clear: none;}
.resp-vtabs .resp-tab-content { border: none; word-wrap: break-word; padding: 0px 0px; background:#fff;	height:auto;}
.resp-vtabs li.resp-tab-active { position: relative; z-index: 1; background:#27a9e1; color:#fff;}
.resp-vtabs li.resp-tab-active:after {display: none;}
.resp-vtabs li.resp-tab-active:before { content: ''; display: inline-block; position: absolute; width:10px; height: 16px; top:50%; margin-top:-8px; right: -12px; background: url(../images/right-angel.svg) no-repeat center; transition: all .3s ease-in-out; text-decoration: none; color: transparent;}
.resp-arrow {float: right;content: '\02C5'; }
.resp-arrow:after {float: right;content: '\02C5'; }
h2.resp-tab-active span.resp-arrow:after { content: '\02C4';}

/*-----------Accordion styles-----------*/
h2.resp-tab-active { background: #27a9e1;    color: white;}
.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 (max-width: 1023px) and (min-width: 768px) {	
/*	.resp-tabs-list li { padding:15px 20px!important;}
	.resp-tab-active:after {    bottom: -42px;}
	.resp-tab-content{height: 670px;}	*/
	.resp-vtabs ul.resp-tabs-list{width:35%;}
	.resp-vtabs .resp-tabs-container{width:62%;}
}


@media (max-width: 767px){		
	.resp-tab-content{height: auto; min-height: auto;}	
	.resp-vtabs .resp-tabs-container h2.resp-accordion{ background:#f1f1f1; color:#ed1164;}
	.resp-vtabs .resp-tab-content{height:auto; min-height:auto;}
	.resp-vtabs .resp-tabs-container h2.resp-accordion.resp-tab-active{ color:#ed1164;}
	.resp-tab-content{padding: 0px 0px;}
    ul.resp-tabs-list { display: none;}
    h2.resp-accordion {display: block; width:100%; float:left;text-transform: uppercase;}
    .resp-vtabs .resp-tab-content { border: 1px solid #C1C1C1; width: 100%; }
    .resp-vtabs .resp-tabs-container {border: none; float: none; width: 100%; height:auto; clear: none;    }
    .resp-accordion-closed { display: none !important;    }
    .resp-vtabs .resp-tab-content:last-child { border-bottom: 1px solid #c1c1c1 !important;    }	
	.resp-tab-active:after{display: none;}
	.resp-vtabs .resp-tabs-container .resp-arrow{content: ''; display: inline-block; position: absolute; width: 11px; height: 7px; top:auto; right:15px; margin-top: 10px;    background: url(../images/arrow_in.svg) no-repeat center; transition: all .3s ease-in-out; text-decoration: none; color: transparent; border-top:0; }	
	.resp-vtabs h2.resp-tab-active span.resp-arrow{ transform: rotate(180deg);   transition: all 0.3s ease-in-out;  border-bottom:0;}
}