@media (max-width: 991px) {
  .navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a,
  .navbar-nav > .messages-menu > .dropdown-menu > li.footer > a,
  .navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a {
    background: #fff!important;
    color: #444!important;
  }
  .navbar-nav > .user-menu > .dropdown-menu > .user-body a {
    background: #fff !important;
    color: #444 !important;
  }
  .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default:hover {
    background-color: #f9f9f9;
  }
  .navbar-custom-menu > .navbar-nav {
    float: right;
  }
  .navbar-custom-menu > .navbar-nav > li {
    position: static;
  }
  .navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
    position: absolute;
    right: -40px;
    border: 1px solid #ddd;
    background: #fff;
  }
  .chart-legend > li {
    float: left;
    margin-right: 10px;
  }
  .error-page {
    width: 100%;
  }
  .error-page > .headline {
    float: none;
    text-align: center;
  }
  .error-page > .error-content {
    margin-left: 0;
  }
  .navbar-collapse.pull-left {
    float: none!important;
  }
  .navbar-collapse.pull-left + .navbar-custom-menu {
    display: block;
    position: absolute;
    top: 0;
    right: 40px;
  }
  .navbar-custom-menu .navbar-nav > li {
    float: left;
  }
  .navbar-custom-menu .navbar-nav {
    margin: 0;
    float: left;
  }
  .navbar-custom-menu .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 20px;
  }
  .content-header > .breadcrumb {
    position: relative;
    margin-top: 5px;
    top: 0;
    right: 0;
    float: none;
    background: #d2d6de;
    padding-left: 10px;
  }
  .content-header > .breadcrumb li:before {
    color: #97a0b3;
  }

}


@media (min-width: 768px) {	
.modal-content {
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
  }
.sidebar-collapse .content-wrapper,
  .sidebar-collapse .right-side,
  .sidebar-collapse .main-footer {
    margin-left: 0;
  }
.pace .pace-activity {
      display: block;
      position: fixed;
      z-index: 2000;
      top: 12px;
      left: 148px;
      width: 28px;
      height: 28px;
      border: solid 2px transparent;
      border-top-color: #fcfbdc;
      border-left-color: #fcfbdc;
      border-radius: 20px;
      -webkit-animation: pace-spinner 400ms linear infinite;
      -moz-animation: pace-spinner 400ms linear infinite;
      -ms-animation: pace-spinner 400ms linear infinite;
      -o-animation: pace-spinner 400ms linear infinite;
      animation: pace-spinner 400ms linear infinite;
    }
  .sidebar-collapse .main-sidebar,
  .sidebar-collapse .left-side {
    -webkit-transform: translate(-250px, 0);
    -ms-transform: translate(-250px, 0);
    -o-transform: translate(-250px, 0);
    transform: translate(-250px, 0);
  }
  .sidebar-mini.sidebar-collapse .content-wrapper,
  .sidebar-mini.sidebar-collapse .right-side,
  .sidebar-mini.sidebar-collapse .main-footer {
    margin-left: 50px!important;
    z-index: 840;
  }
  .sidebar-mini.sidebar-collapse .main-sidebar {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    width: 50px!important;
    z-index: 850;
  }
  .sidebar-mini.sidebar-collapse .sidebar-menu > li {
    position: relative;
  }
  .sidebar-mini.sidebar-collapse .sidebar-menu > li > a {
    margin-right: 0;
  }
  .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span {
    border-top-right-radius: 4px;
  }
  .sidebar-mini.sidebar-collapse .sidebar-menu > li:not(.treeview) > a > span {
    border-bottom-right-radius: 4px;
  }
  .sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom-right-radius: 4px;
  }
  .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right),
  .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
    display: block!important;
    position: absolute;
    width: 180px;
    left: 50px;
  }
  .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span {
    top: 0;
    margin-left: -3px;
    padding: 12px 5px 12px 20px;
    background-color: inherit;
  }
  .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
    top: 44px;
    margin-left: 0;
  }
  .sidebar-mini.sidebar-collapse .main-sidebar .user-panel > .info,
  .sidebar-mini.sidebar-collapse .sidebar-form,
  .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span,
  .sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu,
  .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > .pull-right,
  .sidebar-mini.sidebar-collapse .sidebar-menu li.header {
    display: none!important;
    -webkit-transform: translateZ(0);
  }
  .sidebar-mini.sidebar-collapse .main-header .logo {
    width: 50px;
  }
  .sidebar-mini.sidebar-collapse .main-header .logo > .logo-mini {
    display: block;
    margin-left: -15px;
    margin-right: -15px;
    font-size: 18px;
  }
  .sidebar-mini.sidebar-collapse .main-header .logo > .logo-lg {
    display: none;
  }
  .sidebar-mini.sidebar-collapse .main-header .navbar {
    margin-left: 50px;
  }
  .control-sidebar-open .content-wrapper,
  .control-sidebar-open .right-side,
  .control-sidebar-open .main-footer {
    margin-right: 250px;
  }
}

