/*----------------------------------------------------------------------------------
  TABS PRODUCT PAGE
----------------------------------------------------------------------------------*/
ul.tabs {margin: 15px 0;}

ul.tabs li {list-style: none;}
ul.tabs li.tab {border-bottom: 3px solid #eee; display: inline-block; cursor: pointer; line-height: 40px; flex-grow: 1; text-align: center; cursor:pointer; text-transform:uppercase; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;}
ul.tabs li.tab.active {border-bottom: 3px solid #09283a}
ul.tabs li.tabContent {order:10; width:100%; float:left; display: none; border:1px solid #eee; border-top:0px solid #eee; padding:15px;}
ul.tabs li.tabContent.active {display: block;}

/*----------------------------------------------------------------------------------*/
@media screen and (max-width: 850px) {
	ul.tabs li.tab {font-size: 16px}

	/* horisontal tabs */
	ul.tabs li.tab {width: 100%; line-height: 60px; border-bottom: 1px solid #eee; text-transform:uppercase; text-align: left; padding-left: 10px;}
	ul.tabs li.tab.active {border-bottom: 0px;}
	ul.tabs li.tab:after{font-family: "Font Awesome 5 Pro"; content: "\f078"; display: inline-block; float: right; transition: all 0.1s ease; width: 40px; height: 40px; text-align:center;}
	ul.tabs li.tab.active:after {content: "\f077";}	
	ul.tabs li.tabContent {order:unset; border:0px; }
	ul.tabs li.tabContent.active {border-bottom: 1px solid #eee}
}