@media (min-width: 581px) and (max-width: 768px) {
    body {
            max-width: 768px;
            font-size: 14px;
        }
        .main-body, .header{
            -webkit-transition: .35s ease;
            transition: .35s ease;
        }
    #main_content table, #main_content tbody{
        /*display: block;*/
        width: 100%;
        box-sizing: border-box;
    }
    form#loginform{
        margin: 5px;
    }
    input#username{
        display: block;
        max-width: 97%;
        width: 300px;
    }
    input.default-value{
        display: block;
        max-width: 97%;
        width: 300px;
    }
    input.button[name="login"]{
        margin-top: 10px;
    }
    #user_login{
        height: auto;
        padding-bottom: 30px;
    }
    .register-links{
        margin-right: 10px;
    }
	.news-details{
		font-size: 12px;
	}
    #header-cont{
        min-height: 155px;
        width: 768px;
        max-width: 98%;
    }
    #header{
        background-image: none;
        background-color: #011F5B;
        border: none;
        min-height: 170px;
        height: auto;
        transition: all 2s;
    }
    #sitebanner{
        float: none;
        width: 100%;
    }
    #google-sitesearch{
        float: none;
        width: 97%;
        margin: 20px auto;

    }
    form[name="searchform"] input.textbox{
        width: 83%;
        max-width: 470px;
    }
    #sub-header{
      display:none;
      height:100%;
    }
    .side-body{
        max-width: 330px;
    }
    nav{
        padding: 8px;
    }
    nav[role="custom-dropdown"]{
        position:relative;
        width: 100%;
    }

    label[for="menu-button"]{
        height: 10px;
        position: relative;
        top: 0; left: 0;
        color: whiteSmoke;
        cursor: pointer;background-color: rgb(24, 47, 92);
		border-top: 1px solid rgb(156, 203, 225);
    }
    input#menu-button:checked ~ div#sub-header{
        position: relative;
        display: block;
        margin-bottom: 5px;
    }
    input#menu-button:checked ~ ul:after{
        content: "";
        clear: both;
        display: table;
    }
    input#menu-button:checked #main-content{
        margin-top: 10px;
    }
    input#menu-button:checked ~label[for="menu-button"]{
    	border: none;
    }
    input#menu-button:checked ~label[for="menu-button"] span.menu-arrow-left{
        background-color: red; height: 3px;
        -ms-transform: rotate(-11deg); /* IE 9 */
        -webkit-transform: rotate(-11deg); /* Chrome, Safari, Opera */
        transform: rotate(-11deg);
    }
    input#menu-button:checked ~label[for="menu-button"] span.menu-arrow-right{
        background-color: red; height: 3px;
        -ms-transform: rotate(11deg); /* IE 9 */
        -webkit-transform: rotate(11deg); /* Chrome, Safari, Opera */
        transform: rotate(11deg);
    }
    #sub-header{
        position: relative;
        width: 100%;
        height: auto;
        min-height: 80px;
        color: inherit;
        margin: 0px;
        font-size: 1.47em;
        background-color: #011F5B;
        float: none;
    }

    #sub-header ul li, #sub-header ul{
        float: none;
        width: 768px;
        max-width: 99%;
    }
    #sub-header li{
        margin: 10px auto 10px 0;
    }
    #sub-header li.white a{
        color: rgb(164, 164, 164);
        line-height: 40px;
        display: block;
        background-color: rgba(43, 70, 117, 0.64);
        padding-left: 10px;
    }
    #sub-header li > img{
        display: none;
    }

    #main{
        width: 100%;
        box-sizing: border-box;
    }
    #main_content{
        width: 748px;
        max-width: 100%;
        position: relative;
        margin: 0;
    }
    #featured-news{
        width: 768px;
        max-width: 100%;
    }
    .fn-top{
        width: 764px;
        max-width: 99%;;
    }
    .fn-top figure{
        width: 764px;
        max-width: 99%;
        max-height: 80vh;
    }
    .fn-top img {
        max-width: 100%;
        min-width: 94%;
        width: 760px;
    }
    #fn-body{
        margin: 0 10px 20px 0;
    }
    .news-footer{
        height: 1px;
        display: block;
        border-bottom: 1px solid rgb(212, 232, 254);
        overflow: hidden;
        max-width: 90%;
        margin: 0 auto;
    }
    .capmain h1, h2{
        padding: 0px;
        margin: 0px;
        line-height: normal;
        max-width: 99%;
    }
    .fn-top-more{
        float: none;
        width: 760px;
        max-width: 99%;
    }
    .fn-top-more ul{
        margin: 10px;
        padding: 0px;
    }
    .fn-top-more img{
        width: 200px;
        margin: 0 auto 10px 5px;
    }
    .fn-top-more ul > li {
        float: left;
        list-style-type: none;
        min-height: 90px;
        margin-bottom: 20px;
        width: 100%;
        display: inline-block;
    }
    .image-fn{
        width: 120px;
        height: 90px;
        overflow: hidden;
        position: relative;
        float: left;
        display: block;
        text-align: center;
    }
    .top-stories {
        margin-left: 125px;
    }
    .fn-top-more h2 {
        font-size: 3vw;
        display: block;
        min-height: 37px;
        max-height: 80px;
        overflow: hidden;
    }
    .pads{
        display: none;

    }
    .home-itnews-box{
        width: 100%;
        float: none;
    }
    .home-itnews-adds-box{
        margin-top: 30px
    }

    .gradient_bg div > ul{
        width: 100% !important;
        font-size: 17px;
    }
    .gradient_bg div > ul > li{
        margin-bottom: 10px !important;
    }
    .vertical-right{
        display: none;
    }
    .post-content{
        padding: 5px;
    }
    #additional_news{
        max-width: 768px;
    }
    .additional_news_panel{
        float: none;
        font-size: 17px;
        width: 98%;
    }
    .additional_news_panel ul, li{
       max-width: 96%;
     }
     .additional_news_panel a{
       padding: 5px;
       line-height: 1.33;
     }
