ul.lastest-news {
    display: grid;
}

.ui-tabs .ui-tabs-panel {
    margin-top: 10px;
}

.mobile-menu-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    display: none;
}

.mobile-menu-wrap {
    width: 280px;
    position: fixed;
    top: 0;
    right: 0;
    width: 280px;
    height: 100%;
    background: #fff;
    z-index: 9999;
    visibility: hidden;
    transform: translateX(100%);
}

.mobile-menu-wrap.animate {
    transition: all 0.35s ease;
}

.mobile-menu-wrap .logo {
    border-bottom: 1px #ddd solid;
    padding: 10px;
    text-align: center;
}

.mobile-menu-wrap .menu {
    background-color: #039;
    height: calc(100vh - 141px);
    overflow: auto;
}

.mobile-menu-toggle-btn {
    position: absolute;
    top: -2px;
    right: 10px;
    cursor: pointer;
    font-size: 25px;
    display: none;
}

.mobile-menu-toggle-btn i {
    color: #fff;
}

.mobile-menu-toggle-btn:hover {
    background-color: transparent;
}

.mobile-menu-toggle-btn i:hover {
    color: #60b5ff;
}

.title-edit li h3 {
    display: unset;
}

.change-display {
    display: flex;
    margin-top: 5px;
}

.change-display .fb-share-button {
    margin: 0 5px 0 1px;
}

#search .input-group {
    background: #FFF;
    border: #FFF;
    border-radius: 4px
}

#search .input-group #topmenu_search_query {
    height: auto;
    background: transparent;
    border: transparent;
    padding: 0px;
    box-shadow: none;
}

#topmenu_search_submit {
    background: transparent;
    border: transparent;
}

#search .btn-info:hover {
    color: #000 !important;
}

.top {
    display: flex
}

.ds-flex {
    display: flex
}

.flex-search {
    flex-grow: 1;
    justify-content: end;
    align-items: center;
}

.flex-search ul.slimmenu > li, .menu-top ul.slimmenu > li {
    margin-right: 0;
    bottom: 0;
}

.flex-search ul.slimmenu, .menu-top ul.slimmenu {
    display: flex;
    justify-content: center;
    align-items: center;
}

.flex-search ul.slimmenu li a, .menu-top ul.slimmenu li a {
    padding: 0px;
}

.menu-top {
    margin-left: 5px;
}

.menu-top ul li a {
    color: #FFF !important;
}

.menu-top ul li {
    padding-right: 7px;
}

.panel {
    background-color: transparent !important;
}

ul.lastest-news .height-text {
    height: 89px;
    overflow: hidden;
}

ul.lastest-news .height-text a {
    font-weight: bold;
    color: #000;
    font-size: 13px;
}

ul.lastest-news li {
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc
}

.bg-slide {
    height: 340px;
}

ul.lastest-news {
    margin-bottom: 0px;
}

ul.lastest-news li:last-child {
    margin-bottom: 0px;
}

.mgbt10 {
    margin-top: 10px
}

.videotop li img{
    border: 1px solid #ccc;
}

.videotop {
    padding-left: 0px;
}

.videotop li:first-child {
    padding-top: 0px;
}

.videotop li{
    background-color: #eaeaea;
    padding-top: 5px;
}

.videotop li span:nth-of-type(2) {
    font-size: 12px;
}

.pdlr0 {
    padding: 0 10px;
    margin-bottom: 10px;
}

#hot-news ul.other-news {
    border-top: 0px;
}

div.news_column .images .imghome {
    border: 0px;
    background-color: transparent;
    border-radius: 0px;
}

.imgcenter a img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.slide_album .bx-wrapper {
    margin-bottom: 0px;
}

@media (min-width: 993px) and (max-width: 1060px){
    #menusite #menu-site-default ul li a {
        padding-left: 14px;
        padding-right: 15px;
    }
    .jscarousal-horizontal-back, .jscarousal-horizontal-forward {
        left: 0px!important;
    }
}

@media (min-width: 992px) and (max-width: 1000px){
    .conterna_menu{
        padding-bottom: 15px;
    }
}

@media ( min-width : 819px) and (max-width : 991px) {
    .slide-contaier #slide .jscarousal-contents-horizontal {
        top: -5px;
        left: 0px;
    }
}

@media ( max-width : 1096px) {
    .conterna_menu #header .logo a img {
        width : 12.8vw;
        height : auto;
        max-height: none;
    }
}

@media ( max-width : 1064px) {
    .jscarousal-horizontal-back, .jscarousal-horizontal-forward {
        left: 15px!important;
    }
}

