@media (min-width: 768px) {
  .navbar {
    border-radius: 0px !important;
    min-height: auto;
  }
  .navbar-nav > li > a {
    padding: 10px;
  }
  .dropdown:hover .dropdown-menu {
    display: block;
  }
  .navbar-nav > li {
    float: left;
    padding: 0 2px;
  }
  .dropdown-menu {
    background-color: #fff !important;
  }
  .dropdown-menu > li a {
    color: #000;
  }
  .navbar-default .navbar-nav > li:focus > a,
  .navbar-default .navbar-nav > li:hover > a {
    color: #333;
  }
  .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;
  }
  .navbar-default .navbar-nav > li > a:focus{
	color: #333;
  }
  .header {
    height: 100px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .header .top-position,
  .header .search input {
    width: 100%;
  }
  .header .top-position {
    top: 55px;
  }
  .nav {
    width: 100%;
    align-self: flex-start;
  }
  .navbar-default {
    /* background-color: #1a3a69; */
    background-color: rgb(0,143,215);
  }
  .navbar-nav {
    margin-right: 0px;
  }
  .navbar-default .navbar-nav > li:hover {
    border-radius: 0;
  }
  .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 {
    min-height: 90px;
    max-height: 120px;
  }
  .links-qr .block-top .bd ul {
    grid-template-columns: repeat(2, 1fr);
  }
  .links-qr .block-top .bd ul li {
	  padding: 0 0.5em;
	}
  .school-vision .box .grid {
    grid-template-columns: 1fr;
  }
  .school-vision .video-show {
	  width: 100%;
  }
  .feature-bg{
	height: 192px;
  }
  .feature-hd{
	margin: 1em 0;
  }
  .feature-bd .box{
	padding: 0.8em;
	height: 120px;
  }
  .feature-bd .box:nth-of-type(1){
	height: 240px;
  }
}