.popups
{
	display: none;
	position: fixed;
	z-index: 10000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0,0,0,0.8);
}
@media only screen and (max-width: 768px)
{
	.delete-popups
	{
		background-color:transparent;
		margin: 15% auto; /* 15% from the top and centered */
		width:90%; /* Could be more or less, depending on screen size */
	}
}
@media only screen and (min-width: 767px)
{
	.delete-popups
	{
		background-color:transparent;
		margin: 15% auto; /* 15% from the top and centered */
		width: 45%; /* Could be more or less, depending on screen size */
	}
}

.addressbook
{
	display: none;
	position: fixed;
	z-index: 10000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0,0,0,0.8);
}
@media only screen and (max-width: 768px)
{
	.delete-popups1
	{
		background-color:transparent;
		margin: 15% auto; /* 15% from the top and centered */
		width:90%; /* Could be more or less, depending on screen size */
	}
}
@media only screen and (min-width: 767px)
{
	.delete-popups1
	{
		background-color:transparent;
		margin: 5% auto; /* 15% from the top and centered */
		width: 60%; /* Could be more or less, depending on screen size */
	}
}