#xmas2023.modal{
  background: rgba(0,0,0,0.8);
}


#xmas2023 .modal-body{
 padding: 0px !important;
}  



#xmas2023 .modal-content {
  background-color: transparent;

}



#xmas2023 .container-fluid {
  padding: 0px !important;
}


#xmas2023 .modal-body {
  padding: 0px !important;
  margin: 0px !important;
}


@media (min-width: 768px) {
  #xmas2023 .modal-dialog {
    width: 60vw;
    max-width:1000px !important;
    margin: 60px auto;
  }



  .vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
  }
  .vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
  }
  
  
  #xmas2023 .modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:inherit;
    height:inherit;
    /* To center horizontally */
    margin: 0 auto;
  }


}


@media (max-width: 768px) {
  #xmas2023 .modal-dialog {
    width: 100vw;
    max-width:700px !important;
    margin: 60px auto;
  }
}





#xmas2023 button.close {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 1;
  border-radius: 50px;
  width: 50px;
  height: 50px;
  background: #fff;
  line-height: 50px;
  font-size: 50px;
}  



@media only screen and (max-width: 500px) {
  #xmas2023 .embed-responsive-16by9 {
    padding-bottom: 0%;
    width: 90vw;
    height: 60vh;
    left: 1vw;
    right: auto;
  }

#xmas2013 .col-lg-12{
  padding-right: 0px;
  padding-left: 0px;
}




.vertical-alignment-helper {
  display:table;
  height: 100%;
  width: 100%;
}
.vertical-align-center {
  /* To center vertically */ 
  display: table-cell;
  vertical-align: middle;
}


#xmas2023 .modal-content {
  /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
  width:inherit;
  height:inherit;
  /* To center horizontally */
  margin: 0 auto;
}


#xmas2023.modal {
  background: rgba(0,0,0,0.98);
}





}