
.hm_full_cont {
    z-index: 2147483647;
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
}

.banner {
    z-index: 100000;
    position: relative;
    height: 100%;
    font-size: 50px;
}
/*------portrait --------*/

.banner--portrait {
   	z-index: 100000;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    background-color: rgba(0,0,0,0.8);
}

.v {
	z-index: 100000;
    width: 86%;
    height: 90%;
    position: absolute;
    top: 5%;
    left: 7%;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
}

/*-----end-portrait --------*/

/*-------landscape--------*/

.banner--landscape {
	z-index: 100000;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    background-color: rgba(0,0,0,0.8);
}

.h {
	z-index: 100000;
    width: 90%;
    height: 86%;
    position: absolute;
    top: 7%;
    left: 5%;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
}

/*------end-landscape--------*/

.banner__desc {
    z-index: 100000;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 50px;
    color: #fff;
}

.close {
    z-index: 10000000;
    width: 7%;
    height: 7%;
    position: absolute;
    top: 0px;
    left: 0px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 0% 0%;
    background-size: contain;
}


 @media screen and (orientation: portrait) {
     .banner--landscape {
        display: none; 
     }
}


 @media screen and (orientation: landscape) {
      .banner--portrait {
        display: none; 
     }
}


@media (min-width: 768px) {
    .adbar_close {
        width: 100px;
        height: 100px;
    }
}
