/* MObile Menu
================================================== */
	a#navigation-toggle { height: 55px; line-height: 55px; margin: 0; float: left; cursor: pointer; color: #888; padding-left: 35px; font-weight: 600; position: relative; z-index: 9; text-decoration: none !important; font-size: 1.1em; }
	a#navigation-toggle .fa { margin-right: 10px; }
	#navigation-toggle { color: #8b8b8b; }
	#navigation-toggle:hover { color: #000; }
	#sidr-main { font-family: 'Helvetica Neue', Helvetica, Arial; position: absolute; position: fixed; top: 0; height: 100%; z-index: 999999; width: 320px; overflow-x: none; overflow-y: auto;font-size: 13px; background: #222; color: #fff; }
	#sidr-main { padding: 70px 30px 30px; font-size: 16px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
	.sidr.right { left: auto; right: -320px; }
	.sidr.left { left: -320px; right: auto; }
	#sidr-main a { color: #707070; }
	#sidr-main a:hover { color: #fff; }
	#sidr-main ul a { display: block; border-bottom: 1px solid #333; padding: 7px 0; font-weight: 400; }
	#sidr-main ul li ul { margin-left: 0; margin: 0; }
	#sidr-main ul li ul li a { padding-left: 10px; }
	#sidr-main ul li ul li li a { padding-left: 20px; }
	#sidr-main ul li ul li li li a { padding-left: 30px; }
	#sidr-main ul li ul li a:before { content: '\f0da'; display: inline-block; -webkit-font-smoothing: antialiased; font-family: 'FontAwesome'; color: #888; margin-right: 10px; }
	.sidr-class-toggle-sidr-close:before { position: absolute; top:30px; left: 30px; content: '\f00d'; font-family: 'FontAwesome'; color: #fff; margin: 0; }

/* Smaller Then Desktop
================================================== */
@media only screen and (min-width: 1024px) and (max-width: 1280px) {
.Camnangyhoc {
    width: 30.333333% !important;
}
#pager-term-bv .view-content .views-row {
    width: 30% !important;
}
}
	@media (min-width: 992px){
 .pane-block-9 .col-md-4 {
    width: 28.333333% !important;

}
.pane-block-8 .col-md-4 {
    width: 28.333333%;
}
}

@media only screen and (min-width: 768px) and (max-width: 1024px){
.Camnangyhoc {
    width: 29.333333% !important;
}
.homeBlog-content .single-blog-right .blog-content h2 {
    height: 78px;
}
#whychooseSection .col-sm-6 {
    width: 100%;
}
.col-md-4 {
    width: 30.333333% !important;
    margin: 7px !important;
    }
#pager-term-bv .view-content .views-row {
    width: 46% !important;
}

}
/* Smaller Then Desktop
================================================== */
@media only screen and (max-width: 959px) {
	a#navigation-toggle { display: block; }
	#site-navigation #main-menu > ul{ display: none; }
}
/* Tablet (Portrait)
================================================== */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.container { max-width: 85%; }
	.left-content { width: 60%; }
	.sidebar-container { width: 36%; }
}
/* Mobile (Portrait & Landscape)
================================================== */
@media only screen and (max-width: 767px) {
	.container { max-width: 480px; width: 90%; }
	.sidebar-container,
	.left-content { width: 100%; }
	.sidebar-container {margin-top: 40px; padding-top: 40px; border-top: 10px solid #eee; }
	.col{ width: 100%; margin-left: 0; margin-bottom: 25px; }
	.homepage-slide-content { display: none; }

}
/* Mobile (Landscape)
================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.col-md-4 {margin:0}
	.sidr { width: 480px; }
	.sidr.right { right: -480px; }
}

@media only screen and (max-width: 480px){
.whyChoose-left { 
  width: 100% !important;
}
.panels-flexible-region-4-sidebar_right {position: static !important;}
.khoifotb,.khoifot{width:100% !important;}
}
@media only screen and (max-width: 1024px){
   .pane-hv-laptrinh ul li.views-row{width:21%;}
  .pane-hv-laptrinh ul li.views-row .views-field-field-anh-hoc-vien{width:100%;}
}
@media only screen and (max-width: 375px){
  #logo img{    max-width: 70%;}
  .col-md-4, .container .service-content .col-md-4{margin:15px 0}
  h2{font-size:13px!important;font-weight: bold!important;}
  h3{font-size:12px!important;font-weight: bold!important;}
  .whyChoose-left{border:0px;height:auto}
  .whyChoose-right{padding:0}
  .media-icon{margin-right:0;margin-bottom:10px;}
}