/*one time popup start here*/
body {
	background:url(m-bg.html) no-repeat 0 0;
}
#mask {
	position:absolute;
	left:0;
	top:0;
	z-index:9000;
	background-color:#000;
	display:none;
}
#boxes .window {
	position:absolute;
	left:0;
	top:0 !important;
	/*width:440px;*/
	height:200px;
	display:none;
	z-index:9999;
	padding:20px;
	margin-top:100px;
	text-align:center;
}
.pop, .pop1 {
	background:url(bg.html) no-repeat 0 0;
	border-radius: 5px;
	/*min-height: 400px;*/
	padding: 15px;
	position: fixed;
	right: 25%;
	width: 663px;
	border: 8px solid #d0d7db;
}
.close2 {
	opacity: 1 !important;
	position: absolute;
	right: -17px;
	top: -17px;
}
#dialog .text-center > img {
	margin-bottom: 15px;
}
.pop > p {
	color: #ffffff;
	font-weight: bold;
	font-size:32px;
	text-align: left;
	margin:0;
}
.pa {
	color: #ffffff;
	font-size: 32px;
	font-weight: bold;
	text-align: center;
}
.yellowbtn {
	background:#fbf208;
}
h5.rcm {
	color:#ffffff;
	line-height:22px;
}
#backgroundPopup {
	background: none repeat scroll 0 0 #000000;
	display: none;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 0;
}
.green, .blue {
	font-size:33px;
	font-style:italic;
	font-weight:bold;
}
.green {
	color:#50a100;
}
.blue {
	color:#47a6f4;
}
.click {
	background: url("click-bg.html") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
	bottom: 0 !important;
	height: 100px;
	position: absolute;
	right: 0;
	width: 240px;
}
.click img {
	bottom: 14px;
	position: absolute;
	right: 12px;
}

@media all and (max-width: 768px) {

.pop1 {
    display: none;
}

.pop { display: block;}
 
}
@media (max-width: 1500px) and (min-width: 769px) {
    
.pop {
    display: none;
}

    .pop1 {background-color: #ffffff;
 border-radius: 5px;
 left: 25% !important;
 min-height: 200px;
 padding: 15px;
 position: fixed;
 font-size:30px;
 top: 25% !important;
 width: 50% !important;
  display: block;}
      
}
 @media (min-width: 481px) and (max-width: 768px) {
 .pop {
	/*width:220px;
	height:auto;*/
	background-color: #ffffff;
 border-radius: 5px;
 left: 5% !important;
 min-height: 200px;
 padding: 15px;
 position: fixed;
 right: 5% !important;
 top: 20% !important;
 width: auto !important;
}
.lookingFor a{ margin-bottom:10px;}
}
 @media (min-width: 0px) and (max-width: 480px) {
 .pop {
	/*width:220px;
	height:auto;*/
	background-color: #ffffff;
 border-radius: 5px;
 left: 5% !important;
 min-height: 485px;
 padding: 15px;
 position: fixed;
 right: 5% !important;
 top: 20% !important;
 width: auto !important;
}
.pop {
 min-height: 200px;
}
.pop > p, .pa {
 font-size: 23px;
 text-align: center;
}
.green, .blue {
 font-size: 24px;
}

.lookingFor a img{ margin-bottom:10px;}

}
}