@media screen and (min-width: 0px) and (max-width: 320px) {

	

	.fa-sign-out{		
		border:solid 1px #FFF;
		border-radius:50px;
		color:#FFF;
		font-size:16px;
		width:36px;
		height:36px;
		content: "";
		margin: 16px 0 0 0;}
	
	.logout{
		border-radius:50px;
		width:22px;
		height:27px;
		content: "";
		margin: 25px 0 0 15px;
		background-image:url(../images/svg/gold-logout.svg);
		background-position:center;
		background-size:contain;}
	
	.logout:hover{
		border-radius:50px;
		width:22px;
		height:27px;
		content: "";
		margin: 25px 0 0 15px;
		background-image:url(../images/svg/white-logout.svg);
		background-position:center;
		background-size:contain;}
		
	mid-spacer{
		display: block;
		width: 20px;
		box-sizing: border-box;
		float: left;}
	
	.dashboard-menu{
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-family: "Work Sans",sans-serif;
	overflow: hidden;}

	.division-map{
	display:block;		
	background: #FFF;
	/*padding: 20px 0 0 0;*/}
	
	.dashboard-menu h2{
	text-align:left;	
	font-size: 12px;
	line-height: 16px;
	background:#FFF;
	border-radius: 8px;	
	font-family: "Work Sans",sans-serif;
	font-weight: normal;
	color: #012933;
	text-align: left;
	letter-spacing: 0.1px;
	padding: 8px;
	border: 1px solid #CCC;
	/*box-shadow: rgba(0, 0, 0, 0.16) 0px 0px 8px;*/}
	
	.dashboard-menu h2 span{
	font-family: "Work Sans",sans-serif;
	display: block;
	color: #333;
	font-size: 20px;
	line-height: -20px;
	text-align: right;
	float: right;
	letter-spacing: 1px;}	


	.dashboard-menu h3{
	width: 100%;
	flex-direction: row;
	text-align: right;
	right: 0;
	font-size: 10px;
	padding: 0;
	margin: 0;
	font-family: "Work Sans",sans-serif;
	font-weight: normal;
	color: #0F50A0;
	letter-spacing: 0.1px;}

	
	.dashboard-menu h4{
	width: 100%;
	flex-direction: row;
	text-align: right;
	font-family: "Work Sans",sans-serif;	
	color: #000;
	margin: 0;
	padding: 0;
	font-size: 10px;
	letter-spacing: 0.1px;
	text-transform: capitalize;
	text-overflow: ellipsis;}

	
	.dashboard-menu ul {
  	display: flex;
  	justify-content: space-between;
 	flex-direction: row;
  	flex-wrap: wrap;
  	list-style: none;
  	align-items: center;
  	padding: 0;}
	
	.dashboard-menu ul li{
	text-decoration: none;
	text-align: center;
	display:flex;
	align-self: center;
	color: #0F50A0;
	font-size: 10px;
	cursor: pointer;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: 400;}

	account-info {
  	display: none;
  	font-family: "Work Sans",sans-serif;
  	color: #333;
  	font-size: 20px;
  	line-height: -20px;
  	text-align: right;
  	float: right;
  	letter-spacing: 1px;}

	account-icon{
	background-position: center center;
	background-size: contain;
	background-image: url(../images/svg/acc-profile-icon.svg);
	background-repeat: no-repeat;
	position: absolute;
	right: 60px;
	width: 20px;
	height: 20px;
	}
	
	/*background-color: #012933;
	text-align: center;	
	border-radius: 5px;
	width:25%;}*/
	
	
	/*.dashboard-menu ul li:nth-child(4n+0) {
  	margin: 0px !important;
  	float: right !important;}*/
	
	.dashboard-menu ul li a{
	text-decoration: none;
	padding: 0 !important;
	color: #0F50A0;
	font-size: 10px;
	font-weight: 300;}
	
	
	.dashboard-menu ul li a span{
	text-decoration: none;	
	padding-left: 2px;
	color: #EA4324;
	font-size: 18px;
	font-weight: 800;}	
	
}






