/* =RESPONSIVE
-------------------------------------------------------------- */

img, object, video, iframe, input, textarea, lottie-player {
	max-width: 100%;
}


@media only screen and (max-width: 1440px) {
	.sidebar-menu li a {
		padding:20px 30px;
	}

	
	 }


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

	
	 }


@media only screen and (max-width: 1280px) {
	
	.pr-main-box .pr-data {
		font-size:18px;
	}
	
	
}

@media only screen and (max-width: 1024px) {
	#sidebar {
		width:250px;
	}
	
	#content-area {
    width: calc(100% - 250px);
    padding: 70px 0;
}

	.progress-graph {
		margin-bottom:25px;
	}
	
	.title {
		font-size:28px;
		margin-bottom:20px;
	}
	
	.section {
		padding:20px 0;
	}
	
	.project-title {
		font-size:36px;
	}
	
	
}
	 
@media only screen and (max-width: 820px) {
	#sidebar.sticky-sidebar {
		display: none;
		}
	
	#content-area {
    width: 100%;
    padding:40px 30px 40px 50px;
	}
	
	#menu-panel #sidebar  {
		width:350px;
	}
	
	.pr-main-box {
		flex-direction: column-reverse;
	}
	
	.pr-main-box .pr-data {
		width:100%;
	}
	
	.pr-main-image {
		width:100%;
	}
	
	.back, .gotop {
		zoom: 0.7;
	}
	
	.project-title {
    font-size: 32px;
}


.login-logo {
	display: none;
}
	
}


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

	
	
}

@media only screen and (max-width: 460px) {
	
	.main-images {
		flex-wrap: wrap;
	}
	.main-images .flex-item {
    width: 100%;
	margin-bottom:20px;
	}
	
	.title {
    font-size: 26px;
	text-align:center;
	}
	
	.reports-list li {
		display: block;
	}
	
	.reports-list .flex {
		display: block;
	}
	
	.reports-list span {
		display: block;
		margin-bottom:10px;
		font-size:18px;
	}
	
	.reports-list .date {
		padding:10px 0px;
	}
	
	
}


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


}