/* Responsive style */

@media screen and (min-width: 980px) and (max-width: 1200px){
	.nav-circle{
		width:880px;
	}
	
	.wrap-circle{
		width:auto;
	}
	/* - */
	.btn-circle{
		margin-left:0px;
	}
	.btn-circle {
		width:180px;
		height:180px;
		border:16px solid #ffffff;
	}
		.btn-inner-circle {
			width:140px;
			height:140px;
			margin-top:10px;
		}
			.last {
				margin-right:0px;
				margin-left:0px;
				float:left;
			}
	.icon-pr{
		background-position:18px -148px;
	}
	.icon-tm {
		background-position:18px 15px;
	}
	.icon-cl{
		background-position:18px -320px;
	}
	.DataTables_sort_wrapper{
		height:32px;
	}
	#read table td:last-child, #readPr table td:last-child, #readTm table td:last-child{
		min-width:100px;
	}
}

@media screen and (min-width: 768px) and (max-width: 979px){
	.nav-circle{
		width:700px;
	}
	.wrap-circle{
		width:auto;
		/*float:left;*/
		/*margin:0 3.8%;*/
	}
	.btn-circle{
		margin:0px;
	}
	/* --- */
	/*.wrap-circle{
		width:100%;
	}*/
	.btn-circle{
		margin:0px 40px 0px 0px;
		border:10px solid #FFF;
		width:172px;
		height:172px;
	}
	.btn-inner-circle{
		width:auto;
		height:155px;
		margin:0 auto;
	}
	.wrap-circle .btn-circle.last{
		float:left;
	}
	.icon-pr{
		background-position:24px -140px;
	}
	.icon-tm{
		background-position:26px 20px;
	}
	.icon-cl{
		background-position:22px -305px;
	}
	.DataTables_sort_wrapper{
		font-size:12px;
		height:32px;
	}
}