/* Global class */

.block {
    display: block;
}

.inline-block {
    display: inline-block;
    font-size: 15px;
}

.mg0 {
    margin: 0px;
}

.pd0 {
    padding: 0px;
}

.mgt20{margin-top:20px}
.mgt10{margin-top:10px}
.mgr10{margin-right:10px}
/* body, html */
html{background:#ddd}
body {
    font: 13px arial;
    color: #222;
    margin: 0;
    padding: 0;
    position: relative;
    background: #fff ;
    font-family: Arial;
    background:#eeeeee;
}

a:link, a:hover, a:focus, a:active, a:visited {
    text-decoration: none;
}

a:hover {
    color: #163572;
}

img {
    max-width: 100%;
}

.topbar{
        background: #96d7ff;
        border-bottom: 1px solid rgba(255,255,255,0.6);
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    color: #fff;
}
 .topbar a {color:#fff    }
 .topbar .col-sm-4 a i{color:#fff}
 .topbar .pull-right a {color:#fff}
 .topbar ul{margin:0px}


header {
    background: #cdebfb url(../images/header-bg.jpg) no-repeat left 40px; position:relative; height:152px;
    background-size:100% 100%;
    }


header .logo{background:url(../images/logo.png) no-repeat;display:block; width:522px; height:96px;margin:5px 0;}


.topbar-list li{color:#777}
.topbar-list li i{margin-right:4px}
.topbar-list li a{color:#666}

.navbar {
    margin-bottom: 0px;
    min-height: 40px;
}

.navbar-default {
    border: none;border-radius:0px;
        height: 40px;
    background: #012b57;
    position:relative;
}

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border: none;
        padding: 0px;height:40px; 
    }
     .navbar-default .navbar-collapse > .nav  {
         float:none;
        }
        .navbar-default .navbar-collapse  .nav > li {
            margin-right: 1px;float:none;display:inline-block;
            background:url(../images/li-bg.png) no-repeat right;
        }
        

            .navbar-default .navbar-collapse li > a {
                color: #fff;
                padding: 0px 30px;
                font-weight: bold;
                line-height:40px;
                text-transform: uppercase;
                font-size: 11px;
            }


    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > li:hover > a {
        color: #ffca62;
        background: none;
    }

    .navbar-default .navbar-nav li.dropdown .dropdown-menu {
        border-radius: 0px;
        border: 1px solid #ddd;
    }

    .navbar-default .navbar-collapse li .dropdown-menu {
        width: 250px;
        border: none;
        padding: 0px;
    }

        .navbar-default .navbar-collapse li .dropdown-menu > li {
            border-bottom: 1px dotted #ddd;
        }

            .navbar-default .navbar-collapse li .dropdown-menu > li:last-child {
                border: none;
            }

            .navbar-default .navbar-collapse li .dropdown-menu > li > a {
                color: #333;
                font-weight: normal;
                  padding:0 10px;
                  line-height:35px;
                   text-transform:none;
                   font-size:12px;
            }

    /* level 3*/
    .navbar-default .navbar-nav li.dropdown .dropdown-menu li .dropdown-menu {
        left: 248px;
        top: -3px;
    }

 .navbar-default .navbar-collapse li .btn {display:none}

 .submenu{background:#fcf3e7; line-height:35px; border-top:1px solid #ddd; text-indent:7px}
 .dated{color:#888; font-size:11px}
 .marqueetop{color:brown; width:100%;  overflow: hidden;font-size:14px}

 .homeicon{padding:0px 20px !important}
  .homeicon img{margin-right:10px}



 /* Left menu*/
 .lmenu{
     background: #319cde ; margin-bottom:10px;
     background-size:100%;
     border:1px solid #eee
    
 }
 .lmenu .head-title{
     text-align:center;
     height:35px;
     background:#012b57;
     color:#fff
 }

 .leftmenu{list-style:none;padding:0px;margin-bottom:0px}
 .leftmenu li .dropdown-toggle{display:none}
 .leftmenu >li{
    min-height: 35px;
    line-height:15px;
    border-bottom: 1px solid #e6e6e6;
    position: relative;
 }

 .leftmenu >li .fa-caret-right{margin-left:7px; color:#cc7589}

  .leftmenu >li:last-child{border:none}

 .leftmenu >li:hover{
     background:#f0d7b5; 

 }
  .leftmenu >li:hover a{
    color:#555;

 }
 
    .leftmenu > li > a {
        font-size: 12px;
        text-indent:7px;
        font-weight: bold;
        
          padding:10px 0px 10px 0px;
        display:block;
        color: #fff;
    }
     .leftmenu >li{position:relative;}

     .leftmenu li .dropdown-menu{
         width:100%;
         position:absolute; left:0;
          top:35px;
         border-radius:0px;
         padding:0; margin:0; z-index:999;
     }

     .leftmenu li .dropdown-menu li{
         border-bottom:1px dotted #ddd; 
     }

      .leftmenu li .dropdown-menu li a{
         font-size:12px; 
         padding:10px 7px; white-space:normal; 
     }



.listbanner-dv{list-style:none;padding:0px}
.listbanner-dv li{margin-bottom:5px}

.listbanner-dv li .item{padding:15px 15px;background:#a82034; color:rgba(255,255,255,0.8);min-height:65px;  }
.listbanner-dv li  a,listbanner-dv li:hover{color:#fff}
.listbanner-dv li .item .l{width:50px;text-align:center;float:left;font-size:34px}
.listbanner-dv li .item .r{width: calc(100% - 50px);text-align:center;float:right;color:rgba(255,255,255,0.6);text-align:left;padding-left:15px}
.listbanner-dv li .item .r p{margin-bottom:0px;font-size:12px}
.listbanner-dv li .item .r .big{color:#fff;font-size:14px;font-weight:bold;margin:3px 0 5px 0}

.listbanner-dv li .item .l i{margin-top:10px;}
.tim{background:#735596 !important}
.xanh{background:#657cb8 !important}
.cam{background:#fd8a81 !important}
.do{background:#bc2025 !important}
.xam{background:#cacaca !important}
.xanhla{background:#5cac60 !important}
.hong{background:#fd8a81 !important}

.date-bar {
    background: #ddd;
    height: 40px;
    margin-bottom: 7px;
}

    .date-bar .date {
        line-height: 40px;
        padding-left: 7px;
        font-style: italic;
    }

.form-search {
    background: #fff; width:250px;
    margin: 0px; height:35px;border-radius:0px; color:#666; line-height:35px;border-radius:4px;margin-top:30px
}

    .form-search .form-control {
        background: none;
        border: none;outline:none;
        height:30px; padding:0px;
        box-shadow:none; font-size:11px;color:#666;text-indent:15px
    }

.form-search ::-webkit-input-placeholder {
    font-size: 12px;
    font-style: italic;
    color: #666 !important;
}

.form-search button {
    background: none; outline:none;
    border: none;height:35px; 
}

#main {
    background: #fff;
    margin:0px auto;border-left:1px solid #ddd;border-right:1px solid #ddd;padding-top:15px;
}

.ctn-footer,#topbar .container{}
.ctn-footer{background:#bd1208; padding-top:20px;box-shadow: 0px 3px 11px #111;}

footer{
        background: #012b57;
    min-height: 94px;
    color: #fff;
    padding: 20px 15px;font-size:12px;
    position: relative;
}
footer p{margin:7px 0}
footer h4{font-size:12px;font-weight:bold}
footer h4,footer a{color:#ffc268}

footer a:hover{color:#f3f5d1}


#main .col-left {
       width:calc(100% - 330px); float:left;
}

#main .col-right {
    width:310px; float:right;
}

   
.sitemaplist{list-style:none}
.sitemaplist li{padding:7px 3px; border-left:1px solid #ddd; text-transform:uppercase;font-weight:bold;font-size:11px}
.sitemaplist li.sub1{padding-left:20px;text-transform:none;font-weight:normal;font-size:12px}
.sitemaplist li.sub2{padding-left:40px;text-transform:none;font-weight:normal;font-size:12px;font-style:italic}
.listtailieu{margin-bottom:10px; border-bottom:1px dashed #ddd;padding-bottom:10px;list-style:none;padding:0px}
    .listtailieu h4 {
        margin-bottom: 0; font-size:12px; font-weight:bold; text-transform:uppercase;
        color: #0068b3;
    }

        .listtailieu li{margin-bottom:7px}

.banner-item {
    margin-bottom: 5px;
    border: 1px solid #eee;
}

    .banner-item img {
        width: 100%;
        display: block;
    }



       

.features-wrap {
    margin-bottom: 10px;
    overflow: hidden;
}

.features-item {
}

    .features-item .img {
        display: block;
        overflow: hidden;
    }

        .features-item .img img {
            width: 100%;
        }

    .features-item .title {
        font-size: 18px;
        color: #111;
        font-weight: bold;
    }
        .features-item .title  a{color:#000}

    .features-item .overview {
        font-size: 13px;text-align:justify
    }

.article-body h1 {
    font-size: 18px;
    font-weight: bold;
    line-height:150%;
    color:#182045;
    margin-top:0px;
}

.tinnoibat {
    font-size: 11px;
    font-weight: bold;
    margin: 0px;
    height: 32px;
    line-height: 32px;
    color: #333;
    background: #e7e7e7;
    padding: 0 10px;
}

.table tr td span{font-family:Arial !important}

.features-list {
    list-style: none;
    padding: 0px;
    margin: 0px;
    border: 1px solid #B1C0D6;
    height: 400px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

    .features-list li {
        margin-bottom: 7px;
        border-bottom: 1px dotted #B1C0D6;
        font-size: 12px;
        padding-left: 10px;
        padding-right: 7px;
    }

        .features-list li:last-child {
            border: none;
        }

        .features-list li p {
            margin: 0px;
            padding: 5px 0;
        }

        .features-list li a {
            line-height: 20px !important;
        }



        .features-list li .img {
            display: block;
            float: left;
            max-width: 30%;
            margin: 7px 7px 7px 0;
        }

            .features-list li .img img {
                margin-top: 3px;
            }

            .chitiet-btn{    padding: 7px 15px;
    font-size: 11px; text-transform:uppercase;
    color: #fff;border-radius:4px; color:#fff !important;     background: #ff8a00}
    
            .chitiet-btn i{margin-left:4px;}
.dlfile {
    color: #af0e00 !important;
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
}

    .dlfile i {
        margin-right: 7px;
    }

.pdl0 {
    padding-left: 0px;
}

.pdr0 {
    padding-right: 0px;
}

.carousel-fade .carousel-inner .item img{width:100%}

.category-list {
}

    .category-list .cat-item {
        margin-bottom: 15px;
    }

       .category-list .cat-item .header {
            line-height: 30px;
            padding: 15px 0px 10px 0px;
            border-top: 1px solid #ddd;
        }

            .category-list .cat-item .header:before {
                display: block;
                content: '';
                background: #012b57;
                height: 3px;
                margin-top: -18px;
                width: 25%;
            }


            .category-list .cat-item .header ul {
                margin: 0px;
            }

            .category-list .cat-item .header li {
                padding: 0px;
            }

                .category-list .cat-item .header li a {
                    color: #fff;
                    font-size: 10px;
                    padding: 0px;
                }

                .category-list .cat-item .header li:first-child a {
                    color: #033775;
                    font-size: 19px;
                    padding-left: 0px;
                    font-weight: bold;
                }

                .category-list .cat-item .header li:first-child i {
                    color: #171717;
                    font-weight: normal;
                    font-size: 14px;
                    margin-left: 5px;
                }

                   .category-list .cat-item .header h4 a {
                    color: #1d1d1d !important;
                }
                .category-list .cat-item .header h4 a:hover {
                    color: #012b57 !important;
                }

                

            .category-list .cat-item .header h4 {
                margin: 20px 0 0 0;
                padding: 0px;
            }
            





        .category-list .cat-item .body {
            padding: 7px 10px;
        }

            .category-list .cat-item .body .row {
                margin-left: -10px;
                margin-right: -10px;
            }

            .category-list .cat-item .body .first-article-item .img {
                margin: 0 10px 7px ;
                display: block;
                float:left;
                width:40%;
            }

                .category-list .cat-item .body .first-article-item .img img {
                    width: 100%;
                }

            .category-list .cat-item .body .first-article-item .title {
                font-size: 14px;
                font-weight: bold;
            }

            .category-list .cat-item .body .first-article-item .title a{
               color:#222;
            }

            .category-list .cat-item .body .first-article-item .ovv {
                line-height: 150%; color:#555;text-align:justify;
            }

            .category-list .cat-item .body .first-article-item .ovv a{font-size:12px; color:#af0e00;font-weight:bold}

            .category-list .cat-item .body ul {
                clear: both;
                padding-left: 0px;
                list-style: none;

            }

                .category-list .cat-item .body ul li {
                    margin-bottom: 10px;
                    background: url(../images/blue-dot.png) no-repeat left 4px;
                    padding-left: 10px;
                }

                 .category-list .cat-item .body ul li a {
                   color:#337ab7
                }


                

                    .category-list .cat-item .body ul li .date {
                        font-size: 12px;
                        color: #999;
                        margin-left: 7px;
                    }

                


                    .category-list .cat-item .body ul li:after {
                        content: '';
                        display: block;
                        clear: both;
                    }

                    .category-list .cat-item .body ul li a.img {
                        float: left;
                        margin: 0 7px 7px 0;
                    }

.fontsize{border-radius:50%; border:none;width:25px;height:25px;background:#af0e00; color:#fff;outline:none;line-height:18px}
.fontsize i{font-size:9px}
.fontsize:hover{background:#555;}

.document-tbl {
}

    .document-tbl tbody tr td:last-child ul li a {
        cursor: pointer;
        color: #337ab7 !important;
    }

.lykdate{font-size:12px;}
.lykdate i{margin-right:7px}

.comment-item{}
.comment-item .cleft{ float:left;width:65px; float:left}
.comment-item .cright{ float:right; width: calc(100% - 65px)}
.comment-item .btn-danger{padding:4px 20px;font-size:11px}


.commentbox{background:#f2f2f2; border:1px solid #ddd; padding:20px 0 0 0}

.md-item {
    margin-bottom: 10px;
    border: 1px solid #ddd;
}

    .md-item .header {
        background: #eee !important;
        line-height: 40px;
        padding: 0 10px;
        color: #ddd;
        font-weight: bold;
        font-size: 12px;
    }

        .md-item .header i {
            margin-right: 7px;
        }

    .md-item .body {
        padding: 5px;
    }

        .md-item .body .form-control {
            border-radius: 0px;
            padding: 5px;
            background: #f2f2f2;
        }

.lkws .header{background:none; color:#444}

.dvsn .header {
    background: url(../images/red-bg.jpg) no-repeat 100% !important;
    font-size:12px !important; line-height:35px !important; background-size:100% !important;
}
.dvsn .header a{color:#fff !important}
 .dvsn .header a:hover{color:#fcefd3 !important}

.dvsn .body {
    background: #f9f9f9;
    padding:20px 0 7px 0px; 
}

    .dvsn .body ul {
        list-style: none;
        padding: 0px;
        margin: 0 0 0 10px;
    }

        .dvsn .body ul li {
            margin-bottom:3px;
            background:url(../images/blue-dot.png) left 5px no-repeat;
            padding-left:10px;
            margin-bottom:14px;            
        }

            .dvsn .body ul li:last-child {
                border: none;
            }

            .dvsn .body ul li a {
                color: #182045 !important;
                display: block;
                padding:0px 0;font-size:12px;
            }
           


.nlist {
    padding: 10px 0 10px 0;
    border-bottom: 1px solid #ddd; margin-bottom:20px;
    margin-left: 0px;font-size:12px; color:#666
}

.img-sub {
    color: #a32402;
    font-style: italic;
    text-align: center;
    padding: 7px;
}

.nlist a {
   color: #0068b3;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold;
}

.nlist i {
    margin-left: 10px;
    margin-right:7px;
}

.article-body {
}

    .article-body img, .article-body table {
        max-width: 100%;
        height: auto;
        color: #444;
    }



    .article-body img{
         display:block; width:auto !important;
         height:auto !important;
         margin:auto;
     }

    .article-body .ovv {
        font-weight: bold;
        font-size: 13px;
        margin: 7px 0 10px 0;
    }

    .article-body p {
        line-height: 20px;
    }

    .article-body .author {
        font-weight: bold;
        text-align: right;
        margin: 20px 0 10px;
    }

.article-content div {
    margin-bottom: 10px;
    line-height: 20px;
}

.article-content table,.article-content iframe {
    max-width: 100% !important; 
    width:100% !important;
}


.article-item {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #ddd; text-align:justify
}

    .article-item .img {
        display: block;
        float: left;
        margin: 0px 10px 10px 0;
        width: 25%;
    }

        .article-item .img img {
            width: 100%;
        }

    .article-item h4 {
        margin-top: 0px;
        font-weight:bold;
        font-size:14px;
    }
     .article-item h4 a{
         color:#0068b3;
     }

.video-item{}
.video-item .img{display:block; height:150px; overflow:hidden; position:relative}
.video-item .img .play{position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.9); top:0px; left:0px; z-index:20; text-align:center;opacity:0.7;   -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;}
.video-item .img:hover .play{opacity:0.9}
.video-item .img .play i{color:#fff; margin-top:50px; font-size:50px;}
.video-item .img img{width:100%}
.video-item h4{font-size:11px; font-weight:bold; margin-bottom:10px}

.video .carousel-control.right,.video .carousel-control.left{background:none}
.video .carousel-control{opacity: 0.5;height: 40px;top: -45px; box-shadow:none}
.video .carousel-control:hover{color:#af0e00}
.video .carousel-control span{font-size:21px !important}

.img-wrap{}
.img-wrap .col-xs-6{margin-bottom:8px; }
.img-wrap .col-xs-6:nth-child(even){padding-left:4px}
.img-wrap .col-xs-6:nth-child(odd){padding-right:4px}
.img-item{height:75px; display:block; overflow:hidden}

.album-list{list-style:none; padding:0px;font-size:13px; text-transform:uppercase;}
.album-list li{margin-bottom:20px;    border-bottom: 1px dotted #ccc;    padding-bottom: 20px;}
.album-list li.active{color:coral; border-color:coral}
.album-list i{margin-right:10px; font-size:18px}

.lienketlist{padding:0px; margin:0px; list-style:none; }
.lienketlist li{padding: 5px}
.lienketlist .ddl{width:100%; border:none; padding: 5px 3px;background:none;font-size:12px;outline:none;cursor:pointer}

.listdichvu{list-style:none;padding:0px;background:#fff url(../images/listsv-bg.png) repeat-x bottom;    box-shadow: 0px 3px 15px #444;}
.listdichvu li{list-style:none;height:38px; line-height:38px; padding:0 5px;border-bottom:1px solid #e6e6e5; border-top:1px solid #fff;margin-bottom:0px; cursor:pointer}
.listdichvu li:hover{background:#eee}
.listdichvu li i{margin-right:7px;color:#a82034}
.listdichvu li a{display:block;color:#333}
.listdichvu li a:hover{color:#000}


.pagination > li > a, .pagination > li > span {
    border: none;
    font-size: 13px;
    color: #555;
    font-weight: bold;
    cursor: pointer;
}

.hoidap-item{border-bottom:1px dashed #ddd; margin-bottom:15px; padding-bottom:15px}

.pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span {
    border-radius: 0px;
}

.other-list {
}

    .other-list h2 {
        border-bottom: 2px solid #ccc;
        font-size: 18px;
        margin-bottom: 30px;
        font-weight: bold;
        padding-bottom: 15px;
    }

    .other-list ul {
        padding: 0px;
        margin-left: 20px;
    }

        .other-list ul li {
            margin-bottom: 10px;
        }

.trans03 {
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.toggle-title{    
    float: left;
    display:none;
    line-height: 30px;
    padding: 0 10px;
    color: #fff;
    font-size: 12px;}

.smalltb{margin-top:5px; color:#888}



/*full Calendar*/
.fc-event-container div {
    font-size: 11px;
    padding: 3px;
    color: #666;
    background: blanchedalmond;
}




    .fc-event-container div h5 {
        color: darkorange;
        margin: 0px;
        font-size: 11px;
    }

.fc-unthemed td.fc-today {
    background: chocolate !important;
    color: #fff;
    font-weight: bold;
}

.fc-toolbar .fc-left h2 {
    font-size: 14px;
    font-weight: bold;
    line-height: 25px;
}

.fc-row:hover {
    overflow: visible !important;
}


.lxx-table{}
.lxx-table thead th{text-align:center; font-weight:bold; background:#af0e00; color:#fff}
.lxx-table tr td{vertical-align:middle !important}
.smallbanner{display:none}
.mainbanner{position:relative;background:#eee}
.mainbanner .top{position:absolute; left:0px; top:0px; z-index:999}


.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}


.marquee {
    height:250px;
  overflow: hidden;
}




@media (min-width:1170px) {
    .col1{width:20%}
    .col2{width:55%}
}

@media (max-width:1200px) {


    header .logo{background:url(../images/logo-small.png);width:300px; height:79px; background-size:100% 100%}
    header{background-size:auto;height:auto}
}



/*Ipad*/


@media (max-width:991px) {
    #main{margin:0px auto}
    #topbar .date{display:none}
    #topbar .topbar-list li span{display:none}
    /*NAVIGATION TOGGLE*/

      .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
    }
    .navbar-nav>li {
        float: none;
        border-bottom:1px dotted #bbb;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
        background:#f2f2f2; height:auto; 
    }

      .navbar-header, .navbar-toggle,.navbar-default .navbar-toggle .icon-bar, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
        background: #012b57;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background: #fff;
    }
    .navbar navbar-default .container{background:#f2f2f2}
   

    .toggle-title{display:block;}

    /*END NAVIGATION*/
    .navbar-default .navbar-collapse li > a {
                color: #333;
            }


    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > li:hover > a{background-image:none}
    .navbar-default .navbar-collapse li .btn {
    position: absolute;
    right: 10px;
    top: 0px;
    background: none;
    display: block;
    box-shadow: none;
    background:#af0e00;
    color: #fff;
    padding: 3px 12px;
    margin: 4px;
    }
    .navbar-default .navbar-collapse li{border-right:none !important}
    .navbar-default .navbar-collapse li .dropdown-menu{width:100%;background:#fff}


    .features-list{height:350px;}
    .navbar-default .navbar-collapse  .nav > li{display:block; text-align:left;background:#f2f2f2}

    .navbar-default .navbar-collapse  .nav > li:first-child{margin-left:0px}
    .navbar-default{z-index:99}
    header .logo {
    }

    .mnleft,.mnright{float: none;width:auto}

    .lSSlideOuter .lSPager.lSpg > li a{z-index:0 !important}
    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > li:hover > a{color:#012b57}
}

/*Phone*/


@media (min-width:768px)
{
     #main .left-wr {
        padding-right: 0px;
    }

     #main .col-right{
         /*padding-right:10px;*/
     }
}

@media (max-width: 767px) {
    header .right,header .left{float:none;width:auto}
    header .right{display:none}
   #main .col-left, #main .col-right{float:none;width:auto}
  .form-search{display:none}

    #main {
        padding-right: 15px;
        padding-left: 15px;
    }

     .category-list .cat-item .body .row .pdr0 {
        padding-left:0px
    }

     .category-list .cat-item .body .row .pdl0 {
        padding-right:0px
    }

     .category-list .cat-item .body .first-article-item{
         margin-bottom:20px;
         border-bottom:1px dotted #ddd;
     }

    .category-list .cat-item .header li a {
        font-size: 10px;
        padding: 0px;
    }

    #main .col-left, #main .col-right {
        padding-left: 0px;
    }

    .features-item {
        margin-bottom: 30px;
        border-bottom: 1px solid #ccc;
        padding-bottom: 20px;
        min-height:450px;
    }

    .article-item .img {
        float: none;
        width: auto;
    }

    .article-content a{
        color:#337ab7 !important;
    }

     .article-body  {
         text-align:justify
    }

    .article-body img {
        width: auto !important;
        height:auto !important;
    }

    .navbar-nav {
        margin: 0px 0px;
       
    }

    .form-search {
        width: auto;
        text-align: right;
    }
  

    .banner-item {
                margin: 0 auto 10px auto;
    }

    header {
        overflow: hidden;
    }

       footer .text-right{text-align:left; margin-top:10px; color:burlywood}

       .category-list .cat-item .body .first-article-item .img{float:none; margin:0 0 10px 0; width:100%}

    .features-list {
        height: auto;
    }
}
@media (max-width: 640px) {
    
        
}



@media (max-width: 480px) {
      .smallbanner {display: block;}
    .mainbanner{display:none}
   .topbar .col-sm-4 {display:none}
   .topbar .col-xs-6{width:100%}
}

@media (max-width: 320px) {
}