@media only screen and (min-width: 993px) {
    /*.w3-col.l8 {*/
        /*width: 65%;*/
    /*}*/
}
@media only screen and (max-width: 980px){
	.menu-child{
		display: none !important;
	}
	.w3-container {
		width: 100% !important;
		padding: 0px 10px;
	}
	header .search_form form input[type="text"] {
		width: 300px !important;
	}
	nav.menu ul li {
		padding: 0px 10px !important;
	}
	.home_content_top .slide_large {
		margin-bottom: 10px;
	}

	.home_content_top .box img {
		width: 100% !important;
	}

	.bg_book_shelves img:first-child{
		/*margin-bottom: -10px !important;*/
	}
	.list_col_4 .list_new_book {
		height: 350px;
	}
	.menu_footer {
		display: none;
	}
	.skitter {
		max-width: 100% !important;
	}

	.list_new_book .box {
		bottom: 20px;
	}
    .news_side_right {
        display: block;
    }
    .three_column .side_left {
        display: none;
    }
    .three_column .main_content {
        width: 66.66666%;
    }
    .three_column .news_side_right {
        width: 33.33333%;
    }
    .main_content .list_book_assign .book_box .book_ref a {
        color: #fff;
    }
    .book_left_widget {
        display: block;
        float: left;
        margin-right: 10px;
    }
    .book_shelf_bg {
        text-align: center;
    }
	.book_shelf_bg img {
        width: 90%;
	}
    .news_content_new .slide_book .list_book {
        margin-bottom: -10px;
    }
}

@media only screen and (max-width: 800px) {
	.list-review-book{
		width: 100%;
	}
	.img_book{
		height: 200px;
	}
    .side_left {
        display: none;
    }
	.bg_book_shelves img:first-child {
		margin-bottom: 0px;
	}
	.list_book{
		padding: 0px;
	}
    .list_col_4 .list_new_book {
        height: 300px !important;
		position: relative !important;
		padding-top: 0px !important;
    }
	.list_new_book .box .book_logo {
		height: 180px !important;
		position: absolute !important;
		width: 100% !important;
		bottom: 0 !important;
	}
	aside.side_right .box_content{
		padding: 0;
	}

	.item-good-book .info-goob-book{
		width: calc(100% - 65px);
	}
	.list_new_book .box {
		min-height: 265px !important;
		bottom: 25px !important;
	}
	.list_new_book .box .book_info {
		position: absolute !important;
		width: 100% !important;
		padding: 10px !important;
	}
	.responsive-hide{
		display: block;
	}
	.review-book-info .description-book{
		width: 100%;
		height: auto !important;
	}
	.review-book-info .item_book_img{
		margin-bottom: 0px;
	}
	.block-promo-read-review-book .content-who-care{
		width: 100%;
		margin-bottom: 20px;
	}
	.list-review-book .social-div{
		width: 100%;
	}
	.review-book-info .book_title,
	.review-book-info .book_info{
		display: none;
	}
    .book_list_item {
        width: 25%;
    }
	aside.home_right {
		display: none;
	}
	.content-home-review aside.home_right{
		display: block;
		width: 100%;
		margin-top: 0px;
	}

    .three_column .main_content {
        width: 66.66666%;
    }

    .three_column .side_right {
        width: 33.33333%;
    }
}

