.main .content {
	border-top: 1px solid #EDEFF1;
}

.main .content > div {
	display:none;
	padding: 25px 70px;
}

.main input {
	display:none;
}

.main label {
	display: inline-block;
	font-weight: 600;
	text-align: center;
	border: 1px solid #EDEFF1;
	margin-left: -5px;
	position: relative;
	top: 1px;
	font-weight: normal;
	font-size: 1em;
	font-family: "GT-Walsheim-Medium";
	padding: 12px 36px;
}

.main label:hover {
	cursor:pointer;
	background:#EDEFF1;
	border: 1px solid #EDEFF1;
}

.main input:checked + label {
	background:#6E8CA8;
	color:#fff;
	border: 1px solid #6E8CA8;
}

#tab1:checked ~ .content #content1,#tab2:checked ~ .content #content2,#tab3:checked ~ .content #content3,#tab4:checked ~ .content #content4,#tab5:checked ~ .content #content5,#tab6:checked ~ .content #content6,
#tab7:checked ~ .content #content7, #tab8:checked ~ .content #content8,#tab9:checked ~ .content #content9, #tab10:checked ~ .content #content10{
	display:block;
}

#the-tab-1{
	margin-left: 70px;
}

@media (min-width: 768px) and (max-width: 1024px) {
	#the-tab-1{
		margin-left: 125px;
	}	
	.main .content > div {
		padding: 25px 125px;
	}
}

@media (max-width: 767px) {
	#the-tab-1{
		margin-left: 0;
	}	
	.main .content > div {
		padding: 25px 15px;
	}	
	.main label {
	    width: 100%;
	    margin: 0;
	    border-left: none;
	    border-right: none;
	}
}