@media (min-width: 1200px) {
    .reset-padding-lr {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .reset-width-1200 {
        max-width: 1200px;
    }



    .navbar {
        padding-top: 1.25rem;
        padding-left: .5rem;
    }

    #navbarSupportedContent {
        padding-bottom: 12px;
    }

    #navbarSupportedContent ul li:not(:last-child) {
        display: none;
    }

    .logo {
        content: url("../../Images/logo.png");
    }

    .MiddleNav {
        padding: 1.875rem 0.9375rem 0;
        background-color: white;
        border-radius: .25rem;
        margin: -1rem 0 1.25rem 0;
    }

    .MiddleNav .col {
        margin: 0 auto;
        text-align: center;
    }

    .MiddleNav .col div {
        width: 4rem;
        height: 4rem;
        margin: 0 auto;
    }


    .MiddleNav .col span {
        display: inline-block;
        line-height: 1.875rem;
        text-align: center;
        color: #333;
        margin-top: .625rem;
        margin-bottom: 1rem;
        font-size: 0.75rem;
    }

    /*.MiddleNav .NavIcon0 {*/
    /*    background-position: -576px 0;*/
    /*}*/
    .content {
        margin-left: 0;
        margin-right: 0;
    }

    .content > div {
        margin: 0 1.25rem 0 0;
        border-radius: .25rem;
    }

    .content > div:last-child {
        margin-right: 0;
    }

    .News {
        margin-bottom: 1.375rem;
        background-color: white;
        border-radius: .25rem;
        padding-left: 0;
        padding-right: 1.25rem;
        padding-bottom: .9rem;
    }

    .Title {
        padding-top: 1.25rem;
        margin-bottom: 2.5rem;
    }

    .News .Title span {
        display: inline-block;
        width: 4px;
        height: 20px;
        background: #09ccb5;
        margin-right: 16px;
        float: left;
    }

    .News .Title h3 {
        color: #333;
        font-size: 1.125rem;
        font-weight: bold;
        float: left;
        line-height: 1.25rem;
    }

    .News .Title > a {
        display: block;
        float: right;
        color: #666;
        font-size: 0.8125rem;
        font-weight: lighter;
        line-height: 1.25rem;
    }

    .News ul {
        padding-left: 1.25rem;
    }

    .News ul li {
        border-bottom: 1px dashed #e5e5e5;
    }

    .News ul li a {
        color: #666;
        font-size: 14px;
        line-height: 40px;
        font-weight: lighter;
    }

    .News ul li span {
        float: right;
        color: #999;
        font-size: 14px;
        line-height: 40px;
        font-weight: lighter;
    }
}


