html {
	font-size: 16px;
}

@media screen and (max-width: 375px) {
	.home-a .a-item {
		padding: 15px;
	}

	.home-a .a-item .txt {
		padding-left: 0;
	}

	.home-a .a-item.a-even .txt {
		padding-right: 0;
	}

	.home-a .a-item.a-even .row {
		flex-direction: column-reverse;
	}

	.home-b .container.flex {
		flex-direction: column;
	}

	.home-b .item-one {
		display: flex;
	}

	.home-b .item-one .img {
		width: 40%;
	}

	.home-b .item-one img {
		width: 180px;
		max-width: 180px;
		height: auto;
	}

	.home-b .item-one .txt {
		flex: 1;
		width: 55%;
	}

	.footer-main .row .col-lg-3 {
		display: flex;
		justify-content: center;
	}

	.news-box .item-list {
		flex-direction: column;
	}

	.news-box .item-list .item-one {
		width: 100%;
	}
}

@media screen and (max-width: 414px) {
	.home-a .a-item {
		padding: 15px;
	}

	.home-a .a-item .txt {
		padding-left: 0;
	}

	.home-a .a-item.a-even .txt {
		padding-right: 0;
	}

	.home-a .a-item.a-even .row {
		flex-direction: column-reverse;
	}

	.home-b .container.flex {
		flex-direction: column;
	}

	.home-b .item-one {
		display: flex;
	}

	.home-b .item-one .img {
		width: 40%;
	}

	.home-b .item-one img {
		width: 100%;
		max-width: 180px;
		height: auto;
	}

	.home-b .item-one .txt {
		flex: 1;
		width: 55%;
	}

	.home-c .c-tab .tab-item {
		padding: 15px 15px;
		font-size: 18px;
	}

	.home-c .content {
		padding: 15px 20px;
	}

	.home-d .container.flex {
		flex-direction: column;
	}

	.home-d .d-item {
		width: 100%;
	}

	.partner-list {
		flex-wrap: wrap;
	}

	.partner-list .partner-item {
		margin-bottom: 20px;
	}

	.footer-main .row .col-lg-3 {
		display: flex;
		justify-content: center;
	}

	.footer-main .row .col-lg-3:nth-child(2) {
		display: none;
	}

	.footer-main .row .col-lg-3:nth-child(3) {
		display: none;
	}

	.footer-main .row .col-lg-3:nth-child(4) {
		display: none;
	}

	.left-menu {
		display: none;
	}

	.content-inner-page {
		padding: 15px;
	}

	.news-box .item-list {
		flex-direction: column;
	}

	.news-box .item-list .item-one {
		width: 100%;
	}

	.detail .big-title {
		font-size: 20px;
		line-height: 32px;
		padding: 20px 0;
	}

	.detail .detail-tags .tag-item {
		padding: 0 2px;
		font-size: 12px;
	}

	#navbar-collapse {
		display: none;
	}
}

@media screen and (max-width: 768px) {
	.home-a .a-item {
		padding: 15px;
	}

	.home-a .a-item .txt {
		padding-left: 0;
	}

	.home-a .a-item.a-even .txt {
		padding-right: 0;
	}

	.home-a .row {
		flex-direction: column;
	}

	.home-a .row .col-md-6 {
		width: 100%;
		max-width: 100%;
		flex: 1;
	}

	.home-a .a-item.a-even .row {
		flex-direction: column-reverse;
	}

	.home-b .container.flex {
		flex-direction: column;
	}

	.home-b .item-one {
		display: flex;
		padding-bottom: 0;
	}

	.home-b .item-one h2 {
		height: auto;
		font-size: 24px;
		padding: 10px;
	}

	.home-b .item-one .img {
		width: 40%;
	}

	.home-b .item-one img {
		width: 180px;
		max-width: 100%;
		height: auto;
	}

	.home-b .item-one .txt {
		flex: 1;
		width: 55%;
	}

	.home-b .item-one .content {
		height: auto;
	}

	.home-c .c-tab .tab-item {
		padding: 15px 15px;
		font-size: 18px;
	}

	.home-c .content {
		padding: 15px 20px;
	}

	.home-d .container.flex {
		flex-direction: column;
	}

	.home-d .d-item {
		width: 100%;
	}

	.partner-list {
		flex-wrap: wrap;
	}

	.partner-list .partner-item {
		margin-bottom: 20px;
	}

	.partner-title {
		text-align: center;
		justify-content: center;
	}

	.footer-main .row .col-lg-3 {
		display: flex;
		justify-content: center;
	}

	.footer-main .row .col-lg-9 {
		display: none;
	}

	.footer-main .row .col-lg-3:nth-child(2) {
		display: none;
	}

	.footer-main .row .col-lg-3:nth-child(3) {
		display: none;
	}

	.footer-main .row .col-lg-3:nth-child(4) {
		display: none;
	}
	.copyright-info{ flex-direction: column;}

	.left-menu {
		display: none;
	}

	.content-inner-page {
		padding: 15px;
	}

	.news-box .item-list {
		flex-direction: column;
	}

	.news-box .item-list .item-one {
		width: 100%;
	}

	.detail .big-title {
		font-size: 20px;
		line-height: 32px;
		padding: 20px 0;
	}

	.detail .detail-tags .tag-item {
		padding: 0 2px;
		font-size: 12px;
	}
}

@media (min-width: 1200px) {

	.container,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl {
		max-width: 1280px;
	}
}