@media screen and (max-width: 800px) {
    html {
        font-size: 12px;
    }
    body {
        width: 100vw;
        min-width: 375px;
    }
    .center-aligned-wraper1400 {
        width: 100%;
    }
    .center-aligned-wraper1280 {
        width: 100%;
        max-width: 98%;
    }
    .width48per {
        width: 100%;
        float: none;
    }
    .header {
        width: 100vw;
        min-width: 375px;
        position: relative;
        height: 90px;
    }
    .header-logo {
        width: 96%;
        position: absolute;
        top: 10%;
        left: 2px;
        padding: 0;
    }
    .header-logo img {
        height: 7vw !important;
        min-height: 29px;
        max-height: 43px;
    }
    .home1,.home2 {
        position: absolute;
        right: 0px;
        bottom: 0;
        font-size:12px;
    }
    .home2{
        right: 64px;
    }
    .search-area {
        position: absolute;
        bottom: 5px;
        left: 10px;
    }
    .input-tab {
        width: 14rem;
        height: 2rem;
    }
    .submit-tab {
        height: 2rem;
        background-size: 44%;
    }
    .navigator {
        display: none
    }
    .banner {
        width: 98vw;
        height: 46vw;
        margin: 0 auto;
        min-width: 375px;
        min-height: 170px;
    }
    .banner-main-content ul li a img {
        height: 46vw !important;
        min-height: 170px;
    }
    .banner .banner-switcher {
        top: 50%;
        transform: translateY(-50%);
    }
    .toolkit-slider {
        margin: 0 auto;
        bottom: 0;
        height: 199px;
    }
    .toolkit-slider .toolkit-slider-title {
        font-size: 18px;
    }
    .next {}
    .toolkit-slider-main-content .tempWrap {
        width: 98% !important;
        top: 1vw;
        margin: 0 auto;
    }
    .toolkit-slider-main-content ul{
    height: 138px;
}
    .toolkit-slider-main-content ul li {
        margin-left: 61px;
        margin-bottom: 10px;
    }
    
    .toolkit-slider-main-content ul li .img-desc {
        font-size: 1rem !important;
    }
    .toolkit-slider-main-content ul li .img-outline {
        width: 37%;
        min-width: 80px;
        min-height: 80px;
        border-radius: 10px;
    }
    .width65per {
        width: 100%;
        float: none;
    }
    .width32per {
        width: 100%;
        float: none;
    }
    .absolute-elem {
        /* display:none; */
        position: static;
    }
    .float-right.width48per {
        display: none;
    }
    .articles1-list {
        height: 100%;
    }
    .articles1-container .headline-article-title {
        width: 100% !important;
    }
    .tail-logo {
        width: 100%;
        display: block;
        /* float: left; */
        margin: 4px auto;
        padding-bottom: 10px;
    }
    .tail-logo img {
        width:100%;
    }
    .qrs {
        width: 30%;
        display: block;
        float: left;
        /* margin-left: 5vw; */
        text-align: right;
    }
    .footer table {
        padding: 0px;
    }
    .contact {
        display: block;
        width: 68%;
        text-align: left;
        padding-left: 14px;
    }
    .contact p {
        /* display: inline-block; */
    }

    .email {
    margin-right: 0;
    margin-top: 10px;
    text-align: center;
    float: right;
    margin-left: 0;
}
    .email img {
        display:none;
    }
    .all-right {
        width: 100%;
        text-align: center;
        padding-top: 10px;
        float: left;
    }
    .school-msg {
        margin-top:0;
    }
    .navigator-bar {
        background-color: #d7d7d7de;
    }
    .nav-btn {
        display:block;
        width: 23px;
        height: 23px;
        background: url(/2022-6-8Index/img/nav-btn.png) no-repeat center;
        position: absolute;
        bottom: 5px;
        left: 6px;
        z-index: 111;
    }
    .navigator {width: 100%;position: absolute;background: none;margin: 0 auto;}
    .na-link {
    float: none;
    width: 30%;
}
    .dropdown{
        left: 100%;
        top: 0;
        font-size: 18px;
    }
    .na-link>a span {
    
    }
    .stuffbanner-main-content ul li {
        width: 80vw !important;
    }
    .stuffbanner-main-content ul li .img-outline{
        width: 85%;
    }
    .stuffbanner-main-content {
        height: 200px;
    }
    .stuffbanner-main-content .tempWrap {
        width: 92% !important;
        margin: 0 auto;
    }
    .site-title-tab {
        /* display:none; */
    }
    .maintab{display:none}
    .site-title-tab{width:100%}
    .subnav li{float: left;min-width: 50%;}
    .subnav li a{padding:0 10px;}
    .main-content {
        width:98%;
        margin: 0px auto;
        padding-bottom: 20px;
    }
    .subnav{
        
    }
    .article-body .vsb_content_2 table {
        width:98% !important;
    }
    .article-contentblock {
        width: 98%;
        margin: 0 auto;
    }
    .article-contentblock-article {
        float:
        none;
        margin-left: 63px;
        width: 83%;
    }
    .article #vsb_content_2 TABLE,.article table  {
        width:98%;
        margin:0 auto;
    }
    .articles1-container .headline-article-content{
        max-height: 88px;
    	width: 100%;
    	text-indent: 2em;
    	display: -webkit-box;
    	-webkit-line-clamp: 4;
    }
    .vsbcontent_img img{
        display: block;
        max-width: 100% !important;
        margin:0 auto;
    }
    .article-foot {
        width: 100%;
        overflow:hidden
    }
    .article-foot a{
      overflow: hidden;
      word-wrap: break-word;
      text-overflow: ellipsis;
      white-space: nowrap;
      display: block;
    }
    .article-body img {
        max-width: 90%;
        margin:0 auto;
        display: block;
    }
    
}

@media screen and (max-width:600px) {
    .articles1-container .headline-article {
        max-width: 35%;
        float: right;
        /* margin-left: 0; */
    }
}

@media screen and (max-width:450px) {
    .articles1-container .headline-article {
        max-width: 100%;
        bottom: 0;
        margin: 0;
    }
    .articles1-container .headline-img {
        width: 98%;
        min-width: 360px;
        height: 48vw;
        min-height: 225px;
        display: inline-block;
    }
    .articles1-container .headline {
        width: 98%;
        height: 454px;
        margin: 0 auto;
    }
}