.message{position:relative;width:100%;height:100%;top:100px;}
		
@keyframes ani01 {

  25% {
     opacity:1.0;
  }

  70% {
     opacity:1.0;
  }
  100% {
     opacity:0;
  }
}

.ani01 {
    position:absolute;
    z-index: 801;

    opacity: 0;
    animation-name: ani01;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-timing-function: ease;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}


@keyframes ani02 {

  55% {
     opacity:1.0;
  }
  100% {
     opacity:1.0;
  }

}

.ani02 {
    position:absolute;
    z-index: 802;
    opacity: 0;
    animation-name: ani02;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: ease;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: 3.8s;

}


.infoBack {
    opacity: 0.9;
    width:100%;
    height:100%;
	background-color:#f7d3e7 !important ;
}

.close221 {
    width: 70px;
    cursor: pointer;
    position: absolute;
    top: 0px;
    z-index: 1005;
    right: -3%;
    left: unset;
    padding-top: 11.5%;
}



@media print, screen and (max-width: 767px) {
	.movie-column{display:unset !important;}
	.message{position:relative;width:100%;height:100%;top:0px;}
.close221 {
    width: 15%;
    cursor: pointer;
    position: absolute;
    top: 0px;
    z-index: 1005;
    right: -6%;
    left: unset;
    padding-top: 28.5%;
}

}