@media (min-width: 992px) {
	.container {
		max-width: 100%
	}
	.container-header{max-width:100%;}
}

@media (min-width: 1200px) {
	.container {
		max-width: 1200px
	}
	.slide .item:hover {
		-webkit-transform: scale(1.04);
		-ms-transform: scale(1.04);
		transform: scale(1.04);
	}
}

@media (max-width: 1200px) {
	.footer-content {
		width: 100%
	}
	.leftCol {
		width: 58%;
		margin-right: 1%
	}
	/*.middleCol {
		width: 41%;
		margin: 0
	}*/
	.top-logo img {
		float: none;
		margin: 5px 0;
		display: block
	}
	nav.wrap-menu-primary {
		float: right
	}
	.menu-primary {
		width: 100%
	}
	.user-options {
		margin-top: 10px
	}
	.sts {
		font-size: 11px
	}
}

@media (max-width: 1033px) {
	.comments {
		width: 100%
	}
	.info-top-chapter {
		width: 96%;
		padding: 2%
	}
	.vung-doc {
		padding: 19px 1%
	}
	footer {
		width: 100%
	}
}

@media (max-width: 992px) {
	.bred_doc {
		width: 100%
	}
	.detaiCol {
		width: 100%;
		margin: 0
	}
	.detaiRightCol {
		width: 100%;
		margin: 10px 0 0
	}
	.detailRightCol, .listRightCol{max-width: 560px; width: 100%;}
	.widget.suggest{display:none;}
	.detailCol, .listCol{width:100%;margin-right: 0;}
	.homeCol {
		float: unset;
		width: 100%;
		overflow: hidden;
		margin-right: 0;
	}
	.homeRightCol {
		width: 100%;
		margin: 10px 0 0
	}
	.footer-content {
		width: 100%;
	}
	.style-trang-doc {
		width: 100%;
		padding: 5px 0!important
	}
	nav.wrap-menu-primary{
		    order: 1;
		width: 42%;
	}
	/*#menu>li a,
	#menu>li.vip a{
		margin: 7px  0;
	}*/
	.top-logo{order:2;}
	.top-header{order:3;}
	header{padding:0;}

	.book-3d .book-info-pic img {
		height: 300px;
		width: 194px;
	}
	.itemupdate .iupdated{display:block;width: 110px;}
	.itemupdate .iname {
		width: calc(100% - 286px);
	}
}

@media (max-width: 820px) {
	/*.container {
		max-width: 750px
	}*/
	.top-logo {
	width: 185px;
    margin-right: 1.5%;
	}
	.top-logo img {
		margin: 0px auto;
	}
	.wrap-menu-primary {
		float: left;
		width: 40%;
		padding: 0
	}
	.top-header {
		float: right;
		width: 40%
	}
	nav.wrap-menu-primary {
		order: 0;
		width: calc(100% + 10px);
		background: #5c5c5c;
		margin: 0 -5px;
	}
	#menu>li a {
		padding: 7px 0;
	}
	#menu>.s-hidden {
		display: none
	}
	.mainCol .mLeftCol {
		max-width: 100%;
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		margin-right: 0;
		max-width: 350px;
		margin: 0 auto;
	}
	.mainCol .mRightCol {
		max-width: 100%;
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
	}
	.book-3d {
		margin: 20px auto 30px;
		-moz-perspective: 300px;
		-moz-transform-style: preserve-3d;
		-webkit-transform-style: preserve-3d;
		/* float: left; */
		width: 240px;
		text-align: center;
		/* margin: 0 auto; */
		display: flex;
	}
	.mainCol .mRightCol h1 {
		text-align: center;
		padding: 0 0 6px;
		font-size: 22px;
	}
	.mainCol .book-share {
		height: 28px;
		text-align: center;
		margin: 0 auto;
		width: 300px;
	}
	.book-info-top .book-rating {
		margin-bottom: 15px;
		margin-top: 5px;
		margin-left: 12px;
		text-align: left;
	}
	.dropdown_columns .col_3{width:100%;}
	.dropdown_columns{width:200px;}

	.relate-wrapper .item:nth-child(5),.relate-wrapper .item:nth-child(6) {
		display:none;
	}
	.relate-wrapper .item {
		width: 25%;
	}
}

