@media (max-width: 1199px) {
	main #trungtam .nd-box-2 .left {
		padding: 50px 15px;
	}

	main #trungtam .nd-box-number .left .item .title-number span {
		line-height: 1em;
	}

	footer .list-item .row .col-md-4 {
		padding-left: 30px;
	}
}

@media (max-width: 767px) {
	li.mm-listitem input {
	    height: 40px;
	    border-radius: 0;
	    border: 1px solid #531017;
	    font-size: 14px;
	}

	li.mm-listitem button {
	    width: 40px;
	    height: 40px;
	    background: #531017;
	    color: #fff;
	    border: 0;
	    position: absolute;
	    top: 0;
	    right: 0;
	}
	footer .sent-mail .left {
	    margin-bottom: 30px;
	}

	footer .sent-mail input[type="text"] {
	    width: 100%;
	}

	footer .sent-mail .right.pull-right {
	    float: none;
	}
	header .header-menu {
		display: none;
	}
	.menu-mobile {
	    display: block !important;
	    background: #fff;
	    position: relative;
	}

	header {
	    padding: 10px 0;
	    box-shadow: 0px 1px 10px #ccc;
	}
	nav#menu {
	    z-index: 1001;
	    display: none;
	    background-color: #fff;
	}

	.mm-menu.mm-menu_offcanvas.mm-menu_fx-menu-zoom.mm-menu_opened {
	    display: block !important;
	}
	.menu-mobile .header a {
	    font-size: 25px;
	    color: #531017;
	}
	main #breadcrumb .row {
		flex-direction: column-reverse;
		/*align-items: center;*/
	}
	/*main #breadcrumb .row > div {
		width: auto;
	}*/
	main #breadcrumb .right {
		width: 100%;
		/*max-width: 174px;*/
	}
	main #breadcrumb .search {
	    /*display: none;*/
	    margin-bottom: 10px;
	}
	main #breadcrumb .search input {
		width: 100%;
	}

	main #breadcrumb ul li a {
	    font-size: 14px;
	    height: 30px;
	    line-height: 30px;
	    padding: 0 10px;
	}

	main {
	    margin-top: 0; 
	}
	body .container {
		max-width: 100%;
		overflow: hidden;
	}
	main #banner .caption-banner .content .info.info-home h1 {
	    line-height: 30px;
	    margin-bottom: 15px;
	}

	main #banner .caption-banner {
	    font-size: 20px;
	}

	main #banner .avarta img {
	    height: 250px;
	    object-fit: cover;
	}

	main #banner .caption-banner .content .readmore a {
	    height: 30px;
	    line-height: 31px;
	}

	main #box-about {
	    padding: 30px 0;
	}

	main #box-about .left {
	    padding-right: 0;
	    text-align: justify;
	}
	main #box-about .info-about {
	    padding: 20px 0 30px 0;
	}
	main #box-news {padding: 30px 0 10px 0;}main #box-news .list-new {    margin-top: 20px;}body .title h2 {    font-size: 20px;}
	main #box-about .avarta img {
		width: 100%;
	}
	main #slide {
	    padding: 30px 0;
	}

	main #slide .item .left.desc {
	    text-align: justify;
	}

	main #slide .item .left .desc {
	    text-align: justify;
	}

	main #slide .item .row {
		display: flex;
		flex-direction: column-reverse;
	}

	main #slide .item .left {
	    padding-right: 0;
	}

	main #slide .item .avarta {
	    /*display: none;*/
	    text-align: center;
	    margin-bottom: 15px;
	}

	main #slide .item .avarta img {
		width: auto;
		height: auto;
	}

	main #slide .item .left .read-more a {
	    margin-top: 20px;
	    height: 40px;
	    line-height: 41px;
	}
	footer .list-item .row {
	    margin-left: -15px;
	    margin-right: -15px;
	}

	footer .list-item .row .col-md-4 {
	    padding: 0 15px;
	}

	footer .list-item .item {
	    margin-bottom: 30px;
	}

	footer .list-item .row .col-md-2 {
	    left: 0;
	}

	footer .list-item .row .col-md-3 {
	    padding: 0 15px;
	}

	footer .footer-top {
	    padding-bottom: 0;
	}

	footer .sent-mail {
	    /* display: none; */
	}

	footer .reserved .col-md-6.text-right {
	    display: none;
	}

	footer .reserved {
	    text-align: center;
	}
	main #banner .caption-banner .content .info.info-cate h1 {
	    margin-bottom: 0;
	    font-size: 30px;
	}

	main #about {
	    padding: 30px 0 0 0;
	}

	main #about .description .left {
	    padding: 0;
	}

	main #about .description {
	    display: inline-block;
	    width: 100%;
	    text-align: justify;
	    margin-bottom: 30px;
	}

	main #about .description .left .title-about {
	    margin-bottom: 10px;
	    font-size: 25px;
	}

	main #about .description .right {
	    margin: 0;
	    padding-top: 20px;
	}

	main #about .info-about .item .avarta img {
	    height: auto;
	}

	main #about .info-about .item {
	    flex-wrap: wrap;
	    margin-bottom: 30px;
	}

	main #about .info-about .item .avarta {
	    flex: 0 0 100%;
	    margin-bottom: 15px;
	    order: 2;
	}

	main #about .info-about .item .info {
	    flex: 0 0 100%;
	    text-align: justify;
	    order: 1;
	}

	main #about .info-about .item:nth-child(2n) .info {
	    /*order: 2;*/
	}
	main #service {padding: 30px 0;}

	main #service .title-service.title-detail h2 {
	    font-size: 25px;
	    line-height: inherit;
	    margin-bottom: 15px;
	}

	main #service .desc-detail .avarta {
	    padding: 0 0 30px 0;
	}

	main #service .list-number {
	    width: calc(100% + 30px);
	    margin-left: -15px;
	    padding: 40px 0;
	}

	main #service .list-number .number {
	    font-size: 30px;
	}
	main #service .list-number p {
	    font-size: 13px;
	}
	main #service .title-service {
	    padding-bottom: 30px;
	}

	main #service .info-tv {
	    display: inline-block;
	    width: 100%;
	    padding: 0;
	}

	main #service .info-tv .left {
	    top: 0;
	    padding: 0;
	    text-align: justify;
	}

	main #service .info-tv .right {
	    left: 0;
	}

	main #service .info-tv .btn-regis {
	    bottom: 0;
	    margin-bottom: 30px;
	    display: inline-block;
	    width: 100%;
	}

	main #service .info-tv .btn-regis a {
	    margin: 0 auto;
	}
	main #contact-us {
	    padding: 30px 0;
	}

	main #contact-us .title h2 {
	    margin-bottom: 20px;
	    font-size: 25px;
	}

	main #contact-us .list-contact ul li input {
	    width: 100%;
	}

	main #contact-us .list-contact ul li {
	    padding: 0;
	    width: 100%;
	    margin-bottom: 10px;
	}

	main #contact-us .list-contact ul li select {
	    width: 100%;
	}
	main #service .title-service h2 {
	    font-size: 25px;
	    line-height: 30px;
	}

	main #service .list-service .item {
	    display: inline-block;
	    width: 100%;
	    padding: 15px;
	    margin-bottom: 15px;
	}

	main #service .list-service .item .avarta {
	    margin-right: 0;
	}

	main #service .list-service .item .info h3 a {
	    font-size: 20px;
	    line-height: 30px;
	    margin-top: 15px;
	}

	main #service .list-service .item .info .desc {
	    display: none;
	}

	main #service .list-service .item .avarta img {
	    height: 215px;
	}

	main #service .list-service .item .info .readmore ul li:first-child a {
	    margin-right: 5px;
	    font-size: 10px;
	}
	main #service .list-service .item .info .readmore ul li {
		flex: 0 0 100%;
	}
	main #service .list-service .item .info .readmore ul li:last-child a {
	    margin-left: 5px;
	    font-size: 15px;
	}
	main #contact {
	    padding: 30px 0;
	}

	main #contact .title-contact {
	    font-size: 25px;
	    margin-bottom: 15px;
	}

	main #contact .info-contact {
	    width: 100%;
	    margin-bottom: 30px;
	}

	main #contact .list-item .item input {
	    width: 100%;
	}

	main #contact .right {
	    float: none;
	}

	main #contact .list-item .item:last-child {
	    text-align: center;
	}

	main #contact .list-item .item textarea {
	    width: 100%;
	}

	main #contact .list-item .item select {
	    width: 100%;
	}
	main #about .right-file {
	    margin-bottom: 30px;
	    padding: 20px 15px 10px 15px;
	}

	main #about .description.desc-file {
	    padding-bottom: 15px;
	    margin-bottom: 15px;
	}

	main #about .list-file .list-item-file {
	    display: inline-flex;
	    margin-bottom: 15px;
	    padding-bottom: 0;
	}

	main #about .list-file .list-item-file .item-file {
	    display: inline-flex;
	    width: 100%;
	    margin-bottom: 15px;
	}

	main #about .list-file .list-item-file .item-file .avarata {
	    flex: 0 0 45%;
	    margin-right: 10px;
	    margin-bottom: 0;
	}

	main #about .list-file .list-item-file .item-file .avarata img {
	    height: 100px;
	    margin-bottom: 0;
	}

	main #about .list-file .list-item-file .item-file .info-file h3 a {
	    font-size: 16px;
	    font-weight: 600;
	}
	main #news .news-detail .title-new h1 {
	    font-size: 25px;
	    padding-bottom: 10px;
	}

	main #news .news-detail .title-new h1 br {
	    display: none;
	}

	main #news {
	    padding: 30px 0;
	}

	main #news .news-detail .content-detail-news {
	    display: inline-block;
	    width: 100%;
	    text-align: justify;
	    padding-bottom: 30px;
	}

	main #news .news-detail .content-detail-news .left ul {
	    display: inline-block;
	    width: 100%;
	}

	main #news .news-detail .content-detail-news .left ul li {
	    display: inline-block;
	    margin-right: 10px;
	}

	main #news .news-detail .content-detail-news .left ul li img {
	    width: 40px;
	    height: 40px;
	}

	main #news .news-detail .content-detail-news .left ul li:last-child {
	    margin-right: 0;
	}

	main #news .title-other {
	    font-size: 25px;
	    margin-bottom: 15px;
	}

	main #news .list-news .list-small.small-other .item {
	    border-bottom: 1px solid #ddd;
	    padding-bottom: 30px;
	    margin-bottom: 30px;
	}
	main #service .slide-service .col-md-7 {
	    max-width: 100%;
	}

	main #service .slide-service .col-md-5 {
	    max-width: 100%;
	}

	main #service .slide-service .info-slide {
	    padding: 30px 15px;
	}

	main #service .slide-service .info-slide h3 {
	    font-size: 25px;
	    line-height: 30px;
	}
	main #news .big {
	    /*display: inline-block;*/
	    display: flex;
	    flex-wrap: wrap;
	    width: 100%;
	}

	main #news .big .left {
		order: 2;
	}

	main #news .big .right {
	    /*display: none;*/
	    flex: 0 0 100%;
	    margin: 0;
	    order: 1;
	    margin-bottom: 15px;
	}

	main #news .list-news .list-small .item {
	    margin-bottom: 30px;
	    padding-bottom: 30px;
	    border-bottom: 1px solid #ddd;
	}

	main #news .list-news .list-small {
	    padding-bottom: 0;
	    margin-bottom: 0;
	    border-bottom: 0;
	}
	main #trungtam .nd-box-1 {
	    padding: 30px 0;
	}

	main #trungtam .nd-box-1 .info-box {
	    padding-top: 10px;
	}

	main #trungtam .nd-box-2 .left {
	    padding: 30px 0 0 0;
	}

	main #trungtam .nd-box-2 .right img {
	    height: auto;
	}

	main #trungtam .nd-box-2 .col-md-6:first-child {
	    padding: 0 15px;
	}

	main #trungtam .nd-box-2 {
	    padding-bottom: 15px;
	}

	main #trungtam .nd-box-number .left .item .title-number span {
	    font-size: 50px;
	    line-height: initial;
	}

	main #trungtam .nd-box-number .left .item {
	    margin-bottom: 20px;
	}

	main #trungtam .box-send-mail .content {
	    padding: 30px 15px;
	    text-align: center;
	}

	main #trungtam .box-send-mail .content .btn-regis button {
	    margin-top: 15px;
	}

	main #trungtam .box-send-mail .content .btn-regis {
	    text-align: center !important;
	}

	main #trungtam .box-send-mail {
	    padding: 30px 0;
	}
	header .menu-header {
	    display: none;
	} 

	main #service .list-service .item .info {
		width: 100%;
	}

	header {
		padding: 0;
		padding-bottom: 53px;
	}
	.menu-mobile {
		padding: 10px 0;
		position: fixed;
		width: 100%;
		top: 0;
		left: 0;
		background-color: #fff;
		z-index: 999;
	}
	.menu-mobile .header {
		position: relative;
		top: 3px;
	}
	#menu {
		border: 1px solid #ddd;
	}
	#menu .mm-listview {
		margin-top: 0 !important;
	}
	.mm-page__blocker {
	    z-index: 9999 !important;
	}
	.mm-page__blocker:before {
	    content: '\f00d';
	    font-family: FontAwesome;
	    display: block;
	    width: 41px;
	    height: 41px;
	    position: fixed;
	    top: 0;
	    left: -420px;
	    background: #fff;
	    text-align: center;
	    line-height: 40px;
	    color: #531017;
	    border: 1px solid #ddd;
	    z-index: 9999;
	}
	.mm-menu .mm-navbar > .mm-navbar__title {
		font-size: 0;
	}
	#menu .mm-listitem:first-child {
		display: none;
	}
	#menu .mm-listitem a {
		font-weight: 600;
		color: #000;
	}

	/*.menu-mobile .logo,
	.menu-mobile .logo ~ .hotline {
		display: inline-block;
	}*/
	/*.menu-mobile .hotline a img {
		width: 14px;
		padding: 0;
	}*/
	.menu-mobile .hotline {
		text-align: right !important;
	}
}
@media (max-width: 575px) {
	main #box-news .list-new .item .info .desc {
	    display: none;
	}

	main #box-news .list-new .item {
	    /*display: inline-flex;*/
	    display: inline-block;
	    width: 100%;
	    margin-bottom: 20px;
	}

	main #box-news .list-new .item .avarta {
	    flex: 0 0 45%;
	    margin-right: 10px;
	    margin-bottom: 0;
	}

	main #box-news .list-new .item .avarta img {
	    height: 100px;
	    width: 100%;
	}

	main #box-news .list-new .item .info h3 a {
	    font-size: 16px;
	    line-height: 20px;
	}

	#menu {
		max-width: 254px !important;
	}

	.mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout {
	    -webkit-transform: translate(254px,0) !important;
	    -ms-transform: translate(254px,0) !important;
	    transform: translate(254px,0) !important;
	    -webkit-transform: translate3d(254px,0,0) !important;
	    transform: translate3d(254px,0,0) !important;
	}

	.mm-page__blocker:before {
	    left: -235px;
	}

	.menu-mobile .hotline a img {
		width: 14px;
		padding: 0;
	}
	.menu-mobile .hotline a {
	    font-size: 10px;
	}

	main #service .title-service h2 {
		font-size: 18px;
		padding-top: 20px;
		margin-bottom: 25px;
	}
	main #service .slide-service .info-slide h3 {
		font-size: 20px;
	}

	main #service .list-service .item .info .readmore ul li a {
		padding: 0 20px;
	}

	main #service .title-service.title-detail h2 {
		font-size: 16px;
	}
}
@media (max-width: 767px) and (min-width: 576px) {
	main #box-news .list-new .item .avarta img {
	    height: 130px;
	}

	main #box-news .list-new .col-md-4 {padding: 0 10px;}

	main #box-news .list-new .row {
	    margin-left: -10px;
	    margin-right: -10px;
	}

	main #box-news .list-new .item .info .desc {
	    display: none;
	}

	main #box-news {
	    padding-bottom: 30px;
	}
	main #about .list-file .list-item-file .item-file .avarata img {
	    height: 150px;
	}
}
@media (max-width: 1110px) and (min-width: 1024px) {
	body .container {
	    max-width: 100%;
	    overflow: hidden;
	    padding: 0 30px;
	}
}
@media (max-width: 1023px) and (min-width: 768px) {
	header .menu-header ul li a {
	    font-size: 15px;
	}
	body .container {
	    max-width: 100%;
	    overflow: hidden;
	}
	html {
	    overflow-x: hidden;
	}
	main #banner .caption-banner {
	    font-size: 35px;
	}

	main #banner .caption-banner .content .info.info-home h1 {
	    line-height: 40px;
	    margin-bottom: 10px;
	}

	main #banner .caption-banner .content .readmore a {
	    height: 30px;
	    line-height: 32px;
	}
	main #about .info-about .item .avarta img {
	    height: 450px;
	}

	main #about .info-about .item .avarta {
	    flex: 0 0 350px;
	    margin-right: 50px;
	    height: fit-content;
	}

	main #about .info-about .item .info {
	    flex: 0 0 calc(100% - 400px);
	}

	main #about .info-about .item:nth-child(2n) .info {
	    margin-right: 50px;
	}
	main #about .info-about .item .avarta img {
	    height: 450px;
	}

	main #about .info-about .item .avarta {
	    flex: 0 0 350px;
	    margin-right: 50px;
	    height: fit-content;
	}

	main #about .info-about .item .info {
	    flex: 0 0 calc(100% - 400px);
	}

	main #about .info-about .item:nth-child(2n) .info {
	    margin-right: 50px;
	}

	main #banner .avarta img {
	    height: 350px;
	    object-fit: cover;
	}
	main #service .list-service .item .avarta {
	    flex: 0 0 50%;
	}
	main #service .list-service .item .info {
	    width: 50%;
	}

	main #service .list-service .item .info .readmore ul li a {
	    font-size: 10px;
	}

	main #service .list-service .item .info h3 a {
	    font-size: 25px;
	}
	main #contact .col-md-6 {
	    flex: 0 0 100%;
	    max-width: 100%;
	}

	main #contact .row {
	    flex-wrap: wrap;
	}

	main #contact .info-contact {
	    width: 100%;
	    margin-bottom: 50px;
	}

	main #contact .list-item .item input {
	    width: 100%;
	}

	main #contact .right.pull-right {
	    float: none;
	}

	main #contact .list-item .item select {
	    width: 100%;
	}

	main #contact .list-item .item textarea {
	    width: 100%;
	}
	main #about .right-file .list-right-file ul li a {
	    font-size: 14px;
	}

	main #about .list-file .list-item-file .item-file .avarata img {
	    height: 150px;
	}
	main #service .slide-service .col-md-7 {
	    max-width: 100%;
	    flex: 0 0 100%;
	}

	main #service .slide-service .col-md-5 {
	    max-width: 100%;
	    flex: 0 0 100%;
	}

	main #service .slide-service .info-slide {
	    padding: 30px;
	}

	main #contact-us .list-contact ul li input {width: 100%;}

	main #contact-us .list-contact ul li select {
	    width: 100%;
	}

	main #contact-us .list-contact ul {
	    display: inline-flex;
	    width: 100%;
	}
	main #trungtam .box-send-mail .content .btn-regis button {
	    padding: 0 10px;
	}
}