#horizontalTab{padding:0 0 0 0;}
ul.resp-tabs-list, p {
  margin: 0px;
  padding: 0px;
}
ul.resp-tabs-list{margin:0;}
.resp-tabs-list li {  
  font-size: 18px;
  line-height:34px;
  text-align:left;
  color:#181818; 
  margin: 0 75px 0 0;
  list-style: none;
  cursor: pointer;  
  display:inline-block;
  box-sizing:border-box;
  padding:0 0 5px 30px;
  position:relative;
}
.resp-tabs-list li:last-child{margin:0;}
ul.prod{
	    width: 100%;
    margin: 0 auto;
    text-align: center;
    display: flex;
    border: 1px solid #d7d7d7;
    background: #f4f4f4;
    justify-content: center;
    max-width: 300px;
}
ul.prod li{
	float: left;
    display: inline-block;
    font-weight: 600;
    font-size: 18px;
    line-height: 44px;
    color: #3a3a3a;
    text-align: center;
    padding: 0 39.5px;
    margin: 0;
    width: 50%;
}
/*ul.shop li:first-child{border-radius:30px 0 0 30px;}
ul.shop li:last-child{border-radius:0 30px 30px 0;}*/
.resp-tabs-container {
  padding:0;
  background-color: #fff;
  clear: left;
  border-top:1px solid #c2c2c2;
  margin:0px 0 0 0;
}
.nobdr{border-top:none;padding:0;}
h2.resp-accordion {
  cursor: pointer;
  padding: 5px 5px 0 5px;
  display: none;
}
.resp-tab-content {
  display: none;
  padding: 0 0;
}
.resp-tab-active {
  color:#000!important;
  background:url(../images/tab-line.png) left bottom repeat-x;
}
ul.prod li.resp-tab-active{
	background:#9e7f40;	
	color:#fff!important;
}

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

h2.resp-accordion {
  font-weight:normal;
  font-size: 18px;
  line-height:22px;
  border: 1px solid #c1c1c1;
  border-top: 0px solid #c1c1c1;
  margin: 0px;
  padding: 15px 15px 15px 38px;
  background:#fff!important;
  letter-spacing:0;
  position:relative;
}
.nobdr h2.resp-accordion{padding:12px 15px;}
h2.resp-tab-active {
  padding: 12px 15px 12px 38px;
}
.nobdr h2.resp-tab-active{padding:12px 15px;}
.resp-arrow {
  width: 0;
  height: 0;
  float: right;
  margin-top: 6px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 12px solid #c1c1c1;
  margin-right:10px
}
h2.resp-tab-active span.resp-arrow {
  border: none;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 12px solid #fff;
  margin-top: 3px;
}
/*==========================================*/
.tabicon-bx1, .tabicon-bx2, .tabicon-bx3, .tabicon-bx4, .tabicon-bx5{
	position:absolute;
	top:3px;
	left:0;
	width:28px;
	height:28px;
}
.tabicon-bx1{
	background:url(../images/s2icon1.png) left top no-repeat;
}
.tabicon-bx2{	
	background:url(../images/s2icon2.png) left 5px no-repeat;
}
.tabicon-bx3{	
	background:url(../images/s2icon3.png) left 2px no-repeat;
}
.tabicon-bx4{	
	background:url(../images/s2icon4.png) left 2px no-repeat;
}
.tabicon-bx5{	
	background:url(../images/s2icon5.png) left top no-repeat;
}
/*.resp-tabs-list li.resp-tab-active {}*/
.resp-tab-active .tabicon-bx1{
	background:url(../images/s2icon1-active.png) left top no-repeat;
}
.resp-tab-active .tabicon-bx2{	
	background:url(../images/s2icon2-active.png) left 5px no-repeat;
}
.resp-tab-active .tabicon-bx3{
	background:url(../images/s2icon3-active.png) left 2px no-repeat;
}
.resp-tab-active .tabicon-bx4{
	background: url(../images/s2icon4-active.png) left 2px no-repeat;
}
.resp-tab-active .tabicon-bx5{
	background:url(../images/s2icon5-active.png) left top no-repeat;
}
/*==========================================*/
/*-----------Accordion styles-----------*/

