/* ------------------ SMARTPHONE ------------------ */
@media screen and (min-width : 480px){

}
@media screen and (min-width : 640px){
	.resume .resume-container{ width:50%; }
	.chart2{ width:300px!important; height:300px!important;}
	#modal #modal-box{width:500px!important;}
}
/* ------------------ TABLET ------------------ */
@media screen and (min-width : 768px){

}
@media screen and (min-width : 1024px){
	.chart2{ width:200px!important; height:200px!important;}
	#menu-icon{ display:none}
	.dashboard-screen header #header-container .user-admin{ right:20px; }
	.dashboard-screen .menu{ left:0!important; }
	#dashboard{ padding-left:225px; }
	.resume{ width:50%; }
	.graphic, .graphic-c{ width:50%;}
	.resume-table .resume-table-container{ width:50%; }
	.dashboard-screen header #header-container .logo{ margin-left:40px; }
	.dashboard-screen header #header-container .user-admin{ width:190px; }
	.dashboard-screen header #header-container .user-admin .name{ width:130px;}
}
@media screen and (min-width : 1280px){
	.chart2{ width:250px!important; height:250px!important;}
}
/* ------------------ PC, NOTE ------------------ */

@media screen and (min-width : 1360px){
	#login-adm{ background-size:100%; }
	.chart2{ width:350px!important; height:350px!important;}
}