@media (min-width:768px) {
    .featured-tabs-container{height:750px;}
    .featured-tabs{height:750px;}
}

@media (max-width:820px) {
 .featured-tab-active h1{font-size: 28px;}   
 .featured-tabs-container h1 {bottom: -5px !important;}
 .featured-tab-active p {font-size: 18px !important;}
 .featured-tab-active h1 {font-size: 24px !important;}
}

@media (max-width:520px) {
    .featured-tabs-container{height:auto;}
    .featured-tabs{height:370px;}
    .featured-tabs-container h1{font-size:26px;position: unset !important;}
    .featured-tabs-container h1 img{height:60px;}
    .featured-tabs-container h1, .featured-tabs-container p {display: block !important;}
    .featured-tab-active p{font-size: 16px !important;}
}
.featured-tabs-container{background-size: cover !important;color:#fff;}
.featured-tabs-container h1,.featured-tabs-container h4,.featured-tabs-container p{color:#fff !important;padding: 10px 20px;}
.featured-tabs-container h1,.featured-tabs-container p{display:none;}
.featured-tabs-container a{color:#fff !important;}

.featured-tab-active{background:rgba(0,0,0,0.8);cursor:pointer;}
.featured-tab-active h1{border-left:5px solid  #fedb0e;padding-left: 15px;}
.inner-div {position: absolute;bottom: 0px;left: 0;width: 100%;}
.featured-tabs-container h1 {position: relative;bottom: 80px;}
.featured-tabs-container h4 img{width:30px;height:30px;}
.featured-tab-active h1,.featured-tab-active p{display:block;}
.featured-tab-active p{font-size: 22px;}
.featured-tabs-container h4{border-left: 0.0625rem solid rgba(255,255,255,0.75);margin-bottom: 0;padding-top: 50px;padding-bottom: 25px;background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 40%,rgba(0,0,0,0.95) 100%);}