@media ( max-width : 1000px) {
    .flex-search {
        justify-content: center;
    }
    .mobile-menu-toggle-btn {
        display: block;
    }
    .navbar-default {
        display: none;
    }
    .open-menu .mobile-menu-bg {
        display: block;
    }
    .open-menu .mobile-menu-wrap {
        visibility: visible;
        transform: translateX(0px);
    }
    .top {
        border-radius: 0px;
    }
    #body #hot-news{
        padding-top: 10px;
    }
}

@media ( max-width : 991px) {
    .conterna_menu{
        padding-bottom: 5px;
    }
    .jscarousal-horizontal-back, .jscarousal-horizontal-forward{
        top : -35px!important; 
        left: 160px!important;
    }
}

@media ( max-width : 915px) {
    .jscarousal-horizontal-back, .jscarousal-horizontal-forward{
        left: 100px!important
    }
}

@media ( max-width : 896px) {
    .jscarousal-horizontal-back, .jscarousal-horizontal-forward{
        left: 90px!important
    }
}

@media ( max-width : 851px) {
    .jscarousal-horizontal-back, .jscarousal-horizontal-forward{
        left: 46px!important
    }
}

@media ( max-width : 844px) {
    .jscarousal-horizontal-back, .jscarousal-horizontal-forward{
        left: 40px!important
    }
}

@media ( max-width : 820px) {
    .jscarousal-horizontal-back, .jscarousal-horizontal-forward{
        left: 10px!important
    }
}

@media ( max-width : 768px) {
    #slide .jscarousal-horizontal-back, #slide .jscarousal-horizontal-forward{
        left: 63px !important;
    }
}

@media ( max-width : 767px) {
    .login {
        display: none;
    }
    #topnews {
        margin-top: 20px !important;
    }
}

@media (max-width: 740px){
    #slide .jscarousal-horizontal-back, #slide .jscarousal-horizontal-forward {
        left: 36px !important;
    }
}

@media (max-width: 717px){
    #slide .jscarousal-horizontal-back, #slide .jscarousal-horizontal-forward {
        left: 16px !important;
    }
}

@media ( max-width : 667px) {
    #slide .jscarousal-horizontal-back, #slide .jscarousal-horizontal-forward{
        left: -40px!important;
    }
}

@media ( max-width : 540px) {
    #slide .jscarousal-horizontal-back, #slide .jscarousal-horizontal-forward{
        left: -160px!important;
    }
}

@media ( max-width : 499.98px) {
    .conterna_menu #header .logo{
        margin-bottom : 0px;
    }
}

@media ( max-width : 499px) {
    .img-banner img {
        height: inherit;
    }
    .menu-top {
        display: none;
    }
    .flex-search {
        flex-grow: inherit;
        margin-left: 5px;
    }
}

.conterna_menu{
    height: auto;
}

.conterna_menu #header{
    display: flex;
    position: unset;
    align-items: center;
    min-height: auto;
    margin-top: 5px;
}

.conterna_menu #header .logo{
    position: absolute;
    padding: 0px 0px 0px 0px;
}

.conterna_menu #header #banner{
    position: relative;
}

#body div.news_column .panel-heading {
    padding: 4px 0 3px 0 !important;
}

.mobile-menu-wrap .metismenu .sidebar-nav ul ul a {
    background-color: #0000004f;
}

.mobile-menu-wrap .metismenu .sidebar-nav {
    background: transparent;
}

.mobile-menu-wrap .metismenu .sidebar {
    background: transparent;
}

.mobile-menu-wrap .metismenu .sidebar-nav ul ul a:hover,.mobile-menu-wrap .metismenu .sidebar-nav ul ul a:focus,.mobile-menu-wrap .metismenu .sidebar-nav ul ul a:active {
    background-color: #0043c8;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    font-size: unset;
    font-weight: unset;
    margin-right: unset;
    margin-left: unset;
}

#search {
    padding-right: 5px;
}

#search .input-group #topmenu_search_query {
    margin-top: 2px;
    margin-left: 2px;
}


.page .panel-primary .panel-heading {
    background: url(../images/bg-panel.jpg) repeat;
}

.blockedu .panel-heading {
    background: url(../images/bg-panel.jpg) repeat;
}

.footer-info .info-title {
    font-size: 14px;
    font-weight: 700;
    color: rgb(0, 0, 255);
}

.info-phone a {
    color: #333333 !important;
}

@media ( max-width : 1200px) {
    #footer .panel-body strong, .footer-info .info-title {
        color: #fff;
    }

    .info-phone a {
        color: #fff !important;
    }
}

.footer-info p {
    margin: 0;
}

.footer-info em {
    text-align: center;
    width: 1em;
}
