.modal-open { overflow: hidden; }

.modal, .modal-bg {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
}

.modal {
  width: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  z-index: 99999;
}

.modal-bg {
  background: #000;
  opacity: .6;
  filter: alpha(opacity=60)
}

.modal-header, .modal-body { padding: 10px;}


.modal-body ul{float: left;margin: 0;padding: 0;list-style: none;width: 100%;text-align: left;}

.modal-body ul li{float: left;margin: 0;padding: 0;list-style: none;text-decoration: none;width: 100%;text-align: left;line-height: 25px;family:Arial, Verdana, sans-serif;font-size:14px;line-height:22px;color:#6d6d6d;}

.modal-title{font-family:"Arial Narrow", Arial, Verdana, sans-serif; font-size:25px;color:#000000;line-height:22px;font-weight: 600;text-decoration: underline;text-transform: uppercase;margin-top: 10px;}

.modal-content {
  position: relative;
  margin: 60px auto;
  border-radius: 5px;
  width:60%;
  text-align:center;
	background: #fff;
}
.modal-content p{text-align: left; family:Arial, Verdana, sans-serif;font-size:14px;line-height:22px;color:#6d6d6d;}

.modal-header {
  color:#000;
}

.modal-close {
  float: right;
  font-size: 20px;
  font-weight: 700;
  cursor: pointer;
  opacity: .6;
	font-family: Arial, Verdana, "sans-serif";
  filter: alpha(opacity=60)
}

.modal-close:hover {
  opacity: 1;
  filter: alpha(opacity=100)
}

.modal-hidden { display: none; }
p {margin:0; padding:0;}



.modal-content img .desktop{display: block;}
.modal-content img .mob{display: none;}


@media screen and (max-width: 1280px){
.modal-content img{width:100%;height: auto;}	
	}
@media screen and (max-width: 980px){
.modal-body { padding: 10px;height:auto;}
.modal-content{ width:70%;}
}
@media screen and (max-width: 800px){
.modal-body {height:610px;height:auto;}
.modal-content{ width:85%;}
	
.modal-content img{ margin:0; padding:0; width:100%;height: auto;}
}

@media screen and (max-width: 320px){
.modal-body {height:auto;}
.modal-content{ width:100%;}
}