.main-body{
    padding: 0px;
    width: 768px;
    max-width: 100%;
}

td.main-body{
    width: 98% !important;
    max-width: 98% !important;
}
.txt_justify{
    font-size: 17px;
}

.txt_justify div,
.txt_justify img,
.txt_justify iframe,
.txt_justify embed,
td.main-body div,
.main-body div,
.main-body img,
td.main-body img,
.main-body iframe,
.main-body embed{
    max-width: 97% !important;
    margin: 2px;
    overflow: hidden;
}
.news-info-share{
    padding: 14px;
}
.rate_widget{
    min-width: 110px;
}
.rate_widget_stars{
    width: 100px;
    margin: 2px 2px 11px 2px !important;
}
.ratings_stars{
    margin: 0 !important;padding: 0px !important;
}
     .prev-next-news{
        width: 730px;
        max-width: 97%;
        margin: 0 10px 30px;
        display: table-cell;
     }
.news-info-share{
    margin-right: 15px;
}
.prev-news{
    width: 98%;
    border: none;
    border-bottom: 1px solid #ccc;
}
.next-news{
    width: 98%;
    border: none;
}
.right-arrow, .left-arrow{
    display: none;
}
     #side-border-right{
        float: none;
        margin: 15px 8px 0 auto;
        max-width: 98%;
        width: 760px;
        display: block;
        position: relative;
        clear: both;
    }
    .forumpost ul li{
        max-width: 100%;
    }
    ul#forum-p > li div{
        float: none;
        width: 100%;
    }
    .wrapper {
        width: 768px;
        max-width: 100%;
    }
    .wrapper-cats {
        max-width: 100%;
    }

    #footer {
        background: transparent;
    }
    #cat_links{
        max-width: 748px;
        display: block;
        position: relative;
        clear: both;
    }
    #cat_links li{
        margin: 0 2px 0 0;
    }
    #totop{
        display: none;
    }
    #footer{
        width: 100%;
        height: auto;
    }
    .footer-site-links {
        float: none;
        max-width: 100%;
        margin: 0;
        padding: 0px;
    }
    .footer-site-links img{
        height: 1px;
        display: block;
    }
    #footer div.wrapper span:not(#totop){
        float: none !important; width: 100%;
        display: block;
    }
#footer-cats{
    min-height: 200px;
    height: auto;
    padding-bottom: 10px;
}
    #footer-r-links {
        float: none;
        font-size: 12px;
        color: RGB(136, 157, 195);
        max-width: 98%;
        margin: 10px 0px 2px auto;
    }
    #footer-r-links ul{
        padding: 0px;
        margin: 0;
    }
    #footer-cat{
        height: auto;
    }

    #last-c span, #last-c span{
        max-width: 200px !important;
        line-height: 18px;
    }
    .side-body{
        font-size: 14px;
    }
    .scapmain-num{
        display: block;
        margin: 25px auto 15px 10px;
    }
}