.card-animation-1, .image-n-margin {
    margin-top: -50px;
    -webkit-transition: .3s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.mt-10 {
    margin-top: 10% !important;
}

.border-radius-6 {
    border-radius: 6px !important;
}
.pt-2 {
    padding-top: 2% !important;
}

.card-panel {
    margin: .5rem 0 1rem 0;
    padding: 24px;
    -webkit-transition: -webkit-box-shadow .25s;
    -moz-transition: box-shadow .25s;
    -o-transition: box-shadow .25s;
    transition: -webkit-box-shadow .25s;
    transition: box-shadow .25s;
    transition: box-shadow .25s, -webkit-box-shadow .25s;
    border-radius: 2px;
    background-color: #fff;
}

.card-animation-1, .image-n-margin {
    margin-top: -50px;
    -webkit-transition: .3s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.card-animation-1, .image-n-margin {
    margin-top: -50px;
    -webkit-transition: .3s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.border-radius-8 {
    border-radius: 8px !important;
}

.mt-5 {
    margin-top: 5% !important;
}
.mt-4 {
    margin-top: 4% !important;
}
.mt-1 {
    margin-top: 1% !important;
}
.vertical-text-middle {
    vertical-align: middle;
}
.mr-3 {
    margin-right: 3% !important;
}
.width-30 {
    width: 30% !important;
}
.mt-3 {
    margin-top: 3% !important;
}
.vertical-align-top {
    vertical-align: top;
}
.ml-3 {
    margin-left: 3% !important;
}
.ml-10 {
    margin-left: 10% !important;
}
.vertical-align-top{vertical-align:top}
.card-animation-1,.image-n-margin{margin-top:-50px;-webkit-transition:.3s;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s}
.card-animation-1:hover .image-n-margin{margin-top:-80px;margin-bottom:30px;-webkit-transition:.3s;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s}
#blog-list .card.horizontal{max-height:200px}
#blog-list .social-icon .material-icons:hover{cursor:pointer!important}
@media only screen and (min-device-width:1024px) and (max-device-width:1366px){
    #blog-list .social-icon{
        display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding-left:0
        }
    }
@media screen and (max-width:768px){
    #blog-list .card-panel .mt-3.social-icon{margin-top:2%!important
        }
}
@media screen and (max-width:600px){
    #blog-list .card-panel .mt-3.social-icon{margin-top:1%!important}
}
@media screen and (max-width:480px){
    #blog-list{margin-top:3rem}
}