.text-gray * {
    color: #ccc !important;
    font-size: inherit;
}
/*----------------------*/
.user-phone {
    font-size: 38px;
}
 .giftheader h2{
    font-size: 32px;
}
    .user-phone .fa,
    .expaired-date .fa,
    .panel-body .fa {
        color: #333;
        font-size: inherit;
    }

    .user-phone > div > i.text-success {
        color: #4caf50;
    }

    .user-phone > div > i.text-warning {
        color: #ff9800;
    }

    /*.user-phone > p {
        margin-bottom: 0;
    }*/

    .user-phone #txt_phone_number {
        font-size: 24px;
        border: 1px solid #ccc;
        border-radius: 3px;
        padding-left: 15px;
        box-shadow: none;
        -webkit-box-shadow: none;
        -webkit-appearance: none;
        height: 60px;
    }

        .user-phone #txt_phone_number:focus,
        .user-phone #txt_phone_number::selection,
        .user-phone #txt_phone_number:active {
            box-shadow: none;
            -webkit-box-shadow: none;
            -webkit-appearance: none;
            border-color: #666;
            outline: none;
            transition: all .5s ease-in-out;
        }

.expaired-date .fa {
    font-size: 4em;
    color: #4caf50;
}

.expaired-date .text-center p {
    margin-bottom: 2px;
}

    .expaired-date .text-center p:last-child {
        margin-top: 0px;
    }

.readme a,
.readme a:link {
    color: #ff9800 !important;
}

    .readme a:hover {
        color: #0094ff !important;
    }

.btn-submit-success {
    display: none;
}


@media screen and (max-width: 767px) {
    #second-nav {
        display: none;
    }
    .detailcontent .row {
        height: 110px;
    }

    .detailcontent .newsdetail strong {
        display: block;
    }
    .detailcontent .row .col-xs-5, .detailcontent .row .col-xs-7 {
        padding-left: 5px;
        padding-right: 5px;
    }
    .detailcontent .newsdetail h4 a {
        display: block;
        color: #ff0000;
        height: 35px;
        overflow: hidden;
    }
}