body { padding:158px 0px 0px 0px; }
header { border-bottom: 1px solid #e4e4e4; border-top: 2px solid #366ebb; left: 0; position: fixed; right: 0; z-index: 1030; top:0; }
.header { background: none repeat scroll 0 0 #F6F6F6; border-bottom: 1px solid #E4E4E4; line-height: 30px; width: 100%; }
.menu-container { background:#0090ec; border-bottom: 3px solid #dd181e; }
footer { background-color: #1b1b1b; margin: 20px 0 0; border-top:5px solid #CCCCCC; }
.archive-box table tr td span { color: #0090ec; display: block; }
footer h2 { color:#fff; text-align:left; }
footer ul { margin:0px; padding:0px; }
footer ul li { border-bottom: 1px dashed #444444; font-size: 12px; line-height: 30px; list-style: none outside none; text-align: left; }
footer ul li a { color: #eee; text-decoration:none; }
footer ul li a:hover { color:#fff; }
footer p { color: #EEEEEE; display: table; text-align: justify; }
footer p a { color: #EEEEEE; text-decoration:none; }
.latest-news-container { background: none repeat scroll 0 0 #fff; border-bottom: 1px solid #ccc; min-height: 34px; width: 100%; margin-bottom: 20px; }
.latest-news-content { float: left; margin: 0% 0 0 3%; width: 86%; }
.latest-news-container li { display: inline-block !important; list-style: none outside none; padding: 0 10px 0 15px; }
.latest-news-container .title { float: left; margin-right: 30px; }
/*.latest-news-container .title h2:before {
    border-left: 20px solid #333;
    border-top: 34px solid rgba(0, 255, 0, 0);
    content: "";
    left: 100%;
    margin-left: 0;
    position: absolute;
    top: 0;
    transform: scale(0.9999);
    z-index: 4;
}*/
.latest-news-container .title h2 { background: none repeat scroll 0 0 #dd181e; border-bottom: medium none; color: #fff; font-size: 17px; margin-bottom: 0; margin-right: 0; margin-top: 0; padding: 8px 3px 7px 12px; position: relative; width: 11%; float:left; }
/* liScroll styles */

.tickercontainer { /* the outer div with the black border */ background: #fff; width: 980px; height: 27px; margin: 0; padding: 0 overflow: hidden;
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */ position: relative; left: 10px; top: 8px; width: 920px; overflow: hidden; }
ul.newsticker { /* that's your list */ position: relative; left: 980px; list-style-type: none; margin: 0; padding: 0; }
ul.newsticker li { float: left; /* important: display inline gives incorrect results when you check for elem's width */ margin: 0; padding: 0; background: #fff; }
ul.newsticker a { white-space: nowrap; padding: 0; color: #0090ec; margin: 0 50px 0 0; }
ul.newsticker span { margin: 0 10px 0 0; }
.copyright { background: none repeat scroll 0 0 #181818; border-top: 1px solid #1d1d1d; color: #ccc; margin: 0px 0 0; padding: 9px; text-align: left; }
input, textarea { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: none repeat scroll 0 0 #fff; border-color: #ccc #ddd #ddd; border-image: none; border-radius: 3px; border-style: solid; border-width: 1px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1) inset; color: #a8a8a8; display: block; font-family: "Helvetica", serif; font-size: 13px; padding: 8px 5px; width: 100%; }
.navbar-nav > li:hover { background:#366ebb; color:#fff; }
.navbar-default .navbar-nav > li > a:hover { color:#fff; }
.button.radius { border-radius: 3px; }
a:link, a:visited, a:active { color: #5a96fa; outline: 0 none; text-decoration: none; }
.button { background: none repeat scroll 0 0 #5a96fa; border: 1px solid #7cacfc; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; color: #fff !important; cursor: pointer; display: inline-block; font-family: inherit; font-size: 14px; font-weight: bold; line-height: 1; margin: 11px 0 0; outline: medium none; padding: 9px 20px 15px; position: relative; text-align: center; text-decoration: none; transition: background-color 0.15s ease-in-out 0s; width: auto; }
.custom-content span { color: #366ebb; font-size: 15px; font-weight: 300; }
.col-sm-3 { width: 23%; }
.btn { margin:6px 7px 0 0; }
.head-right-top { float:right; margin:0; }
.main-logo { display: block; height: auto; max-width: 100%; }
.head-right-btn { background: none repeat scroll 0 0 #f4f4f4; display: inline-block; padding:0px 10px; }
.head-right-btn a { color: #333; font-weight: 600; }
.header-top { background:#fafafa; height:30px; }
.call-box { float: right; padding: 12px 0 0; }
.highlight-box { border-top: 1px solid #ddd; margin: 10px 0 0; }
.well-none h2 { margin: 0; padding:25px 0 5px; text-align: left; border-bottom: 1px solid #eee;
    color: #0090ec; margin:0px 0px 15px 0px; }
ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;    
}
/*.dropdown:hover .dropdown-menu {
    display: block;
 }*/

.home h4 { border-bottom: 1px solid #eee; color: #0090ec; margin: 0; padding: 3px 0 5px; text-align:left; }
.welcome ul, .sidebar ul { margin: 10px 0 0; padding: 0; }
.news-head { border-bottom: 1px solid #eee; margin: 15px 0; padding: 5px 0; }
.news-head h1 { display:inline; }
.welcome ul li { list-style:none; padding: 3px 0; }
.welcome ul li span { color:#0090ec; font-weight:600; }
.welcome { padding:5px 5px 5px 0px; }
.welcome h2 { }
.welcome h1, .sidebar h1 { margin:0px; }
.welcome h4 { margin:0px 0px 10px 0px; }
.contact-box { border-right:none; }
.archive-box { border-right:none; padding:5px 5px 5px 0; }
.archive-box h1 { background: none repeat scroll 0 0 #eee; border-top: 1px solid #ddd; border-right: 1px solid #ddd; border-left: 1px solid #ddd; color: #333; font-size: 14px; padding: 8px; margin:0; }
.content-box h1, .contact-box h1 { border-bottom: 1px solid #eee; color: #0090ec; padding: 0 0 5px; }
.content-box h2 { border-bottom: 1px dotted #ddd; padding: 0 0 5px; text-align: left; font-size:16px; font-weight:600; }
.content-box ul { margin-top:10px; }
.content-box ul li { background: url("../images/arrow-blue.jpg") no-repeat scroll 0 13px rgba(0, 0, 0, 0); border-bottom: 1px dashed #ddd; line-height: 20px; list-style: none outside none; padding: 7px 25px; }
h1.instructon-head { border-bottom: medium none; color: #333; margin: 0; padding: 0; }
.inner-news-head { margin:0px; }
.editorial-box { box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); margin: 8px 10px 8px 0; min-height: 325px; padding-bottom: 10px; width: 19%; }
.editorial-box:after { background: none repeat scroll 0 0 #1f97ff; bottom: 0; content: ""; display: block; height: 3px; left: 0; position: absolute; right: 0; width: 100%; }
.editorial-box:hover { box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); }
.editorial-box h1, h2, h3, h4, h5 { text-align:center; }
.editorial-box h3 { border-bottom: medium none; color: #0090ec; font-size: 14px; margin: 0; padding: 3px 0; }
.editorial-box h4, h5 { border-bottom:none; color: #333; margin: 5px 0px; padding:0; text-align:center; font-weight: normal; }
.editorial-box img { padding: 5% 15%; width: 100%; }
.sidebar ul li { background: url("http://ijdcst.com/images/arrow.jpg") no-repeat scroll 0 8px rgba(0, 0, 0, 0); border-bottom: 1px dashed #ddd; list-style: none outside none; padding: 3px 25px; }
.sidebar marquee { cursor:pointer; }
.inner-container { padding:5px 0 0; }
.dropdown-submenu { position:relative; }
.dropdown-submenu > .dropdown-menu { top:0; left:100%; margin-top:-6px; margin-left:-1px;/*    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;*/
}
.dropdown-submenu:hover > .dropdown-menu { display:block; }
.dropdown-submenu > a:after { display:block; content:" "; float:right; width:0; height:0; border-color:transparent; border-style:solid; border-width:5px 0 5px 5px; border-left-color:#cccccc; margin-top:5px; margin-right:-10px; }
.dropdown-submenu:hover > a:after { border-left-color:#ffffff; }
.dropdown-submenu .pull-left { float:none; }
.table-responsive { width: 100%; margin-bottom: 15px; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #DDD; }
.dropdown-submenu.pull-left > .dropdown-menu { left:-100%; margin-left:10px;/*    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;*/
}
/* Smartphones (portrait and landscape) ----------- */

@media only screen and (min-width : 320px) and (max-width : 349px) {
body { padding: 112px 0 0; }
.call-box, .latest-news-container { display:none; }
.head-right-btn { padding: 0 5px; }
.editorial-box { width: 100%; }
.copyright { padding: 9px 9px 16px; text-align: center; }
.welcome { min-height: 400px; padding: 5px 25px 5px 25px; }
.copyright .pull-left { float:none !important; }
}
 @media only screen and (min-width : 350px) and (max-width : 420px) {
body { padding: 112px 0 0; }
.call-box, .latest-news-container { display:none; }
.head-right-btn { padding: 0 5px; }
.editorial-box { width: 100%; }
.copyright { padding: 9px 9px 16px; text-align: center; }
.welcome { min-height: 400px; padding: 5px 25px 5px 25px; }
.copyright .pull-left { float:none !important; }
}



/* Smartphones (landscape) ----------- */



@media only screen and (min-width : 420px) and (max-width : 480px) {
body { padding: 112px 0 0; }
.call-box, .latest-news-container { display:none; }
.head-right-btn { padding: 0 5px; }
.editorial-box { width: 100%; }
.copyright { padding: 9px 9px 16px; text-align: center; }
.welcome { min-height: 400px; padding: 5px 25px 5px 25px; }
.copyright .pull-left { float:none !important; }
}







/* Smartphones (landscape) ----------- */



@media only screen and (min-width : 480px) and (max-width : 568px) {
body { padding: 112px 0 0; }
.call-box, .latest-news-container { display:none; }
.head-right-btn { padding: 0 5px; }
.editorial-box { width: 100%; }
.copyright { padding: 9px 9px 16px; text-align: center; }
.welcome { min-height: 400px; padding: 5px 25px 5px 25px; }
.copyright .pull-left { float:none !important; }
}



/* Smartphones (landscape) ----------- */



@media only screen and (min-width : 568px) and (max-width : 620px) {
}



/* Smartphones (landscape) ----------- */



@media only screen and (min-width : 620px) and (max-width : 768px) {
}























/* iPads (portrait and landscape) ----------- */



@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* Styles */



}







/* iPads (landscape) ----------- */



@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/* Styles */



}







/* iPads (portrait) ----------- */



@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */



}



/* Desktops and laptops ----------- */



@media only screen and (min-width : 1024px) {
.main-logo { max-width: 90%; }
.nav > li > a { padding: 10px; }
.latest-news-content { width: 84%; }
.latest-news-container .title h2 { width: 13%; }
.tickercontainer { width: 815px; }
.tickercontainer .mask { width: 800px; }
}





/* Desktops and laptops ----------- */



@media only screen and (min-width : 1224px) {
.tickercontainer { width: 980px; }
.tickercontainer .mask { width: 920px; }
}







/* Large screens ----------- */



@media only screen and (min-width : 1824px) {
/* Styles */



}







/* iPhone 4 ----------- */



@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */



}