@media (max-width: 768px) {
	.container {
		padding-left: 10px;
		padding-right: 10px;
		width: 100%;
	}
	.hidden-sm {
		display: none
	}
	#top {
		display: block
	}
	.col-sm-6 {
		width: 50%
	}
	.col-sm-12 {
		width: 100%
	}
	#menu>.s-hidden {
		display: block
	}
	/*.footer-content {
		width: 98%!important;
		margin: 0 auto
	}*/
	.truyen-list .item {
		width: 100%;
		margin: 0 0 10px
	}
	.container-top {
		width: 98%;
		margin: 0 auto
	}
	.container {
		width: 100%
	}
	.top-logo {
		width: 180px;
		float: left;
		margin: 0;
	}
	.top-header {
		width: calc(100% - 190px);
		padding: 9px
	}
	/*header .container {
		min-height: 50px
	}*/
	.searching button {
		text-transform: unset;
	}
	.wrap-menu-primary {
		width: 98%;
		margin-top: 0!important;
		padding: 0 1%
	}
	.menu-primary {
		width: 100%
	}
	.menu-primary li {
		border-radius: 3px
	}
	.top-logo img {
		margin: 0;
		max-width: 100%;
	}
	.searching {
		width: 100%;
		float: left
	}
	.searching form {
		width: 100%
	}
	.searching form input {
		/*width: calc(100% - 75px);*/
		margin: 0;
		padding: 0 38px 0 5px;
		/*height: 32px*/
	}
	.searching button:before {
		top: 8px
	}
	.phan-trang {
		width: 98%;
		margin-left: 1%
	}
	.searching form select {
		display: none
	}
	.menu-primary>li>a {
		padding: 7px 0!important
	}
	#menu>li a.drop {
		padding-right: 14px!important
	}
	/*#menu .fa.fa-angle-down {
		top: 30%
	}*/
	.itemupdate {
		width: 100%
	}
	#div--q a.display_box span {
		font-size: 12px
	}
	#div--q a.display_box span.sub-name {
		font-size: 90%
	}
	#div--q {
		margin-top: 32px
	}
	.itemupdate {
		width: 100%
	}
	.sts {
		font-size: 12px
	}
	

	.full-wrapper .full-book .caption h3{font-size:14px;}
	.full-wrapper .full-book .caption .label-full {
		padding: 1px 2px 2px;
		font-size: 12px;
	}
	.itemupdate .icate{display:none;}
	.itemupdate .iname {
		width: calc(100% - 115px);
	}
}

