body {
font-family: Arial;
font-size:14px;
}

.simplePopup {
display:none;
position:fixed;
border:4px solid #808080;
background:#fff;
z-index:3;
padding:12px;
width:70%;
min-width:70%;
left: 12% !important;
 border-radius: 15px !important;
 top: 9% !important;
 height: 400px;
}

.simplePopupClose {
float:right;
cursor:pointer;
margin-left:10px;
margin-bottom:10px;
font-weight: bold;
background-color: #D1D1D3;
    border: 1px solid;
    border-radius: 4px 4px 4px 4px;
    color: gray;
}

.simplePopupClose:hover { background-color: #E1E1E1;
     }

.simplePopupBackground {
display:none;
background:#000;
position:fixed;
height:100%;
width:100%;
top:0;
left:0;
z-index:1;
}
#int-pop{ width:100%; height:383px; overflow:scroll; min-width: 99%;}
/* ipad Landscape [HORIZONTAL] CSS Start here */
@media only screen and (max-width : 1024px)   
{

}

/* ipad Portrait [VERTICAL] CSS Start here */
@media only screen and (max-width : 768px)   
{
}

/* iphone Landscape  [HORIZONTAL] CSS Start here */
@media only screen and (max-width :640px)   
{

}

/* iphone Landscape [HORIZONTAL] CSS Start here */
@media only screen and (max-width : 480px)   
{
	.simplePopup {left: 9% !important;}
}

/* iphone Portrait [VERTICAL] CSS Start here */
@media only screen and (max-width :360px)   
{
	.simplePopup {left: 9% !important;}
}
/* iphone Portrait [VERTICAL] CSS Start here */
@media only screen and (max-width :320px)   
{
	.simplePopup {left: 9% !important;}
}