@media only screen and (max-width: 480px) {
    body {
            max-width: 480px;
            font-size: 14px;
        }
        .main-body, .header{
            -webkit-transition: 1.35s ease;
            transition: 1.35s ease;
        }
    table, tbody{
        /*display: block;*/
        width: 100%;
        box-sizing: border-box;
    }
    div .tbl-border .tbl1, div .tbl-border{
        width: 100% !important;
    }
    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;
    }
    .login-remembermy{
        margin: 5px auto 5px 10px !important;
        display: inline-block;
    }
    .forum_thread_user_info img{
        width: 70px;
    }
    .tbl1,.tbl2{
        font-size: 9px;
    }
    .tbl1 a{
        font-size: 11px;
    }
	.news-details{
			font-size: 12px;
		}
    #header-cont{
        min-height: 155px;
        width: 480px;
        max-width: 100%;
    }
    #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: 370px; max-width: 65%;
    }
    #sub-header{
      display:none;
      height:100%;
    }
    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.5em;
        background-color: #011F5B;
        float: none;
    }

    #sub-header ul li, #sub-header ul{
        float: none;
        width: 480px;
        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: 480px;
        max-width: 100%;
        box-sizing: border-box;
    }
    #main_content{
        width: 460px;
        max-width: 100%;
        position: relative;
        margin: 0;
    }
    #featured-news{
        width: 480px;
        max-width: 100%;
    }
    .fn-top{
        width: 480px;
        max-width: 100%;
        margin: 4px;
    }
    .fn-top figure{
        width: 460px;
        max-width: 99%;
    }
    .fn-top img {
        width: 480px;
        max-width: 99%;
    }
    #fn-body{
        margin: 0 10px 20px 0;
    }
    .news-footer{
        height: 1px;
        border-bottom: 1px solid rgb(212, 232, 254);
        overflow: hidden;
        max-width: 90%;
        margin: 0 auto;
    }
    .capmain h1, h2{
        font-size: 1.45em;
        padding: 0px;
        margin: 0px;
        line-height: normal;
        max-width: 100%;
    }
    .fn-top-more{
        float: none;
        width: 100%;
    }
    .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: 4vw;
        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-right: 10px;
    }
    #additional_news{
        max-width: 480px;
    }
    .additional_news_panel{
        float: none;
        font-size: 17px;
        width: 98%;
    }
    .additional_news_panel ul, li{
       width: 100%;
     }
     .additional_news_panel a{
       padding: 5px;
       line-height: 1.33;
     }
.main-body{
    padding: 0;
    max-width: 99.8%;
}
.txt_justify{
    font-size: 17px;
}
table,tbody,tr,td,
.txt_justify div,
.txt_justify img,
.txt_justify iframe,
.txt_justify embed,
.main-body div,
.main-body img,
td.main-body img,
td.main-body iframe,
.main-body iframe,
td.main-body embed{
    max-width: 100% !important;
}
.txt_justify img {
    height: auto !important;
}

.news-info-share{
    margin-right: 5px;
}
.news-img{
    width: 80px;
    height: 80px;
}
.post-content{
    padding-left: 80px;
}

.prev-next-news{
    width: 480px;
    max-width: calc(100% - 20px);
    margin: 0 10px 30px;
    display: table-cell;
}
.prev-news{
    width: calc(100% - 10px);
    border: none;
    border-bottom: 1px solid #ccc;
}
.next-news{
    width: calc(100% - 10px);
    border: none;
}
.right-arrow, .left-arrow{
    display: none;
}
     #side-border-right{
        float: none;
        margin: 15px 8px 0 auto;
        width: 480px;
        max-width: 98%;
        display: block;
        position: relative;
        clear: both;
    }
    .forumpost ul li{
        max-width: 100%;
    }
    ul#forum-p > li div{
        float: none;
        width: 100%;
    }
    .wrapper {
        width: 480px;
        max-width: 100%
    }
    .wrapper-cats {
        max-width: 100%;
    }
    #hr-marker {
        width: 300px;
    }
    .side-body{
        max-width: 330px;
    }
    #footer {
        background: transparent;
    }
    #cat_links{
        display: block;
        width: 480px;
        max-width: 100%;
        margin: 0;
        padding: 0;
        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;
}
#partners{
    width: 98%;
}
    #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;
    }
@media only screen and (max-width: 359px){
    .news-img{
        display: none;
        width: 0; height: 0;margin:0;
    }
    .post-content{
        padding: 5px;
    }
    .tbl1a{
        font-size: 11px;
    }
}
