.heading { }
.heading .boundary { padding:0; }
/* .heading {background:url(../images/articles/article-heading.jpg) top left no-repeat; background-size:auto 100%; margin-bottom:60px; }
.heading.h-review { background:url(../images/review-heading.jpg) top left no-repeat; }
.heading.page-header {background:unset; position:relative; overflow:hidden;}
.heading.page-header .ph-bg {position:absolute; left:0; top:0; z-index:-1; width:auto; height:100%; }
.heading .boundary {padding:30px 0 60px;} */

.heading .breadcrumb {margin:40px 0 20px;}
.heading .h-title { line-height:47px; margin-bottom:10px; text-transform:capitalize; }
.heading .h-title a {color:inherit;}

.heading .h-title.article-title {color:var(--mau-chinh);}

/* TOC CSS */
.main-content .toc { display: inline-block; border:1px solid #DDD; padding:10px 10px 10px 0; background-color:#FEFEFE; margin: 0 0 1em; width:100%; max-width:500px; box-sizing: border-box; }
.main-content .toc.active .toc-title i { transform:rotate(90deg); }
.main-content .toc .toc-title {	font-weight: bold; padding:5px 0; color: #333; margin: 0 0 0 20px; display: block; text-transform: capitalize; font-size:1.3em; cursor:pointer; }
.main-content .toc .toc-title i { display:inline-block; float:right; transition:all 0.3s; font-size:1.2em; }
.main-content .toc ul { margin: 0; width: auto; list-style-type:none; padding:0 0 0 30px; transition:all 0.3s; display:none; }
.main-content .toc ul li { font-weight:bold; padding:5px 0;}
.main-content .toc ul li a { color:var(--black); }
.main-content .toc ul li a:hover {color:var(--mau-chinh);}
.main-content .toc ul li ul { padding-left:15px; display:block; }
.main-content .toc ul li ul li { font-weight:normal; }
.main-content .toc ul li ul li:before {content:"\00b7"; margin-right:5px; }
/* / TOC CSS */

.main-content .boundary, .main-content .mc-others { text-align:left; max-width:1290px; }

.main-content.title {background-color:var(--green);color:#FFF;position:relative;}
.main-content.title.dark {background-color:var(--green-dark);}
.main-content.title:before {content:""; position:absolute; width:100%; height:100%; z-index:0; background: url(../images/partners-bg.png) center center no-repeat; opacity:1; top:0; left:0;}
.main-content.title .boundary {padding:2em 0;}
.main-content.title.dark .boundary {padding:1em 0;}
.main-content.title .mc-title {color:#FFF; margin-bottom:0; line-height:1.3em;}
.main-content.title .mc-description {font-size:0.8em; font-style:italic; color:#333;}


.main-content .article-image:before {padding-top:52.333%;}
.main-content .mc-content { padding-bottom:4em; overflow-wrap: anywhere; font-size:1.2em; line-height:1.5em; }
.main-content .mc-content h2, .main-content .mc-content h3, .main-content .mc-content h4, .main-content .mc-content h5 {line-height:1.3em; color:var(--black); font-size:28px; font-weight:bold; }
.main-content .mc-content h3 {font-size:22px; }
.main-content .mc-content h4 {font-size:18px;}
.main-content .mc-content h5 {font-size:16px;}
.main-content .mc-content h3, .main-content .mc-content h4, .main-content .mc-content h5 {color:var(--green);}
.main-content .mc-content blockquote { padding:10px; margin:40px auto; border-left:5px solid var(--mau-chinh); text-align:left; }
.main-content .mc-content img {max-width:90%;height:auto;}
.main-content .mc-content video {max-width:100%; height:auto;}
.main-content .mc-content figure.image { display: inline-block; margin:0; }
.main-content .mc-content figure.align-left { float: left; margin-right:20px;}
.main-content .mc-content figure.align-right { float: right; margin-left:20px;}
.main-content .mc-content figure.image img { margin: 0; width:100%; max-width:unset; }
.main-content .mc-content figure.image figcaption { margin: 10px 0 0; text-align: center; }

.main-content .mc-others { margin: 50px auto 0; border-top: 1px solid #DDD; text-align:center; }
.main-content .mc-others .boundary {margin-top:0; border:unset!important; }
.main-content .mc-others h4 {margin-bottom:1em; font-size:1.2em;}

.main-content .mc-others .mco-item {display:inline-block; width:100%; margin-bottom:20px; }
.main-content .mc-others .mco-item {text-align:center;}
.main-content .mc-others .mco-item a:hover {color:var(--mau-chinh);}
.main-content .mc-others .mco-item .square-image:before {padding-top:52.333%;}
.main-content .mc-others .mco-item .mco-title {font-size:24px; font-weight:normal; margin-bottom:5px;}
.main-content .mc-others .mco-item .mco-info { font-size:15px; }
.main-content .mc-others .mco-item .mco-info span:before {content:"\00b7"; margin: 0 5px;}
.main-content .mc-others .mco-item .mco-read-more a { text-align: center; text-transform: uppercase; position: relative; transition: .5s; overflow: hidden; display: inline-block; margin-top:5px; color:var(--black); }
.main-content .mc-others .mco-item .mco-read-more a:before { content: ""; position: absolute; left: 0; width: 100%; border-bottom: 1px solid; bottom: 3px; }
.main-content .mc-others .mco-item .mco-read-more a:hover {color:var(--mau-chinh);}
.main-content .mc-others .mco-item .mco-read-more a:hover:before { animation: underline-link 0.8s cubic-bezier(0.58, 0.3, 0.005, 1) 0s 1; }

@media (min-width:576px){
	.main-content .mc-others .mco-item {width:49%; margin-right:2%;}
	.main-content .mc-others .mco-item:last-child {margin-right:0;}
}

@media (min-width:996px){
	.main-content .mc-others .boundary {width:100%;}
}

@media (min-width:1200px){
	.container.heading { background-size:100% 100%; }
	.heading.page-header .ph-bg {width:100%;}
}