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

	.container {
		margin: 0 auto 0 0;
		zoom: 1.0;
		padding-right: 10px;
	}
}


@media screen and (max-device-width: 710px) and (max-width: 710px) {
	.box{
		margin-right: 10px;
	}
	
	.author {
		line-height: 20px
	}
	
	#search, .container, .box, .box .header, .box .data, .box .data .item, .box .data .item .table, .dialinfo, .comments {
		width: 100%;
		padding-left: 0;
	}
	
	.comments .body {
		width: 80%;
	}
	
	.card {
		padding: 20px;
		float: none
	}
	
	.details {
		padding-left: 10px;
	}
	
	.elements, .comment {
		width: 90%;
		margin: 0 auto;
	}
	
	.slot, pre {
		font-size: 12px !important;
	}
	
	pre {
		line-height: 30px !important;
		padding: 10px 30px 10px 0 !important;
		font-size: 14px !important;
	}
	
	.improvements div {
		width: 24px;
		height: 24px;
	}
	
	.dialinfo {
		padding: 10px 0 0 0;
	}
	
	.header {
		padding-left: 0;
	}
	
	.item, .table {
		margin-right: 0;
		padding-right: 0;
		width: calc(100% - 10px) !important;
	}
	
	.bottom {
		zoom: 50%;
		font-size: 8px !important;
		line-height: 10px !important;
	}
	
	.box .header .name, .box .data .item .table .name {
		width: 160px;
	}
	
	#menu, .header .pointvalue, .header .basetype, .header .t_trait, .header .t_improved, .header .teamability, .header .targets, .header .rating, .data .item .table .pointvalue, .data .item .table .t_trait, .data .item .table .t_improved, .data .item .table .teamability, .data .item .table .targets, .data .item .table .rating  {display: none;}
}