ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    /* height: 30px; */
    width: 100%;
    margin-top: 20px;
}

ul.tabs li {
    float: left;
    margin: 0;
    cursor: pointer;
    padding: 10px 18px;
    overflow: hidden;
    position: relative;
    color: #242424;
    width: 180px;
    font-size: 16px;
    background-color: #e6e6e6;
}

.tab_last {}

ul.tabs li:hover {
    background-color: #ccc;
    color: #333;
}

ul.tabs li.active {
    background: #ca0c0b;
    color: #ffffff;
    /* border-bottom: 3px solid #b6b6b6; */
    display: block;
}

.tab_container {
    border-top: none;
    clear: both;
    float: left;
    width: 100%;
    background: #fff;
    overflow: auto;
}

.tab_content {
    padding: 20px 0px;
    display: none;
}

.tab_drawer_heading {
    display: none;
}

@media screen and (max-width: 480px) {
    .tabs {
        display: block;
    }
    ul.tabs li {
        float: left;
        margin: 0;
        cursor: pointer;
        padding: 5px 10px;
        overflow: hidden;
        position: relative;
        color: #242424;
        width: 130px;
        font-size: 13px;
        background-color: #e6e6e6;
    }
    .red-btn {
        font-size: 14px;
        line-height: 16px;
        color: #fff !important;
        padding: 10px 15px !important;
        text-transform: capitalize;
        background-color: #ca0c0b;
        border-radius: 4px;
    }
    .red-btn:hover {
        color: #fff !important;
        background-color: #272727;
    }
    .tab_drawer_heading {
        background: #ff4d7e;
        background: -webkit-linear-gradient(legacy-direction(to right), #ff4d7e 0%, #ff6a5b 100%);
        background: -webkit-gradient(linear, left top, right top, from(#ff4d7e), to(#ff6a5b));
        background: -webkit-linear-gradient(left, #ff4d7e 0%, #ff6a5b 100%);
        background: -o-linear-gradient(left, #ff4d7e 0%, #ff6a5b 100%);
        background: linear-gradient(to right, #ff4d7e 0%, #ff6a5b 100%);
        color: #ffffff;
        border-bottom: 3px solid #b6b6b6;
        font-size: 14px;
        margin: 0;
        padding: 5px 15px;
        text-align: center;
        display: block;
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    .d_active {
        background: #ff4d7e;
        background: -webkit-linear-gradient(legacy-direction(to right), #ff4d7e 0%, #ff6a5b 100%);
        background: -webkit-gradient(linear, left top, right top, from(#ff4d7e), to(#ff6a5b));
        background: -webkit-linear-gradient(left, #ff4d7e 0%, #ff6a5b 100%);
        background: -o-linear-gradient(left, #ff4d7e 0%, #ff6a5b 100%);
        background: linear-gradient(to right, #ff4d7e 0%, #ff6a5b 100%);
        color: #ffffff;
        border-bottom: 3px solid #b6b6b6;
    }
}