ul.tabs {
	margin: 80px 0 0px;
	padding: 0;
	/*float: left;*/
	display:inline-block;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
/*	border-bottom:1px #9cb9e1 solid;
	border-left: 1px #9cb9e1 solid;*/
	width: 100%;
	text-align:center;
}
ul.tabs li {
	/*float: left;*/
	margin: 0 10px;
	padding: 0;
	height: auto; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 22px; /*--Vertically aligns the text within the tab--*/
	/*border: 1px #9cb9e1 solid;*/
	display:inline-block;
	position: relative;
	/*background: #78abe0;*/
}
ul.tabs li a {
	text-decoration: none;
	color: #323234;
	display: block;
	font-size: 14px;
	font-weight:600;
	padding: 40px 20px 23px 100px;
	/*border: 1px solid #fff;*/ /*--Gives the bevel look with a 1px white border inside the list item--*/
	border: 1px #d8d8d8 solid;
	border-radius:20px;
	/*width:130px;*/
	height:23px;
	text-align:left;
}
ul.tabs li a:hover {
	color: #fff;
	font-weight:600;
	box-shadow:0 0 12px 0 #999;

}
html ul.tabs li a.activeJobs, html ul.tabs li a.activeJobs a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	/*background: #f4f9ff;*/
	color: #fff;
	font-weight:600;
	background:#1fa9e2 url(../images/job-dark_h@2x.png) no-repeat 20px 10px;
	 background-size:45px;
	box-shadow:0 0 12px 0 #999;
}
html ul.tabs li a.activeParts, html ul.tabs li a.activeParts a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	/*background: #f4f9ff;*/
	color: #fff;
	font-weight:600;
	background:#1fa9e2 url(../images/parts_h@2x.png) no-repeat 20px 10px;
	 background-size:65px;
	box-shadow:0 0 12px 0 #999;
}
html ul.tabs li a.activeInfo, html ul.tabs li a.activeInfo a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	/*background: #f4f9ff;*/
	color: #fff;
	font-weight:600;
	background:#1fa9e2 url(../images/signaling-2-white-2@2x.png) no-repeat 20px 10px;
	 background-size:65px;
	box-shadow:0 0 12px 0 #999;
}
html ul.tabs li a.activeInstal, html ul.tabs li a.activeInstal a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	/*background: #f4f9ff;*/
	color: #fff;
	font-weight:600;
	background:#1fa9e2 url(../images/signaling-2-white-2@2x.png) no-repeat 20px 10px;
	 background-size:65px;
	box-shadow:0 0 12px 0 #999;
}
html ul.tabs li a.activeSurvey, html ul.tabs li a.activeSurvey a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	/*background: #f4f9ff;*/
	color: #fff;
	font-weight:600;
	background:#1fa9e2 url(../images/signaling-2-white-2@2x.png) no-repeat 20px 10px;
	 background-size:65px;
	box-shadow:0 0 12px 0 #999;
}
.jobs{background:#fff url(../images/job-dark@2x.png) no-repeat 20px 10px; background-size:45px;}
.jobs:hover{background:#1fa9e2 url(../images/job-dark_h@2x.png) no-repeat 20px 10px; background-size:45px;}
.parts{background:#fff url(../images/parts@2x.png) no-repeat 20px 10px; background-size:65px;}
.parts:hover{background:#1fa9e2 url(../images/parts_h@2x.png) no-repeat 20px 10px; background-size:65px;}
.info{background:#fff url(../images/signaling-2-white-2_h@2x.png) no-repeat 20px 10px; background-size:65px;}
.info:hover{background:#1fa9e2 url(../images/signaling-2-white-2@2x.png) no-repeat 20px 10px; background-size:65px;}

.instal{background:#fff url(../images/signaling-2-white-2_h@2x.png) no-repeat 20px 10px; background-size:65px;}
.instal:hover{background:#1fa9e2 url(../images/signaling-2-white-2@2x.png) no-repeat 20px 10px; background-size:65px;}

.survey{background:#fff url(../images/signaling-2-white-2_h@2x.png) no-repeat 20px 10px; background-size:65px;}
.survey:hover{background:#1fa9e2 url(../images/signaling-2-white-2@2x.png) no-repeat 20px 10px; background-size:65px;}

.tab_container {
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left;
	width: 100%;
	margin-top:20px;
}
.tab_content {
	padding: 20px;
}
@media screen and (max-width: 1280px) {
	ul.tabs li {
	margin: 0 10px;

	
}
}



@media screen and (max-width: 800px) {
ul.tabs {
	height: auto; /*--Set height of tabs--*/
	width: 99%;
	margin-top:75px;
}
ul.tabs li {
	margin: 0 7px 20px;
	height: auto; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	float:left;
	
}
ul.tabs li a {
	font-size: 14px;
	font-weight:600;
	padding: 80px 10px 23px;
	border: 1px #d8d8d8 solid;
	border-radius:20px;
	width:99px;
	height:23px;
	text-align:center;
	line-height: 100%;
}
ul.tabs li a:hover {
	color: #fff;
	font-weight:600;
	box-shadow:0 0 12px 0 #999;

}
html ul.tabs li a.activeJobs, html ul.tabs li a.activeJobs a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	/*background: #f4f9ff;*/
	color: #fff;
	font-weight:600;
	background:#1fa9e2 url(../images/job-dark_h@2x.png) no-repeat center 10px;
	 background-size:37px;
	box-shadow:0 0 12px 0 #999;
}
html ul.tabs li a.activeParts, html ul.tabs li a.activeParts a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	/*background: #f4f9ff;*/
	color: #fff;
	font-weight:600;
	background:#1fa9e2 url(../images/parts_h@2x.png) no-repeat center 10px;
	 background-size:55px;
	box-shadow:0 0 12px 0 #999;
}
html ul.tabs li a.activeInfo, html ul.tabs li a.activeInfo a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	/*background: #f4f9ff;*/
	color: #fff;
	font-weight:600;
	background:#1fa9e2 url(../images/signaling-2-white-2@2x.png) no-repeat center 10px;
	 background-size:55px;
	box-shadow:0 0 12px 0 #999;
}
html ul.tabs li a.activeInstal, html ul.tabs li a.activeInstal a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	/*background: #f4f9ff;*/
	color: #fff;
	font-weight:600;
	background:#1fa9e2 url(../images/signaling-2-white-2@2x.png) no-repeat center 10px;
	 background-size:55px;
	box-shadow:0 0 12px 0 #999;
}
html ul.tabs li a.activeSurvey, html ul.tabs li a.activeSurvey a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	/*background: #f4f9ff;*/
	color: #fff;
	font-weight:600;
	background:#1fa9e2 url(../images/signaling-2-white-2@2x.png) no-repeat center 10px;
	 background-size:55px;
	box-shadow:0 0 12px 0 #999;
}
.jobs{background:#fff url(../images/job-dark@2x.png) no-repeat center 10px; background-size:37px;}
.jobs:hover{background:#1fa9e2 url(../images/job-dark_h@2x.png) no-repeat center 10px; background-size:37px;}
.parts{background:#fff url(../images/parts@2x.png) no-repeat center 10px; background-size:55px;}
.parts:hover{background:#1fa9e2 url(../images/parts_h@2x.png) no-repeat center 10px; background-size:55px;}
.info{background:#fff url(../images/signaling-2-white-2_h@2x.png) no-repeat center 10px; background-size:55px;}
.info:hover{background:#1fa9e2 url(../images/signaling-2-white-2@2x.png) no-repeat center 10px; background-size:55px;}

.instal{background:#fff url(../images/signaling-2-white-2_h@2x.png) no-repeat center 10px; background-size:55px;}
.instal:hover{background:#1fa9e2 url(../images/signaling-2-white-2@2x.png) no-repeat center 10px; background-size:55px;}

.survey{background:#fff url(../images/signaling-2-white-2_h@2x.png) no-repeat center 10px; background-size:55px;}
.survey:hover{background:#1fa9e2 url(../images/signaling-2-white-2@2x.png) no-repeat center 10px; background-size:55px;}

.tab_container {
	margin-top:0px;
}
}

@media screen and (max-width: 480px) {
	ul.tabs {
    margin-top: 35px;
}
	ul.tabs li a {
	font-size: 12px;
	font-weight:500;
	padding: 65px 5px 23px;
	width:100px;
	height:15px;
}
.tab_content {
	padding: 0;
}
}
@media screen and (max-width: 375px) {
ul.tabs li a {
    font-size: 11px;
    font-weight: 500;
    padding: 65px 5px 23px;
    width: 91px;
    height: 15px;
}
}
@media screen and (max-width: 360px) {
ul.tabs li {
    margin: 0 7px 10px;
}
ul.tabs li a {
    width: 86px;
}
}
@media screen and (max-width: 320px) {
ul.tabs li {
    margin: 0 2px 7px;
}
ul.tabs li a {
    width: 83px;
}
}