@media only screen and (max-width: 768px) {
	.footer-menu{
		display: none;
	}
    aside.side_right {
        width: 100%;
        margin-top: 30px;
        text-align: left;
        border-left: none !important;
        padding-left: 0px;
    }
    .book_list_item {
        width: 33.3333%;
    }
    .home_content_top .slide_large {
        width: 100% !important;
    }
    .home_content_top .skitter, .home_content_top .skitter .container_skitter, .home_content_top .skitter .container_skitter .image  {
        width:  100% !important;
    }
    .home_content_top .item {
        margin-right: 0px;
        width: 100% ;
        position: relative;
    }
    .home_content_top .box {
        width: 49.99999%;
        padding: 0;
        margin: 0;
    }
    .home_content_top .box img {
        padding: 0px 5px;
    }
    .home_content_top .box #intro {
        padding: 5px 8px;
        left: 5px;
        width: 97%;
    }
    .home_content_top .item .row {
        margin-bottom: 10px;
    }

    section.main_content {
        width: 100% !important;
        border-right: 0;
        padding-right: 0;
    }
    aside.news_side_right {
        width: 100% !important;
    }

    .slide_book .list_book {
        margin-left: 10px !important;
    }

    .list_col_4 .list_new_book {
        height: 290px !important;
    }
	.list_new_book .box {
		bottom: 30px !important;
	}
	.list_new_book .book_logo {
		height: 200px !important;
	}

	.x12 {
		width: 100% !important;
	}
	.header_mobile {
		display: block !important;
	}
	.w3-container {
		width: 100% !important;
	}
	header .logo {
		text-align: center;
		height: 100%;
		padding: 15px 0;
	}
	.search_form, nav.menu {
		display: none;
	}		
	nav.menu {
		width: 230px !important;
		float: left !important;
		position: absolute;
		z-index: 999;
		background: #fff;
	}
	nav.menu ul li {
		display: block !important;
        line-height: 50px !important;
	}
    nav.menu ul li a {
        text-transform: none !important;
    }
	nav.menu ul li.icon_social {
		display: none !important;
	}
	
	i.w3-opennav {
		font-size: 1.3em !important;
		color: #777;
	}
	#overlay-bg {
		position: absolute;
		width: 100%;
		height: 100%;
		opacity: 0.5;
		background: #000;
		margin-top: -20px;
	}
	.overlay-bg {
		display: block !important;
	}
	.content {
		padding: 0px 20px !important;
	}
	.search_form_mobile {
		text-align: right;
	}
	.search_form_mobile input[type='text'] {
		width: 70% !important;
		line-height: 28px !important;
		border: 1px solid #ccc !important;
		border-radius: 15px !important;
		font-size: 0.9em !important;
		padding-left: 10px !important;
        outline: none !important;
	}

	/* ========= HOME ========= */
	.list_col_4 .list_news .box {
		width: 24.99999%;
		min-height: 0;
	}

	.list_col_4 .list_news .box #news_intro #news_title {
		font-size: 1.0em;
		line-height: 20px;
		margin-bottom: 5px;
		font-weight: 500;
	}
	.content_title div#content_title {
		font-size: 1.2em !important;
	}
	

	.slide_list_book, .adv {
		padding-right: 0px !important;
	}
	.slide_list_book .skitter {
		width: 100% !important;
	}

	.view_more .list_col_4 .list_news .box {
		padding: 0px 10px !important;
	}

	.content_title {
		height: 60px !important;
	}
	.content_title div#content_title {
		line-height: 45px !important;
	}

	.home_content_top .skitter .container_skitter {
		height: 330px !important;
	}

    .icon-home{
        background: url('../images/icon-home.png') center center no-repeat;
    }
    .icon-bl{
        background: url('../images/icon-bl.png') center center no-repeat;
    }
    .icon-lib{
        background: url('../images/icon-lib.png') center center no-repeat;
    }
    .icon-new{
        background: url('../images/icon-new.png') center center no-repeat;
    }
    .icon-pp{
        background: url('../images/icon-pp.png') center center no-repeat;
    }
    .icon-start{
        background: url('../images/icon-star.png') center center no-repeat;
    }
    .icon-dk{
        background: url('../images/icon-dk.png') center center no-repeat;
    }
    .icon-info{
        background: url('../images/icon-info.png') center center no-repeat;
    }
    .icon-read-book {
        background: url('../images/read_together_icon.png') center center no-repeat;
    }
    .icon_see {
        background: url('../images/see_conner_icon.png') center center no-repeat;
    }

    .icon-home, .icon-bl, .icon-lib, .icon-new, .icon-pp, .icon-start, .icon-dk, .icon-info, .icon-read-book, .icon_see {
        width: 30px;
        height: 30px;
        display: block;
        float: left;
        margin-top: 8px;
        margin-right: 5px;
        font-size: 12px;
        line-height: 15px;
    }

	/* Hien thi sach chay canh trai */
	.book_left_widget {
		display: block !important;
	}
    .book_left_widget .list_book_assign {
        float: right !important;
        margin-right: 10px !important;
    }
    .book_left_widget .list_book_assign .book_box .book_ref {
        font-size: 11px !important;
    }

    .list_book_assign .book_box {
        margin-bottom: 10px !important;
    }

    .list_col_4 .list_news .box #news_intro #news_brief {
        display: none;
    }
    .three_column .main_content,
    .two_column .main_content,
    .three_column .side_right,
    .two_column .side_right {
        width: 100%;
    }
	div.what_read .box_row_1 .box_news #news_intro #news_title {
		min-height: 0;
	}

	div.what_read .box_row_1 .box_news #news_intro #news_brief {
		min-height: 40px;
		overflow: hidden;
	}

	.bg_book_shelves img:first-child {
		margin-bottom: -1px;
	}

	.list_two_column .box_news #news_intro #news_title {
		line-height: 20px;
	}

	#box_list .w3-col.s9 {
		float: right;
		padding-left: 15px;
		padding-right: 0px !important;
	}
	aside.side_right .box_content #box_list #title {
		margin-bottom: 5px;
	}
	#box_list img {
		width: 77px !important;
		height: 50px !important;
	}
	.list_col_4 .list_news .box #news_logo {
		height: 110px;
	}
	.list_new_book .box .book_info #title {
		max-height: none;
		overflow: auto;
	}
    #box_list .info {
        width: 87%;
    }
    #box_list .logo {
        width: 13%;
    }
    .disable-copy img {
        display: none;
    }
	.img_book {
		height: 280px;
	}
}

