@media ( max-width : 1400px) {
	.panel-w-30 {
		width: 50%;
	}
	.panel-w-40 {
		width: 70%;
	}
	.panel-w-50 {
		width: 80%;
	}
	.panel-w-60 {
		width: 80%;
	}
	.panel-w-70 {
		width: 85%;
	}
	.panel-w-80 {
		width: 90%;
	}
	.ui-menu-list{
		padding-left: 18px;
	}
}

@media ( max-width : 1200px) {
	.panel-w-30 {
		width: 50%;
	}
	.panel-w-40 {
		width: 70%;
	}
	.panel-w-50 {
		width: 80%;
	}
	.panel-w-60 {
		width: 95%;
	}
	.panel-w-70 {
		width: 95%;
	}
	.panel-w-80 {
		width: 95%;
	}
}

@media ( max-width : 900px) {
	html {
		font-size: 14px;
	}
}

@media ( max-width : 736px) {
	.full-content {
		padding: 0px !important;
	}
	.panel-w-60 {
		width: 100% !important;
	}
	.panel-w-40 {
		width: 100% !important;
	}
	.panel-w-30 {
		width: 100% !important;
	}
	.panel-w-50 {
		width: 100% !important
	}
	.panel-w-70 {
		width: 100% !important;
	}
	.panel-w-80 {
		width: 100% !important;
	}
	.panel-w-100 {
		width: 100% !important;
	}
	.ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link {
		padding: .4em .3em !important;
	}
	.desktop {
		display: none !important;
	}
	.mobile {
		display: block !important;
	}
	header {
		text-align: center;
		padding-left: 0px;
	}
	.ui-menu-list {
		padding-left: 0px;
	}
	.panel-fit {
		width: auto !important;
	}
	.ui-calendar input.hasDatepicker {
		width:30%
	}
	.centeredInfo{
		width:80% !important
	}
	.p-datepicker-panel{
		left: -100px !important; 
	}
	
	.unread-notification{
		color:#007BFF;
		font-weight: bold;
	}
	.hide-on-mobile{
		display:none
	}	
	
}

@media ( min-width : 736px) {
	.hide-on-desktop{
		display:none
	}	
}	

@media ( max-width : 400px) {
	html {
		font-size: 13px;
	}
}