body .container,
body .span12,
body .row {
    max-width: 1026px !important;
    margin: auto;
}

.container-fluid {
    margin: 0px;
    padding: 0px!important;
}

.returnhome{color: #fff;height: 32px;line-height: 32px;}
.returnhome:hover{color: #fff;}
.block-news .block-title{ margin-top: 0;}
.block-news .block-title a, .block-news .block-title span {
    font-size: 22px;
    padding-bottom: 5px;
    display: block;
    border-bottom: solid thin #dfdfdf;
    color: #00568f;
    text-decoration: none;
}
.swiper-slide img{    
    border: #d2d2d2 solid 3px;
    margin-bottom: 5px;
}
.text-bold{ font-weight: bold;}
.lbnr label{ font-weight: normal;color: #a94442;}
.view-more{ margin-bottom: 5px;}
.ad-img img{width: 125px; height: 90px;}
/* Large Devices, Wide Screens */

@media only screen and (max-width: 1200px) {}


/* Medium Devices, Desktops */

@media only screen and (max-width: 992px) {
	
}

/* Small Devices, Tablets */

@media only screen and (max-width: 768px) {
    .logo,
    .logo img {
        height: 70px;
    }
    .logo-text {
        padding-top: 35px;
        padding-left: 10px;
    }
    .logo-text h3 {
        font-size: 15px;
    }
    .logo-text h4 {
        font-size: 13px;
    }
    .navbar-default,.navbar-nav {
    	padding:0px;
    	margin:0px;
    }

    .swiper-slide .caption {
        font-size: 14px;
        padding:5px;
    }
    .footer .right-align {
        text-align: center;
    }

    .list-category .block-news .left-news .thumb {
        font-size: 13px;
    }
    .list-category .block-news .left-news .desc {
        font-size: 12px;
    }

    .left-search {
        margin: auto;
        width: 217px;
        text-align: center;
    }

    .list-btn-course {
        padding:0px;
    }
  
}


/* Extra Small Devices, Phones */

@media only screen and (max-width: 480px) {
    .swiper-slide .caption {
        font-size: 11px;
    }
    .view-cat {
        display: none;
    }
}


/* Custom, iPhone Retina */

@media only screen and (max-width: 320px) {
    .product-block .product-thumb .sale {
        position: absolute;
        top: 5%;
        right: 5%;
    }
}

.quick-menu {
    background: #005180;
}.header-banner {
    background: #005180;
    height: auto !important;
}.navbar-default {
    background: none;
    border: none;
    color: #fff;
    min-height: auto;
    margin-bottom: 0px;
    background-color: #005180;
    border-radius: 0;
}.orange-line {
    background-color: #fa7d37 !important;
    height: 5px;
}
 .orange-line, .navbar-default .navbar-nav > li > a:hover {
    background-color: #fa7d37 !important;
}
 .dropdown-menu {
    background-color: #fa7d37 !important;
    border-left: none;
    border-right: none;
    border-bottom: none;
    border-top: solid thin #fa7d37 !important;
}
 .navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover,
.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
    background-color: #fa7d37 !important;
    color: #fff;
}
 .nav .dropdown:hover{background-color: #fa7d37!important;}
 .orange-line{background-color: #fa7d37!important;}
 .header,.top-menu {
    background-color: #005180;
}
.logo-text a{ color: #fff;}
.block-news .title{border-bottom: solid 4px #005180 !important;}
.block-news .title a {background-color: #005180 !important;} 
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover{background-color: #1887c7 !important}


/*Tuấn Anh chỉnh sửa CSS ngày 15/03/2018*/ 

@font-face {
    font-family: 'Bebas';
    src: url('../fonts/UTMBebas.woff2') format('woff2'),
         url('../fonts/UTMBebas.woff') format('woff'),
         url('../fonts/UTMBebas.svg#UTMBebas') format('svg');
    font-weight: normal;
    font-style: normal;
}

.header,.header-banner,.quick-menu {background: #fff}
.quick-menu li a,.returnhome { color: #000; text-transform: uppercase;font-weight: bold}
.quick-menu li {padding-right: 0}
.quick-menu li a:after { content: "|"; display: inline-block; margin-left: 15px;color: #000}
.quick-menu li:last-child a:after { display: none}
.menutop,.quick-menu { border-bottom: 1px solid #e9e9e9; box-shadow: -1px 0 5px #e9e9e9; padding-bottom: 7px;margin-bottom: 7px}
.quick-menu { padding-bottom: 0;margin-bottom: 0}
.search-box { border: 1px solid #d4d6d9; padding-top: 0; padding: 5px;margin-top: 25px}
.search-box .search-input { outline: none; float: left; box-sizing: border-box; width: calc(100% - 96px);min-width: auto}
.search-box .search-button { float: right; outline: none;border-radius: 3px}
.logo-text,.logo-text a { color: #003864;font-family: Bebas}
.logo-text h3 {font-size: 30px}
.logo-text h4 {font-size: 23px}
.logo-text {padding-top: 12px}
.menumain {background: #004370}
.orange-line {display: none}
.trangchu a{font-size: 17px!important}

#linkwebsite { margin-top: 15px}
#linkwebsite .title {font-size: 24px;font-family: Times New Roman;padding-bottom: 5px;display: block;border-bottom: solid thin #dfdfdf;
    color: #4c4c4c;margin-bottom: 10px;}
#linkwebsite .swiper-slide { margin-bottom: 10px; width: calc((100% - 20px) / 2); margin-right: 20px;float: left}
#linkwebsite .swiper-slide:nth-child(2n) {margin-right: 0}
#linkwebsite .swiper-slide:last-child {margin-bottom: 0}
.slidebanner { width: 85%; float: left} 
.menumain,.list_afterbaner {background: #005180}
.list_afterbaner { width: 15%; float: right; height: auto; margin: 0;height: 400px}
.list_afterbaner ul { padding: 0; margin: 0}
.list_afterbaner ul li { padding: 0 10px; width: 100%; height: calc(400px / 6); box-sizing: border-box; display: table;position: relative}
.list_afterbaner ul li .item { width: 100%; position: absolute; top: 50%; transform: translateY(-50%);-moz-transform: translateY(-50%)}
.list_afterbaner ul li img { width: 35px!important; margin: 0; height: auto; position: absolute; left: 0; top: 50%; transform: translateY(-50%);-moz-transform: translateY(-50%)}
.list_afterbaner ul li a { width: calc(100% - 35px); float: right; margin: 0; text-align: left; padding-left: 10px; box-sizing: border-box;margin-top: 3px}
 
.returnhome { border-color: #333 !important;line-height: 42px}
.returnhome:hover {color: #005180}
.logo-text {padding-top: 30px}
.quick-menu form {border: 1px solid #333}
.navbar.navbar-default .nav.navbar-nav.navbar-right {display: none}

.footer {background: #0067b3 url(footer.png) no-repeat bottom center}
/*.header .row {overflow: hidden}*/ 

.quick-menu.left-search { border-bottom: none; box-shadow: none}
 /*End Tuấn Anh chỉnh sửa CSS ngày 15/03/2018*/
.notice-list .swiper-slide{ width: 49%; margin-right: 1%; float: left}
.notice-list .swiper-slide img{ max-width: 100%;}

.nopadding{ padding: 0; }
.title_dkts{font-weight: bold; font-size: 25px; text-align: center; text-transform: uppercase; background: #fff; margin-bottom: 5px;}
.title_dkts2{font-size: 15px; text-align: center; margin-bottom: 15px; background: #fff}
.pr-15{ padding-right: 15px; }
#DKNhanTTTS{ background: none; min-height: 0; padding: 0; margin: 0; font-size: 14px; }
#DKNhanTTTS #frmpost{ padding: 0; margin: 0; padding-top: 10px; }
#DKNhanTTTS .error{ background: none; padding: 0; color: red; font-weight: normal; }
#DKNhanTTTS .control-label{ font-size: 14px; }
#DKNhanTTTS .title_dkts{ font-size: 20px; }
#DKNhanTTTS .form-check label{ font-weight: normal; }
#DKNhanTTTS .ckxitem{ margin-top: 7px; }
#DKNhanTTTS .ckxitem .col-md-3{ position: static; }
#DKNhanTTTS .form-check label.error{ position: absolute; top: 80px; right: 0; width: auto; }
#DKNhanTTTS .clstgmm{ display: flex; align-items: center; margin-top: 7px; }
#DKNhanTTTS .clstgmm .col-md-2{ position: static; }
#DKNhanTTTS .clstgmm .col-md-2 label.error{ position: absolute; top: -32px; right: 0; width: auto; }
#DKNhanTTTS .clstgmm .col-md-2.clstunam label.error{ top: -52px; }
#DKNhanTTTS .clstgmm .col-md-2.clstunam{ margin-right: 15px; }
#DKNhanTTTS .clstgmm .slthang{height: 34px; border: 1px solid #ccc; border-radius: 4px;}
#mymodal .panel{ margin: 0; }
#mymodal .panel-heading{background: none;border: none;}
#mymodal .panel-heading button{color: red; opacity: 1;}
#mymodal .panel-body{ padding: 0 15px; }