@charset "utf-8";
/* CSS Document */

.mobileMemberNav {
  display:none;	
}

.mobileMemberNav2{
 display:none !important;
}

.accountPic {
		  width:100%;
		  max-width:100px;
		  margin-bottom:5px;
		}

 .profileNav, .adsContainer{
					  flex:1;
				  }

.profileNav {
  border-right: solid 1px #ddd;
  margin-bottom:-100%;
  padding-bottom: 100%;	
  background:#f8f8f8;
  padding-top:20px;
  padding-left:25px;
}

.memberNav li{
  font-size:14px;	
}

.profileNav ul{
  padding:0;  
  font-weight:bold;	
}

.profileNav ul li{
  list-style-type: none;
  display:block;
  padding:2% 0;
  color:#514f4f;
  /*color:#a7b1c2;*/
  margin:2% 0; 
  font-weight:300 !important;
}

.profileNav ul li i{
  padding-right:10px;	
}


.contactInfo ul li{
	text-decoration:none;
	list-style:none;
	display:block;
	padding: 0 !important;
     margin: 0 10px 0 0 !important;
	font-weight: 300;
				  }
				  
.contactInfo ul li a {
					  
	font-weight:300 !important;
				  }
				  
.contactInfo ul li i {
	padding:0 !important;
	margin:0 !important;
				  }



.adsContainer {	
  border-left: solid 1px #ddd;
  margin-bottom:-100%;
  /*padding-bottom: 100%;*/	
  background:#f8f8f8;
  padding-top:20px;
  /*padding-left:20px;*/
  padding-right:20px;
  padding-bottom:20px;
}

@media screen and (max-width:1000px) {
  .mobileMemberNav {
	 display:block;  
  }
  
  .memberNav {
	display:none;  
  }
  
  .profileNav ul li {
    list-type-style: none;
    display: block;
    padding: 2% 5% !important;
    color: #a7b1c2;
    margin: 2% 0;
}
	
}
	
@media screen and (max-width:979px){
		
		.profileNav {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 20px !important;
    background: #f8f8f8;
    padding-top: 20px;
    padding-left: 25px;
    border-right: solid 1px #ddd !important;
}
	
	.adsContainer {
                        border-left: none !important;
                         border-top: solid 1px #ddd;
					  }
					  
	}



@media screen and (max-width:975px){
	.profileNav {
  border-right: none;
  margin-bottom:0;
  padding-bottom: 20px !important;	
  background:#f8f8f8;
  padding-top:20px;
  padding-left:25px;
 		
}
	
	.adsContainer {
    border-left: none;
    margin-bottom: 0;
    padding-bottom: 20px !important;
    background: #f8f8f8;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    border-top: solid 1px #ddd;
}	
	
}

@media screen and (max-width:768px) {
	
	.accountPic {
    width: 100% !important;
    max-width: 75px !important;
    margin: auto;
}
}



@media screen and (max-width:765px){
	
	.mobileMemberNav{
					  display:none;
				  }
	
	.mobileMemberNav2{
					  display:block !important;
		              text-align:center;
		              margin-top: 5px;
				  }
	
	.profileNav {
    border-right: none !important;
    border-bottom: solid 1px #ddd;
    margin-bottom: 0;
    padding-bottom: 20px;
    background: #f8f8f8;
    padding-top: 20px;
    padding-left: 25px;
}
	
	.userNameTitle {
		margin-top:2%;
	}
	
	.contactInfo ul li {
    text-decoration: none;
    list-style: none;
    display: inline-block !important;
	padding:0 !important;
}
}


@media screen and (max-width:500px) {
  .mobileMemberNav button {
  margin-bottom:15px !important;	
}	
}


@media screen and (max-width:420px){
	.profileNav {
  border-right: 0;
  border-bottom:solid 1px #ddd;
  padding-bottom: 0;
  margin-bottom:0;	
  background:#f8f8f8;
  padding-top:20px;
  padding-left:25px;
}
}