h2.resp-tab-active { background: #9e7f40 !important;color:#fff!important; position:relative;}

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

.resp-easy-accordion .resp-tab-content { border: none; }

.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 only screen and (max-width: 767px) {

ul.resp-tabs-list { display: none; }

h2.resp-accordion { display: flex;}

.resp-vtabs .resp-tab-content { border: 1px solid #C1C1C1; }

.resp-vtabs .resp-tabs-container {
  border: none;
  float: none;
  width: 100%;
  min-height: initial;
  clear: none;
  position:relative;
}
.resp-accordion-closed { display: none !important; }
.resp-vtabs .resp-tab-content:last-child { border-bottom: 1px solid #c1c1c1 !important; }
.tabicon-bx1, .tabicon-bx2, .tabicon-bx3, .tabicon-bx4, .tabicon-bx5{
	position:absolute;
	top:3px;
	left:0;
	width:28px;
	height:28px;
}
.tabicon-bx1{
	background:url(../images/s2icon1.png) left top no-repeat;
}
.tabicon-bx2{	
	background:url(../images/s2icon2.png) left 5px no-repeat;
}
.tabicon-bx3{	
	background:url(../images/s2icon3.png) left 2px no-repeat;
}
.tabicon-bx4{	
	background:url(../images/s2icon4.png) left 2px no-repeat;
}
.tabicon-bx5{	
	background:url(../images/s2icon5.png) left top no-repeat;
}
/*.resp-tabs-list li.resp-tab-active {}*/
.resp-tab-active .tabicon-bx1{
	background:url(../images/s2icon1mob-active.png) left top no-repeat;
}
.resp-tab-active .tabicon-bx2{	
	background:url(../images/s2icon2mob-active.png) left 5px no-repeat;
}
.resp-tab-active .tabicon-bx3{
	background:url(../images/s2icon3mob-active.png) left 2px no-repeat;
}
.resp-tab-active .tabicon-bx4{
	background: url(../images/s2icon4mob-active.png) left 2px no-repeat;
}
.resp-tab-active .tabicon-bx5{
	background:url(../images/s2icon5mob-active.png) left top no-repeat;
}
}

@media only screen and (max-width: 1179px) {
.resp-tabs-list li {margin: 0 23px;}
.resp-tabs-list li:first-child{ margin:0 23px 0 0;}
.resp-tabs-list li:last-child{ margin:0 0 0 23px;}
ul.prod li, ul.prod li:last-child, ul.prod li:first-child{margin:0;}

}
@media only screen and (max-width: 1013px){
#horizontalTab{padding:0 0 0 0;}
.resp-tabs-list li {font-size:18px;line-height:24px;margin:0 15px;}
.resp-tabs-list li:first-child {margin: 0 15px 0 0;}
.resp-tabs-list li:last-child { margin:0 0 0 15px;}
.resp-tabs-container {}
.tabicon-bx1, .tabicon-bx2, .tabicon-bx3, .tabicon-bx4, .tabicon-bx5 {top: -4px;}
/*ul.shop {width: 100%;}
ul.shop li { padding: 0 29.5px;}*/
ul.prod{}
ul.prod li {padding: 0 32.9px;margin: 0;}
}
@media only screen and (max-width: 767px){
.resp-tab-content {
  display: none;
  padding: 0 ;
  border:1px solid #CCC;
  border-top:none;
}
.resp-tabs-container {padding:0;border:none;}
.tabicon-bx1, .tabicon-bx2, .tabicon-bx3, .tabicon-bx4, .tabicon-bx5{top: 10px;left: 10px;}
}