body {
	margin: 0;
	padding: 0;	
}
#backgroundPopup { 
	z-index:1;
	position:fixed;
	display:none;
	height:100%;
	width:100%;
	background:#000000;	
	top:0px;  
	left:0px;
}
#toPopup {
	background:rgba(0, 0, 0, 0.8);
    border:1px solid #ccc;
    display:none;
	position:fixed;
  	height:100%;
    width:100%;
    z-index:999;
	margin-top: -22px;
}
div.loader {
    background:url("../img/loading.gif") no-repeat scroll 0 0 transparent;
    height:32px;
    width:32px;
	display:none;
	z-index:999;
	top:40%;
	left:50%;
	position:absolute;
	margin-left:-10px;
}
div.close {
    background: url("../img/closebox.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
	display:inline-block;
    right:0;
    height: 30px;
    position: absolute;
    width: 30px;
	opacity: 1;
	top: 10px;
    right: 10px;
}
div#popup_content {
    margin: 5% auto;
    width: 482px;
}
#popup_content img {
    width: 100% !important;
}

@media (min-width:1366px) and (max-width:1439px) {
div#popup_content {
    margin: 2% auto;
    width: 460px;
}
}
@media (min-width: 1281px) and (max-width: 1365px){
div#popup_content {
    margin: 5% auto;
    width: 33% !important;
}
}
@media (min-width:1280px) and (max-width:1365px) {
div#popup_content {
	margin-top: 3% !important;
    width: 27% !important;
}
}
@media (max-width: 1369px) {
div#popup_content {
	margin-top: 3% !important;
    width: 27% !important;
}	
}
@media (max-width: 1280px) {
div#popup_content {
	margin-top: 3% !important;
    width: 27% !important;
}
}

@media (max-width: 1024px) {
div#popup_content {
	margin-top: 4% !important;
    width: 43% !important;
}
#toPopup{
	margin-left: 0;
	width: 99.8%;
}
}

@media (max-width: 980px) {
div#popup_content {
	margin-top: 10% !important;
    width: 50% !important;
}
}

@media (max-width: 900px) {
div#popup_content {
	margin-top: 10% !important;
    width: 68% !important;
}
}

@media (max-width: 800px) {
div#popup_content {
	margin-top: 12% !important;
    width: 67% !important;
}
}

@media (max-width: 768px) {
div#popup_content {
	margin-top: 10% !important;
    width: 75% !important;
}
#toPopup{
	margin-left: 1px;
	width: 99.6%;
}
}

@media (max-width: 736px) {
div#popup_content {
	margin-top: 9% !important;
    width: 67% !important;
}
}

@media (max-width: 600px) {
div#popup_content {
	margin-top: 15% !important;
    width: 85% !important;
}
}
@media (min-width: 630px) and (max-width: 640px){
div#popup_content {
	margin-top: 4% !important;
    width: 33% !important;
}
}

@media (max-width: 568px) {
div#popup_content {
	margin-top: 9% !important;
    width: 60% !important;
}
}

@media (max-width: 480px) {
div#popup_content {
	margin-top: 4% !important;
    width: 40% !important;
}
#toPopup{
	margin-left: 2px;
	width: 99%;	
}
}

@media (max-width: 414px) {
div#popup_content {
	margin-top: 19% !important;
    width: 93% !important;
}
}

@media (max-width: 320px) {
div#popup_content {
	margin-top: 13% !important;
    width: 85% !important;
}
#toPopup{
	margin-left: 1px;
	width: 99%;	
}
}