/*header*/
@media (max-width:768px){
	/*toggle button*/

	.navbar-header {
		display: flex;
	}
	
.sidebar-section-right{display:none;}

.blog-sm-box img {
    width: 100vw;
    height: auto;
}
		
.navbar-toggle.collapsed   	{
		position: relative;
		left: 26px;
		bottom: 3px;
	}

.navbar-header .navbar-brand img.custom-logo {
		width: 170px !important;
		height: 40px !important;
		position: relative;
		bottom: 16px;
	}
	
.navbar-toggle, .navbar-toggle:active{
	margin: auto;
	padding: 11px;
	position: relative;
	bottom: 3px;
	left: 14px;
}

.navbar-header {height: 38px;}
}
/*end of toggle button*/

/*off-canvas menu*/
.offcanvas {
    height: 100%;
    width: 0;
    top: 0;
    left: 0;
    background-color: #f3f3f3;
    position: fixed;
    z-index: 9999999999999;
    overflow-x: hidden;
    transition: .5s;
    padding-top: 60px;
}

/* The navigation menu links */
.offcanvas ul li a {
 
  text-decoration: none!important;
  font-size: 25px!important;
  color: #818181!important;
  display: block!important;
  transition: 0.3s!important;
	font-family: "Roboto Slab", sans-serif !important;
}


/* When you mouse over the navigation links, change their color */
.offcanvas ul li a, .offcanvas ul li a:hover {
  color: #000!important;
	background-color: #f3f3f3 !important;
}

#menu-menu-2	ul.head-contact-social li a {
position:relative;
left: 0px!important;
bottom: 5px!important;

}
	

	
	.pc-view{display:none;}

.duongvien {
border-left: 2px solid #ff7800;
border-right: 3px solid #2D648A;
}

 .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
background-color: #f3f3f3 !important;
font-weight: 300;
color:  #000 !important; font-family: "Roboto Slab", sans-serif !important; line-height: 35px;
}
#menu-menu-2 { padding: 0px 23px; }

#bs-example-navbar-collapse-1-mobile {width:0px;}
   
.off-canvas-menu-toggle {width:250px!important}



@media (min-width:769px){
	.mobile-view{display:none}
	#menu-menu-1 {padding:11px 5px}
		.blog-sm-box {
    float: none;
}

.blog-sm-box img {
    width: 50vw;
    height: auto;
}
}
  
aside.floating section.chatus, aside.floating section.inside > a { height: 56px;}
    
.floating section a i { display: block;}

@media only screen and (min-width: 681px){
	aside.floating section.inside > a strong {font-size: 24px;}
}

@media only screen and (max-width: 680px){
	aside.floating section.inside > a strong {font-size: 12px!important;}
}