@media screen and (min-width: 321px) and (max-width: 520px) {

	.fa-sign-out{
		
		border:solid 1px #FFF;
		border-radius:50px;
		color:#FFF;
		font-size:16px;
		width:36px;
		height:36px;
		content: "";
		margin: 16px 0 0 0;}
	
	.logout{
		border-radius:50px;
		width:22px;
		height:27px;
		content: "";
		margin: 25px 0 0 15px;
		background-image:url(../images/svg/gold-logout.svg);
		background-position:center;
		background-size:contain;}
	
	.logout:hover{
		border-radius:50px;
		width:22px;
		height:27px;
		content: "";
		margin: 25px 0 0 15px;
		background-image:url(../images/svg/white-logout.svg);
		background-position:center;
		background-size:contain;}
		
	mid-spacer{
		display: block;
		width: 20px;
		box-sizing: border-box;
		float: left;}
	
	.dashboard-menu{
	display: block;
	padding: 0 20px;
	font-family: "Work Sans",sans-serif;
	overflow: hidden;
	background: transparent linear-gradient(290deg,#0f50a0 0, #1a9646  100%) 0 0 no-repeat padding-box;}

	
	account-info {
	  display: none;
	  font-family: "Work Sans",sans-serif;
	  color: #333;
	  font-size: 20px;
	  line-height: -20px;
	  text-align: right;
	  float: right;
	  letter-spacing: 1px;}

	
	.dashboard-menu h2{
	text-align:left;	
	font-size: 14px;
	line-height: 16px;
	margin: 16px 0px 16px 0px;
	background:#FFF;
	border-radius: 8px;	
	font-family: "Work Sans",sans-serif;
	font-weight: 500;
	color: #82704A;
	text-align: left;
	letter-spacing: 0.1px;
	padding: 12px;
	/*box-shadow: rgba(0, 0, 0, 0.16) 0px 0px 8px;*/}
	
	.dashboard-menu h2 span{
	font-family: "Work Sans",sans-serif;
	display: block;
	color: #333;
	font-size: 14px;
	line-height: -20px;
	text-align: right;
	float: right;
	letter-spacing: 1px;}

	.dashboard-menu h3{	
	width: 100%;
	text-align: right;	
	font-size: 10px;
	margin:0;
	padding: 0;
	font-family: "Work Sans",sans-serif;
	font-weight: normal;
	color: #FFF;
	letter-spacing: 0.1px;}
	
	.dashboard-menu h4{
	width: 100%;
	font-family: "Work Sans",sans-serif;
	text-align: right;
	color: #FFF;
	margin: 0;
	padding: 0;
	font-size: 12px;
	text-transform: capitalize;
	text-overflow: ellipsis;}
	
	.dashboard-menu ul{
	display: flex;	
	justify-content: space-between;
	flex-direction: row;
	flex-wrap: wrap;
	list-style: none;
	align-items: center;
	margin: 0 0 10px 0;
	padding: 0;}
	
	.dashboard-menu ul li{
	text-decoration: none;
	display: flex;
	cursor: pointer;
	font-size: 12px;
	font-weight:400;
	font-family: "Work Sans",sans-serif;
	color: #FFF;}	

	account-icon{
	background-position: center center;
	background-size: contain;
	background-image: url(../images/svg/acc-profile-icon.svg);
	background-repeat: no-repeat;
	position: absolute;
	width: 20px;
	height: 20px;}
	
	.dashboard-menu ul li a{
	display: flex;
	font-family: "Work Sans",sans-serif;
	text-decoration: none;	
	padding: 0 !important;
	color: #FFF;
	font-size: 12px;
	font-weight:400;}
	
	
	.dashboard-menu ul li a span{
	display: flex;
	text-decoration: none;	
	padding-left: 2px;
	color: #EA4324;
	font-size: 18px;
	font-weight: 800;}	
	
}




@media screen and (min-width: 521px) and (max-width: 768px) {

	.add-top-pad{
		display: block;
		box-sizing: border-box;
		padding: 20px 0 0 0 !important;
	}

	account-info {
  	display: none;}

	.fa-sign-out{
		
		border:solid 1px #FFF;
		border-radius:50px;
		color:#FFF;
		font-size:16px;
		width:36px;
		height:36px;
		content: "";
		margin: 16px 0 0 0;}
	
	.logout{
		border-radius:50px;
		width:22px;
		height:27px;
		content: "";
		margin: 25px 0 0 15px;
		background-image:url(../images/svg/gold-logout.svg);
		background-position:center;
		background-size:contain;}
	
	.logout:hover{
		border-radius:50px;
		width:22px;
		height:27px;
		content: "";
		margin: 25px 0 0 15px;
		background-image:url(../images/svg/white-logout.svg);
		background-position:center;
		background-size:contain;}
		
	mid-spacer{
		display: block;
		width: 20px;
		box-sizing: border-box;
		float: left;}
	
	.dashboard-menu{
		display: block;
		padding: 0 20px;
		font-family: "Work Sans",sans-serif;
		overflow: hidden;
		background: transparent linear-gradient(290deg,#0f50a0 0, #1a9646  100%) 0 0 no-repeat padding-box;}
	
	greeting{
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	justify-content:space-between;  
	margin: 25px 0 0 0;
	overflow: hidden;}

	greeting img{
	display: flex;
	flex-direction: column;
	width: 24px;
	height: 24px;
	margin: 0 0 0 10px;}

	left{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 30%;}

	right{
	display: flex;
	flex-wrap: wrap;
	justify-content:flex-end;
	width: 70%;}

	.division-map{
	display:block;}
	
	.dashboard-menu h2{
	text-align:left;	
	font-size: 12px;
	line-height: 16px;
	margin: 16px 0;
	background:#FFF;
	border-radius: 8px;	
	font-family: "Work Sans",sans-serif;
	font-weight: normal;
	color: #012933;
	text-align: left;
	letter-spacing: 0.1px;
	padding: 14px;}
	
	.dashboard-menu h2 span{
	font-family: "Work Sans",sans-serif;
	display: block;
	color: #333;
	font-size: 20px;
	line-height: -20px;
	text-align: right;
	float: right;
	letter-spacing: 1px;}	


	.dashboard-menu h3{
	display: flex;
	text-align:right;	
	font-size: 10px;
	margin: 0 0 5px 0;
	padding: 0;
	color:#FFF;
	font-family: "Work Sans",sans-serif;
	font-style: italic;
	font-weight: normal;
	letter-spacing: 0.1px;}
	
	.dashboard-menu h4{
	font-family: "Work Sans",sans-serif;
	display: block;
	color: #333;
	margin: 0;
	padding: 0;
	font-size: 12px;
	text-align: right;
	float: right;
	letter-spacing: 0.1px;
	text-transform: capitalize;
	text-overflow: ellipsis;}
	
	.dashboard-menu ul{
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	flex-wrap: wrap;
	list-style: none;
	align-items: center;
	margin: 0 0 10px 0;
	padding: 0;}
	
	.dashboard-menu ul li{
	text-decoration: none;
	text-align: center;
	display: inline-flex;
	align-self: center;
	color: #FFF;
	font-family: "Work Sans",sans-serif;
	font-weight: 600;
	font-size: 16px;
	cursor: pointer;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0 5px;}

	account-icon{
		background-position: center center;
		background-size: contain;
		background-image: url(../images/svg/acc-profile-icon.svg);
		background-repeat: no-repeat;
		position: absolute;
		top:16px;
		right: 60px;
		width: 20px;
		height: 20px;
	}
	
	/*background-color: #012933;
	text-align: center;	
	border-radius: 5px;
	width:25%;}*/
	
	
	/*.dashboard-menu ul li:nth-child(4n+0) {
  	margin: 0px !important;
  	float: right !important;}*/
	
	.dashboard-menu ul li a{
	text-decoration: none;	
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;	
	color: #FFF;
	font-family: "Work Sans",sans-serif;
	font-weight: 600;
	font-size: 16px;}
	
	
	.dashboard-menu ul li a span{
	text-decoration: none;	
	padding-left: 2px;
	color: #EA4324;
	font-size: 18px;
	font-weight: 800;}	
	
	}






@media screen and (min-width: 769px) and (max-width: 992px) {

	account-icon{
	background-position: center center;
	background-size: contain;
	background-image: url(../images/svg/acc-profile-icon.svg);
	background-repeat: no-repeat;
	position: absolute;
	top:30px;
	right: 100px;
	width: 18px;
	height: 18px;}
	

	mid-spacer{
	display: inline-block;
	margin: 0 10px;}

	.division-map {
	display: block;
	background: #FFF;
	padding: 0px;
	overflow: hidden;
	text-align: center;}
	
	.dashboard-menu{
	padding: 0 30px;
	overflow: hidden;
	background-color: #FFF;}

	
	.dashboard-menu h2{		
	text-align: left;
	font-size: 16px;
	line-height: 16px;
	margin: 0;
	background: #FFF;
	border-radius: 8px;
	font-family: "Work Sans",sans-serif;
	font-weight: normal;
	color: #012933;
	text-align: left;
	letter-spacing: 0.1px;
	padding: 15px;
	border: 1px solid #CCC;}
	
	account-info{
	display: block;}

	.dashboard-menu h2 span {
	font-family: "Work Sans",sans-serif;
	display: block;
	color: #333;
	font-size: 20px;
	line-height: -20px;
	text-align: right;
	float: right;
	letter-spacing: 1px;}	

	.dashboard-menu h3{	
	width: 100%;
	text-align:right;	
	font-size: 10px;
	margin:  0;
	padding: 0;
	background:#FFF;
	font-family: "Work Sans",sans-serif;
	font-weight: normal;
	color: #82704A;
	letter-spacing: 0.1px;}
	
	.dashboard-menu h4{
	font-family: "Work Sans",sans-serif;
	width: 100%;
	text-align:right;
	color: #333;
	margin: 0;
	padding: 0;
	font-size: 12px;
	text-align: right;
	text-transform: capitalize;
	text-overflow: ellipsis;}
	
	.dashboard-menu ul{
	display: flex;	
	justify-content: space-between;
	flex-direction: row;
	flex-wrap: wrap;
	list-style: none;
	align-items: center;
	margin:  16px 0 0 70px;
	padding: 0;}
	
	.dashboard-menu ul li{
	text-decoration: none;
	display: flex;
	cursor: pointer;
	font-size: 10px;
	font-family: "Work Sans",sans-serif;
	color: #000;}
	
	.dashboard-menu ul li a{
	display: flex;
	font-family: "Work Sans",sans-serif;
	text-decoration: none;			
	color: #000;
	font-size: 10px;
	padding: 0;}
	
	
	.dashboard-menu ul li a span{
	text-decoration: none;	
	padding-left: 2px;
	color: #EA4324;
	font-size: 18px;
	font-weight: 800;}
}







@media screen and (min-width: 993px) and (max-width: 1600px) {

	account-icon{
	background-position: center center;
	background-size: contain;
	background-image: url(../images/svg/acc-profile-icon.svg);
	background-repeat: no-repeat;
	position: absolute;
	top:30px;
	right: 100px;
	width: 18px;
	height: 18px;}
	

	mid-spacer{
	display: inline-block;
	margin: 0 10px;}

	.division-map {
	display: flex;	
	overflow: hidden;}
	
	.dashboard-menu{
	padding: 20px 80px;
	overflow: hidden;
	background: transparent linear-gradient(290deg,#1a9646 0,#0f50a0 100%) 0 0 no-repeat padding-box;}
	
	.dashboard-menu h2{		
	text-align: left;
	font-size: 16px;
	margin:0;
	background: #FFF;
	border-radius: 8px;
	font-family: "Work Sans",sans-serif;
	font-weight: normal;
	color: #012933;
	text-align: left;
	letter-spacing: 0.1px;
	padding: 14px;}
	
	account-info{
	display: block;}

	.dashboard-menu h2 span {
	font-family: "Work Sans",sans-serif;
	display: block;
	color: #333;
	font-size: 20px;
	line-height: -20px;
	text-align: right;
	float: right;
	letter-spacing: 1px;}

	.dashboard-menu h3{
	display: flex;
	text-align: right;
	font-size: 14px;
	margin: 0;
	padding: 0;
	font-family: "Work Sans",sans-serif;
	font-weight: normal;
	color: #FFF;
	letter-spacing: 0.1px;}
	
	.dashboard-menu h4{
	width: 100%;
	text-align: right;
	font-family: "Work Sans",sans-serif;
	color: #FFF;
	font-size: 16px;
	margin: 0;
	padding: 0;	
	letter-spacing: 0.1px;
	text-transform: capitalize;
	text-overflow: ellipsis;}
	
	.dashboard-menu ul{
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	list-style: none;
	overflow: hidden;
	background: none;
	align-items: center;
	flex-wrap: wrap;	
	gap: 20px;
	margin: 0;
	padding: 0;
	width: 100%;}
	
	.dashboard-menu ul li{	
	display: flex;
	text-decoration: none;
	font-family: "Work Sans",sans-serif;
	color: #FFF;
	cursor: pointer;
	/*margin: 0 auto 5px auto;*/}

	.dashboard-menu ul li a{
	text-decoration: none;
	font-family: "Work Sans",sans-serif;
	color: #FFF !important;
	font-size: 16px;
	display: flex;
	cursor: pointer;
	padding: 0!important;
	/*margin: 0 auto 5px auto;*/}

	.dashboard-menu ul li img{	
	display: flex;
	width: 27px;	
	margin:auto;}

	.dashboard-menu ul li a span{
	text-decoration: none;	
	color: #FFF;
	font-size: 12px;
	font-weight: 800;}
	
}