.container--tabs {
  margin-bottom:2rem;display:block;
}
.container--tabs .nav-tabs {
  width:70%;text-align:center;
  margin:0px auto;
  list-style-type: none;display:flex; justify-content: center;
  
}
.container--tabs .nav-tabs > li {
  width:25%;text-align:center;
  margin-bottom:0px;border: 1px solid #ddd;
}
.container--tabs .nav-tabs > li > a {
  float: left;text-align:center;
  margin-right: 2px;color:#444;
  line-height: 1.42857143;
  padding: 10px;display:block;width: 100%;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;text-decoration:none;
}
.container--tabs .nav-tabs > li > a:hover {
  border-color: #eee #eee #ddd;
}
.container--tabs .nav-tabs > li.active > a,
.container--tabs .nav-tabs > li.active > a:hover,
.container--tabs .nav-tabs > li.active > a:focus {
  color: #fff;width: 100%;
  cursor: pointer;
  background-color:#268bca;
  
  border-bottom-color: transparent;
}
.container--tabs .tab-content {
  width:100%;margin:0px; padding:20px;
}
.container--tabs .tab-content > .tab-pane {
  display: none;
}
.container--tabs .tab-content > .tab-pane.active {
  display: block;
  background-color: #ffffff;
}
.container--tabs .tab-content > .active {
  display: block;
}

@media screen and (max-width:880px) {
	.container--tabs .nav-tabs{width:100%;}
	.container--tabs .nav-tabs > li{width: max-content;}
	.container--tabs .nav-tabs > li > a{padding:10px 15px;}
.container--tabs .tab-content{width:100%;} .section-classes ul{flex-direction: column; gap:20px; margin:10px 0px 0px;}
.section-classes li{width:100%;}	 
	 
}