.resp-tabs-list > li {
    display: inline-block;
    list-style: none;
    cursor: pointer;
    float: left; padding:10px; padding-right:40px; color:#fff; border-bottom: solid 1px #ccc
}

/* .resp-tabs-list > li:hover {color:#c85832 !important} */




.resp-tabs-container {
    padding: 0px;
    clear: left;
}

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

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

.resp-tab-active {
	color:#fff !important;}


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




h2.resp-accordion {
    border-top: 1px solid #c1c1c1;
    margin: 0px;
    padding: 10px; background:url(../images/plus.png) right center no-repeat; background-position:98% 10px; font-size:11pt; font-weight:normal; 
}
h2.resp-accordion:last-child {border-bottom: 1px solid #c1c1c1;}

h2.resp-tab-active {
    border-bottom: 1px solid #c1c1c1 !important;
    margin-bottom: 0px !important;
    padding: 10px !important; padding-right:30px !important; background:url(../images/minus.png) right center no-repeat; background-position:98% 10px; background-color:#3d4393;background-image: linear-gradient(to right, #3d4393 , #6a2874); color:#fff;
}

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

/*-----------Vertical tabs-----------*/
.resp-vtabs ul.resp-tabs-list {
    float: left;
    width: 25%; margin-right:5%; padding-top:20px;
}

.resp-vtabs .resp-tabs-list > li {
    display: block;
    cursor: pointer;
    float: none; padding:10px 30px 10px 0px;
}

.resp-vtabs .resp-tabs-container {
    padding: 0 40px;
    float: left;
    width: 70%;
    min-height: 250px;
    clear: none;	
}
.resp-vtabs .resp-tab-content {
    border: none;
    word-wrap: break-word;}

/*.resp-vtabs { border-bottom: 1px solid #c1c1c1;}*/

.resp-vtabs .resp-tabs-list > li.resp-tab-active {position: relative; z-index: 1; margin-right: -1px !important; -moz-box-shadow:none; -webkit-box-shadow: none; background-color:#3d4393;background-image: linear-gradient(to right, #3d4393 , #6a2874); color:#fff;}

.resp-arrow {
    width: 0;
    height: 0;
    float: right;
    margin-top: 3px;
}

h2.resp-tab-active span.resp-arrow {
    border: none;
}

/*-----------Accordion styles-----------*/

.resp-easy-accordion h2.resp-accordion {
    display: block;
}

.resp-easy-accordion .resp-tab-content {

}


.resp-jfit {
    width: 100%;
    margin: 0px;
}

.resp-tab-content-active {
    display: block;
}

h2.resp-accordion  img, h2.resp-accordion p {display:inline-block !important; vertical-align:middle; text-align:left;}
h2.resp-accordion p {margin-left:10px}
.resp-tabs-container img {width:100%}
.resp-tabs-container div img {border:solid 4px #c6a054}

/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
@media only screen and (max-width: 1023px) {
ul.resp-tabs-list {
        display: none;
    }

    h2.resp-accordion {
        display: block;
    }

    .resp-vtabs .resp-tab-content {
	
    }

    .resp-vtabs .resp-tabs-container {
        border: none;
        float: none;
        width: 100%;
        min-height: 100px;
        clear: none;
    }

    .resp-accordion-closed {
        display: none !important;
    }

    .resp-vtabs .resp-tab-content:last-child {
	
    }
	.resp-tab-content {margin:20px 5px}
	
}

@media screen and (min-width: 1024px) {
.resp-vtabs ul.resp-tabs-list {width: 100%;}
.resp-vtabs ul.resp-tabs-list > li{padding-left:20%}
.resp-vtabs .resp-tabs-container {width: 100%;padding: 40px;}
.resp-tab-content {margin:0px 0}
.resp-tab-active {color:#fff !important;}

}
@media screen and (min-width: 1280px) {

}