/*// Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 1199px) {
    .reset-padding-lr {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }


    .navbar {
        padding-top: 1.25rem;
        padding-left: .5rem;
    }

    .navbar .navbar-brand {
        width: 80%;
    }

    #navbarSupportedContent {
        padding-bottom: 12px;
    }


    .logo {
        content: url("../../Images/logo.png");
    }

    .mhide {
        display: none;
        width: 0 !important;
    }
	@media (min-width: 992px) and (max-width: 1199px) {
        .mshow {
            display: block;
            width: 100% !important;
            padding-right: 5px !important;
            margin-bottom: 2.5rem;
        }
    }
    .MiddleNav {
        padding: 1.875rem 0.9375rem 0;
        background-color: white;
        border-radius: .25rem;
        margin: -1rem 0 1.25rem 0;
    }

    .MiddleNav .col {
        margin: 0 auto;
        text-align: center;
    }

    .MiddleNav .col div {
        width: 4rem;
        height: 4rem;
        margin: 0 auto;
    }


    .MiddleNav .col span {
        display: inline-block;
        line-height: 1.875rem;
        text-align: center;
        color: #333;
        margin-top: .625rem;
        margin-bottom: 1rem;
        font-size: 0.75rem;
    }

    .padContent {
        margin-top: -1rem;
    }

    /*.MiddleNav .NavIcon0 {*/
    /*    background-position: -576px 0;*/
    /*}*/
    .content {
        margin-left: 0;
        margin-right: 0;
    }

    .content .col {
        flex-basis: auto;
        padding-right: 0;
    }

    .content > div {
        margin: 0 1.25rem 0 0;
        border-radius: .25rem;
    }

    .content > div:last-child {
        margin-right: 0;
    }

    .News {
        margin-bottom: 1.375rem;
        background-color: white;
        border-radius: .25rem;
        padding-left: 0;
        padding-right: 1.25rem;
        padding-bottom: .9rem;
    }

    .Title {
        padding-top: 1.25rem;
        margin-bottom: 2.5rem;
    }

    .News .Title span {
        display: inline-block;
        width: 4px;
        height: 20px;
        background: #09ccb5;
        margin-right: 16px;
        float: left;
    }

    .News .Title h3 {
        color: #333;
        font-size: 1.125rem;
        font-weight: bold;
        float: left;
        line-height: 1.25rem;
    }

    .News .Title > a {
        display: block;
        float: right;
        color: #666;
        font-size: 0.8125rem;
        font-weight: lighter;
        line-height: 1.25rem;
    }

    .News ul {
        padding-left: 1.25rem;
    }

    .News ul li {
        margin-bottom: .5rem;
        border-bottom: 1px dashed #e5e5e5;
    }

    .News ul li a {
        color: #666;
        font-size: 14px;
        line-height: 2rem;
        font-weight: lighter;
    }

    .News ul li span {
        color: #999;
        font-size: 12px;
        display: block;
        float: right;
        line-height: 2rem;
        font-weight: lighter;
    }

    .content .col-md-2 {
        max-width: 100% !important;
        flex: auto;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .reset-padding-lr {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }



    .navbar {
        padding-top: 1.25rem;
        padding-left: .5rem;
    }

    .navbar .navbar-brand {
        width: 80%;
    }

    #navbarSupportedContent {
        padding-bottom: 12px;
    }


    .logo {
        content: url("../../Images/logo.png");
    }

    .mhide {
        display: none;
        width: 0 !important;
    }

    .MiddleNav {
        padding: 1.875rem 0.9375rem 0;
        background-color: white;
        border-radius: .25rem;
        margin: -1rem 0 1.25rem 0;
    }

    .MiddleNav .col {
        margin: 0 auto;
        text-align: center;
    }

    .MiddleNav .col div {
        width: 4rem;
        height: 4rem;
        margin: 0 auto;
    }


    .MiddleNav .col span {
        display: inline-block;
        line-height: 1.875rem;
        text-align: center;
        color: #333;
        margin-top: .625rem;
        margin-bottom: 1rem;
        font-size: 0.75rem;
    }

    .padContent {
        margin-top: -1rem;
    }

    /*.MiddleNav .NavIcon0 {*/
    /*    background-position: -576px 0;*/
    /*}*/
    .content {
        margin-left: 0;
        margin-right: 0;
    }

    .content .col {
        flex-basis: auto;
        padding-right: 0;
    }

    .content > div {
        margin: 0 1.25rem 0 0;
        border-radius: .25rem;
    }

    .content > div:last-child {
        margin-right: 0;
    }

    .News {
        margin-bottom: 1.375rem;
        background-color: white;
        border-radius: .25rem;
        padding-left: 0;
        padding-right: 1.25rem;
        padding-bottom: .9rem;
    }

    .Title {
        padding-top: 1.25rem;
        margin-bottom: 2.5rem;
    }

    .News .Title span {
        display: inline-block;
        width: 4px;
        height: 20px;
        background: #09ccb5;
        margin-right: 16px;
        float: left;
    }

    .News .Title h3 {
        color: #333;
        font-size: 1.125rem;
        font-weight: bold;
        float: left;
        line-height: 1.25rem;
    }

    .News .Title > a {
        display: block;
        float: right;
        color: #666;
        font-size: 0.8125rem;
        font-weight: lighter;
        line-height: 1.25rem;
    }

    .News ul {
        padding-left: 1.25rem;
    }

    .News ul li a {
        color: #666;
        font-size: 14px;
        line-height: 32px;
        font-weight: lighter;
    }
