img.card-img-top {
 border-radius: 15px;
}

h2.section-title {
 letter-spacing: 5px;
 font-family: Muli;	
}
.navbar-nav li.nav-item a.nav-link {
	padding: 15px 30px;
	letter-spacing: 3px;
}
.middle-content .list-blog .row div[class*=col-]:nth-child(even) .media .media-body{
	text-align: right;
}

.thumb-blog {
	margin-top: 40px;
}

@media (max-width: 767px){
	.related-posts img {
		max-width: 50% !important;
		margin: auto !important;
	}
	h2.section-title {
		font-size: 25px !important;
		letter-spacing: 1px !important;
	}
	.middle-content .list-blog .media .media-body{
		text-align: left !important;
	}
}

.banner-post-title {
	font-size: 20px;
	color: white;
}
.blog-post-title {
	padding-bottom: 20px;
}
.sidebar .side-title h4,
.author .title-holder h2,
.related-posts .title-holder h2,
.comments .title-holder h2,
.inner-content .comment-respond h3,
.other-title h4,
.sidebar th {
	font-size: 18px;
}
.related-posts {
	 border-bottom: 1px solid #ebebeb;
	 padding-bottom: 30px;
}
.detail-block .thumb-body ul,
#scroll-here .entry-content ul { 
	margin: 40px;
}
.detail-block .thumb-body .coment-share ul  {
	margin: 0;
}

.alignfull img {
	max-width: 128% !important;
	width: 128% !important;
	margin-left: -26%;
}
.alignwide img{
	max-width: 104% !important;
	margin-left: -2% !important;
	width: 104% !important; 
	text-align: center !important;
}



.slick-active .banner-post-title
{
	    animation: fadeInDown 1s both 1s;
}


@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }
    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3)
    }
    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

.slick-active .tag,
.slick-active .caption p,
.slick-active .caption .btn
{
	    animation: zoomIn 1s both 0.3s;
}



.middle-content .thumb {
    text-align: center;
}