/*Preloader */

#loading {
  overflow: hidden;
 
}
#loader {
     width: 20vmax;
     height: 50vmax;
     
     margin:auto;
     background-image: url(../images/preloader.jpg);
     background-repeat: no-repeat;
     background-position: center;
 
}


#mycontent{
  display:none;
} 
/*preloader end*/
/*navbar style*/
.navbar-custom {
    background-color:#8DE4AF;
   
}

#collapsibleNavbar a:hover{
     background-color:#E7717D;
     color:white;
}
.font-adjust{
	font-family:garamond;
	font-weight:bold;

}
/*navbar -end*/
/*main body*/
/*chat section*/
.img-adjust{
	width:10vmin;
	height:10vmin;
}
@media only screen and (max-width:1020px){
    .img-adjust{
	width:50px;
	height:48px;
}
}
.top-adjust{
	margin-top:9vmin;
}
@media only screen and (max-width:1024px){
    .top-adjust{
	margin-top:57px;
}
}
.box-decoration{
	
	 box-shadow: 5px 10px 18px #C2B9B0;
}
.chat-adjust{
	margin-top:2vmin;
	margin-bottom:2vmin;
}
.font-adjust-heading{
	font-weight:bold;
	font-family:garamond;
	font-size:1.4vw;
}
@media only screen and (max-width:1024px){
    .font-adjust-heading{
	font-weight:bold;
	font-family:garamond;
	font-size:16px;
}
    

}
#card-design{
	cursor:pointer;
}
#card-design:hover{
	background-color:#E7717D;
}

/*profile setting*/
.proimg-adjust{
	width:16vmin;
	height:18vmin;
	
}
.color-set{
	background-color:#E7717D;
}
.change-profile{
	cursor:pointer;
}

.circle{
     width: 0.5vw;
     height: 0.5vw;
   
     display:inline-block;
  }

@media only screen and (max-width:1024px){
    .circle{
     width: 7px;
     height: 7px;
   
     display:inline-block;
  }

}
.chat-top-adjust{
	margin-top:4vmin;
	margin-bottom:4vmin;
}