#burgermenu{
    width: 60vw!important;
}
.overlay {
    z-index: 98;
    position: fixed;
    width: 100%;
    height:100%;
    background:transparent;
    opacity: .5;
    display:none;
    }
    .overlay.open {
    display:block
    }
    .page-home.is-front .content-wrap{
        padding: 15px 0 80px!important;
    }
    #burgermenu .close{
        display: none !important;
    }
    .game-wrap .room-txt-wrap{
        word-wrap: anywhere;
        }
    #burgermenu .nav-group{
        /*height: -webkit-calc(100% - (56px + 40px));*/
    }

    #burgermenu .nav-group .each{
        padding-bottom: 15px!important;
        padding-top: 15px!important;
    }

    .player-online{
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 10px 12px;
        height: 36px;
        color: white;
        position:fixed;
        right: 15px;
        bottom: 100px;
        border-radius: 50px;
        background-color: #123060;
        border:1px solid #d9e8f3;
        
      }
          .player-online i{
            font-size:14px;
            margin:0 2px;
          }
          .player-online::before{
            content:"";
            display: block;
            width:8px;
            height:8px;
            border-radius:50%;
            background-color: #8FC315;
            margin-right:2px;
          }
.carousel-inner .carousel-item.half .iframewrap {
 width: 50%;
}
.carousel-inner .carousel-item.half {
  display: flex;
}

.carousel-inner .carousel-item.half .imgwrap {
            width: 50%;
          }
          .carousel-inner .carousel-item.half .iframewrap {
            margin-top: -8px;
          }

@media only screen and (min-width: 320px) {

  #burgermenu > .nav-group > .each:first-child {
margin-top:70px;

}

}


