/* Start:/local/templates/bestbrands_new/css/reg-opt.css?17486146541640*/
.reg-tabs {
    display: flex;
    flex-wrap: wrap;
	align-items: center;
	margin: 30px -5px;
}

.reg-tabs a {
    color: #000;
    padding: 10px 20px;
    font-size: 16px;
    background-color: #f3f3f3;
    text-transform: uppercase;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -ms-flex: 0 0 24%;
    flex: 0 0 24%;
    max-width: 40%;
    text-align: left;
    align-items: center;
    margin: 5px;
}
.reg-tabs a:hover, .reg-tabs a.active {
	background: #7664AA;
	color: #fff;
	text-decoration: none;
}
.reg-span {
	text-transform: uppercase;
	font-weight: bold;
}
.form {
    padding-top: 10px!important;
}



@media (min-width:10px) and (max-width:400px) {

	.reg-tabs a {
	-ms-flex: 0 0 100%!important;
    flex: 0 0 100%!important;
    max-width: 100%!important;		
	}		
}
@media (min-width:401px) and (max-width:767px) {
	.reg-tabs a {
		min-height: 76px;
		display: flex;
	}	
}
@media (max-width:767px) {
	.reg-tabs a {
	-ms-flex: 0 0 47%;
    flex: 0 0 47%;
    max-width: 47%;		
	}
	.form .mt-5 {
		margin-top: 0px!important;
	}
	.reg-tabs {
		margin-top: 0px;
		/*margin-bottom: 0px;*/
	}
	.form h2 {
		font-size: 23px!important;
	}
}
@media (max-width:767px) and (orientation: landscape) {}
@media (min-width:768px) and (max-width:991px) {
	.reg-tabs a {
    -ms-flex: 0 0 47%;
    flex: 0 0 47%;
    max-width: 47%;	
	}	
}
@media (min-width:992px) and (max-width:1199px) {
	.reg-tabs a {
    -ms-flex: 0 0 24%;
    flex: 0 0 24%;
    max-width: 30%;	
	}		
}
@media (min-width: 1200px) {
	
}
@media (min-width: 1200px) and (max-height: 700px) {
	
}
/* End */
/* /local/templates/bestbrands_new/css/reg-opt.css?17486146541640 */