@media only screen and (max-width: 500px) {

	.list-review-book .book_list_item{
		width: 50%;
	}
    .content {
        padding: 0px 5px !important;
    }
    .book_list_item {
        width: 50%;
        float: left;
        padding: 0px 5px;
    }

    /*slide sách*/
	.slide_book {
		height: 220px;
	}
	.slide_book .book_info_topp, .slide_book .book_info_top {
		font-size: 1.1em !important;
	}
    .news_content_new .slide_book .book_info_topp, .slide_book .book_info_top {
        font-size: 16px !important;
    }
	.slide_book .list_book {
		height: 150px;
		left: 5px;
		right: 5px;
        margin-left: 40px !important;
        margin-right: 15px !important;
        padding: 10px 30px ;
        bottom: 20px;
	}
    .news_content_new .slide_book .list_book {
        padding: 10px 20px ;
        bottom: 10px;
    }
	.slide_book .list_book .book {
		width: 80px;
		height: 125px;
	}

	section.main_content {
		padding: 0px !important;
	}
	section.main_content div#content .list_news .box_news #news_logo {
		margin-bottom: 10px;
		height: 90px;
		width: 95%;
	}
	section.main_content div#content .list_news .box_news #news_intro {
		padding: 0px 10px 0px 0px !important;
        width: 100%;
	}
    section.main_content div#content .list_news .box_news #news_intro #news_title {
        line-height: 20px;
        /*max-height: 40px;*/
        /*overflow: hidden;*/
        margin-bottom: 3px;
    }
	div.what_read .box_row_1 .box_news:first-child {
		border-right: none !important;
	}
	div.what_read .box_row_1 {
		height: auto !important;
		margin-bottom: 10px;
	}
	div.what_read .box_row_1 .box_news {
        padding: 0px 10px 0px 0px !important;
	}
	div.what_read .box_row_1 .box_news #news_intro {
		padding: 5px 0px !important;
		text-align: left !important;
	}
	div.what_read .box_row_1 .box_news #news_logo, div.what_read .box_row_2 .box_news #news_logo {
		height: 100px !important;
	}
	div.what_read .box_row_1 .box_news #news_logo img {
		width: 100% !important;
	}
	div.what_read .box_row_2 .box_news #news_logo img {
		width: 100% !important;
	}
	div.what_read .box_row_1 .box_news #news_intro #news_brief {
		display: none;
	}

	div.what_read .box_row_2 {
		height: auto !important;
		padding-left: 0px !important;
	}
	div.what_read .box_row_2 .box_news #news_intro {
		text-align: left !important;
	}
    div.what_read .box_row_1 .box_news #news_intro #news_title,
    div.what_read .box_row_2 .box_news #news_intro #news_title{
        font-weight: unset;
        text-transform: none;
        font-size: 1.0em;
        line-height: 20px;
        /*max-height: 40px;*/
        /*overflow: hidden;*/
	}
    div.what_read .box_row_1 .box_news #news_intro #news_info,
    div.what_read .box_row_2 .box_news #news_intro #news_info,
    .list_col_4 .list_news .box #news_intro #news_info,
    .list_two_column .box_news #news_intro #news_info,
    section.main_content div#content .list_news .box_news #news_intro #news_info{
        font-size: 0.8em;
    }
	div.what_read .box_row_2 .box_news {
		width: 49.99999%;
		margin-right: 0px;
        padding: 0px 10px 0px 0px;
		margin-bottom: 10px;
		border: none;
        min-height: 0;
	}

	.list_col_4 .list_news .box {
		width: 49.99999% !important;
		border-right: none !important;
		padding: 0px 5px !important;
		/*height: auto !important;*/
		margin-bottom: 10px !important;
		text-align: left !important;
		/*min-height: 190px !important;*/
	}
	.list_col_4 .list_news .box #news_intro #news_title {
        /*max-height: 40px;*/
        /*overflow: hidden;*/
        font-size: 1.0em !important;
        line-height: 20px;
		font-weight: normal;
        margin-bottom: 3px;
	}
	.list_col_4 .list_news .box #news_intro #news_brief {
		display: none;
	}
	.list_col_4 .list_news .box #news_logo {
		height: 100px !important;
	}
	#list_new_book {
		display: none;
	}
	.home_content_top .box {
		height: auto;
		padding: 0px 0px 0px 0px;
		margin-bottom: 5px;
	}
	.home_content_top .box #intro #title {
		font-size: 1.0em;
        /*max-height: 40px;*/
        /*overflow: hidden;*/
        margin-bottom: 3px;
	}
	.home_content_top .box #intro #news_info {
		color: #777;
		font-size: 0.8em;
	}
	.home_content_top .box #intro #news_info i {
		color: #777;
	}

    .style_5 .row {
        margin: 0;
    }
 	.style_5 .box_news {
        border: none !important;
        width: 49.99999%;
        padding: 0px 5px;
	}
    .style_5 .box_news:first-child {
        width: 100%;
    }

	.list_two_column .box_news #news_logo {
		height: 110px;
	}
    .style_5 .box_news:first-child #news_logo {
        height: 200px !important;
    }

    .list_two_column .box_news {
        border: none;
    }
	.list_two_column .box_news #news_intro {
		text-align: left !important;
	}
	.list_two_column .box_news #news_intro #news_brief {
		display: none !important;
	}
	.list_two_column .box_news #news_intro #news_title {
        font-size: 1.0em !important;
        text-transform: none;
        font-weight: unset !important;
        line-height: 20px;
        /*max-height: 40px;*/
        /*overflow: hidden;*/
        margin-bottom: 3px;
	}

	.list_news .box_news {
		margin: 0px 0px 10px 0px !important;
		border: none !important;
	}
	.list_news .box_news #news_intro #news_brief {
		display: none !important;
	}
	.list_news .box_news {
		/*height: auto !important;*/
        /*min-height: 227px !important;*/
	}
	.list_news .box_news #news_intro #news_title {
		font-weight: unset !important;
		text-transform: none !important;
		font-size: 1.0em !important;
	}
	.author .avatar {
		margin: 0px 20px 20px 0px !important
	}

	.share-social {
		display: block !important;
		font-size: 1.5em;
		text-align: right;
	}
	.adv, .slide_list_book {
		display: none;
	}
    div.what_read .box_row_1 {
        min-height: 0px !important;
    }
	.item_book_img {
		margin-bottom: 20px;
	}
	.item_book_desc {
		min-width: 300px;
	}

	.review-book-info .item_book_img{
		margin-bottom: 0px;
	}
	#btn-top {
		width: 100%;
		height: 100%;
		left: 0px;
        text-align: right;
        padding-right: 10px;
	}
	#btn-top img {
		width: 50px;
		height: 50px;
        opacity: 0.8;
	}
	.home_content_top .box #intro {
		background: inherit;
		position: relative;
		color: #000;
		padding: 5px 0px;
        opacity: 1;
	}
	.home_content_top .box img {
		width: 100% !important;
		height: 100px;
		position: relative;
		margin-bottom: 5px;
	}

    .home_content_top, .home_content_top .slide_large, .home_content_top .skitter,
    .home_content_top .skitter .container_skitter .image,
    .home_content_top .container_skitter .image img,
    .home_content_top .skitter .container_skitter {
        height: 250px !important;
    }
    .container_skitter #news_intro #news_title {
        font-size: 1.2em;
    }
    .skitter-clean .prev_button, .skitter-clean .next_button {
        top: 40%;
    }
    .container_skitter #news_intro #news_brief {
        display: none;
    }

    .fanpage, .tags_featured {
        text-align: center;
    }

	aside.side_right {
		padding-left: 0px;
	}

    aside.side_right .box_content #box_title {
        text-align: center;
        font-size: 1.5em;
    }

    .three_column .main_content,
    .two_column .main_content,
    .three_column .side_right,
    .two_column .side_right {
        width: 100%;
    }
    .title-cat h3 {
        font-size: 1.3em;
    }
    .content_title ul li.logo {
        padding-right: 0px;
    }
	.content-home-review .top-review-text img{
		width: 37px;
		height: 29px;
	}
	.top-review-text .grey-color{
		font-size: 1.3em;
		vertical-align: -moz-middle-with-baseline;
	}
	.top-review-text{
		margin-bottom: 33px;
	}
    .content_title ul li.logo img {
        width: 40px;
        height: 40px;
    }
    .content_title ul li.title {
        font-size: 1.3em;
        height: 40px;
        padding-top: 10px;
    }
    section.main_content .content_tab_menu li {
        padding: 7px 10px;
        margin-right: 10px;
    }
    .news_detail .news_title,
    .view_more .content_title_view_more #title {
        font-size: 1.5em;
    }
    .list_book_assign .book_box .book_ref a {
        color: #fff !important;
    }

    /*== quang cao == */
    .ads-home,.ads-home .skitter, .ads-home .skitter .container_skitter,.ads-home .skitter .image  {
        width: 100% !important;
        height: 150px !important;
    }

    aside.side_right .box_content #box_list #news_info {
        font-size: 12px;
    }
	.news_header {
		height: 220px;
		margin-bottom: 50px;
	}
	.news_header .news_titler {
		font-size: 1.2em;
		height: auto;
	}
    /*.news_header .user_postr {*/
        /*height: 50px;*/
    /*}*/
    /*.news_header .user_postr #posterr #avatarr {*/
        /*!*width: 0;*!*/
        /*margin: 0px 5px;*/
    /*}*/
    /*.news_header .user_postr #posterr #avatarr img {*/
        /*!*display: none;*!*/
    /*}*/
    /*.news_header .user_postr #posterr, .news_header .user_postr #news_infor {*/
        /*line-height: 30px;*/
		/*height: auto;*/
    /*}*/
    /*#news_viewr {*/
        /*right: 0;*/
    /*}*/

    .news_detail img {
        height: 100%;
    }
    aside.side_right .box_content #box_list #title {
        margin-bottom: 3px;
    }
    #box_list .w3-col.s9 {
        float: right;
    }
    .view_more .list_col_4 .list_news .box #news_intro #news_title {
        /*max-height: 40px;*/
        /*overflow: hidden;*/
    }
    .list_two_column {
        padding: 0;
    }
	.list_two_column .box_news {
		padding: 0px 5px;
		margin-bottom: 10px;
	}
	.slide_book .arrow-left, .slide_book .arrow-right {
		font-size: 30px;
	}
    .home_content_top .box {
        width: 48.5%;
    }
	.disable-copy {
		display: none !important;
	}
    .news_content_new iframe {
        max-width: 100%;
        height: 240px;
    }
	.img_book{
		height: 230px;
	}
}

@media only screen and (max-width: 320px) {
	.home_content_top .item {
		width: 100%;
	}
	.home_content_top .box {
		height: auto;
		width: 48.3%;
		margin: 0;
	}
    section.main_content .content_tab_menu li {
        padding: 10px 10px;
    }
	.slide_book .list_book {
		padding: 10px 10px;
	}
	.list_two_column .box_news #news_logo {
		height: 90px;
		margin-bottom: 3px;
	}
	.fanpage, .tags_featured {
		display: block;
	}
}