/*!
Theme Name: dongy
Theme URI: http://underscores.me/
Author: ThanhLD
Author URI: http://lamweb.edu.vn
Description: lamweb.edu.vn
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: theme_dongy
Tags: dongy-mobile
*/

@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  
  [class*="col-"] {width: 100%;}
  body.home .fix-width .widget-content, 
  body.home .site-header .inner-wraper, 
  body.home .site-footer .inner-wraper,
  .inner-wraper{width:100%;}
  body.home .site-main{width:100%;}
  
  .owl-nav button{    opacity: 1;}
  .owl-prev{    left: 15px;}
  .owl-next{right:15px;}
  
  .header-inner{}
  .header-first .inner-wraper{flex-direction: column;}
  .site-branding{width:100%;text-align: center;padding-top: 40px;}
  .site-branding img{width:80%;float: right; margin-right: 15px;}
  .header-first-right{width:100%;}
  ul#menu-menu-gioi-thieu{ position: absolute;top: 0;width: 100%;background: #090;color: #FFF;height: 40px;z-index: 999;}
  ul#menu-menu-gioi-thieu li{    padding: 0;position: relative;display: flex;flex-direction: column;justify-content: center;align-items: center;    width: 25%;}
  ul#menu-menu-gioi-thieu li::before{font-size: 18px; color:#F4f4f4;}
  ul#menu-menu-gioi-thieu li a{display:none;}
  
  
  ul#primary-menu{grid-template-columns: repeat(3,1fr);gap: 7px;display: none;}
  body.show-menu ul#primary-menu{display: grid;padding: 15px 0px; border-top: 1px solid #FFF;}
  ul#primary-menu li{    padding: 5px;margin: 5px;border: 1px solid #090;color: #090;border-radius: 3px;}
  ul#primary-menu li a{color:#333}
  ul#primary-menu ul,
  ul#primary-menu ul ul{display:none;}
  ul#primary-menu li.current-menu-item{background:unset;}
  
    i.menu-toggle{    position: absolute;top: 70px; font-size: 32px;left: 25px;z-index: 999;cursor: pointer;color: #090;display:block;}
	body.show-menu i.menu-toggle::before{content:"\f057"; color:#f00;}
	ul#menu-menu-lich-lam-viec{    padding: 10px; border-top: 1px solid #ccc;}	
	.widget ul.list-grid{    grid-template-columns: 100%;}
	.widget_sp_image_2 .widget-content{    display: flex;flex-direction: column-reverse;}
	.doingu_bs .widget-content{flex-direction: column;}
	ul#menu-chung-nhan-cam-ket,
	ul#menu-vi-sao-chon-chung-toi{    display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 30px;}
	ul#menu-vi-sao-chon-chung-toi li{    width: 80%;display: flex;align-items: center;justify-content: center;border: 1px solid rgba(255,255,255,0.5);padding: 10px 0px;}
	ul#menu-vi-sao-chon-chung-toi li:last-child{    padding: 20px 0px;font-size: 20px;}
	
	.menu-3-col ul.menu{display: flex;flex-direction: column;justify-content: center;
    align-items: center;}
	ul#menu-chung-nhan-cam-ket li,
	ul#menu-huong-dan-dang-ky-kcb li{    display: flex; border: 1px solid #090;width: 80%; padding: 15px;}
	
	.site-link .inner-wraper{grid-template-columns: 100%;}
	.site-link .widget{    width: 80%;margin-left: auto;margin-right: auto; position: relative;overflow: hidden;}
	.site-link .widget:first-child{order:4;}
	
	.site-info{    padding-bottom: 100px;}
	.site-info .widget{margin:0px;}
	.site-info ul li{text-align: center; padding-top:10px;}
	ul#menu-copyright{display: grid;grid-template-columns: repeat(3,1fr);}
	ul#menu-copyright li:first-child{    grid-row-start: 2;grid-column: 1 / span 3;text-align: center;padding: 5px 0px;border-top: 1px solid rgba(255,255,255,0.3)}
	ul.khach-hang li{width: 80%;display: block;margin: auto;}
	
	ul.post-by-cat{    display: flex !important;flex-direction: column;gap: 30px !important;justify-content: center;align-items: center;}
	ul.post-by-cat li{width:80%;}
	#custom_html-2{background:#f4f4f4; padding:30px 0px;}
	
	#main-wraper .inner-wraper{grid-template-columns: 100%;}
	.widget-area .widget{    width: 90%;margin-left: auto;margin-right: auto;}
	#breadcrumbs{display: none;}
	.site-main{box-sizing: border-box;position: relative;width: 90%;margin: auto;}
	ul.relatedposts{grid-template-columns: 100%;}
	ul.relatedposts li{}
	ul.relatedposts li a{    gap: 15px;justify-content: center;flex-direction: row;}
	ul.relatedposts li a img{width: 50%;height: auto;}
	
	.float-widget{    left: 0; bottom: 0;right: auto; width: 100%; background:#090;border-top:1px solid rgba(255,255,255,0.3)}
	.float-widget ul{display: grid;grid-template-columns: repeat(4,1fr);gap: 0;justify-content: center; align-items: center;}
	.float-widget ul li{    flex-direction: column;}
	.float-widget ul li::before{    margin: 0px;border: 0; color:#f9f9f9;}
	.float-widget ul li a{margin-right: 0;width: 100%;display: block;font-size: 10px;color: #f0f0f0;text-align: center;height: auto;padding: 0 !important;}
	.float-widget ul li a::before{width: 100%;background: transparent;height: 48px;position: absolute;top: 0;}
	.float-widget ul li:hover a{background:none; box-shadow:none !important; font-size:14px;}
	.float-widget ul:hover li::before{box-shadow:none !important}
	
	.hidden-widget .widget{width:95%;}
	.hidden-widget .wpcf7-form div.col-2{grid-template-columns: 100%;gap: 15px;}
	
	.archive-item a{    flex-direction: column;}
	.archive-item a img{width:100%; }
	.archive-item a .entry-content{width:100%; padding:20px;}
	ul.recent_post li a{grid-template-columns: 50% auto;}
	.widget-content .search-form label{flex:1;}

}