footer { display: none; };

.basic_close:hover {
  background: #f8b21e;
  transition: all .2s;
}
#basic img{
 max-width: 100%;
 height: auto;
}
#basic{
 display: none;
 margin: auto 10px; 
}
#basic a.basic_close {
  top: 0 !important;
  right: 0 !important;
  position: absolute !important;
  z-index: 1100;
  width: 4rem;
  height: 4rem;
  display: block;
  cursor: pointer;
}
#basic a.basic_close img {
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -0.7rem 0 0 -0.7rem;
  font-size: 2rem;
  line-height: 0rem;
  z-index: 2;
}
#basic a.basic_close:hover img {
  transition: all .2s;
  transform: rotate(180deg);
  filter: brightness(0) invert(1);
}
#basic a.basic_close:hover {
  background: #0070C0;
  transition: all .2s;
}
@media only screen and (max-width: 1080px) {
  .banner__bg  {
    //background-image: url('/conf-data/PDM6/images/bg_main_center.jpg') !important;
    background-position: center top;
  }
  .banner__content  {
    height: 450px !important;
  }
  .banner { margin-top: -30px !important; }
}

@media only screen and (max-width: 800px) {
  
  .banner__content  {
    height: 300px !important;
  }
}

@media only screen and (max-width: 600px) {
  
  .banner__content  {
    height: 200px !important;
  }
  .banner__bg {
    min-height: 200px;
  }
}