.detail-share-desktop{display:none !important;}



header{z-index:99;}
.header-menu-desktop{display:none !important;}
.header-menu-mobile a, .header-search-mobile a{font-size:24px; color:#FFF;}
.header-menu-mobile a, .header-login a{padding:0 15px;}
.header-logo a{padding-left:0;}
.opened-popup{color:#ea232a !important;}



.site-container{min-height:calc(100vh - 515px);}
.column > ul > li{width:100%;}
.rightcolumn .tag-list{margin:0 15px;}
.rider-list > ul > li{width:calc(50% - 10px); flex-basis:calc(50% - 10px);}


@media screen and (max-width:359px){
  .rider-list .al-rider .al-thumb{width:120px;}
}

@media screen and (min-width:640px){
  .article-list > ul > li{width:calc(50% - 10px); flex-basis:calc(50% - 10px);}
  .rider-list > ul > li{width:calc(33.33% - 10px); flex-basis:calc(33.33% - 10px);}
}

@media screen and (min-width:768px){
  .article-list > ul > li{width:calc(50% - 10px); flex-basis:calc(50% - 10px);}
  .rider-list > ul > li{width:calc(25% - 10px); flex-basis:calc(25% - 10px);}
}



.detail-share-mobile{display:block; position:fixed; z-index:98; bottom:0; left:0; width:100%; background-color:rgba(0,0,0,0.9); border-top:1px solid #111111;}
	
	
	
@media screen and (min-width:400px){
  .event-list > ul > li{width:calc(50% - 10px) !important; flex-basis:calc(50% - 10px) !important;}
}
		  
@media screen and (min-width:640px){
  .event-list > ul > li{width:calc(33.33% - 10px) !important; flex-basis:calc(33.33% - 10px) !important; max-width:360px;}
}