.css_panel {
    display: none
}

@media (max-width :600px) {
    .blog-card .blog-card__head {
        height: 100px !important;
        cursor: pointer;
        align-items: center;
        justify-content: center
    }

    .lblmobtitle {
        text-align: center !important
    }

    .lblmob {
        font-size: 12px !important
    }

    #lnksource {
        float: left !important;
        text-align: left !important
    }
}

.blog-card .blog-card__head1 {
    height: 80px;
    cursor: pointer;
    align-items: center;
    justify-content: center
}

.blog-card .blog-card__info1 {
    z-index: 10;
    cursor: pointer;
    background: #fff;
    padding: 10px
}

.slectbutton {
    background: #fff;
    color: #363738;
    font-weight: 700;
    outline: 0;
    box-shadow: 1px 1px 3px 0 rgba(0,0,0,.2);
    overflow: hidden;
    border-radius: 0;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    padding: 0;
    border: none
}

    .slectbutton:focus {
        box-shadow: none
    }

    .slectbutton:hover {
        background: red;
        color: #fff
    }

    .slectbutton.btn--with-icon {
        padding-right: 20px
    }

        .slectbutton.btn--with-icon i {
            padding: 0 30px 0 15px;
            margin-right: 10px;
            height: 50px;
            line-height: 50px;
            vertical-align: bottom;
            color: #fff;
            background: red;
            clip-path: polygon(0 0,70% 0,100% 100%,0 100%)
        }

    .slectbutton.btn--only-icon {
        width: 50px
    }

.date__box {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #ccc;
    cursor: pointer;
    border: 4px solid;
    font-weight: 700;
    padding: 5px 10px
}

    .date__box .date__day {
        font-size: 22px
    }

.blog-card {
    padding: 30px;
}

    .blog-card ul li {
        list-style: square !important;
        margin-left: 20px;
    }

    .blog-card .date__box {
        opacity: 0;
        transform: scale(.5);
        transition: .3s ease-in-out
    }

    .blog-card .blog-card__background, .blog-card .card__background--layer {
        z-index: -1;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .blog-card .blog-card__background {
        padding: 15px;
        background: #fff
    }

    .blog-card .card__background--wrapper {
        height: 100%;
        clip-path: polygon(0 0,100% 0,100% 80%,0 60%);
        position: relative;
        overflow: hidden
    }

    .blog-card .card__background--main {
        height: 100%;
        position: relative;
        transition: .3s ease-in-out;
        background-repeat: no-repeat;
        background-size: cover
    }

    .blog-card .card__background--layer {
        z-index: 0;
        opacity: 0;
        background: rgba(51,51,51,.9);
        transition: .3s ease-in-out
    }

    .blog-card .blog-card__head {
        height: 175px;
        cursor: pointer;
        align-items: center;
        justify-content: center
    }

    .blog-card .blog-card__info {
        z-index: 10;
        cursor: pointer;
        background: #fff;
        padding: 20px
    }

        .blog-card .blog-card__info h5 {
            transition: .3s ease-in-out
        }

a.icon-link {
    color: #363738;
    transition: .2s ease-in-out
}

    a.icon-link i {
        color: red
    }

    a.icon-link:hover {
        color: red;
        text-decoration: none
    }

.btn1 {
    background: #fff;
    color: #363738;
    font-weight: 700;
    outline: 0;
    box-shadow: 1px 1px 3px 0 rgba(0,0,0,.2);
    overflow: hidden;
    border-radius: 0;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    padding: 0;
    border: none
}

    .btn1:focus {
        box-shadow: none
    }

    .btn1:hover {
        background: red;
        color: #fff
    }

    .btn1.btn--with-icon {
        padding-right: 20px
    }

        .btn1.btn--with-icon i {
            padding: 0 30px 0 15px;
            margin-right: 10px;
            height: 50px;
            line-height: 50px;
            vertical-align: bottom;
            color: #fff;
            background: red;
            clip-path: polygon(0 0,70% 0,100% 100%,0 100%)
        }

    .btn1.btn--only-icon {
        width: 50px
    }