@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Arima:wght@300;400;500;600;700&family=Be+Vietnam+Pro:wght@300;400;500;600;700;800;900&family=Manrope:wght@300;400;500;600;700;800&family=Montserrat:wght@300;400;500;600;700;800;900&family=Poppins:wght@300;400;500;600;700;800;900&display=swap');
@font-face {font-family: 'SVNU';src: url('fonts/SVNUnthrift.eot');src: url('fonts/SVNUnthrift.eot') format('embedded-opentype'),url('fonts/SVNUnthrift.woff2') format('woff2'),url('fonts/SVNUnthrift.woff') format('woff'),url('fonts/SVNUnthrift.ttf') format('truetype'),url('fonts/SVNUnthrift.svg#SVNUnthrift') format('svg');}
@font-face {font-family: 'AMEB';src: url('fonts/ArimaMaduraiExtraBold.eot');src: url('fonts/ArimaMaduraiExtraBold.eot') format('embedded-opentype'),url('fonts/ArimaMaduraiExtraBold.woff2') format('woff2'),url('fonts/ArimaMaduraiExtraBold.woff') format('woff'),url('fonts/ArimaMaduraiExtraBold.ttf') format('truetype'), url('fonts/ArimaMaduraiExtraBold.svg#ArimaMaduraiExtraBold') format('svg');}

@media screen and (max-width:992px){
	#title-home{margin: 60px 0}
	.col-page{width:calc(100% / 2);margin-bottom:20px;}
	.col-page:nth-child(2){display:none;}
	.top-show{display:none!important;}
	.right-logo{padding-top:0px;}
	.right-logo .banner{width:100%;}
	.hotline{display:none;}
	ul.menu-i{justify-content: end !important}
	.menu ul li:not(:first-child){display:none;}
	.menu ul.menu-i > li:first-child{display:block;}
	.menu-mobile-btn{display:flex;width: 27px;height: 20px;position:relative;flex-wrap:wrap;cursor:pointer;}
	.menu-mobile-btn span{display:inline-block;width:100%;height:2px;background:var(--color-text);margin:3px 0px;}
	.menu ul.menu-i > li:last-child{flex-grow:1;margin-left:10px;}
	.menu ul.menu-i{justify-content: end!important;}
	.menu{background:#fff;padding: 15px 0;box-shadow: 1px 1px 3px rgba(0,0,0,0.12)}
}
@media screen and (max-width:768px){
	.maps-contact{width:100%;}
	.form-contact{width:100%;margin-top:20px;}
	.footer-news{margin-bottom:25px;}
	.left-logo{width:120px;}
	.right-logo{width:calc(100% - 160px);}
	.title-home{font-size: 20px; line-height: 30px; font-weight: 700; margin-bottom: 10px;} 
	.title-main{font-size: 20px; line-height: 30px; font-weight:  400; margin-bottom: 8px; }
	.page-success span{display: block; width: 16px; height: 4px; background: #CBCBCB; margin: 0 4px;}
	.page-success {margin-bottom: 50px;}
	#footer{padding-top: 50px}
	.name-footer{font-size: 20px; line-height: 30px; margin-bottom: 20px}
	.logo-footer{width: 190px; margin-bottom: 5px}
	.copyright{padding: 20px 0; text-align: center;}
	.load-content-user{border: none}
	.wrap-baogiaweb{padding: 60px 0 40px ;}
	.img-list-baogiaweb img{height: 200px !important;object-fit: cover}
	.img-list-baogiaweb-ab{font-weight: 700; width: 100%; padding: 0 20px; text-align: center;}
	.wrap-user{width: calc(100% - 60px)}
	.img-user{width: 100%;}
	.img-user span{display: block; max-width: 160px; margin: 0 auto 40px;}
	.form-user{width: 100%}
	.banner-tailieu-img img{height: 200px !important;}
	.mb-96{margin-bottom: 42px;}
	.mb-70{margin-bottom: 20px;}
	.tailieu-list-img{margin-bottom: 20px}
	.box-tailieu-detail-left{width: 100%; margin-bottom: 40px}
	.box-tailieu-detail-right{width: 100%}
	.orther-tailieus{display: -webkit-inline-box; width: 100%; overflow: auto}
	.orther-tailieus::-webkit-scrollbar{display: none}
	.orther-tailieu{margin-right: 16px}
	.desc-tailieu-list{margin-bottom: 32px;}

    .dashboard-left{width: 100%; padding: 45px 20px 0px 20px; border-right: none; border-bottom: 1px solid #f3f3f3;}
	.name-welcome{margin-bottom: 26px}
	.ul-dashboard{display: flex; flex-wrap: wrap;}
	.ul-dashboard li{width: 100%;margin-bottom: 24px;}
	.dashboard-right{width: 100%; padding: 20px}
    .th-name{min-width: 200px}
	.th-status, .th-down{min-width: 100px}
}
@media screen and (max-width:660px){
	.post-content{max-width: 95%; margin: auto}
	.col-page{width:calc(100% / 1);}
	.col-page:nth-child(2){display:block;order:3;}
	.left-logo{width:90px;}
	.left-logo a{display: block;width: 57px;}
	.left-logo .logo-header img{display: block;width: 57px;height: 57px !important;}
	.right-logo{width:calc(100% - 100px);}
	.header-left-fixwidth{width: 100vw;}
	.title-col{margin-bottom: 15px; }
	.change-password{margin: 14px 0}
	.account-function{padding-bottom: 30px; margin-bottom: 30px; }
	.ul-account-feature li{margin-bottom: 15px}
	.title-account-feature{margin-bottom: 17px}
	.account-feature{padding-bottom: 10px; border-bottom: 1px solid rgba(0,0,0,0.12); margin-bottom: 30px}

	.box-consos{max-width: unset; margin: auto; display: -webkit-inline-box; flex-wrap: nowrap; justify-content: unset; margin-bottom: 44px; width: 100%; overflow-x: scroll}
	.box-consos::-webkit-scrollbar{display: none}
	.box-conso{width: 200px; margin-right: 16px}
	.box-filter .row .col-12{margin-bottom: 16px}
	.box-filter .row .col-12 .form-control{width: 100%}

}