@media (max-width: 550px) {
	.btn_truyen {
		width: 100%;
		margin: 0;
		margin-bottom: 5px
	}
	.breadcrumb {
		font-size: 13px
	}
	.book-info-text li h1 {
		font-size: 20px
	}
	.top-header {
		width: calc(100% - 175px)
	}
	/*.searching form input {
		width: calc(100% - 50px)
	}*/
	.top-logo {
		width: 160px;    height: 60px;
	}
	.header .header-item-right {
		/*width: calc(100% - 175px);*/
		width: 100%;
		display: inline-block;
	}
	.header .header-item-link{
		width: 50%;display:block;
	}
	.header .header-item-link a{
		color: #ffffffe0;
		font-size: 13px;
		background: linear-gradient(133deg, rgb(244 188 110 / 97%), rgb(225 100 16));
		padding: 2px 6px 3px;
		border-radius: 4px;
		font-weight: 500;
	}
	.menu-mobile-trigger{
		position: absolute;
		top: 22px;
		right: 14px;
	}
	header .wrapper{
		height: auto;
		padding-bottom: 5px;
	}
	.searching button {
		width: 50px
	}
	.top-header .searching button span {
		display: none
	}

	.slide .item:nth-child(13),
	.slide .item:nth-child(14),
	.slide .item:nth-child(15),
	.slide .item:nth-child(16){display:none;}
	.slide .item {
		width: 33.33%;
	}
	.slide .item:nth-child(3n+1) {
	   clear: both;
	}

	.full-wrapper .full-book .item{width:33.33%;}
	.full-wrapper .full-book .item:nth-child(3n+1) {
		clear: both;
	}
	
	.full-wrapper .full-book .item:nth-child(10),
	.full-wrapper .full-book .item:nth-child(11),
	.full-wrapper .full-book .item:nth-child(12)
	{display:none;}
	.itemupdate .ichapter{display:block;}
	.itemupdate .ichapter,.itemupdate .iupdated{
		height: 28px;line-height:28px;
	}
	.itemupdate .iname {
		width: 100%;
	}
	.relate-wrapper .item {
		width: 50%;
	}

	.itemupdate .iname {
		width: 100%;
	}
	#chapter-list ul {
		margin-right: 0;
		width: 100%;
	}
	.listCol .bg-wrap{background:unset!important;}
	.listCol .bg-wrap{
		padding: 0px;
		border: 0;
	}

	.listCol .truyen-list .item {
		width: 100%;
		padding: 10px 0;
	}

	.listCol .truyen-list .item a.cover{
		width: 120px!important;    margin-right: 10px;padding-top: 184px;margin-top: -40px;
	}
	.title-list {
		padding: 0;
	}
	.onpage{padding: 15px 5px;}
	.lstbtn{
		padding: 0 10px;
		display: flex;
		background: #fafafa;
		align-items: center;
		align-content: stretch;
		flex-wrap: wrap;
		flex-direction: row;
	}
	.lstbtn .findchap{
		width: 100%;
        max-width: 100%;
	}
	.lstbtn > a{
		padding-right: 10px;
	}
}

@media (max-width: 500px) {
	main .wrap{font-size: 13px;margin-bottom:0;}
	.breadcrumbs a {
		font-size: 13.5px
	}
	#facebook ._pup {
		display: none
	}
	.chapter-list {
		padding-bottom: 74px
	}
	
	.slide {
		padding-top: 0;
		border: none
	}
	.container-top {
		width: 100%;
		margin-top: 0!important
	}
	section.container {
		margin: 0 auto!important
	}
	.item-name {
		width: 60%
	}
	.item-chapter {
		display: none
	}
	.item-author-name {
		padding-left: 2%;
		width: 36%
	}
	.update-slide {
		display: none
	}
	.middleCol {
		width: 100%;
		margin: 10px 0 0
	}
	.homeRightCol {
		width: 100%;
		margin: 10px 0 0
	}
	.rightCol {
		width: 100%;
		margin: 10px 0 0
	}
	.book-info-pic {
		width: 80%!important;
		margin: 0 auto 15px;
		text-align: center;
		float: none
	}
	.book-info-text {
		width: 98%!important;
		margin: 0
	}
	.book-info-text li {
		width: 80%!important
	}
	.phan-trang {
		text-align: center
	}
	.phan-trang a {
		margin-bottom: 5px
	}
	.phan-trang .group-page {
		display: inline-block
	}
	.phan-trang .group-qty {
		width: 100%;
		text-align: center;
		display: inline-block;
		margin: 10px 0
	}
	.phan-trang a.quantitychapter {
		float: none!important
	}
}

@media (max-width: 340px) {
	.truyen-list .item img {
		width: 50%
	}
}
@media screen and (max-width: 1200px) and (min-width: 992px) {
   .slide .item:nth-child(15),
   .slide .item:nth-child(16){display:none;}
   .slide .item {
		width: 14.2857%;
	}
   .slide .item:nth-child(7n+1) {
	   clear: both;
	}
}
@media screen and (max-width: 991px) and (min-width: 551px) {
   .slide .item:nth-child(15),
   .slide .item:nth-child(16){display:block;}
   .slide .item {
		width: 25%;
	}
   .slide .item:nth-child(4n+1) {
	   clear: both;
	}

   .full-wrapper .full-book .item{width:25%;}
   .full-wrapper .full-book .item:nth-child(5n+1) {
	   clear: both;
	}
   .full-wrapper .full-book .item:nth-child(11),
   .full-wrapper .full-book .item:nth-child(12){display:none;}
}