@media only screen and (min-width:961px)
{
body { background: #000; }

#active-popup {
  background-color: rgba(2,1,1,0.75);
  position: absolute;
  width:100%;
 
  
/*   height: auto !important;  */
  left: 0;
  z-index: 99999;
}

#popup-container {
  width: 50%;
 
/*   margin: 0 auto; */
  margin-top: 8%;
  position: fixed;
  left: 28%;
  z-index: 99999;
  top: 0;
  display: none;
  height:500px;
  overflow:scroll;

  
}

.modal-content {
  position: relative;
}

#popup-window { position: relative; }

.modal-content h1,
.modal-content p { color: #535353; }

.modal-content p {  padding:0px 40px 0px 40px; }

#popup-container a.close {
  position: fixed;
    left: 300px;
  font-size: 14px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 10px;
  padding: 7px 10px 7px 11px; 
 /*  background: #E74C3C; */
  border: 1px solid #535353;
  cursor: pointer;
  color:#cd2122;
  opacity:1;

}
#popup-container a.close:hover {
  position: fixed;
    left: 300px;
  font-size: 14px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 10px;
  padding: 7px 10px 7px 11px;
/* background: #cd2122;   */
  border: 1px solid #535353;
  cursor: pointer;
  color:#000;
  opacity:1;

}
}
@media only screen and  (min-width:600px) and (max-width:960px)
{

body { background: #000; }

#active-popup {
  background-color: rgba(2,1,1,0.75);
  position: absolute;
 
  width:100%;
/*   height: auto !important;  */
  left: 0;
  z-index: 999;
}

#popup-container {
  width:80%;
 
/*   margin: 0 auto; */
  margin-top: 8%;
  position: fixed;
  left: 10%;
  z-index: 999;
  top: 0;
  display: none;
  
}

.modal-content {
  position: relative;

  font-size:10px;
}

#popup-window { position: relative; }

.modal-content h1,
.modal-content p { color: #535353; }

.modal-content p {  padding:0px 40px 0px 40px; }

#popup-container a.close {
  position: absolute;

  font-size: 14px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 10px;
  padding: 7px 10px 7px 11px;
 /*  background: #E74C3C; */
  border: 1px solid #535353;
  cursor: pointer;
  color:#cd2122;
  opacity:1;
}
#popup-container a.close:hover {
  position: absolute;

  font-size: 14px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 10px;
  padding: 7px 10px 7px 11px;
  /* background: #cd2122;  */
  border: 1px solid #535353;
  cursor: pointer;
  color:#000;
  opacity:1;
}

}
@media only screen and (max-width:599px)
{

body { background: #000; }

#active-popup {
  background-color: rgba(2,1,1,0.75);
  position: absolute;
  width:100%;

  
/*   height: auto !important;  */
  left: 0;
  z-index: 999;
}

#popup-container {
  width:80%;
  
/*   margin: 0 auto; */
  margin-top: 22%;
  position: absolute;
	left:10%;
  z-index: 999;
  top: 0;
  display: none;
  height:400px;
  overflow:scroll;
  
  
}

.modal-content {
  position: relative;

  font-size:5px;
  
  
}

#popup-window { position: relative; }
.modal-content h2{font-size:10px;}
.modal-content h1,
.modal-content p { color: #535353; }

.modal-content p {  padding:0px 40px 0px 40px; }

#popup-container a.close {
  position: absolute;

left:110px;
  font-size: 6px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 10px;
  padding: 7px 10px 7px 11px;
 /*  background: #E74C3C; */
  border: 1px solid #535353;
  cursor: pointer;
  color:#cd2122;
  opacity:1;
}
#popup-container a.close:hover {
  position: absolute;

left:110px;
  font-size: 6px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 10px;
  padding: 7px 10px 7px 11px;
 /*  background: #cd2122;  */
  border: 1px solid #535353;
  cursor: pointer;
  color:#000;
  opacity:1;
}

}
.modal-content{background-color:#fff;}