/*@media(max-width: 1500px){
	.items p{
		display: none;
	}
}*/
@media(max-width: 1600px){
	body{
		background-size: cover;
	}
	.user li a{
		font-size: 22px;
	}
	#mainmenu ul li {
	    padding-left: 15px;
	}
	#mainmenu ul li a{
		font-size: 26px;
	}
	#listGift h3.g-title {
	    min-height: 150px;
	}
	a.btnBuyGift{
		padding: 3px 35px;
    	font-size: 14px;
	}
	h3.g-title{
		padding: 20px 10px;
    	font-size: 16px!important;
	}
}
@media(max-width: 1366px){
	a.viewstory {
	    padding: 6px 25px;
	    font-size: 15px;
	}
	h3.g-title {
	    font-size: 15px!important;
	}
}
@media(max-width: 1024px){
	#listGift h3.g-title {
	    min-height: 140px;
	}
	.other-channel .img-channel{
		top: -17px;
	}
	#textsearch, .listsearch {
	    width: 465px;
	}
	.form-search {
	    max-width: 565px;
	}
	.box .box-inner2{
		padding: 0 30px;
	}
	.box {
	    width: calc(100% - 120px);
	}
	h3.g-title{
		padding: 10px 5px;
	}
	#listGift h3.g-title{
		padding-bottom: 20px;
	}
	a.viewstory{
		font-size: 14px;
		top: -15px;
		padding: 4px 15px;
	}
	.story h3.g-title {
	    min-height: 100px;
	}
	h1.title{
		font-size: 30px;
	}
	.btnL{
		padding: 4px 0;
		font-size: 16px;
	}
	.btnL img{
		width: 25px!important;
	}
	#mainmenu ul li a {
	    font-size: 22px;
	}
	.user li a {
	    font-size: 20px;
	}
	.navbar-toggle{
		padding: 7px 10px;
	}
	body{
		font-size: 22px;
	}
	#textsearch, .listsearch{
		padding: 12px 20px 15px;
	}
	.btnSearch img {
	    height: 55px;
	}
	#textsearch span.arrow img{
		width: 15px;
	}
	.scrollbar{
		top: 58px;
	}
	.story .g-item iframe {
		width: 100%!important;
	}
	.btnL:after {
	    border-right: 20px solid transparent;
	    border-top: 20px solid #e23433;
	    bottom: -20px;
	}
}
@media(max-width: 900px){
	.home-welcome{
		width: 100%;
		height: 745px;
		/*
		background: transparent;*/
	}
}
@media(max-width: 768px){
	#listGift h3.g-title {
	    min-height: 120px;
	}
	.box h1{
		font-size: 22px;
	}
	.box h1 {
	    font-size: 22px;
	}
	.box h1 span::before,.box h1 span::after{
		background: transparent;
		width: auto;
	}
	.box .box-inner2{
		padding: 0;
		border:0;
		margin:0;
	}
	.box{
		width: auto;
		padding: 0 15px;
		background: transparent;
	}
	.box .box-inner{
		margin: 0;
		border:0;
	}
	.backto{
		padding-right: 0;
	}
	.box-page .col-md-6 a span{
		margin: -30px 15px 0;
	}
	.category .items{
		background-size: 100%;
	}
	.container-fluid{
		padding-left: 15px;
		padding-right: 15px;
	}
	/*#mainmenu{
		float: left!important;
	}*/
	
	.navbar-toggle{
		border: 2px solid #F58032;
		margin: 0;
		float: left;
	}
	.navbar-collapse{
		padding-left: 0;
	}
	.navbar-toggle .icon-bar{
		background: #F58032;
	}
	.user {
	    padding-top: 15px;
	    padding-bottom: 15px;
	}
	.content{
		padding-top: 30px;
	}

	.category .row{
		margin:0;
	}
	.category .col-md-4{
		padding: 0;
	}
	.other-channel .img-channel {
	    position: relative;
	    top: 0;
	    right: 0;
			left: 0;
	    z-index: 0;
	    width: 100%;
	    margin-bottom: 40px;
	}
	.other-channel p {
	    padding-bottom: 5px;
	}
	.bx-pager.bx-default-pager{
		text-align: center;
	}
	.bx-pager-item{
		display: inline-block;
		padding-right: 10px;

	}
	.bx-pager-item a{
		color:#000;

	}
	.bx-pager-item a.active{
		color:#F58032;
	}
	#mainmenu ul li{
		text-align: left;
	}
	#navbar{
		margin-top: 15px;
	}
	.category .container-fluid {
	    padding-left: 15px;
	    padding-right: 15px;
	}
	.category h2 {
	    padding: 40px 0 0px!important;
	}
	.category .luuniem + .icon-fan,
	.category .thongtin + .icon-fan{
		width: 150px!important;
	}
	.other-channel {
	    padding-top: 60px;
	}
	.home-welcome{
		height: 730px;
	}
}
@media(max-width: 560px){
	.home-welcome h1{
		font-size: 20px;
		width: calc(100% - 175px);
		margin: 0 auto 20px;
	}
	.welcome-content p{
		display: none;
	}
	*#mainmenu ul li {
	    display: block;
	}
	.box2{
		width: calc(100% - 30px);
	}
	.box h1{
		font-size: 22px;
	}
	#textsearch, .listsearch{
		width: 100%;
	}
	.sub-story span::before, #page h1 span::before{
	    top: -15px;
	    left: -75px;
	    width: 80px;
    	height: 80px;
	}
	.sub-story span::after, #page h1 span::after{
		top: -15px;
		right: -75px;
	    width: 80px;
    	height: 80px;
	}
	h1.title {
	    margin: 0 auto 30px;
	}
	.sub-story {
	    width: 60%;
	}
	.sub-story span, #page h1 span {
	    display: block;
	    word-break: inherit;
	}
	#textsearch, .listsearch {
	    width: 78%;
	}
	a.btnSearch {
		width: 20%;
	}
	#textsearch, .listsearch {
	    padding: 6px 20px 9px;
	}
	#textsearch span.arrow img {
	    width: 10px;
	}
	#textsearch span.arrow {
	    right: 15px;
	}
	.btnSearch img {
	    height: 42px;
	}
	.form-search {
	    margin-bottom: 30px;
	}
	.cheapter-list {
	    padding-top: 50px;
	    padding-bottom: 0;
	}
	#mainmenu{
		width: 100%;
	    background: transparent;
	    left: 0;
	    margin: 0;
	    position: relative;
	}
	#mainmenu ul li {
	    padding-left: 0;
	}
	.user li a {
	    font-size: 16px;
	}
	.category .luuniem + .icon-fan, .category .thongtin + .icon-fan {
	    width: 100px!important;
	}
	.category .thongtin + .icon-fan {
	    left: -230px;
	    right: 0;
	    top: 5px;
	}
	.category .luuniem + .icon-fan {
	    right: -220px;
	}
	.quaySlide .col-sm-4{
		padding:0;
	}
	.other-channel .img-channel{
		left: 0;
	}
	.social li img{
		width: 33px;
	}
	.form-aptc h4 {
	    font-size: 20px;
	    margin-top: 80px;
	}
	.modal-header .close{
		font-size: 55px;
	}
	.member .avatar img{
		max-width: 120px;
		top: 30px;
	}
	.member .avatar{
		max-width: 165px;
		max-height: 165px;
	}
	.member .avatar .avatar__img{
		width: 120px;
		height: 120px;
		top: 30px;
	}
	.user-info{
		margin-top: 0;
	}
	#page .member h1 span::before{
		left: -8px;
	}
	#page .member h1 span::after {
	    right: -8px;
	}
	.m-action{
		margin-top: 15px;
	}
	.m-action .col-xs-6:first-child{
		padding-right:0;
	}
	.m-action .col-xs-6:last-child{
		padding-left:0;
	}
	.item-wall {
	    padding-bottom: 15px;
	}
	.about .box{
		border-top: 1px dashed #000;
		margin-top: 15px;
		padding-top: 30px;
	}
	.about h2.row{
		border-top: 1px dashed #000;
		padding-top: 30px;
	}
	span.gift_quantity{
		display: block;
	}
	#page .gift h1 span:before{
		left: -20px;
	}
	#page .gift h1 span:after{
		right: -20px;
	}
	.sort span{
		display: none;
	}
	.sort a{
		display: block;
	}
	.story h3.g-title{
		font-size: 16px!important;
	}
	.category .items {
	    background: url(../images/home-box-m.png) no-repeat 50% 50%;
	    background-size: 100%;
	    margin: 0 15px;
	}
	ul.yiiPager a:link, ul.yiiPager a:visited {
	    padding: 1px 10px!important;
	}
	ul.yiiPager .previous a, ul.yiiPager .next a, ul.yiiPager .page a {
	    font-size: 18px!important;
	}
	ul.yiiPager {
	    font-size: 18px;
	}
	.usermenu ul {
	    top: 45px;
	    left: auto;
	    right: 0;
	    width: 150px;
	}
	.btnG{
		width: 100%;
	}
	.btnG .lbl {
	    font-size: 16px;
	}
	.content {
	    padding-top: 0;
	}
	.user .pull-right{
		/*float: none!important;*/
		text-align: right;
		position: relative;
		top: -8px;
	}
	.sub-story span::after, #page h1 span::after{
		right: -70px;
	}
	.sub-story span::before, #page h1 span::before{
		left: -70px;
	}
	.navbar-toggle{
		z-index: 11;
	}
	#navbar{
		padding-top: 0;
	}
	.usermenu ul{
		text-align: left;
	}
	#listMessage ul, #history ul {
	    padding: 0 30px;
	}
	.lblCheapter{
		margin-top: 0;
	}
	#listimg .col-sm-4{
		margin-bottom: 30px;
	}
}
@media(max-width: 375px){
	.content{
		overflow: hidden;
	}
	p{
		word-break: break-word;
	}
}