@media only screen and (max-width: 1024px) {
	#banner img{
		height: 500px;
		object-fit: cover;
	}
}
@media only screen and (max-width: 768px) {
	.choose-reason .item{
		margin-bottom: 15px;
	}
	.top-content .nav-top-content .item{
		padding-bottom: 15px;
	}
	.main-menu ul.menu li a{
		padding:7px;
	}
	.main-menu{
		margin-top: 0
	}
	.logo-menu{
		padding:10px 0;
	}
}
@media only screen and (max-width: 812px){

}

@media only screen and (max-width: 736px){
	.top-header p{
		text-align: center;
	}
	.logo-menu-mobile{
		display: block;
	}
	.logo-menu-pc{
		display: none;
	}
	#sticky-wrapper{
		height: 0!important
	}
	.main-menu ul.menu li a{
		font-size: 12px;
		padding:5px;
	}
	.main-menu {
		margin-top: 6px;
	}
	.banner-mobile{
		display: block;
	}
	.banner-pc{
		/* display: none; */
	}
	.top-content .title-top{
		font-size: 15px;
	}
	.top-content{
		padding:25px 0;
	}
	.top-content .nav-top-content{
		margin-top: 15px;
	}
	.top-content .nav-top-content .row{
		margin-left: -5px;
		margin-right: -5px;
	}
	.top-content .nav-top-content .row .col-md-3{
		padding-left: 5px;
		padding-right: 5px;
	}
	.top-content .item .title{
		font-size: 14px;
	}
	.top-content .item .title{
		margin-top: 10px;
	}
	.role-home{
		padding-top: 20px;
	}
	.title-primary{
		font-size: 18px;
	}
	#slider {
		margin-top: 15px;
	}
	#slider .slides img{
		height: 300px;
	}
	.choose-reason{
		padding: 25px 0;
		margin-top: 15px;
	}
	.choose-reason .title-primary{
		font-size: 17px;
		padding-bottom: 10px;
	}
	.choose-reason .nav-choose-reason .description{
		font-size: 14px;
		padding:15px 0;
	}
	.choose-reason .item{
		padding:10px;
	}
	.choose-reason .item .stt{
		font-size: 26px;
	}
	.choose-reason .item .desc{
		font-size: 13px;
	}
	.system-home .title-primary{
		font-size: 20px;
		padding-bottom: 10px;
	}
	.system-home {
		padding-top: 25px;
	}
	.system-home .content-system-home {
		padding-top: 15px;
	}
	#footer-site{
		margin-top: 15px;

	}
	.footer-1{
		padding:30px 0;
	}
	#footer-site  .row {
		width: 100%;
		display: flex;
		flex-flow: row wrap;
		margin: auto;
	}
	#footer-site  .row .col-md-6:first-child{
		order: 2;width: 100%;
	}
	#footer-site  .row .col-md-6:nth-child(2){
		order: 1;width: 100%;
	}
	#toast8-container > table{
		max-width: 28em;
		width: 28em
	}
	#toast8-container tr > .toast8-message-container{
		max-width: 28em
	}
}
@media only screen and (max-width: 667px){
	.top-content .item .image img{
		height: 150px;
	}
}
@media only screen and (max-width: 414px){


}