@media (min-width: 768px) {
	.navbar {
		border-radius: 0px !important;}
	.dropdown:hover .dropdown-menu {
		display: block;
		margin-top: 0;}
	.dropdown-menu {
		background-color: #1010107a !important;}
	.dropdown-menu > li a {
		color: #fff;}
	.article-second .second-article-area .article-list-left {
		width: 80%;}
	.article-second .second-article-area .article-list-right {
		width: 100px;}
}

@media (max-width: 768px) {
	body {
		font-size: 14px;}
	.banner {
		height: 180px;}
	.navbar-nav {
		width: 100%;
		flex-flow: column nowrap;
		justify-content: space-around;}
	.icon-area .school-profile {
		height: 230px;}
	.icon-area .school-profile .content {
		-webkit-line-clamp: 7;}
	.icon-area .quick-icon div:not(:last-of-type) {
		height: 73px;}
	.icon-area .quick-icon div:last-of-type {
		height: 70px;}
	.single-article .hd .title span::after {
		right: -13px;
		border-top: 13px solid #fff;
		border-bottom: 13px solid #fff;
		border-left: 13px solid #01458e;}
	.single-article .article-tab .article-list {
		height: auto;
		flex-flow: column nowrap;}
	.single-article .article-tab .article-list li {
		margin-bottom: 0.5em;
		width: 100%;}
	.pic-art-area .bd .article-list .pic {
		width: 30%;}
	.pic-art-area .bd .article-list .content {
		width: 69%;}
	.top-icon .single-top-icon {
		font-size: 0.9em;}
	.article-h {
		height: auto;}
	.m_l__15 {
		margin-left: -15px;}
	.mobile_m_l_0 {
		margin-left: -15px;}
	.article-second .second-article-area .article-list-left {
		width: 70%;}
	.article-second .second-article-area .article-list-right {
		width: 90px;}
	.article-second .article-slide {
		margin-bottom: 1em;}
	/*.main{
		margin: 0;
	}*/
	.links-qr .links-select select {
		width: 40%;
		margin: 1em;}
	.top-icons {
		width: 100%;}
	.top-icons ul li{
		height: 90px;}
	.links-qr .block-top .bd ul {
		grid-template-columns: repeat(2, 1fr);}
}