.resp-tabs-list li {
	display:inline-block;
	padding:13px 15px;
	margin:0;
	list-style:none;
	cursor:pointer;
	float:left;
	color:#000;
	font-size:16px
}
.resp-tabs-container {
	padding:0;
	background-color:#fff;
	clear:left
}
h2.resp-accordion {
	cursor:pointer;
	display:none
}
.resp-tab-content {
	display:none;
	padding:15px 0 0
}
.resp-accordion-active, .resp-content-active, .resp-easy-accordion h2.resp-accordion, .resp-tab-content-active {
	display:block
}
.resp-tab-active {
	border:1px solid #3a3460;
	margin-bottom:-1px!important;
	padding:12px 14px 14px!important;
	border-bottom:none;
	background-color:#fff
}
.resp-tab-content, h2.resp-accordion {
	border:1px solid #3a3460
}
h2.resp-accordion {
	font-size:15px;
	border-top:0 solid #3a3460;
	margin:0;
	padding:10px 15px
}
h2.resp-tab-active {
	border-bottom:0 solid #3a3460!important;
	margin-bottom:0!important;
	padding:10px 15px!important
}
h2.resp-tab-title:last-child {
	border-bottom:12px solid #3a3460!important;
	background:#00f
}
.resp-vtabs ul.resp-tabs-list {
	width:885px;
	margin:0;
	padding:0
}
.resp-vtabs .resp-tabs-list li {
	display:block;
	padding:16px 40px 15px 40px!important;
	cursor:pointer;
	float:left;
	color:#3a3460;
	font-size:15px
}
.resp-vtabs .resp-tabs-container {
	padding:0;
	width:850px;
	clear:none;
	margin:0
}
.resp-vtabs .resp-tab-content {
	border:none
}
.resp-vtabs li.resp-tab-active {
	background:#3a3460;
	position:relative;
	z-index:1;
	padding:16px 40px 17px!important;
	float:left;
	color:#fff;
	border:none
}
.form-heading-container {
	margin:auto;
	width:100%;
	overflow:hidden;
	background:#dcd8f5;
}
.demo {
	width:850px
}
.resp-arrow {
	width:0;
	height:0;
	float:right;
	margin-top:3px;
	border-left:6px solid transparent;
	border-right:6px solid transparent;
	border-top:12px solid #3a3460
}
h2.resp-tab-active span.resp-arrow {
	border:none;
	border-left:6px solid transparent;
	border-right:6px solid transparent;
	border-bottom:12px solid #fff
}
h2.resp-tab-active {
	background:#3a3460!important;
	color:#FFF
}
.resp-easy-accordion .resp-tab-content {
	border:1px solid #3a3460
}
.resp-easy-accordion .resp-tab-content:last-child {
	border-bottom:1px solid #3a3460!important
}
.resp-jfit {
	width:100%;
	margin:0
}
h2.resp-accordion:first-child {
	border-top:1px solid #3a3460!important
}

@media only screen and (min-width:1000px) and (max-width:1169px) {
.resp-vtabs li.resp-tab-active {
	padding:17px 14px!important
}
.resp-vtabs .resp-tabs-list li {
	font-size:13px!important;
	padding:17px 14px!important
}
.inputbox {
	background:#fff;
	border:1px solid #cbcbcb;
	border-radius:4px;
	font-family:Lato, sans-serif;
	font-size:16px;
	height:40px;
	margin:0 6px 10px 0;
	padding-left:10px;
	width:200px
}
.textarea {
	margin-left:-5px!important;
	width:95.2%
}
.resp-vtabs .resp-tabs-container {
	clear:none;
	margin:0;
	padding:0;
	width:680px
}
.demo {
    width: 730px;
}
.forms {
    margin: 50px auto 20px;
}
.slider {
    padding: 80px 0 80px 0;
}
.arrow {
    bottom: 5px;
}
.arrow.left {
    left: 42%;
}
.arrow.right {
    right: 42%;
}
}
@media only screen and (max-width:768px) {
ul.resp-tabs-list {
	display:none
}
h2.resp-accordion {
	display:block
}
.resp-vtabs .resp-tab-content {
	border:1px solid #3a3460
}
.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 #3a3460!important
}
.demo {
    width: 100%;
}
#hero {
    padding: 100px 0px 00px;
}
.f35.ptop{
	padding-top: 0px;
}
.card {
  flex: 0 0 400px;
  height: 300px;
  background: #fff;
  border-radius: 16px;
  padding: 25px 20px;
  transform: scale(0.85) translateZ(-80px);
  transition: all 0.4s ease;
  box-shadow: 0 0px 30px rgba(0,0,0,0.25) !important;
  z-index: 1;
}
}
@media only screen and (min-width :320px) and (max-width :640px) {
h2.resp-tab-active {
	background:#3a3460!important;
	color:#fff
}
#hero {
    padding: 100px 0px 00px;
}
.f35.ptop{
	padding-top: 0px;
}
.demo {
    width: 100%;
}
.slider {
    padding: 15px 0 50px 0;
}
.card {
  flex: 0 0 285px;
  height: 425px;
  background: #fff;
  border-radius: 16px;
  padding: 25px 20px;
  transform: scale(0.85) translateZ(-80px);
  transition: all 0.4s ease;
  box-shadow: 0 0px 30px rgba(0,0,0,0.25) !important;
  z-index: 1;
}
.card.active {
    transform:none;
    box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.25);
    z-index: 5;
}
.arrow {
    bottom: 10px;
}
.arrow.left {
    left: 33%;
}
.arrow.right {
    right: 33%;
}
}