@media only screen and (min-width:1003px) and (max-width:1024px)
{
}
@media only screen and (min-width:768px) and (max-width:1002px)
{
    #mobile-menu-icon {display: block; top: 10px; z-index: 9;}
    #logo {width: 120px;}
    #mobile-menu.active #top-menu, #mobile-menu.active #main-menu {display: block !important;}
    #wrapper {width:100%; position:relative; box-shadow:0 0 10px 10px rgba(0,0,0,.2); z-index:10; background:#fff;}
    #mobile-menu{position: fixed; width: 250px; top: 0; height:100%; z-index:2; overflow-y: scroll; background-color:#E5E5E5; right: -250px; display: block;}
    #mobile-menu.active{right:-250px;}
    
    header .top, header .bottom {display: none;}
    header .middle {padding: 15px 0;}
    #banner{height: auto;}
    #logo-container {margin-top: 0;}
    #logo-container .logo {width: 100px; height: inherit; background: none;}
    #logo-container .logo img {position: inherit; top: 0; left: 0; max-width: 80%; margin: 0;}
    #logo-container .logo-text {float: none; top: 15px; font-size: 16px; margin-left: 15px;}
    #top-right {margin-top: 40px;}
    #search-box {width: 220px;}
    #banner-container .notices ul li {font-size: 100%;}
}

@media only screen and (min-width:320px) and (max-width:767px)
{
    #mobile-menu-icon {display: block; top: 20px;}
    #mobile-menu.active #top-menu, #mobile-menu.active #main-menu {display: block !important;}
    #wrapper {width:100%; position:relative; box-shadow:0 0 10px 10px rgba(0,0,0,.2); z-index:10; background:#fff;}
    #mobile-menu{position: fixed; width: 250px; top: 0; height:100%; z-index:2; overflow-y: scroll; background-color:#E5E5E5; right: -250px; display: block;}
    #mobile-menu.active{right:-250px;}
    #mobile-menu ul li i {display: none;}
    #news-marquee {height: auto;}

    header .top, header .bottom {display: none;}
    #logo-container {margin: 0;}
    #logo-container .logo {width: 60px; height: auto;}
    #logo-container .logo-text {float: none; margin: 30px 35px 0 75px; top: 0; line-height: normal; font-size: 13px;}
    #top-right {margin-top: 20px;}
    #top-right .social-connect.pull-right {float: none !important; text-align: center; margin-bottom: 15px;}
    #search-box {width: 100%;}
    #initiative .items .item {text-align: center;}
    #speech iframe {margin: 0 auto 15px; width: 90%; height: 170px; display: block;}
    footer .top {display: none;}
    footer .bottom {text-align: center;}
    footer .designed.pull-right {float: none !important; text-align: center; margin-top: 5px;}
    
    #banner{height: auto;}
    
    #content {padding: 15px 0;}
    #content .content {padding: 15px; min-height: fit-content;}
    #sidebar.affix {display: none;}
    .content .mous-content img {margin-bottom: 15px;}
    
    marquee:before {width: 15%;}
    #news-marquee span {padding: 0 10px;}
    #news-marquee span:before {display: none;}
    #news-marquee span em {display: none;}
}