@media screen and (min-width: 480px) {
	
	html {
		scroll-padding-top: 200px; 
	}
}

@media screen and (max-width: 479px)  {

	html {
		scroll-padding-top: 290px; 
	}
}

.Brandbox-custom-tabs {
display: flex;
flex-wrap: wrap;
margin: 20px 0;
/*background: #FFFFFF;
box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 10%);
-webkit-box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 10%);
-moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
-ms-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
-o-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
transition: all .5s ease;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;*/
}
.Brandbox-custom-tabs .Brandbox-custom-tabs-nav {
float: left;
width: 100%;
margin: 0;
padding :0;
list-style-type: none;
/*border-bottom: 1px solid #ddd;*/
}
.Brandbox-custom-tabs .Brandbox-custom-tabs-nav > li > a {
float: left;
/*margin-right: 2px;*/
/*line-height: 1.42857143;
padding: 10px;
border-radius: 5px 5px 0 0;*/
z-index: 1;
order: 1;
display: block;
cursor: pointer;
/*transition: background ease 0.2s;
border: 1px solid #CCCCCC;*/
/*border-bottom: none;*/
/*margin: 0 0 -1px 5px;*/
/*padding: 5px 10px;
font-size: 14px;
line-height: 1.71428571;
font-weight: 400;*/
/*background: #f7fafc;*/
text-decoration: none;
white-space: nowrap;
color: #ffffff;
text-align: center;
margin-right: 20px;
}
/*.Brandbox-custom-tabs .Brandbox-custom-tabs-nav > li > a:hover {
border-color: #AAA;
}*/
/*.Brandbox-custom-tabs .Brandbox-custom-tabs-nav > li.active > a, .Brandbox-custom-tabs .Brandbox-custom-tabs-nav > li.active > a:hover, .Brandbox-custom-tabs .Brandbox-custom-tabs-nav > li.active > a:focus {
color: #555;
background-color: #fff;
border: 1px solid #ddd;
border-bottom-color: transparent;
}*/
.Brandbox-custom-tabs .Brandbox-custom-tabs-content {
float: left;
width: 100%;
}
.Brandbox-custom-tabs .Brandbox-custom-tabs-content > .Brandbox-custom-tabs-pane {
display: none;
}
.Brandbox-custom-tabs .Brandbox-custom-tabs-content > .Brandbox-custom-tabs-pane.active {
display: block;
/*width: calc(100% - 40px);
padding: 20px;
border-top: 1px solid #b7b7b7;
overflow-x: scroll;*/
}
.Brandbox-custom-tabs .Brandbox-custom-tabs-content > .active {
display: block;
}