@media only screen and (min-width: 991px)
{
	header .mid_header form button i.fa
	{
		right: -13px!important;
	}
}
@media only screen and (max-width: 991px){
	.block-login-success {
		display: none;
	}
	.user-mobile {
		display: block;
		background: #96a6d2!important;
		width: 100%;
		padding: 8px 12px!important;
	}
	.frm-search button
	{
		right: -18px!important;
	}
	header .mid_header
	{
		padding: 5px 0;
	}
	header .mid_header form{
		width: 70%;
		display: none;
	}
	.item_pro_hover{
		display: none!important;
	}
	.main-nav ul li{
		display: block;
		text-align: left;
		border-bottom: solid 1px #ebebeb;
		padding: 0px;
	}
	.story_edit_new .item_pro .item_cover_pro .item_pro_small{
		min-height: 340px;
	}
	.story_edit_new .item_pro .item_cover_pro .item_pro_small .title_story{
		font-size: 14px;
	}
	.banner .title_pro{
		font-size: 24px;
	}
	.main-nav ul ul li {
		border-bottom: 1px solid #ebebeb;
	}

	.main-nav ul ul li:first-child {
		border-top: 1px solid #ebebeb;
	}

	.main-nav ul li:last-child {
		border: navajowhite;
	}

	.main-nav ul li a:after {
		display: none;
	}

	.main-nav ul li a:before {
		display: none;
	}

	button.btn-menu{
		display: block;
		height: 35px;
		width: 35px;
		border-radius: 50%;
		outline: none;
		background: white;
		border: none;
		z-index: 1;
		cursor: pointer;
		border: 1px solid #b6b6b6;
		margin-left: 10px !important;
	}

	.main-nav>ul>li>a{
		font-size: 14px;
		display: block;
		padding: 10px;
	}

	.top-navbar .container{
		padding: 0px;
		max-width: 100%;
	}
	.story_detail .title_cover .function_button a{
		margin-bottom: 10px;
	}
	.fixed_top_button .button_right_function span:hover{
		border-radius: 0px;
	}
}
@media only screen and (max-width: 991px){
	.story_detail .title_cover h1.title_story
	{
		margin-bottom: 10px;
	}
	.story_detail .view_more
	{
		margin-left: 0!important;
	}
	.banner.page{
		min-height: 270px !important;
	}
	.fixed_top_button{
		position: fixed;
		width: 100%;
		left: 0px;
		bottom: 0px;
		height: 50px;
		z-index: 13;
	}

	.fixed_top_button .cover_fixed {
		height: 50px;
		z-index: 1212;
		left: 0px;
		width: 100%;
	}

	.cover_fixed .button_right_function {
		top: 0px;
		width:100%;
		border-radius: 0px;
		right: 0px;
		display: flex;
	}
	.cover_fixed .button_right_function span{
		flex:1;
	}
	.cover_fixed .button_right_function span ._prev_chapter i:before,
	.cover_fixed .button_right_function span ._next_chapter i:before
	{
		font-family: mon;
	}

	.cover_fixed .button_right_function span ._prev_chapter i:before{
		content:"Trước";
	}
	.cover_fixed .button_right_function span ._next_chapter i:before{
		content:"Tiếp";
	}
	._clear_cache{
		display: none;
	}
	.button_right_function span {
		display: inline-block!important;
		margin-bottom: 0px!important;
		min-width: 30px;
	}

	.fixed_top_button .button_right_function span a {
		min-width: 40px;
		display: inline-block;
	}

	.fixed_top_button .chapter_pro {
		top: -322px;
		width: 100%;
		left: 0px;
	}

	span.toll_tip:after {
		display: none;
	}

	.button_right_function span a:after {
		display: none;
	}

	.button_right_function span i {
		line-height: 0px;
		border-radius: 50%;
	}
}

@media only screen and (max-width: 575px){
	.banner.page{
		min-height: 200px !important;
	}
	.frm-search
	{
		display: none;
	}
	.story_detail .title_cover h1.title_story{
		font-size: 20px;
	}
	.story_detail{
		padding-top: 0px;
	}
	header .mid_header form{
		width: auto;
	}
	.xemthem:after{
		display: none;
	}
}
@media all and (max-width: 480px){
	
}
@media all and (max-width: 530px){
	.content_pro .tab-content .item_chapter{
		flex-wrap: wrap;
	}
	.w50{
		width: 100%;
	}
	.w40{
		width: 100%;
	}
	.content_pro .tab-content .item_chapter .item_chapter_detail.free_chapter{
		font-size: 13px;
		padding: 4px 10px;
	}
	.offline_btn{
		font-size: 12px;
		padding: 5px 22px;
	}
	
}
@media only screen and (max-width: 375px){
	header .mid_header form input::placeholder{
		font-size: 0px;
	}
	header .mid_header form{
		width: auto;
	}
}