/* The Modal (background) */
.login_modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 99999999; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
}

/* Modal Content */
.login-content {
    position: absolute;
    background-color: #fff;
    border: 1px solid #888;
    width: 100%;
    height: 100%;

}

/*
    <script type="text/javascript" src="<?php if(!isset($_SESSION['user_name']))echo "public/js/login_popup.js?v1.0.6"?> "></script>*/

/* The Close Button */
.login_close {
    color: #ccc;
    float: right;
    margin-top:10px;
    margin-right:20px;
    font-size: 25px;
    font-weight: 300;
}

.login_close:hover,
.login_close:focus {
    color: #aaa;
    text-decoration: none;
    cursor: pointer;
}

.box
{
	position:absolute;
	width: 350px;
	height:380px;
	background: #fff;
	top:50%;
	left:50%;
	margin-top: -190px;
	margin-left: -175px;
	border-radius: 6px;

}

@media only screen and (max-width:767px)
{
	.box
	{
    position:absolute;
    width: 350px;
    height:380px;
    background: #fff;
    top:50%;
    left:50%;
    margin-top: -190px;
    margin-left: -175px;
    border-radius: 6px;
		
	}
}