/* @media screen and (max-width:920px) {
    body {
        padding: 0;
        overflow: hidden
    }

    div#wholeDiv {
        position: absolute;
        top: 0;
        left: 0
    }

    #divForm {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        margin: 0
    }

    .modal.show .modal-dialog {
        margin: 0 !important;
        width: 100% !important;
        height: 100% !important;
        max-width: 100%;
        background: rgba(0, 0, 0, .1)
    }

    .modal-body {
        background-image: url(https://deeaeccs47tex.cloudfront.net/img/OBContainer.png);
        width: 90%;
        height: 84%;
        position: absolute;
        flex: unset;
        display: block;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        border-radius: 17px;
        box-shadow: 0 5px 10px rgba(0, 0, 0, .3);
        background-repeat: no-repeat;
        background-position: center 38%;
        background-size: 110%;
        max-width: 500px;
        max-height: 280px;
        padding: 0;
        margin: 0 !important
    }

    .modal-content {
        height: 100%;
        width: 100%;
        position: relative
    }

    #aboutCon,
    #aitCon,
    #bedCon,
    #ceapCon,
    #ecCon,
    #featCon,
    #legCon,
    #obCon,
    #playCon,
    #plenaryCon,
    #pubCon,
    #shsCon,
    #terCon,
    #winCon {
        display: none
    }

    #div1 .modalTitle1 {
        top: unset !important;
        left: unset !important
    }

    .modal-body>.contents>div {
        padding: 0 !important
    }

    .modal-body>.contents>div>p {
        margin: 0 !important
    }

    #div1 .learningModal .modal-dialog .modal-content .modal-body #scrollContents {
        position: absolute;
        height: 100% !important;
        overflow-y: auto;
        width: 90%;
        top: 0;
        width: 100%;
        padding: 13% 5% 0
    }

    .modal-dialog {
        background-image: none !important
    }

    #ecModal-Videos .modal-body .row>div {
        padding: 13% 10% !important;
        margin: 0 !important
    }

    .btn.btn-primary.brands {
        outline: 0 !important;
        box-shadow: none !important;
        background-color: transparent !important
    }

    #BElatestModal-Products .modal-dialog .modal-content .modal-body p.modalTitle { 
        top: 4%;
        left: 6%;
        font-size: 14px
    }

    #products-list {
        margin: 0 !important;
        max-height: 100%;
        width: 100%;
        padding-top: 17% !important
    }

    .formBG {
        padding-bottom: 0
    }

    #rexLogo {
        max-height: 50px;
        object-fit: contain
    }

    a.btn.btn-light.forgotP {
        font-size: 9px;
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 10px
    }

    #closeAIT,
    #closeAbout,
    #closeBed,
    #closeBrands,
    #closeCeap,
    #closeEc,
    #closeFeat,
    #closeLeg,
    #closePlay,
    #closePub,
    #closeShs,
    #closeTer,
    #closeWin {
        top: -5% !important;
        right: -4% !important;
        z-index: 9
    }

    #bedButton,
    #ecButton,
    #legButton,
    #pubButton,
    #shsButton,
    #terButton {
        width: 20%;
        max-height: 30vh;
        object-fit: contain
    }

    #ecButton {
        top: 22%;
        left: 19%
    }

    #bedButton {
        top: 22%;
        left: 42%
    }

    #shsButton {
        top: 22%;
        left: 66%
    }

    #terButton {
        left: 19%
    }

    img#pubButton {
        left: 66%
    }

    img#legButton {
        left: 42%
    }

    #latestProd,
    #latestProd1,
    #latestProd2,
    #latestProd3,
    #visitEstore,
    #visitEstore1,
    #visitEstore2,
    #visitEstore3,
    #watchVideos,
    #watchVideos1,
    #watchVideos2,
    #watchVideos3,
    #watchWeb,
    #watchWeb1,
    #watchWeb2 {
        width: 35%;
        left: 32%;
        max-height: 14vh;
        object-fit: contain
    }

    img#latestProd {
        top: 27%
    }

    img#visitEstore {
        top: 70%
    }

    button#watchVideos {
        top: 48%
    }

    .modal-dialog.eceProd {
        background-image: none !important
    }

    #div1 .learningModal .modal-dialog .modal-content .modal-body #scrollContents .scrollable-contents {
        padding: 0;
        margin: 0 !important;
        width: 100%;
        height: unset !important
    }

    .scrollable-contents .row {
        width: 100%;
        margin: 0;
        display: block
    }

    .scrollable-contents .col-sm-6 {
        flex: unset;
        max-width: 100%
    }

    .scrollable-contents img.img-fluid {
        max-height: 90px;
        width: 100%;
        object-fit: contain;
        margin-bottom: 20px
    }

    .modal-dialog.eceVid {
        background-image: none !important
    }

    .modal-body .row {
        margin: 0 auto;
        display: flex;
        position: relative
    }

    img#latestProd2 {
        top: 22%
    }

    img#watchWeb1 {
        top: 40%
    }

    img#watchVideos2 {
        top: 58%
    }

    img#visitEstore2 {
        top: 77%
    }

    #BElatestModal-Products .modal-dialog {
        background-image: none !important
    }

    #BElatestModal-Products .modal-dialog .modal-content .modal-body p {
        width: 100%
    }

    .modal-body .contents {
        padding-top: 0;
        height: 100%;
        overflow-y: scroll;
        padding-left: 5%;
        padding-right: 5%
    }

    div#products-list ul {
        padding: 0
    }

    #ecModal-Videos .contents {
        display: none !important
    }

    #BEwebinarWatchModal .contents {
        display: none !important
    }

    #BEwebinarWatchModal div#webinar-scroll {
        margin: 0 !important;
        height: 100% !important;
        overflow-y: auto;
        width: 100% !important;
        box-sizing: border-box;
        padding: 13% 5% 0
    }

    #webinar-scroll .col-lg-8.col-lg-offset-4.embed {
        margin-bottom: 10px
    }

    #BEModal-Videos .modal-dialog {
        background-image: none !important
    }

    #BEModal-Videos .contents {
        display: none !important
    }

    #BEModal-Videos div#video-scroll {
        width: 100%;
        margin: 0;
        height: 100%
    }

    #BEModal-Videos .modal-dialog .modal-content .modal-body #video-scroll video {
        width: 100%;
        margin: 0 !important;
        height: 100%
    }

    #video-scroll .embed {
        margin: 0 !important;
        padding: 0 !important;
        position: relative;
        height: 100%;
        border-radius: 16px;
        overflow: hidden
    }

    #BESHSlatestModal-Products .modal-dialog {
        background-image: none !important
    }

    #BESHSlatestModal-Products .modal-dialog .modal-content .modal-body p {
        width: 100%
    }

    #BESHSwebinarWatchModal .contents {
        display: none !important
    }

    #BESHSwebinarWatchModal .modal-dialog .modal-content .modal-body #webinar-scroll {
        margin: 0 !important;
        height: 100% !important;
        overflow-y: auto;
        width: 100% !important;
        box-sizing: border-box;
        padding: 13% 5% 0
    }

    .modal-dialog.shsVid {
        background-image: none !important
    }

    #BEModal-VideosSHS .contents {
        display: none !important
    }

    video {
        width: 100%;
        margin: 0 !important;
        height: 100%
    }

    div#video-scroll {
        width: 100%;
        height: 100%
    }

    img#latestProd3 {
        top: 23%
    }

    img#watchWeb2 {
        top: 41%
    }

    img#watchVideos3 {
        top: 59%
    }

    img#visitEstore3 {
        top: 77%
    }

    #TERlatestModal-Products #ter-products-list {
        margin: 0 !important;
        width: 100% !important;
        height: 100%;
        background: 0 0;
        box-sizing: border-box;
        padding: 13% 5% 0
    }

    .modal-dialog.terProd {
        background-image: none !important
    }

    ul.ul-products {
        padding: 0
    }

    li.li-items .row {
        margin: 0;
        width: 100%
    }

    #TERlatestModal-Products ul.ul-products li.li-items {
        background: #fff;
        padding: 5% 0;
        margin-bottom: 5%
    }

    #TERlatestModal-Products ul.ul-products li.li-items img {
        display: block;
        width: 100%
    }

    #TERModal-Webinars #ter-webinars-list {
        margin: 0 !important;
        width: 100% !important;
        height: 100%;
        background: 0 0;
        padding: 13% 5% 0
    }

    #TERModal-Webinars ul.ul-webinar {
        padding: 0
    }

    #TERModal-Webinars ul.ul-webinar li.li-items {
        background: #fff;
        padding: 5% 0;
        margin-bottom: 5%
    }

    #ter-webinars-list .webinar-info {
        margin: 0
    }

    .modal-dialog.terVid {
        background-image: none !important
    }

    #TERModal-Videos .col-lg-8.col-lg-offset-4.embed {
        margin: 0 !important;
        padding: 0 !important;
        width: 100%;
        height: 100%;
        position: relative;
        border-radius: 17px;
        overflow: hidden
    }

    #TERModal-Videos .row.justify-content-md-center {
        display: block;
        margin: 0;
        width: 100%;
        padding: 13% 5% 0;
        box-sizing: border-box;
        height: 100%
    }

    #TERModal-Videos video {
        width: 100%;
        height: 100%
    }

    .modal-dialog.legProd {
        background-image: none !important
    }

    div#ter-products-list {
        margin: 0 !important;
        padding: 13% 5% 0 !important;
        width: 100% !important;
        height: 100% !important;
        background: 0 0 !important
    }

    #ter-products-list li.li-items {
        padding: 5% 0;
        background: #fff
    }

    #ter-products-list img#shsCon {
        display: block;
        width: 100%
    }

    div#ter-webinars-list {
        padding: 13% 5% 0 !important;
        width: 100% !important;
        margin: 0 !important;
        height: 100% !important;
        background: 0 0 !important
    }

    #LegalModal-Webinars ul.ul-webinar {
        padding: 0
    }

    #LegalModal-Webinars ul.ul-webinar li.li-items {
        margin-bottom: 5%;
        padding: 5% 0;
        background: #fff
    }

    .modal-dialog.legVid {
        background-image: none !important
    }

    #LegalModal-Videos .row.justify-content-md-center {
        width: 100%;
        display: block;
        margin: 0 !important
    }

    #LegalModal-Videos .row.justify-content-md-center .col-lg-8.col-lg-offset-4.embed {
        margin: 0 !important;
        padding: 13% 5% 0 !important;
        height: 100%;
        width: 100%
    }

    #LegalModal-Videos .row.justify-content-md-center .col-lg-8.col-lg-offset-4.embed video {
        width: 100%;
        height: 90%
    }

    .modal-dialog.pubProd {
        background-image: none !important
    }

    #pubModal-Products .scrollable-contents {
        padding-bottom: 10% !important
    }

    #pubModal-Webinar .scrollable-contents .container {
        max-width: 100%;
        padding: 0
    }

    #pubModal-Webinar .row.justify-content-md-center {
        background: #fff;
        margin-bottom: 5%;
        padding: 0 !important
    }

    #pubModal-Webinar .row.justify-content-md-center .col-sm-6 {
        flex: 1;
        padding: 2% 5%
    }

    .modal-dialog.pubVid {
        background-image: none !important
    }

    #pubModal-Videos .contents {
        display: none !important
    }

    #pubModal-Videos .modal-body .row {
        width: 100%;
        margin: 0 !important;
        padding: 5% 5% 0;
        height: 100%
    }

    #pubModal-Videos .modal-body .row .col-lg-8.col-lg-offset-4.embed {
        margin: 0 !important;
        padding: 0 !important
    }

    #pubModal-Videos .modal-body .row iframe.YTVideos {
        height: 100% !important
    }

    #siModal .feat-buttons>div {
        margin: 0 !important;
        padding: 0 16%
    }

    #videos1Modal .contents .col-lg-7 {
        display: none
    }

    #videos1Modal .modal-dialog .modal-content .modal-body .contents .scrollContents {
        margin-top: 0 !important
    }

    #videos1Modal .modal-dialog .modal-content .modal-body .contents .scrollContents center {
        padding-bottom: 10%
    }

    #programModal .modal-dialog .modal-content .modal-body .contents {
        display: block
    }

    #aboutPic {
        position: relative;
        left: 0;
        top: 0;
        width: 100%
    }

    #programModal .modal-dialog .modal-content .modal-body .contents #scrollContents {
        margin: 5% 0;
        width: 100%;
        padding: 0 !important
    }

    #programModal .modal-dialog .modal-content .modal-body .contents #scrollContents .scrollable-contents {
        width: 100%;
        padding: 0 !important;
        overflow: visible
    }

    #ceapLogo {
        top: 15%;
        left: 10%;
        height: 90px;
        width: 70px;
        object-fit: contain;
        object-position: center
    }

    #eventsModal .modal-dialog .modal-content .modal-body .contents {
        overflow: hidden
    }

    img#ceapCong {
        top: 15%;
        left: 53%;
        height: 90px;
        width: 90px;
        object-fit: contain
    }

    #eventsModal .modal-dialog .modal-content .modal-body .contents .scrollContents {
        margin-top: 0
    }

    #eventsModal .modal-dialog .modal-content .modal-body .contents .scrollContents .scrollable-contents {
        margin: 0 !important;
        padding: 0 !important;
        width: 100%;
        height: 100%
    }

    #eventsModal .scrollable-contents img.img-fluid {
        max-width: 80%;
        max-height: unset;
        display: block;
        margin: 0 auto
    }

    #bedGame,
    #lhcGame {
        width: 23%;
        top: 22%
    }

    #bedGame {
        left: 25%
    }

    #raffleWinnersModal .modal-dialog .modal-content .modal-body .contents .mechanics img {
        margin-top: 0;
        margin-left: 0;
        width: 80%
    }

    #raffleWinnersModal .modal-dialog .modal-content .modal-body .contents .raffleWinners .intro {
        top: 0;
        position: relative
    }

    #raffleWinnersModal .modal-dialog .modal-content .modal-body .contents .raffleWinners .intro h1 {
        font-size: 20px
    }

    #raffleWinnersModal .modal-dialog .modal-content .modal-body .contents .raffleWinners .rafWin {
        padding: 0;
        top: 0;
        position: relative
    }

    #raffleWinnersModal .modal-dialog .modal-content .modal-body .contents .raffleWinners .gamWin {
        position: relative;
        width: 100%;
        top: 0;
        left: 0;
        padding: 0;
        margin: 5% 0
    }

    #raffleWinnersModal .modal-dialog .modal-content .modal-body .contents .raffleWinners .gamWin .special-winners,
    #raffleWinnersModal .modal-dialog .modal-content .modal-body .contents .raffleWinners .rafWin .daily-winners {
        position: relative;
        left: 0;
        top: 0;
        width: 100%;
        margin: 5% 0;
        height: unset !important;
        border-radius: 0;
        padding: 7% 8% 0
    }

    #raffleWinnersModal .modal-dialog .modal-content .modal-body {
        max-width: 80%
    }

    #modalPlayGames .modal-body.mb-0.p-0 {
        max-width: 100%;
        max-height: 100vh;
        width: 100%;
        height: 100%;
        border-radius: 0;
        background: #222
    }

    #modalPlayGames button.btn.btn-danger.btn-lg.ml-4.btnCloseGame {
        z-index: 9;
        margin: 0 !important
    }

    #modalPlayGames .modal-footer.justify-content-center {
        justify-content: flex-end !important
    }

    .winners-section {
        display: block
    }

    #raffleWinnersModal .modal-dialog .modal-content .modal-body .contents .raffleWinners img {
        width: 100%;
        height: 50px;
        object-fit: contain
    }

    button#watchVideos img {
        max-height: 17vh;
        object-fit: contain
    }

    #gamesModal .modal-body {
        overflow-y: inherit;
        overflow-x: visible;
        max-width: 95% !important;
        max-height: 75vh !important;
        height: 100%
    }

    #gamesModal .modal-dialog .modal-content .modal-body p {
        position: relative;
        top: 73%;
        left: 0;
        width: 100%;
        padding: 0 10%;
        font-size: 10px
    }

    #ecModal-Videos .row.justify-content-md-center {
        width: 100%;
        margin: 0 !important
    }

    #ecModal-Videos .modal-body .row>div {
        padding: 0 !important;
        position: relative;
        border-radius: 20px !important;
        overflow: hidden
    }

    #ecModal-Videos .modal-body .row>div iframe {
        width: 100%;
        height: 75vh !important
    }

    #TERModal-Videos .row.justify-content-md-center {
        padding: 0 !important
    }

    #LegalModal-Videos .row.justify-content-md-center .col-lg-8.col-lg-offset-4.embed {
        padding: 0 !important;
        border-radius: 15px;
        overflow: hidden
    }

    #LegalModal-Videos .row.justify-content-md-center .col-lg-8.col-lg-offset-4.embed video {
        height: 100%
    }

    #pubModal-Videos .modal-body .row {
        padding: 0;
        border-radius: 15px;
        overflow: hidden
    }

    #TERlatestModal-Products .modal-body>div {
        height: 100%
    }

    #TERModal-Webinars .modal-body>div {
        height: 100%
    }

    #LegalModal-Products .modal-body>div {
        height: 100%
    }

    #LegalModal-Webinars .modal-body>div {
        height: 100%
    }

    #siModal .contents {
        padding-top: 12%
    }

    #videos1Modal .modal-body .contents {
        padding-top: 17%
    }

    #programModal .modal-body .contents {
        padding: 17% 10% 0
    }

    #eventsModal .modal-body .contents {
        padding-top: 14%
    }

    #raffleWinnersModal .modal-body .contents {
        padding-top: 8%
    }

    #BEModal-EStore .contents,
    #BESHSModal-EStore .contents,
    #pubModal-EStore .contents {
        display: none !important
    }

    #BEModal-EStore .modal-dialog .modal-content .modal-body #scroll-store,
    #BESHSModal-EStore .modal-dialog .modal-content .modal-body #scroll-store,
    #pubModal-EStore .modal-dialog .modal-content .modal-body>.row {
        margin: 0 !important;
        width: 100% !important;
        height: 100%;
        padding: 13% 5% 0;
        overflow-y: auto
    }

    #LegalModal-EStore .modal-body>.row {
        margin: 0 !important;
        width: 100%;
        height: 100% !important;
        overflow-y: auto;
        padding: 13% 5% 0 !important;
        text-align: center
    }

    #LegalModal-EStore .modal-body>.row p {
        margin: 0 auto
    }

    #pubModal-EStore .modal-dialog .modal-content .modal-body>.row {
        text-align: center
    }
} */

@media screen and (width:1024px) {
    img#terButton {
        top: 56%
    }

    img#legButton {
        top: 56%
    }

    img#pubButton {
        top: 56%
    }
}

@media screen and (max-width:1440px) {
    #products-list {
        max-height: 39vh;
    }

    #BElatestModal-Products .modal-dialog .modal-content .modal-body #products-list ul li .product-info {
        -ms-transform: translateY(25%);
        transform: translateY(25%);
    }
}