.News ul li span{
        display: none;
    }
    .content .col-md-2 {
        max-width: 100% !important;
        flex: auto;
    }
}

/*// Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575px) {

    .navbar {
        padding-top: 1.25rem;
        padding-left: .5rem;
    }

    .navbar .navbar-brand {
        width: 80%;
    }

    #navbarSupportedContent {
        padding-bottom: 12px;
    }


    .logo {
        content: url("../../Images/logo.png");
    }

    .mhide {
        display: none;
        width: 0 !important;
    }

    .padContent {
        margin-top: -1rem;
    }

    /*.MiddleNav .NavIcon0 {*/
    /*    background-position: -576px 0;*/
    /*}*/
    .content {
        margin-left: 0;
        margin-right: 0;
    }

    .content .col {
        flex-basis: auto;
        padding-right: 0;
    }

    .content > div {
        margin: 0 1rem 0 0;
        border-radius: .25rem;
    }

    .content > div:last-child {
        margin-right: 0;
    }

    .News {
        margin-bottom: 1.375rem;
        background-color: white;
        border-radius: .25rem;
        padding-left: 0;
        padding-right: 1.25rem;
        padding-bottom: .9rem;
    }

    .Title {
        padding-top: 1.25rem;
        margin-bottom: 2.5rem;
    }

    .News .Title span {
        display: inline-block;
        width: 4px;
        height: 20px;
        background: #09ccb5;
        margin-right: 16px;
        float: left;
    }

    .News .Title h3 {
        color: #333;
        font-size: 1.125rem;
        font-weight: bold;
        float: left;
        line-height: 1.25rem;
    }

    .News .Title > a {
        display: block;
        float: right;
        color: #666;
        font-size: 0.8125rem;
        font-weight: lighter;
        line-height: 1.25rem;
    }

    .News ul {
        padding-left: 1.25rem;
    }

    .News ul li {
        margin-bottom: .5rem;
        border-bottom: 1px dashed #e5e5e5;
    }

    .News ul li a {
        color: #666;
        font-size: 12px;
    }

    .News ul li span {
        color: #999;
        font-size: 12px;
        display: block;
    }

    .content .col-md-2 {
        max-width: 100% !important;
        flex: auto;
    }

    .LinkIcons {

    }

    .LinkIcons > div {

    }

    .LinkIcons span {
        display: block;
        line-height: 1.5rem;
        font-size: .8rem;
        margin-top: .5rem;
        color: #0accb5;
    }

    .LinkIcons .col div {
        width: 3.5rem;
        height: 3.5rem;
        margin: 0 auto;
        cursor: pointer;
    }

    .LinkIcons .col {
        margin: 0 auto;
        text-align: center;
        background-color: white;
        margin-bottom: 1.25rem;
        padding: 1rem .625rem 1rem;
        border-radius: .25rem;
        max-width: 30%;
        margin-left: 0;
    }

    .LinkIcons > div:nth-child(5) {
        /*margin-left: 2rem;*/
        margin-right: 0rem;
    }

    .LinkIcons .LinkIcon1 {
        background: url("../../Images/study1.png");
        background-size: cover;
    }

    .LinkIcons .LinkIcon2 {
        background: url("../../Images/cloud1.png");
        background-size: cover;
    }

    .LinkIcons .LinkIcon3 {
        background: url("../../Images/tool1.png");
        background-size: cover;
    }

    .LinkIcons .LinkIcon1:hover {
        background: url("../../Images/study2.png");
  		background-size:56px 56px;
    }

    .LinkIcons .LinkIcon2:hover {
        background: url("../../Images/cloud2.png");
  		background-size:56px 56px;
    }

    .LinkIcons .LinkIcon3:hover {
        background: url("../../Images/tool2.png");
  		background-size:56px 56px;
    }

}