
/*@media  (min-width:1321px) {
	.admin_nav {
		font-size:14px;
	}
}*/

@media (min-width:1321px) and (max-width:1400px) {
	.admin_nav {
		font-size:14px;
	}
}

@media (max-width:1320px) {
	.admin_nav ul{
		width: 95%;
	}
	.link-box {
		padding-top:25px;
	}
	.link-btn {
		margin-top: 25px;
		font-size: 18px;
	}
}



@media  (min-width:1200px) {
	.container {
		width: 100%;
	}
	.p-content > .container {
		padding:0;
	}
	.dash_box {
		margin: 5px 10px;
	}
	.dash_box figure.media,
	.survey_page figure.media {
	  max-width: 75%;
	}
	.dash_box figure.image,
	.survey_page figure.image {
	  max-width: 75%;
	  width: 100%;
	}
	.dash_box figure.image img,
	.survey_page figure.image img {
		width: auto;
		height: auto;
		max-width: 100%;
	}
}


@media  (max-width:1199px) {
	.dash_box .title {
    	font-size: 14px;
	}
	.avg {
		float:none;
		text-align:left;
	}
	/*.dash-boxes {
		padding: 20px 0;
	}*/
	.dash_box .percent {
		font-size: 56px;
	}
	#per-cent {
		font-size: 80px !important;
	}
	.apexcharts-canvas::after {
		font-size: 24px;
		margin-left: 44px;
		margin-top: -38px;
	}
	.athelete-left.ca-left {
		width:30%;
	}
	.athelete-right.ca-right {
		width:70%;
	}
}

@media  (max-width:991px) {
	.ca-left, .ca-right,
	.athelete-left.ca-left, .athelete-right.ca-right {
		width: auto;
		float: none;
		border:0;
	}
	
	.athelete-left {
		text-align:center;
	}
}
@media  (max-width:800px) {
	#per-cent {
		font-size: 64px !important;
	}
	.apexcharts-canvas::after {
		font-size: 23px;
		margin-left: 36px;
		margin-top: -28px;
	}
	.dash_box .percent {
		font-size: 44px;
		min-width: 1px;
	}
}



@media  (max-width:767px) {
	.dash_box .percent {
		font-size: 46px;
		min-width:70px;
	}
	.dash_box .percent span {
    	font-size: 17px;
		right: 6px;
	}
	#per-cent {
    	font-size: 70px !important;
	}
	.apexcharts-canvas::after {
    	font-size: 23px;
		margin-left: 40px;
		margin-top: -33px;
	}
	.admin_box h2 {
    	font-size: 40px;
	}
	.link-box {
		margin-bottom:15px;
	}
	.ca-left, .ca-right {
		padding:15px;
	}
}


@media  (max-width:767px) {
	.h-left, .h-right {
		float: none;
		width: 100%;
	}
	header.main-header .logo a {
		display: block;
		text-align: center;
	}
	header.main-header .p-title h1{
		text-align: center;
		font-size: 36px;
	}
	header.main-header > div > div {
		display: block;
	}
	header.main-header .p-title {
    	border-bottom: 0;
		clip-path: none !important;
	}
	.c-left, .c-right {
		float: none;
		width: 100%;
	}
	.user-bio {
		clip-path: none !important;
		padding: 20px;
	}
	.user-bio h2 {
		font-size: 30px;
	}
	#chart {
		max-width:440px;
	}
	.dash-boxes {
		padding-top: 0;
	}
	.dash_box {
		padding: 12px 13px 12px 11px;
		margin: 10px 0;
	}
}


@media (min-width:768px) and (max-width:800px) {
	#per-cent {
    font-size: 44px !important;
	top: 60% !important;
}


	
}