#drobileiFrame {
   width: 350px;
   height: 600px;
   border: 1px solid #CCCCCC;
   position: fixed;
   bottom: 90px;
   right: 20px;
   border-radius: 10px;
}

#drobileiFrameBlock {
   width: 350px;
   height: 600px;
   position: fixed;
   border: none;
   bottom: 90px;
   right: 20px;
   border-radius: 10px;
   z-index: 101 !important;
}

#drobileiFrameBlock {
	overflow: hidden;
	z-index:1000000000;
}

#closeMe {
	width:50px;
	height:50px;
	position: absolute;
    top: -10px;
	color:#FFFFFF;
	z-index:1000;
	line-height:50px;
	text-align:center;
	font-size:25px;
}
		
#drobileRewards:hover {
	cursor:pointer;
	font-weight:bold;
}

/*@media screen and (max-width: 1400px) and (min-width: 900px) {*/

@media screen and (min-height: 0px) and (max-height: 700px) {
	
	#drobileiFrame, #drobileiFrameBlock {
	   height: calc(100% - 100px);
	}
	
}

@media screen and (max-width: 850px) and (min-width: 0px) {
	#drobileiFrame, #drobileiFrameBlock {
	    height: 100%;
		bottom: 0px;
		top: 0px;
		border-radius: 0px;
		right: 0px !important;
		left: 0px !important;
		width: 100%;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch !important;
		position: absolute;
		position: absolute;
		z-index: 101 !important;
	}
	
	#closeMe {
		top: -9px !important;
		position:fixed;
	}
	
	#drobileRewards {
		width: 50px !important;
		border-radius: 50% !important;
	}
	
	#rewardImage {
		margin-left:13.5px !important;
		margin-top:14px !important;
	}
}