.pn-post{margin-bottom: 60px}
.pn-post .pn-title{margin-bottom: 30px}
.pn-post .row [class*='col-']{font-weight: 500;margin-bottom: 20px}
.pn-post .row [class*='col-']:first-child{width: 66.66666667%}
.pn-post .row [class*='col-']:nth-child(2),.pn-post .row [class*='col-']:nth-child(3){width:33.33333333%}
.pn-post .row [class*='col-'] .pn-image{margin-bottom: 15px;border-radius: 10px;box-shadow: 0 2px 7px rgba(0,0,0,.15);border: 8px solid #fff}
.pn-post .row [class*='col-'] .pn-image img{width: 100%;border-radius: 5px}
.pn-post .row [class*='col-'] .pn-name + p{margin-bottom: 0}
.pn-post .row [class*='col-']:first-child .pn-name{font-size: 20px;line-height: 25px;margin-bottom: 10px}
.pn-post .row [class*='col-']:first-child .pn-name + p{font-size: 16px;line-height: 25px;text-align: justify}
.pn-post .row [class*='col-'] .pn-name{font-size: 16px;line-height: 21px;font-weight: 900;color: #000;display: block}
.pn-post .row [class*='col-'] .pn-name:hover{color: #ff4f2c}
.pn-highlights{margin-bottom: 30px}
.pn-highlights .pn-title{font-size: 16px;line-height: 21px;color: #fff;background-color: #ff4f2c;padding:12px 25px 10px 25px;margin-bottom: 0;border: 1px solid #ff4f2c;text-transform: uppercase;border-radius: 10px 10px 0 0;font-weight: bold}
.pn-highlights ul{padding-left: 0;margin-bottom: 0;list-style: none;padding: 10px;border-width: 0 1px 1px 1px;border-style: solid;border-color: #dadada}
.pn-highlights ul li{border-bottom: 1px dashed #e9ecef;padding: 15px;display: flex;align-items: center}
.pn-highlights ul li:last-child{border-bottom: 0}
.pn-highlights ul li .pn-image{float: left;margin-right: 15px;width: 115px;min-width: 115px;margin-bottom: 0 !important}
.pn-highlights ul li .pn-name{font-size: 16px;line-height: 21px;display: block;color: #373737;font-weight: 500;margin-bottom: 0;}
.pn-highlights ul li .pn-name:hover{color: #ff4f2c}
.pn-post .pn-wrapper-pagination{margin-top: 30px}
.pn-detail .pn-wrapper{margin-bottom: 30px}
.pn-detail .pn-name-detail{font-size: 25px;line-height: 30px;font-weight: 900;margin: 0 0 25px 0;color: #272727}
.pn-detail .wrapper-anchor{ border: 1px solid #ddd; padding: 20px; border-radius: 10px; margin-bottom: 30px;background-color: #f0f0f0;color: #000}
.pn-detail .wrapper-anchor .anchor-title{font-weight: bold;font-size: 20px;line-height: 25px;margin: 0 0 15px 0;display: block}
.pn-detail .wrapper-anchor ul{list-style:none}
.pn-detail .wrapper-anchor ul,.pn-detail .wrapper-anchor ol{ margin: 0; padding-left: 0; list-style-position: inside}
.pn-detail .wrapper-anchor ul li,.pn-detail .wrapper-anchor ol li{cursor: pointer}
.pn-detail .wrapper-anchor ul li:not(:last-child),.pn-detail .wrapper-anchor ol li:not(:last-child){margin-bottom: 10px}
.pn-detail .wrapper-anchor ul li ul,.pn-detail .wrapper-anchor ol li ol{margin-top: 10px;padding-left: 15px}
.pn-related .pn-title{color: #000;margin: 0 0 20px 0;font-size: 20px;line-height: 25px;text-align: left;font-weight: bold}
.pn-related .row{display: flex;flex-wrap: wrap}
.pn-related .row:before,.pn-related .row:after{display: none}
.pn-related .row [class*='col-']{margin-bottom: 20px}
.pn-related .row [class*='col-'] .pn-image{margin-bottom: 10px;border-radius: 10px;border: 5px solid #fff;box-shadow: 0 2px 7px rgba(0,0,0,.15)}
.pn-related .row [class*='col-'] .pn-image img{width: 100%;border-radius: 5px;}
.pn-related .row [class*='col-'] .pn-name{font-size: 16px;line-height: 21px;display: block}
.pn-related .row [class*='col-'] .pn-name + p{font-size: 14px;line-height: 21px;text-align: justify;margin-bottom: 0}
.pn-related .row [class*='col-'] .pn-name:hover{color: #ff4f2c}
@media only screen and (min-width: 1500px){.pn-highlights ul li .pn-name{font-size: 16px;line-height: 26px;margin-top: 14px}}
@media only screen and (min-width: 768px){.pn-post .row [class*='col-']:nth-child(3n + 1){clear: both}.pn-related .row [class*='col-']:nth-child(4){display: none}}
@media only screen and (max-width: 991px){.pn-post{margin-bottom: 30px}.pn-post .row [class*='col-'] .pn-image{border-width: 5px}.pn-detail .pn-name-detail{font-size: 20px;line-height: 27px}}
@media only screen and (max-width: 767px){.pn-post .row{display: flex;flex-wrap: wrap}.pn-post .row [class*='col-']:first-child{width: 100%}.pn-post .row [class*='col-']:nth-child(2), .pn-post .row [class*='col-']:nth-child(3){width: 50%}}
@media only screen and (max-width: 570px){.pn-related .row [class*='col-'] .pn-name{margin-bottom: 0}.pn-related .row [class*='col-'] .pn-name + p{display: none}.pn-post .pn-wrapper-pagination{margin-top: 0}.pn-post .row [class*='col-']{width: 50%}.pn-post .row [class*='col-']:first-child .pn-name{font-size: 18px;line-height: 23px}.pn-post .row [class*='col-']:first-child .pn-name + p,.pn-post .row [class*='col-'] .pn-name,.pn-related .row [class*='col-'] .pn-name{font-size: 14px;line-height: 19px}.pn-related .row [class*='col-']{width: 50%}}
@media only screen and (max-width: 370px){.pn-post .row [class*='col-']:not(:first-child) .pn-name{margin-bottom: 0}.pn-post .row [class*='col-']:not(:first-child) .pn-name + p{display: none}.pn-related .row [class*='col-'],.pn-post .row [class*='col-'],.pn-post .row [class*='col-']:nth-child(2), .pn-post .row [class*='col-']:nth-child(3){width: 100%} .pn-post .row [class*='col-']:first-child .pn-name{font-size: 16px;line-height: 21px}.pn-detail .pn-name-detail{font-size: 22px;line-height: 27px}}