@media screen and (max-width: 768px) {
/*============================================== START LINE ========================================*/
.section{
	padding: 1rem 0 !important;
}
#image-intro-home{
	height: 200px !important;
	padding: 0px !important;
}
.default-pagination-slide.to-right{
    right: 5px !important;
}
.default-pagination-slide.to-left{
	left: 5px !important;
}
.section-counter .counter-value{
	font-size: 30px !important;
}
#note-home-text{
	padding: 0px 5px 15px 5px !important;
}
.header-content{
	padding-bottom: 0.75rem !important;
	padding-top: 1.75rem !important;
}
.header-title{
	font-size: 30px !important;
    margin-bottom: 0.5rem !Important;
}
.header-text p{
	font-size: 13px !important;
}
.header-text:not(:last-child) {
    margin-bottom: 0.65rem !important;
}
.section-head .title{
	font-size: 20px !important;
}
.section-head .title+p{
	font-size: 13px !important;
}
.header-text-only{
    min-height: 35vh !important;
}
.section-visi .section-head .title+p{
	width: 100% !important;
	font-size: 25px !important;
}
.list-loker{
	height: 180px !important;
}
.section-career-list{
	padding-top: 2rem !important;
}
.share-news{
	width: auto !important;
	float: left !important;
	margin: 0 1rem !important;
}
.content-share-news{
	display: flex !important;
    justify-content: center !important;
}
.top-content-dark{
	height: 50px !important;
}
.menu-link:hover, .active>.menu-link, .menu-link.active{
	color: #07A148 !important;
}
.login-menu-header{
	background: #07A148 !important;
    color: #ffffff !important;
}
.header-logo-single .logo-img{
	height: 40px !important;
}
.cover-article{
	height: auto !important;
}
.tree-structur li ul{
	display: flex !important;
	overflow: auto !important;
}
.tree-structur li ul.sub-tree{
    overflow: unset !important;
}
.tree-structur ul li .desc-structur{
    margin-left: 0px !important;
}
.tree li a{
	display: block !important;
}
.tree li a .box-structur{
	justify-content: center !important;
}
.tree-structur li ul li{
	width: 25% !important;
}
.sub-tree .to-right{
	width: auto !important;
}
.tree ul ul.sub-tree::before{
	height: 1rem !important;
    top: 40px;
}
.sub-tree .to-right a{
	top: 30px !important;
}
.tree ul.right{
	top: 30px !important;
}
.sub-tree .to-right ul.right{
	overflow: unset !important;
}
.sub-tree .to-right ul.right li{
	width: auto !important;
}
.sub-tree .to-right ul.right li a{
	top: 0 !important;
}

/*============================================== END LINE ========================================*/
}