/* ==========================================================================
   Desktop
   ========================================================================== */
@media (min-width: 1000px) {
	div.maininfotabwrap{float:left; width:100%; padding:3px 0px 0px 0px;overflow:hidden; overflow-x:auto;  }
	/* To extend the tab when it too long*/
	div.maininfotabwrapextend{float:left; width:150%; padding:0px 0px 3px 0px;}
	::-webkit-scrollbar {width: 10px; height:5px;}
	::-webkit-scrollbar-track {background: #f1f1f1; }
	::-webkit-scrollbar-thumb {background: #888; }
	::-webkit-scrollbar-thumb:hover {background: #555; }
	
	a.maininfotab{float:left;font-size:15px;margin-right:5px; text-decoration:none;border-radius: 10px 10px 0px 0px; padding:10px 25px 6px 25px;cursor:pointer; display:inline;}
	a.maininfotab:hover{float:left;font-size:15px;color:#FFF;margin-right:5px;border-radius: 10px 10px 0px 0px;background-color:#333333;padding:10px 25px 6px 25px; cursor:pointer;}
	
	a.maininfotaboff{color:#333333; background-color:#ebebeb;}
	a.maininfotabon{color:#FFF !important;background-color:#333333 !important;}
	
	div.maininfotabbar{float:left;height:2px;width:100%;background-color:#333333;clear:both;}
	div.maininfotabmobileclickoverlay{display:none;}

}

/* ==========================================================================
   Mobile
   ========================================================================== */
@media (min-width: 0px) and (max-width: 999px){
	div.maininfotabwrap{float:left; position:relative; width:100%; padding:38px 0px 0px 0px;overflow:hidden; height:38px;transition: all 0.5s ease-out 0s;}
	div.maininfotabwrapopen{float:left; position:relative; width:100%; height:auto;  max-height:200px; padding:38px 0px 0px 0px;overflow:scroll;transition: all 0.5s ease-out 0s;}
	div.maininfotabwrapextend{}

	a.maininfotab{float:left;font-size:15px; text-decoration:none;width:100%;display:block;padding:10px 10px 10px 10px;cursor:pointer;}
	a.maininfotab:hover{float:left;color:#FFF;background-color:#333333;font-size:15px;color:#FFF;margin-right:5px;display:block;padding:10px 10px 10px 10px;cursor:pointer;}
	
	a.maininfotaboff{color:#333333;background-color:#ebebeb;}
	a.maininfotabon{ position:absolute; top:-2px; left:0px;color:#FFF !important;background-color:#333333 !important; background-size:16px 16px;background-image:url(../images_svg/main_nav_arrowdown_white.svg); background-position:97% center; background-repeat: no-repeat;}
	
	div.maininfotabbar{display:none;}
	div.maininfotabmobileclickoverlay{position:absolute; top:0px; left:0px; width:100%; height:100%;}
	div.maininfotabmobileclickoverlay:hover{cursor:pointer;}
}

/* ==========================================================================
   Share CSS
   ========================================================================== */

div.maintabcontentbox{float:left; width:100%; padding:20px 0px 20px 0px;}
div.maintabcontentboxon{display:block;}
div.maintabcontentboxoff{display:none;}