.post-wrapper .panel-left{
	position: relative;
	height: 100%;
}
.post-wrapper .table-contents.sticky{
	position: sticky;
	top: 7em;
}
.post-single header{
	padding: 4.375em 0;	
}
.post-single h1{
	font-size: 2.5em;
	line-height: 1.25em;
}
.blog-list .post-item{
	width: 33.3333%;
	float: left;
}

/* single */
.post-content{
	padding-bottom: 5em;
}
.post-wrapper .panel{
	position: absolute;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
}
.banner_blue{
	padding: 1.25em;
}
.banner_arrow .banner_text{
	max-width: 71.875%;
	margin: 1.195em auto 1.195em 1.5em;
}
.banner_arrow::before{
	top: -.875em;
	right: -.875em;
	width: 6.5em;
	height: 6.5em;	
}
.banner_line{
	padding: 2.0625em 1.875em;
}
.post-content h1,
.post-content .h1{
	font-size: 2.25em;
	line-height: 1.25em;
}
.post-content h2,
.post-content .h2{
	font-size: 2em;
	line-height: 1.25em;
}
.post-content h3,
.post-content .h3{
	font-size: 1.7em;
	line-height: 1.25em;
	margin-bottom: 1.103em;
}
.post-content h4,
.post-content .h4{
	font-size: 1.5em;
	line-height: 1.25em;
	margin-bottom: 1.667em;
}
.post-content h5,
.post-content .h5{
	font-size: 1.3em;
	line-height: 2em;
	margin-bottom: 1.923em;
}
.similar-posts{
	padding: 5em 0;
}
.similar-posts .tt{
	font-size: 2em;
	line-height: 1.21875;
}

@media(min-width: 1221px){
	.post-wrapper .panel-left{
		width: 13.85%;
	}
	.post-wrapper .panel-right{
		width: 16%;
	}
}

@media(min-width: 993px){
	#breadcrumbs{
		padding: 3.333em 0 5em;
	}
	.post-title{
		max-width: 55%;
	}
	.post-thumbnail .bkg_inner{
		padding-top: 33.678%;	
	}
	.post-wrapper .panel-right{
		position: relative;
		height: 100%;
		padding-bottom: 8%;
	}
	.post-wrapper .banner_fix.sticky{
		position: sticky;
    	top: 7em;
	}
	.table-contents.sticky{
		max-height: 92vh;
		max-height: calc(100vh - 10em);
    	overflow: auto;
	}
	.post-wrapper .panel-left{
		float: left;
		padding-bottom: 8%;
	}
	.table-contents .tt{
		margin-bottom: 1.875em;
	}
	.post-wrapper .panel-right{
		float: right;
	}
	.post-wrapper .banner_fix{
		text-align: center;
		background-color: #0E376B;
		border-radius: 8px;
    	overflow: hidden;
		padding: 13.3125em .8125em 1.625em;
	}
	.post-wrapper .bkg_inner{
		position: absolute;
	    top: 0;
	    left: 0;
	    height: 59%;
	    width: 90%;
	    border-radius: 0 0 120px 0;
	    overflow: hidden;
	}
	.post-wrapper .banner_side .bkg_inner{
		height: 100%;
		width: 100%;
	}
	.banner_fix .tt{
		font-weight: bold;
		font-size: 1.25em;
		line-height: 1.45;
		color: #FFFFFF;
	}
	.banner_side.banner_fix .tst{
		font-size: 1em;
		line-height: 1.15;
		color: #FFFFFF;
	}
	.post-wrapper .updated-banner{
    top: 7em;
    height: 380px;
    width: 192px;
    padding: 32px 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
		text-align: center;
    background: linear-gradient(180deg, #1476F3, #003579);
    border-radius: 8px;
    overflow: hidden;
	}
	.post-wrapper .updated-banner-overlay{
		height: 100%;
    width: 100%;
		background-size: contain;
    background-repeat: no-repeat;
    mix-blend-mode: soft-light;
		position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
	}
	.updated-banner-content .tt{
		font-weight: 700;
		font-size: 1.25em;
		line-height: 1.45;
		color: #FFFFFF;
	}
	.updated-banner-content .tst{
		font-weight: 500;
		font-size: .8em;
		line-height: 1.15;
		margin-top: 10px;
		color: #FFFFFF;
	}
	.post-single .post-content{
		max-width: 53.33%;
		margin-right: auto;
		margin-left: auto;
	}
	.post-content h1:not(:first-child),
	.post-content .h1:not(:first-child){
		margin-top: 1.94em;
	}
	.post-content h2:not(:first-child),
	.post-content .h2:not(:first-child){
		margin-top: 2.1875em;
	}
	.post-content h3:not(:first-child),
	.post-content .h3:not(:first-child){
		margin-top: 2.205em;
	}
	.post-content h4:not(:first-child),
	.post-content .h4:not(:first-child){
		margin-top: 2.942m;
	}
	.post-content h5:not(:first-child),
	.post-content .h5:not(:first-child){
		margin-top: 3.365em;
	}
	.post-content h6:not(:first-child),
	.post-content .h6:not(:first-child){
		margin-top: 1.765em;
	}
	.banner_line .banner_text{
		max-width: 67%;
	}
	.post-end .tt{
		margin-bottom: 1em;
	}
	.post-share-buttons svg{
		width: 1.875em;
	}
	.post-share-buttons a:not(:last-child){
		margin-right: .3215em;
	}
	.similar-posts .tt{
		margin-bottom: 1.875em;
	}
	.blog-list{
		margin-left: -10px;
		margin-right: -10px;
	}
	.blog-list .post-item{
		padding-right: 10px;
		padding-left: 10px;
	}
	.post-item .post-category{
		left: 10px;
    	right: 10px;
	}
	.post-item .post-info{
		padding: 1.8125em 2.5em 4.1875em;
	}
	.post-item .post-category{
		margin: 0 2.5em 1.8125em;
	}
}

@media(min-width: 1097px) and (max-width: 1220px){
	.post-wrapper .panel-left,
	.post-wrapper .panel-right{
		width: 18%;
	}
}

@media(min-width: 993px) and (max-width: 1096px){
	.post-wrapper .panel-left,
	.post-wrapper .panel-right{
		width: 19%;
	}
	.post-subscribe .wpcf7-submit{
		min-width: initial;
	}
}

@media(min-width: 993px) and (max-width: 1030px){
	.post-subscribe input[name='email']{
		max-width: 46%;
	}
	.post-end .post-share{
		min-width: 30%;
	}
}

@media(max-width: 992px){
	.post-thumbnail .bkg_inner{
		padding-top: 51.79%;	
	}
	.post-title{
		max-width: 85.27%;
	}
	.post-wrapper .panel-left{
		width: 29.715%;
		padding-bottom: 26%;
	}
	.post-single .post-content {
	    margin-left: 33.72%;
	}
	.banner_line .banner_text{
		max-width: 52%;
	}
}

@media(max-width: 840px){
	.post-end.flex{
		flex-wrap: wrap;
	}
	.post-end .post-subscribe,
	.post-end .post-share{
		width: 100%;
	}
	.post-end .post-share{
		margin-top: 2.5em;
	}
}