@media(max-width:768px){
.banner-section{display:block;}
 body .forcefullwidth_wrapper_tp_banner, body #rev_slider_2_1_wrapper, body #rev_slider_2_1, body .tp-bgimg.defaultimg{height: 300px!important; min-height: 300px!important;}  
.forcefullwidth_wrapper_tp_banner{margin-top: 65px!important;}
.logo-img{
    margin-top: 5px;
}
.main-header .logo .logo-lg{display:none;}
.home.main-header .logo .logo-lg{position: absolute;
    top: 340px; display:block;
    font-size: 24px;
    color: #fff;}
#form_register .box-body {
    width: 100%;
    background: #ffffff;
}
.form-horizontal .form-group{margin-left: 0px; margin-right: 0px;}	
#show-ketqua, #show-thoigian, #show-top-ketqua, .answer{position:relative; float:left; width:90%; margin-top:5px; margin:3%;}
.hidden_view{background:#fff!important;}
#take-quiz .col-md-10, #take-quiz .col-md-2{ width:100%; }
#score-static, #bt-nopbai {
    padding: 10px; margin-top: 26px!important;
	width:50%; float:left;
}
.blanks .ch_keo {
    width: 50%;
}
#question-panel #question, #take-quiz #toolbox{
    padding: 5px 10px;
}
.blanks .ch_keo .ch_duoi {
    min-height: 90px;
}
.jdropwords .blanks .ch_duoi .blank {
    height: 50px;
}
.content-wrapper .main-sidebar.mb-menu-right{background-color: #012d48db!important;}
.list-baihoc-view-item{ padding: 0px;}
.navbar-nav .open .dropdown-menu{position: absolute; background: #fff;}
.captcha-image.image_captcha.col-md-4{width: 55%; float: left; padding-left: 0px;}
.form-group.col-md-5.input-captcha{width: 45%; float: left;}
.form-group.col-md-3{float: left;}
.btn-primary.nap-tien{padding: 7px 12px!important;}
.user-diem{margin-top: 9px;}
.diemtaikhoan {
    padding: 9px 12px!important;
}
.top-menu ul li a{padding: 12px 35px;}
#register .form-group .col-md-offset-3 .checkbox{padding-left: 35px;}
.main-header .navbar-custom-menu ul .user-menu ul li{width: 80%;}
.skin-blue-light .main-header .navbar-custom-menu ul .user-menu ul li a{color: #616567;}
.skin-blue-light .main-header .navbar-custom-menu ul .user-menu ul li a:hover{color: #fff;}
b.logo-s{width: 100%; display: inline-block;}
.main-header .navbar-custom-menu ul .user-menu a.dropdown-toggle.mg-right{ color: #fff; border-radius: 3px;}
.user-thongbao a{background: #369890; color: #fff; border-radius: 3px;}
.col-md-12.view-content{float:left; width: 100%;}
.detail_video_watch {
    margin-top: 10px;
    float: left;
}
.detail-tabs {
    margin: 0px -14px;
}
.lg-tabs{
	font-size: 18px;
    margin-bottom: 10px;
}
.tab-mb-menu{padding: 2px; width: 100%;float: left;}
.list-video{width: 100%;float: left;}	
.entry-video{width:48%;}
a.tab-item{ width:50%; float:left;border: 1px solid #e5f1f7; background: #fff;}
#menuUp .dropdown-menu{display:block!important; z-index:99999; position: fixed;width: 50%;}
#menuUp .dropdown-menu li{width: 80px;  float: left;}
#menuUp .dropdown-menu > li > a{padding-top: 3px!important;}
.main-footer .widget_text{width:100%!important; float:left!important; margin-bottom: 20px;}
.main-footer .widget_text strong{border-bottom:none!important;}
.col-md-home{ width:48%;}
.banner-header .email-header{margin-top: 100px; padding: 0px 20px;}
#call-to-action{margin: 40px 20px!important;}
h2.title_icon_home{font-size: 26px;}
.banner-header{max-height: 480px;     margin-top: 140px;}
.navbar.is-hidden{display:none;}
.content-wrapper,
  .right-side,
  .main-footer {
    margin-left: 0;
  }
.sidebar-open .content-wrapper,
  .sidebar-open .right-side,
  .sidebar-open .main-footer {
    -webkit-transform: translate(250px, 0);
    -ms-transform: translate(250px, 0);
    -o-transform: translate(250px, 0);
    transform: translate(250px, 0);
  }
.fixed .content-wrapper,
  .fixed .right-side {
    padding-top: 40px;
  }
  .fixed .main-header,
  .fixed .main-sidebar,
  .fixed .left-side {
   width:100%;   
  }
  .fixed .main-sidebar,
  .fixed .left-side {
   display:none; z-index:9999999; background: #012d48db; max-width:280px!important; 
  }
  .main-sidebar.is-active{display:block!important;}
  .fixed .main-sidebar .slimScrollDiv,
  .fixed .left-side .slimScrollDiv{
  	max-width:260px!important;  background: #fff;
  }
  .main-sidebar.right-sidebar.mb-menu-right{left: 0!important; right:auto!important;}
  .content-wrapper{width:100%;}
  .navbar-collapse .main-header .navbar-right {
    margin: 7.5px -15px;
  }
  .main-header .navbar-right > li {
    color: inherit;
    border: 0;
  }
.main-header {
    position: relative; max-height: 60px;
  }
  .main-header .navbar {
    width: 100%;
    float: none;
  }
  .main-header .logo{ width:75%; float:left; height: 60px;}
  .skin-blue-light .main-header .logo{
	  background-color: #00588c;
	  background: -webkit-gradient(linear,left top,right top,color-stop(0%,#033858),color-stop(50%,#0b4769),color-stop(100%,#3c8dbc));
    background: -webkit-linear-gradient(left,#033858 0,#0b4769 50%,#3c8dbc 100%);
    background: -o-linear-gradient(left,#033858 0,#0b4769 50%,#3c8dbc 100%);
    background: -ms-linear-gradient(left,#033858 0,#0b4769 50%,#3c8dbc 100%);
    background: linear-gradient(to right,#033858 0,#0b4769 50%,#3c8dbc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#033858',endColorstr='#3c8dbc',GradientType=1);
}
.navbar-toggle .icon-bar {
    display: block;
    width: 30px;
    height: 4px;
    border-radius: 1px;
}
.fixed .main-header {
    background: #327fab;
}
  .mb-none-view{display:none!important;}
  #menu-button{cursor:pointer;}
  .top-menu .show-menu{
	display:none; 
	background-color: #5864b3; 
	overflow-y: auto; 
	max-height: 540px;
	float: left;
    width: 100%;
	}
  .top-menu .show-menu.collapse.in{display:block!important;}
  
  .main-header #menu-button{width:70px; float:right;}
  .main-header .navbar {
    margin: 0;
  }
  .main-header .navbar-custom-menu {
    float: right;
  }
.login-box,
  .register-box {
    width: 90%;
    margin-top: 20px;
  }
  .error-page > .error-content > h3 {
    text-align: center;
  }
.control-sidebar {
    padding-top: 100px;
  }
.nav-tabs.control-sidebar-tabs {
    display: table;
  }
  .nav-tabs.control-sidebar-tabs > li {
    display: table-cell;
  }
.main-sidebar,
  .left-side {
    padding-top: 55px;
  }

.navbar-nav > .user-menu .user-image {
    float: none;
    margin-right: 0;
    margin-top: -8px;
    line-height: 10px;
  }
.sidebar-open .main-sidebar,
  .sidebar-open .left-side {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
.small-box {
    text-align: center;
  }
  .small-box .icon {
    display: none;
  }
  .small-box p {
    font-size: 13px;
  }
.navbar-nav {
    margin: 10px 10px;
}
.top-menu ul.navbar-nav li{border-bottom: 1px solid #4854a3;}
ul.navbar-nav li:last-child{border:none;}
.main-header > .navbar{min-height: 5px; background-color: #fff!important;     margin-top: 60px;}
.skin-blue-light .main-header .navbar .nav>li>a {
    padding-top: 8px;
    padding-bottom: 8px;
}
.nap-tien{color: #fff!important;}
.main-header .navbar-toggle {
    padding: 20px;
    border-radius: 0px;
    margin: 0px;
}
.main-header .navbar-toggle span {
    background: #fff;
}
}

@media(max-width:480px){
body .forcefullwidth_wrapper_tp_banner, body #rev_slider_2_1_wrapper, body #rev_slider_2_1, body .tp-bgimg.defaultimg{height: 200px!important; min-height: 200px!important;}
.select_luyentap {
    width: 100%!important;
}
#toolbox, .row-question{width: 100%!important; margin-right:0px!important;}
.div-bt-luyentap{margin: 20px 32%;
    float: left;
    margin-top: 10px!important;}
.list-tracnghiem .qselect.cot2{ float:left; width:100%!important; min-height:20px; }
.list-tracnghiem .qselect.cot4{float:left; width:100%!important; min-height:20px;}
.bo-qua-cau, .question-views{display:none;}
.action-tool, .q-list.pagination{ width:100%; float:left;}
#question-panel #question .group_view {
    width: 49%!important;
}	
.hidden_view {
    right: 12px; 
}
.nav-tabs-custom.view-baigiang-nav li.header{line-height: 24px; padding: 15px 10px;}
.item-comment img {
    max-width: 100%!important;
}
.sort-view-title.mb-view-sort{width: 100%;
    border-bottom: 1px solid #d3dde3;
    padding: 20px 15px;}
.video-play-mb{padding: 20px 0px!important;}
.video-play-mb .info-video-detail{padding: 2px 15px;}
.video-play-dexuat-mb{padding: 15px!important;}
.detail_video_watch { padding: 1px;}
img.de-xuat{height:200px;}
.videoPlay-icon.icon-de-xuat{top:-190px;}
.list-video .box-video .thumb-img{ height:200px;}
.videoPlay-icon{top: -40px;}
.post-title{min-height:10px;}
.main-header .navbar-custom-menu ul li{float:left; min-height:34px; width: 200px;}
.main-header .navbar-custom-menu ul .user-thongbao{width:45px; margin-left:10px;}
.main-header .navbar-custom-menu ul .user-diem{width:70%;}
.main-header .navbar-custom-menu ul .user-napdiem{width:32%; margin-left:10px;}
.navbar-form.navbar-right{position: absolute!important;
    top: -67px;
    left: 75px;}
.entry-video{width:100%; margin: 10px 0px;}
.col-md-home {
    width: 100%;
    margin: 30px 0px;
	min-height: 200px;
}
}