.show-mob{display:none;}
.show-tab{display:none;}
.show-desk{display:block}

.resp-tab-content {display: none;}	

h2.resp-accordion{
	float:left;
	width:100%;
	cursor: pointer;
	display: none;
	font-size:26px;
	line-height:26px;
	margin: 0px;
	padding:10px 15px 10px 40px;
	color: #000;
	position:relative;
	font-weight:600;
	border-top:1px solid #23889e;
	}
h2.resp-accordion:first-child:before{ margin-top:13px;}

h2.resp-accordion:last-child:before{ margin-bottom:13px ;}

h2.resp-tab-title:last-child {
	border-bottom: 12px solid #c1c1c1 !important;
	background: blue;
	}
.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; }

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

.resp-vtabs ul.resp-tabs-list {
    float: left;
    width: 300px;
	background:#e9f5fd;
	padding-top:0;
	}
.resp-vtabs .resp-tabs-list li{
	float: left;
    width: 100%;
    color: #2d2d2d;
    font-size: 19px;
	text-transform:uppercase;
    line-height: 30px;
    letter-spacing: 0.5px;
    cursor: pointer;
    text-align: left;
    padding: 14px 30px 13px 60px;
    position: relative;
	}
.resp-vtabs .resp-tabs-list li img{
	position:absolute;
	top:11px;
	left:15px;

	}	
.resp-vtabs li.resp-tab-active{
	background:#23889e;
	font-weight:600;
	color:#fff;
	position:relative;
	}
.resp-vtabs li.resp-tab-active img{-webkit-filter: invert(1);
    filter: invert(1);}

.resp-vtabs li.resp-tab-active:after{	
    position: absolute;
    right: 0px;
    top: 33%;
    border-top: 10px solid #23889e;
    border-bottom: 10px solid #23889e;
    border-right: 10px solid #fff;
    content: "";
	}	

.resp-vtabs .resp-tabs-container{
    float: right;
    width: 70%;
    text-align: left;
    position: relative;
	}
.resp-tab-content .s1-p1{
	margin-top:-8px;
}

@media only screen and (max-width:1200px){
.resp-vtabs .resp-tabs-container{ width:66%;}

.resp-vtabs .resp-tabs-list li img { top: 12px;}

} 

@media only screen and (max-width:1021px){
.show-mob{display:none;}
.show-desk{display:none;}
.show-tab{display:block}

.resp-vtabs ul.resp-tabs-list{ width:250px;}
.resp-vtabs .resp-tabs-container { width: 62%;}
.resp-vtabs .resp-tabs-list li {
    font-size: 20px;
    line-height: 24px;
    padding: 11px 7px 12px 49px;
}
.resp-vtabs .resp-tabs-list li img {
    top: 14px;
    left: 9px;
    width: 27px;
}

.pro-set-bg {width: 254px;}

}

/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/

@media only screen and (max-width: 767px) {

.show-desk{display:none;}
.show-mob{display:block}

.pro-set-bg { display:none;
}
ul.resp-tabs-list { display: none; }
h2.resp-accordion {
    display: block;
    padding: 15px 10px 15px 50px;
    font-size: 20px;
    position: relative;
    text-transform: uppercase;
}

h2.resp-accordion img{
	position: absolute;
    top: 13px;
    left: 10px;
    width: 26px;
	}

h2.resp-accordion:after{
	content:'+';
	position:absolute;
	right:10px;
	top:50%;
	margin-top:-13px;
	color:#23889e;
	font-size:26px;
}
.prd-s2-sml-hdng {font-size: 23px;line-height: 30px;padding: 0 0 0 54px;}
.pd-top { padding-top: 15px;}
h2.resp-accordion.resp-tab-active{background:#23889e; color:#fff; margin-bottom:0;}
h2.resp-accordion.resp-tab-active:after{
	content:'-';
	color:#fff;
	font-size:30px;
	margin-top:-15px;
}
.prd-s2-sml-hdng span {
    font-size: 19px;
    line-height: 42px;
    width: 40px;
    height: 40px;
}
h2.resp-accordion.resp-tab-active img{webkit-filter: invert(1);filter: invert(1);}
.resp-vtabs .resp-tabs-container {
	padding:0;
	border: none;
	float: none;
	width: 100%;
	min-height: initial;
	clear: none;
	margin-top:0;
	}
.resp-vtabs .resp-tab-content {
	padding:0 0 30px 0;
	float:left;
	width:100%;
	position:relative;
	}
.resp-vtabs .resp-tab-content:last-child{ padding-bottom:10px;}	
.resp-accordion-closed{display: none !important; }

.resp-arrow{ top:10px;}

}