.cong-bo-widget-slider {
    max-height: 500px;
    width: 100%;
    overflow: hidden;
    cursor: grab;
}
.cong-bo-widget-slider:active {
    cursor: grabbing;
}

@media only screen and (min-width: 1025px) {
	.introduce-content {
	    text-align: justify;
	    display: block;
	    margin-bottom: 3%;
	    width: 85%;
	    margin: 20px auto;
	    height: inherit;
	}
	#section5 .vitriduan-box{
	    height: 550px;
	}
	#section5 .vitriduan-box > a,
	#section5 .vitriduan-box > a img{
	    height: 100%;
	    display: block;
	}
	body.admin-bar #footer.footer-is-home{
	    bottom: 144px;
	}
	#footer.footer-is-home{
	    display: flex;
	    flex-direction: column;
	    position: absolute;
	    left: 0;
	    width: 100%;
	    bottom: 144px;
	}
	.tongquanduan-grid{
	    display: grid;
	    grid-template-columns: 1fr 3fr;
	}
	.content-traffic-position {
	    padding-right: 50px;
	}
	.top-bar .col-full .top-bar-left > a{
		pointer-events: none;
	}
	#section4 .animation-right > p{
	    position: absolute;
	    top: 0;
	    left: 50%;
	    transform: translateX(-50%);
	}
}
@media only screen and (min-width: 992px){
	.hidden-pc{
		display: none !important;
	}
}
@media only screen and (max-width: 1366px){
	body .content-title h4 {
	    font-size: 22px;
	}
}
@media only screen and (max-width: 1024px){
	#section5 > .height-inherit > .mh-section{
		margin-top: 15px;
	}
	.achievement-wrapper{
	    grid-template-columns: repeat(3, 1fr);
	    gap: 30px;
	}
	.entry-content,.cong-bo-posts,.posts-grid{
	    padding: 0 15px;
	}
	.grid.cong-bo-posts{
		padding: 0;
	}
	.name_news div,.entry-content{
	    font-size: 15px;
	}
	.content-news-left.box-animatie-left4 {
	    min-height: 400px;
	}
	body .content-title h4 {
	    font-size: 24px;
	    margin: 0;
	}
	.tongquanduan-grid{
	    display: grid;
	    grid-template-columns: 1fr;
	}
	.btn-down{
		display: none !important;
	}
	.col-full-nav{
		background-color: var(--main-color) !important;
	}
	body .content-title span {
	    height: 0;
	}
	body .content-title{
		display: flex;
		align-items: center;
	}
	#section7 > .container{
		padding: 0 15px;
	}
	#section7 > .container > div{
		padding: 0;
	}
	#fullpage-nav-pd{
		display: none;
	}
	#section5 .pull-right{
	    padding-right: 40px;
	}
	.logo-menu-mobile img{
		filter: brightness(0) invert(1);
	}
	.logo-menu-mobile .top-bar-left{
	    justify-content: center;
	    align-items: center;
	    margin-top: 20px;
	}
	#section3 .box-left-animatie .tab-content{
		display: none !important;
	}
	.show-mobile-grid{
		display: grid !important;
	}
	.title-box-1 h6 a,.name_news a{
		font-size: 16px;
	}
	h2.Zapfino{
		font-size: 100px;
	}
	.content-news .row.animation-right > div:first-child{
		margin-bottom: 15px;
		padding-bottom: 15px;
	}
	
	.tong-quan-duan {
		min-height: unset;
	}
	.tongquanduan > div > div:first-child{
		z-index: 99;
	}
	#section3 .show-mobile-grid{
	    margin: 20px 0;
	    grid-template-columns: repeat(2, 1fr);
		gap: 2px;
		float: unset;
	}
	.box-la-width-giaidoan{
		bottom: unset;
		top: 0;
	}
}
@media only screen and (max-width: 991px){
	.hidden-mobile-991{
		display: none;
	}
	.content-area-custom {
	    width: 100% !important;
	    padding-right: 0;
	}
	.khach-hang-header {
        display: none;
    }

    .khach-hang-row {
        display: block;
        margin-bottom: 16px;
        padding: 12px;
        border: 1px solid #ddd;
        border-radius: 8px;
        background: #fff;
        box-shadow: 0 1px 4px rgba(0,0,0,0.05);
    }

    .khach-hang-col {
        display: flex;
        padding: 6px 0;
        text-align: center;
    }

    .khach-hang-col::before {
        content: attr(data-label);
        flex: 0 0 120px;
        font-weight: bold;
        color: #555;
    }

    .khach-hang-col.stt,
    .khach-hang-col.logo {
        justify-content: flex-start;
        align-items: center;
    }

    .khach-hang-col.logo img {
        width: 40px;
        height: auto;
    }

    .khach-hang-col.ten a {
        word-break: break-word;
    }
    #masthead > .col-full-nav > .hidden-pc > .top-bar-right{
		justify-content: flex-start;
		margin-top: 15px;
	}
	.col-full-nav .top-bar-center .textwidget p {
	    text-transform: uppercase;
	    line-height: 24px;
	    font-size: 16px;
	    margin-bottom: 0;
	}
	.col-full-nav .top-bar-center .textwidget p strong {
	    font-size: 20px;
	    text-wrap: wrap;
	    color: #fff;
	}
	.top-bar .col-full .top-bar-left img{
		width: 50px;
	}
}
@media only screen and (max-width: 768px){
	.hidden-mobile-768{
		display: none;
	}
	.col-diachi .elementor-widget-container .elementor-image-box-wrapper{
		display: flex;
	    flex-direction: row;
	    align-items: center;
	    gap: 10px;
	}
	.achievement-wrapper{
	    grid-template-columns: repeat(2, 1fr);
	    gap: 20px;
	}
	.posts-grid {
	    grid-template-columns: repeat(2, 1fr);
	}
	.news_item > .img_news, .news_item > .name_news{
		float: unset;
		width: 100%;
	}
	.content-news-left .news-empty h2 {
	    font-size: 20px;
	}
	.box-items-title h2{
		font-size: 18px;
	}
	.empty-day span,.content-traffic-position p,#secondary .cong-bo-widget-slider > div > div{
	    font-size: 15px;
	}
	.dashboard .card-header {
        flex-direction: column;
        align-items: flex-start !important;
        gap: 15px;
    }
    .dashboard th,.dashboard td{
        padding: 10px 8px;
        font-size: 15px;
        text-wrap: nowrap;
    }
    .dashboard .pagination {
        flex-wrap: wrap;
        justify-content: center;
    }
	.top-bar > div > .top-bar-left{
		display: flex;
    	justify-content: center;
	}
	#menu-mobile{
	    position: absolute;
	    right: 0;
	    top: 50%;
	    transform: translateY(-50%);
	}
	.content-traffic-position p{
		padding-left: 15px !important;
	}
	
}
@media only screen and (max-width: 601px){
	h2.Zapfino {
	    font-size: 80px;
	}
	.list-files {
		flex-direction: column;
		gap: 10px;
	}

}
@media only screen and (max-width: 480px){
	h2.Zapfino {
	    font-size: 60px;
	}
	.posts-grid {
	    grid-template-columns: repeat(1, 1fr);
	}
	.achievement-wrapper{
	    grid-template-columns: repeat(1, 1fr);
	}
}