.tab {
    overflow: hidden
}

.solution {
    padding-top: 8px
}

.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: 0;
    cursor: pointer;
    padding: 14px 16px;
    transition: .3s;
    font-size: 17px
}

.tab button:hover {
    background-color: #ddd
}

.tab button.active {
    background-color: #ccc
}

.tabcontent {
    display: none;
    border-top: none
}

.upper-case {
    text-transform: uppercase
}

.pad-17 {
    padding-top: 17px
}

.margin-top-20 {
    margin-top: 20px
}

.first {
    display: block
}

.weight-800 {
    font-weight: 800
}

.new-new-2121 {
    font-size: 25px;
    text-align: left
}

.wwwwwdada {
    text-align: left
}

.width-42 {
    width: 42px !important
}

@media (max-width:911px) {
    .tabs_button .tablinks{
    margin-top: 15px;
}
}
@media (max-width:767px) {
        .tabs_button .row{
            display: flex;
            flex-wrap: wrap;
            margin: 0 -15px;
        }
          .sm-none{
            display: none;
          }
        .tabs_button .col-sm-4,
        .tabs_button .col-sm-6 {
            width: 50% !important;
            padding: 0 15px !important;
        }
}
@media (max-width:575px) {
    .resource_inner_page_first .h1 {
    color: #fff;
    font-size: 20px;
    text-align: center;
    font-weight: 600;
}
.resource_inner_page_first p {
    margin: 0;
}.tabs_button .col-sm-4.full{
    width: 100% !important  ;
}

}

@media (max-width:400px) {
  .tabs_button .tablinks {
    font-size: 12px!important;
}
.tabs_button .col-sm-6,
.tabs_button .col-sm-4.full{
    width: 100% !important  ;
}
}