@media screen and (max-width: 1365px) {
.wrap-comment, .comment-add, .ajax-comment, .warning-com-fixed2 {
	width: 400px;
}	
.box-content:nth-child(5) {flex: 0 1 400px;}
}



@media screen and (max-width: 1279px) {
.box-page:nth-child(5) {display: none;}
.box-content:nth-child(1), .box-cabinet:nth-child(1), .box-page:nth-child(1) {display: none;}
.head:nth-child(1) {flex: 0 0 164px;}
.hico4 {
	display: inline-block;
}
}



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

.box-page:nth-child(1) {display: none;}
.box-content:nth-child(5) {display: none;}
.box-cabinet:nth-child(1) {display: none;}
.box-cabinet:nth-child(4) {display: none;}

	.wrap-left-menu {
		display: block;
	}
	.content {
		width: 600px;
		margin: 0 auto 50px auto;
	}
	.wrap-comment, .comment-add {
		position: static;
		width: 100%;
	}
	.warning-com-fixed2 {
		position: static;
		margin: 0;
		width: auto;
	}
	.ajax-comment {
		position: static;
		width: 100%;
		height: auto;
	}
	.image > img, .image-index > img {
		width: 100%;
		max-height: none;
	}
	.all-comments {
		margin: 50px auto 3px auto;
		width: 100%;
		max-width: 700px;
	}

}



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

	.box-page:nth-child(1), .box-page:nth-child(2), .box-page:nth-child(4), .box-page:nth-child(5) {display: none;}
	.box-page:nth-child(3) {flex: 0 1 100%;}

	.content {
		width: 100%;
		max-width: 600px;
	}
	a.link-header {
		display: none;
	}

}

@media screen and (max-width: 480px) {
	main {margin-top: 40px;}
	.content {
		margin: 0 0 6px 0;
		border: none;
		border-bottom: 1px solid transparent;
		box-shadow: none;
	}
	#random {
		margin: 20px auto !important;
	}
	.wrap-comment {
		margin: 0;
	}

	.wrap-mobile {
		height: 100px;
	}
	.img-mobile {
		width: 100px;
	}
	.span-mobile {
		padding: 0 20px 0 120px;
	}
	.link-mobile{
		margin: 10px 0 0 0;
		font-size: 16px;
	}

	.wrap-header, .header {
		height: 40px;
	}
	.head:nth-child(1) img {
		margin: 5px 0;
		height: 30px;
	}
	.head:nth-child(1) {
		flex: 0 0 128px;
	}
	.head-icon {
		height: 30px;
		width: 30px;
		background-size: 228px;
		margin: 5px 1px;
	}
	.head:nth-child(3) {
		flex: 0 0 200px;
	}
	.hico6 {
		width: 48px;
	}
.hico1 {background-position: 0 bottom;}
.hico2 {background-position: -30px bottom;}
.hico3 {background-position: -60px bottom;}
.hico4 {background-position: -90px bottom;}
.hico5 {background-position: -120px bottom;}
.hico6 {background-position: -150px bottom;}
.hico8 {background-position: -198px bottom;}

.hico1:hover {background-position: 0 top;}
.hico2:hover {background-position: -30px top;}
.hico3:hover {background-position: -60px top;}
.hico4:hover {background-position: -90px top;}
.hico5:hover {background-position: -120px top;}
.hico6:hover {background-position: -150px top;}
.hico8:hover {background-position: -198px top;}

.head-icon img {
	width: 30px;
	height: 30px;
}
	h2 {
		font-size: 20px;
	}
	.text-content {
	    font-size: 16px;
	    margin: 40px 15px;
	}
	.wrap-balls-footer {
		margin: 20px 10px 5px 10px;
	}
	.wrap-balls-footer-news {
		margin: 0;
	}
	.image {
		padding: 10px;
	}
	.asc {
		font-size: 20px;
		margin: 10px 0 20px 0;
	}
	.wrap-bottom {
		padding: 0 10px 10px 10px;
	}

	.wrap-com-index {
		padding: 0 10px; 
	}
	a.button {
		padding: 10px 5px;
	}
	.bottom:nth-child(1) {
		flex: 0 1 150px;
	}
	.bottom:nth-child(3) {
		flex: 0 1 105px;
	}
	.help {
		width: 130px;
		height: 40px;
		padding: 0;
		font-size: 14px;
	}
	.ajax-but-com {
		width: 145px;
	}
	.comment-smile {
		background-size: 280px;
		width: 28px;
		height: 28px;
		margin: 12px 0 0 0;
	}
	.smile2 {background-position: -28px bottom;}
	.smile3 {background-position: -56px bottom;}
	.smile4 {background-position: -84px bottom;}
	.smile5 {background-position: -112px bottom;}
	.smile6 {background-position: -140px bottom;}
	.comment-part:nth-child(1) {
		flex: 0 1 60px;
		padding: 0 5px 0 5px;
	}
	.comment-part:nth-child(1) > img {
		width: 50px;
		height: 50px;
		margin: 5px 0 0 0;
	}
	.comment-update {
		margin: 0 0 0 50px;
	}
	.comment-add {
		padding: 5px;
	}
	.comment-add-update {
		padding: 5px;
	}
	.comment2-part:nth-child(1) {
		padding: 5px 0 0 0;
	}
	.comment2-part:nth-child(1) > img {
		width: 50px;
		height: 50px;
	}
}


@media screen and (max-width: 375px) {
	.head:nth-child(3) {
	    flex: 0 0 190px;
	}
	.head-icon {
		margin: 5px 0px;
	}

	.text-content {
	    font-size: 16px;
	    margin: 20px 10px;
	}
	.image {
		padding: 7px;
	}
	.asc {
		font-size: 18px;
		margin: 10px 0 15px 0;
	}
	.wrap-bottom {
		padding: 0 5px 10px 5px;
	}
	.wrap-com-index {
		padding: 0 5px; 
	}
	a.button {
		font-size: 14px;
		padding: 8px 4px;
	}
	.bottom:nth-child(1) {
		flex: 0 1 130px;
	}
	.bottom:nth-child(3) {
		flex: 0 1 95px;
	}
	.box-page {
		padding: 0px;
	}
	.ajax-but-com {
		width: 134px;
	}
	.help {
		width: 95px;
		height: 35px;
		padding: 0;
		font-size: 12px;
	}
	.comment-smile {
		background-size: 240px;
		width: 24px;
		height: 24px;
		margin: 10px 0 0px 0;
	}
	.smile2 {background-position: -24px bottom;}
	.smile3 {background-position: -48px bottom;}
	.smile4 {background-position: -72px bottom;}
	.smile5 {background-position: -96px bottom;}
	.smile6 {background-position: -120px bottom;}
	.content-info {
		padding: 6px 10px;
	}
	.wrap-content {
		margin: 20px 10px;
	}
	.head-option {
		font-size: 18px;
	}
	img.avatar-account {
		width: 100px;
	}
	.table-user-data {
		margin: 10px auto;
	}
}

@media screen and (max-width: 320px) {
	.hico6 {display: none;}
}