ul.resp-tabs-list { margin: 0px -7px 0px; padding: 0px; position: relative; display: flex; justify-content: space-between; }
.resp-tabs-list li { padding: 0 7px; list-style-type: none; flex: 1; }
.resp-tabs-list li a { font-size: 20px; padding: 17px 10px 15px; background: #C4C4C4; margin: 0; list-style: none; cursor: pointer; text-align: center; transition: ease 0s; border-radius:7px 7px 0 0px; color:#fff; text-decoration: none; display: block; height: 100%; }

.resp-tabs-list li:first-child a { background: #C4C4C4; color:#000; }
.resp-tabs-list li:nth-child(2) a { background: #CA9853; color:#000; }
.resp-tabs-list li:last-child a { background:#436432; color:#fff; }
.resp-tabs-list .active a { font-weight:700; }
.resp-tabs-list .active:first-child a, .resp-tabs-list .active:nth-child(2) a, .resp-tabs-list .active:last-child a { position: relative; bottom:7px;  padding: 18px 10px 19px; }
.resp-tabs-list .active:after { bottom: -3px; content:''; position: absolute; left:7px; width: calc(100% - 14px); height: 10px; }
.resp-tabs-list .active:first-child:after { background: #C4C4C4; }
.resp-tabs-list .active:nth-child(2):after { background: #CA9853; }
.resp-tabs-list .active:last-child:after { background: #436432; }

.resp-tabs-container { padding: 0px; background: #fff; box-shadow: 0 3px 6px rgba(0,0,0,.29); padding:30px; overflow: hidden; }
.resp-tab-content { display: none; }
.resp-tab-content .content { font-size:18px; color:#000; }
.custom_tabs .content ul { padding:0px; margin:0px; column-count: 2; }
.custom_tabs .content ul li { font-size:18px; position: relative; margin-bottom: 5px; list-style-type: none; padding-left: 25px; }
.custom_tabs .content ul li:before { content:''; width:6px; height:6px; background: #C4C4C4; border-radius:50%; position: absolute; top:11px; left:0; }

h2.resp-accordion { cursor: pointer; padding: 5px; display: none; }
.resp-content-active,
.resp-accordion-active { display: block; }
h2.resp-accordion { font-size: 18px; padding: 10px 15px 12px; background: #C4C4C4; margin: 0 0 2px; }
h2.active { background: #436432!important; color:#fff; }
h2.active a { color:#fff; }
.resp-easy-accordion h2.resp-accordion { display: block; }
.resp-jfit { width: 100%; margin: 0px; }
.resp-tab-content-active { display: block; border-top:none; }
.tab_drawer_heading { display: none; }

#materials_lists { padding: 0 0 50px 0; }
.tab_content .editor_text ol { padding: 0; margin: 0; }
.tab_content .editor_text ol li { margin: 0px 0 20px 0; padding: 0px 0 0 30px; font-size: 16px; line-height: 1.8; counter-increment: my-awesome-counter; position: relative; }
.tab_content .editor_text ol li::before { content:counter(my-awesome-counter) " "; color: #436432; font-weight: bold; font-size:20px; position:absolute; left:0; top:-3px; text-shadow: 1px 2px 4px rgba(0,0,0,.5); }
.page-package { clear: both; }


.horizontalTab .tab_drawer_heading { margin-bottom:10px; background: #c4c4c4; color:#000; padding: 10px 40px 10px 20px; border-radius:5px; position: relative; }
.horizontalTab .tab_drawer_heading:after { content: '\002B'; color: #000; float: right; margin-left: 0px; width:26px; height: 26px; border-radius:50%; text-align: center; font-size:23px; background: #fff; position: absolute; right:10px; top:50%; transform: translateY(-50%); border:2px solid #000; line-height: 21px; font-family:arial; }
.horizontalTab .tab_drawer_heading.d_active:after { content: "\2212"; }
.tab_container .tab_content { padding:10px 20px 20px; }
.horizontalTab .tab_drawer_heading.d_active { font-weight: 700; }

.show-on-mobile { display:none; }

@media (max-width: 767px) {
	.tabs { display: none;}
	.tab_drawer_heading { display: block; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
    .show-on-mobile { display:block; }
}

@media only screen and (max-width: 767px) {
	ul.resp-tabs-list { display: none; }
	h2.resp-accordion { display: block; background: #fff; color: #000; }
	.resp-vtabs .resp-tabs-container { border: none; float: none; width: 100%; min-height: initial; clear: none; }
	.resp-accordion-closed { display: none !important; }
		
}

@media (min-width:995px) and (max-width:1199px) {
	.resp-tabs-list li a { padding: 22px 10px 22px; font-size: 18px; }
	.resp-tabs-container .editor_text .image { max-width: 350px; }
}

@media (min-width:768px) and (max-width:995px) {
	.resp-tabs-list li a { padding: 16px 20px 16px; font-size: 18px; }
	.resp-tabs-list .active:first-child a, .resp-tabs-list .active:nth-child(2) a, .resp-tabs-list .active:last-child a {  padding: 20px 20px 20px; }
	.resp-tabs-container .editor_text .alignright { margin: 0 auto 10px; float: none; text-align: center; }

}

@media (max-width:767px) {
	.resp-tabs-container { padding: 0px; box-shadow: none; background: none; display:flex; flex-direction:column; }
	.custom_tabs h2.resp-accordion { background: var(--skyblue); border-radius:5px; margin-bottom: 10px; padding: 5px 20px 12px; }
	.custom_tabs h2.resp-accordion span { display: none; }
	.custom_tabs h2.resp-accordion a { text-decoration: none; display: inline-block; color:#fff; font-size:18px; }
	.resp-tabs-container .editor_text .alignright { margin: 0 auto 10px; float: none; text-align:center; }
    
	.tab_drawer_heading[rel="tab1"] { background: #C4C4C4; color: #000; }
	.tab_drawer_heading[rel="tab2"] { background: #CA9853; color: #000; }
	.tab_drawer_heading[rel="tab3"] { background: #436432;	color: #fff; }
    
    .tab_content h4 { font-size: 22px; text-align: center; margin: 30px 0; }
    .horizontalTab .tab_drawer_heading.d_active, .horizontalTab .tab_drawer_heading.d_active + .tab_content { order:3; }
 

}