@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (min-width: 320px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (min-width: 320px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (min-width: 320px),
only screen and (        min-device-pixel-ratio: 2)      and (min-width: 320px),
only screen and (                min-resolution: 192dpi) and (min-width: 320px),
only screen and (                min-resolution: 2dppx)  and (min-width: 320px) { 

 #burgermenu > .nav-group > .each:first-child{
margin-top:70px;

}

}

.imgwrap > img{
height:98%
}

.hidden{
display:none!important;
}
         #btnClaimSpinAmount{
        background:linear-gradient(to bottom, #4AA5DF 0%, #123060 100%);
color: #fff;
text-transform: uppercase;
      }

     
    .ewalletnote .field-component {
      color:#ff4531;
      font-size: 14px;
      line-height: 17px;
  }
  .ewalletnote{
      display: none;
  }
    .chiptransfernote
    {
      color:#CFA635;
    }

@media only screen and (max-width: 400px) { .nav-footer img { width: 20px; } .nav-footer{padding: 0px 20px;} .nav-footer .nav-link {font-size: 10px; padding: 34px 10px 10px 10px;} }

@media (max-width: 412px) {
   .nav-footer{/*padding: 0px 0px;*/} 
}
@media (max-width: 385px) {
   .nav-footer .nav-link {
    font-size: 10px;
   /* padding: 34px 23px 12px 10px; */
  }
.nav-footer{padding: 0px 0px;} 
}
@media (max-width: 361px) {
   .nav-footer{/*padding: 0px 20px;*/} 
.nav-footer .nav-link{padding:37px 13px 14px 8px}
}

.nav-footer{
width: 100%;
align-items: center;
justify-content: space-between;
}

.fullscreen-row {
    position: relative;
    display: flex;
    justify-content: end;
    padding-right: 16px;
    z-index: 1;
}
.fullscreen-wrap {
    position: absolute;
    top: 43px;
    z-index: 9999999;
    opacity: 0.5;
}
.fullscreen-wrap button {
    background: #F19021;
}
.fullscreen-wrap img {
    max-width: 25px;
}
/* Contact Us modal */
.contact-modal-dialog {
    max-width: 400px;
    margin: 1rem auto;
}

.contact-modal {
    border: 0;
    border-radius: 16px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 18px 48px rgba(18, 48, 96, 0.28);
}

.contact-modal-head {
    position: relative;
    padding: 24px 20px 18px;
    text-align: center;
    color: #fff;
    background: linear-gradient(145deg, #54a9eb 0%, #229ed9 42%, #123060 100%);
}

.contact-modal-x {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 32px;
    height: 32px;
    border: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.contact-modal-x:hover {
    background: rgba(255, 255, 255, 0.35);
}

.contact-modal-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    margin-bottom: 10px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.16);
    border: 1px solid rgba(255, 255, 255, 0.3);
    font-size: 22px;
}

.contact-modal-title {
    margin: 0 0 6px;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    color: #fff;
}

.contact-modal-sub {
    margin: 0;
    font-size: 12px;
    opacity: 0.88;
    line-height: 1.4;
}

.contact-modal-body {
    padding: 16px 16px 8px !important;
    background: linear-gradient(180deg, #f7fbff 0%, #fff 50%);
}

.contact-item {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    margin-bottom: 10px;
    padding: 12px 12px;
    border-radius: 12px;
    background: #fff;
    border: 1px solid #e5eef6;
    box-shadow: 0 4px 12px rgba(18, 48, 96, 0.05);
    text-decoration: none !important;
    color: inherit;
    transition: transform .15s ease, box-shadow .15s ease;
}

.contact-item:active {
    transform: scale(0.98);
}

.contact-item-icon {
    flex-shrink: 0;
    width: 42px;
    height: 42px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #fff;
}

.contact-item--whatsapp .contact-item-icon {
    background: linear-gradient(145deg, #25d366, #128c7e);
}

.contact-item--email .contact-item-icon {
    background: linear-gradient(145deg, #4aa5df, #123060);
}

.contact-item--telegram .contact-item-icon {
    background: linear-gradient(145deg, #54a9eb, #229ed9);
}

.contact-item-text {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    text-align: left;
}

.contact-item-label {
    font-size: 12px;
    font-weight: 700;
    color: #123060;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.contact-item-value {
    font-size: 13px;
    color: #4a6078;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.contact-item-arrow {
    flex-shrink: 0;
    color: #9bb4c9;
    font-size: 14px;
}

.contact-qr-card {
    margin-top: 6px;
    margin-bottom: 8px;
    padding: 16px 14px;
    border-radius: 14px;
    background: #fff;
    border: 1px solid #e5eef6;
    text-align: center;
    box-shadow: 0 4px 12px rgba(18, 48, 96, 0.05);
}

.contact-qr-label {
    font-size: 14px;
    font-weight: 700;
    color: #123060;
    margin-bottom: 12px;
}

.contact-qr-frame {
    display: inline-flex;
    padding: 10px;
    margin-bottom: 12px;
    border-radius: 12px;
    background: #fff;
    border: 1px solid #e3eef8;
    box-shadow: 0 6px 16px rgba(34, 158, 217, 0.12);
}

.contact-qr-img {
    display: block;
    width: 160px;
    max-width: 100%;
    height: auto;
    border-radius: 4px;
}

.contact-qr-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    max-width: 100%;
    padding: 7px 12px;
    border-radius: 999px;
    background: #eef7fc;
    color: #1a7aad;
    font-size: 13px;
    font-weight: 600;
    word-break: break-all;
}

.contact-qr-link:hover {
    color: #123060;
    text-decoration: none;
    background: #dff0fa;
}

.contact-modal-footer {
    padding: 8px 16px 16px;
    border: 0;
    background: #fff;
}

.contact-modal-close {
    display: block;
    width: 100%;
    padding: 12px 16px;
    border: 0;
    border-radius: 10px;
    background: #49a3dd;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    box-shadow: 0 6px 14px rgba(73, 163, 221, 0.45);
}

.contact-modal-close:hover,
.contact-modal-close:focus {
    color: #fff;
    background: #3b92cb;
    box-shadow: 0 8px 18px rgba(73, 163, 221, 0.55);
    outline: none;
}

/* Override legacy #contact styles from mobile.css */
#contact .contact-item i.fab,
#contact .contact-item i.fal:not(.contact-item-arrow) {
    font-size: inherit;
    color: inherit;
}

#contact .contact-item a,
#contact .contact-qr-link {
    color: inherit;
}