.sec-details-top{

	position: relative;

}

.details-top .budge {

    margin-bottom: 1.9rem;

    height: 2.1rem;

    padding-top: 1px;

}

.details-top-title{

	margin-bottom: 2.4rem;

}

.sec-details-top .details-top-title * {

	font-size: 3.8rem;

}

.details-author-outer{

	margin-bottom: 4rem;

}

.details-author-img{

	margin-right: 1.6rem;

}

.details-author-img img{

	width: 4rem;

	height: 4rem;

	object-fit: cover;

}

.details-author span{

	font-size: 1.6rem;

	font-weight: 700;

	line-height: 116%;

	letter-spacing: 0.032rem;

	color: #515151;

}

.details-date{

	position: relative;

	font-size: 1.4rem;

	font-weight: 600;

	line-height: 116%;

	letter-spacing: 0.028rem;

	color: #878787;

	margin-top: 0.3rem;

}

.details-date{

	padding-left: 2.8rem;

}

.details-date:after{

	position: absolute;

	content: "";

	width: 0.5rem;

	height: 0.5rem;

	border-radius: 50%;

	background: #878787;

	left: 1.2rem;

	top: 0;

	bottom: 0;

	margin: auto;

}

.details-main-img img{

	width: 100%;

	height: auto;

	max-height: 50.8rem;

    object-fit: cover;

}

.details-main-img span{

	display: block;

	margin-top: 1.6rem;

	font-size: 1.5rem;

	font-weight: 600;

	line-height: 160%;

	letter-spacing: 0.03rem;

	color: #515151;

}

.post-content p img {

    height: auto;

    width: 100%;

}

@media(min-width:768px) and (max-width:991.98px){

	.sec-details-top .details-top-title * {

    	font-size: 3.6rem;

	}

}

@media(max-width:767.98px){

	.details-top-title {

    	margin-bottom: 1.9rem;

	}

	.details-author-info {

    	display: block;

	}

	.details-date {

    	padding-left: 0;

	}

	.details-date:after{

		content: none;

	}

	.details-main-img img {

    	min-height: 23.6rem;

    	object-fit: cover;

	}

	.details-main-img span {

    	font-size: 1.2rem;

    	letter-spacing: 0.024rem;

    }

    .sec-details-top .details-top-title * {

    	font-size: 3.6rem;

	}

}