
 #mask {
  position:absolute;
  left:0;
  top:0;
  z-index:999;
 /* background-color:#000;*/
  background-color:#fff; 
  display:none;
  width:100%;
  height:100%;
  

}  

#boxes .window {
  position:fixed;
  width:auto;
  padding:0px 15px 15px 15px;
  display:none;
  z-index:9999;
  padding:10px;
  top:75px; 
  left:551px; 
  display: none;  
}


#boxes #dialog {
  width:320px;
  background-color:#fff;
  border:10px solid #e5e5e5;
}
.mdivhide{display:none;}
.mheader{width:99%; float:left; color: #0e2e85;
    font-family: ITCFranklinGothicCondensedBook;
    text-align: center;  font-size:1.70em; font-weight:bold; margin-bottom:15px; background-color:#fef; padding-left:2%; line-height:40px; }
	
/*.errormsgse{width:100%; float:left; color:#FF0000; font-family: ITCFranklinGothicCondensedBook; font-size:1em; margin-bottom:10px;}
.errormsghc{width:100%; float:left; color:#FF0000; font-family: ITCFranklinGothicCondensedBook; font-size:1em; margin-bottom:10px;}*/
.divErrorMessageHSBCUAE{width:100%; float:left; color:#FF0000; font-family: ITCFranklinGothicCondensedBook; font-size:1em; margin-bottom:10px; margin-top:10px;}

.radio-inline{display:inline-block;}
.radio-inline span{ font-size:1.3em;; font-family: ITCFranklinGothicCondensedBook;}
.form-group{width:100%; float:left; margin-bottom:15px;}
.form-labelm{width:100%; float:left; margin-bottom:5px; font-size:1.1em; font-family: ITCFranklinGothicCondensedBook; }
.form-control{width:97%; float:left; background-color:#f6f6f6; font-family: ITCFranklinGothicCondensedBook; line-height:30px; padding-left:10px; font-size:1.2em;  border:1px solid #cccccc;}
.mform{width:100%; float:left;}
.radiotab{width:100%; float:left; display:block; background-color:#fef; border:1px solid #cccccc; padding:10px 0;}
.intab{width:100%; float:left; display:block; margin:20px 0px;}
.closepopup{background-color:#1762a5; color:#fff; font-family: ITCFranklinGothicCondensedBook; padding:6px 10px; text-align:center; margin:0px auto; width:100px; display:table;  font-size:1.4em;}

.form-control::placeholder {
 font-size:1.3em; font-family: ITCFranklinGothicCondensedBook;
}

@media (max-width:1920px)
{
#boxes .window {
  position:fixed;
  width:auto;
  padding:0px 15px 15px 15px;
  display:none;
  z-index:9999;
  padding:10px;
  top:75px; 
  left:39%; 
  display: none;  
}

}

@media (max-width:1367px)
{
#boxes .window {
  position:fixed;
  width:auto;
  padding:0px 15px 15px 15px;
  display:none;
  z-index:9999;
  padding:10px;
  top:75px; 
  left:37%; 
  display: none;  
}

}

@media (max-width:1024px)
{
#boxes .window {
  position:fixed;
  width:auto;
  padding:0px 15px 15px 15px;
  display:none;
  z-index:9999;
  padding:10px;
  top:75px; 
  left:33%; 
  display: none;  
}

}


@media (max-width:768px) 
{
#boxes .window {
  position:fixed;
  width:auto;
  padding:0px 15px 15px 15px;
  display:none;
  z-index:9999;
  padding:10px;
  top:75px; 
  left:211px; 
  display: none;  
}

}


@media (max-width:668px) 
{
#boxes .window {
  position:fixed;
  width:auto;
  padding:0px 15px 15px 15px;
  display:none;
  z-index:9999;
  padding:10px;
  top:100px; 
  left:158px; 
  display: none;  
}

}
@media (max-width:568px) 
{
#boxes .window {
  position:fixed;
  width:auto;
  padding:0px 15px 15px 15px;
  display:none;
  z-index:9999;
  padding:10px;
  top:40px; 
  left:18%; 
  display: none;  
}
}
@media (max-width:414px) 
{
#boxes .window {
  position:fixed;
  width:auto;
  padding:0px 15px 15px 15px;
  display:none;
  z-index:9999;
  padding:10px;
  top:40px; 
  left:27px; 
  display: none;  
}
}

@media (max-width:412px) 
{
#boxes .window {
  position:fixed;
  width:auto;
  padding:0px 15px 15px 15px;
  display:none;
  z-index:9999;
  padding:10px;
  top:40px; 
  left:25px; 
  display: none;  
}
}

@media (max-width:375px) 
{
#boxes .window {
  position:fixed;
  width:auto;
  padding:0px 15px 15px 15px;
  display:none;
  z-index:9999;
  padding:10px;
  top:40px; 
  left:8px; 
  display: none;  
}

}
@media (max-width:320px) 
{
#boxes #dialog {width:265px;}
#boxes .window {
  position:fixed;
  width:auto;
  padding:0px 15px 15px 15px;
  display:none;
  z-index:9999;
  padding:10px;
  top:40px; 
  left:8px; 
  display: none;  
}

}