/*p.dis-btns a {background: #333; color: #fff; font-weight: bold; border: 1px solid lightGrey;font-size: 1em; padding: 1px 5px; margin-right: 10px;}*/

p.dis-btns a {
/*width: 170px;*/
/*height: 24px;*/
/*float: left;*/
display: inline;
font-size: 13px;
color: #fff;
text-align: center;
padding-top: 8px;
cursor: pointer;
margin: 2px 0px 0 0;
}
p.dis-btns a:hover { text-decoration: none;}
p.dis-btns {text-align: center; /*margin-top: 35px; margin-right: 10px;*/}
#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:1000000;
  background-color:#000;
  display:none;
}  
#popupboxes .window {
  position:absolute;
  left:0;
  top:0;
  width:568px;
  height:568px;
  display:none;
  z-index:9999;
  padding:20px;
}
#popupboxes #dialog h2{margin-bottom: 5px; color: #569504;}
#popupboxes #dialog {
/*  width:375px; 
  height:203px;*/
  width:700px; 
  height:700px;
  padding:0px;
  z-index:1000001;
  border: 0px solid #519504;
}

.close {background: url('~/media/Images/C/CNA-Hardy/banners/homepage/close.jpg') no-repeat; width:35px; height:35px; float:right;}

#popupboxes #dialog img {border:3px solid #fff; border-radius:2px; border-top-right-radius:0;}

@media (max-width: 640px) {
#popupboxes #dialog {
  width:250px; 
  height:250px;
}

}

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape) {
#popupboxes #dialog {width: 40%;height: 40%}
}