@media screen and (min-width: 768px) and (max-width: 1024px){
/*for transfer page select element*/
  .modal-select1 .select2-container--default .select2-selection--single{
    width: 348px ! important;
}

.modal-select1 .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
        right: 0;
    left: 329px;
    width: 20px;
}


 .modal-select1 .select2-container{
 width: 348px !important;
 }
 .modal-select1 .select2-search--dropdown .select2-search__field {
 width: 98%;
 }


.modal-select1 .select2-container--default .select2-selection--single {
     background-color: #fff ! important; 
     border: 2px solid rgba(112, 112, 112, 0.5) ! important; 
    border-radius: 6px;
} 
    
/*    for history page modal select element*/
    
    
    
.modal-select .select2-container--default .select2-selection--single{
    width: 467px ! important;
}

.modal-select .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 0px;
    left: 438px;
    width: 20px;
}


 .modal-select .select2-container{
 width: 467px !important;
 }
 .modal-select .select2-search--dropdown .select2-search__field {
 width: 98%;
 }
    
/*    account page*/
    
    .for-posiacc{
        position: relative;
    }
    
    .for-images{
        position: relative;
        left: 140px;
    }
    
/*  homepage section*/
    
    .promo-live{
        height: 280px;
    }
    
/*    profile page section*/
    
    .for-profile{
position: relative;
    }
    
    
    .profile-upload-icon1{
       position: absolute;
    bottom: -11px;
    left: 67px;
    }

    
/*    wm casino page section*/
    
    .wm-background1{
            background-image: url(images/wm-casino.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 318px;
}
    
/*    pragmatic play page section*/
    .gamecard1{
            width: 165%;
    height: auto;
    border-radius: 6px;
    border: solid 1px #e3e7ed;
    background-color: #f7fafb;
    display: flex;
    justify-content: center;
    }
    
    .game1{
            width: 371px;
/*    height: 165px;*/
    object-fit: contain;
    display: flex;
    justify-content: center
    }
    
    .weehlabel{
        position: absolute;
    right: -139px;
    }
    
/*    for login page*/
    .login-new{
        position: relative;
    }
    .img-new{
        padding: 30px 3px;
    position: relative;
    left: 291px;

    }
    
    
/*    leaderboard page section*/
    .about {
    height: 257px;
}
    
    .text-desc {
    position: relative;
    display: flex;
    font-size: 1.4rem;
    color: black;
    top: -19rem;
    width: 25rem;
    margin-top: 5px;
    margin-left: 2rem;
    line-height: 1.2;
}
    .about-text {
    position: relative;
    display: flex;
    font-size: 17px;
    color: black;
    top: -19rem;
    margin-left: 2rem;
    font-weight: bold;
}
    
    .info-list .nav-tabs {
    color: #8d8d8d;
    text-align: center;
    list-style: none;
    padding: 0.9rem 0.9rem 0rem 1rem;
    display: flex;
    flex-wrap: nowrap;
    white-space: nowrap;
    font-size: 1.8rem;
}
    
    .info-list1 .nav-tabs {
    color: #8d8d8d;
    text-align: center;
    list-style: none;
   padding: 1rem 0.89rem 0rem 0.33rem;
    display: flex;
    flex-wrap: nowrap;
    white-space: nowrap;
    font-size: 1.5rem;
    padding: 0.9rem;
        justify-content: center;
}

    .info-list2 .nav-tabs {
    color: #8d8d8d;
    text-align: center;
    list-style: none;
        padding: 0.9rem 0.9rem 0.9rem 1.9rem;
    display: flex;
    white-space: nowrap;
    font-size: 1.5rem;
        justify-content: center;
}
    .info-menu .info-centre a{
        font-size: 20px;
    }
    
    
    
/*
    .link-1{
        
        margin: 37%;
    }
    
*/
/*    homepage section*/
    
    
    .blue_back1 .blu-mar {
    padding-left: 65px;
}
    
    .bg-home{
        /* height: 319px; */
    }
    
    .pmo-1{
        height: 351px;
    }
    
    .pmb-2{
            height: 354.2px;
    }
    
    .pmc-3{
    height: 353.2px;
    }
    
    .with-pr{
            height: 425px;
    }
    
     .carousel-control-prev, .carousel-control-next {
         top: -113% ! important;
    }
    
    .carousel-control-prev-icon {
        left: 550%;
    }
    
/*    navbar menu page*/
    .last-second .list-2 {
        text-align: center;
    }
    
    .nav-banner2{
        height: 222px;
    }
    
       .live-label{
    width: 70%;
}
 
    
    
    .logo-sec{
       position: relative;
    left: 228px;
            height: 40px;
    width: 80px;
    }
    
    .email-nav{
            margin-left: 270px;
    }
    
    .after-2 li{
        padding: 9px 25px;
    }
    
    .blue-2{
        padding-right: 501px !important
    }
    
    .eye-2 {
  position: absolute;
    right: 0;
    left: 34px;
}
    
    .last-part{
        text-align: center;
    }
    
    .upcoming-button{
        position: relative;
    left: 110px;
    }
/*
    
      .upcoming-button1{
           position: relative;
    left: 400px;
    }
    
*/
    .msg-form .end-img{
        position: absolute;
    right: 88px;
    }
    
/*    login form*/
    
    .login-b .login-b2{
        width: 95%;
    }
    
    .vip-1{
    height: 225.2px;
    }
    
    .vip-2{
        height: 224.5px;
    }
    
    .vip-3{
            height: 224.5px;
}
    .vip-4{
        height: 222.5px;
    }
    
    .switch2{
            top: 12px;
    /* left: 115px; */
    position: absolute;
    display: inline-block;
    width: 46px;
    height: 20px;
    right: 15px;
    }
    
    .pragma1 button{
           padding: 8px 117px 8px 18px;
    }
    
/*    messages page section*/
        .inbox-msg tr .message-r .para-table {
/*
    padding-left: 0px;
    padding-right: 0px;
*/
    margin-left: -89px;
}
    
    .flag-i {
    padding-left: 106px;
    padding-right: 10px;
}
    .email-button{
padding-left: 536px;
    }
    
/*
    .for-home-logo{
padding-left: 150px ! important;
    }
*/
    
    
.checkbox_content {
    padding: 0 6rem;
}
    
      .forcolor {
    background-color: #fff ! important;
    height: 12px ! important;
}
    
}




@media screen and (min-width: 1024px) and (max-width: 1366px){
   .modal-select1 .select2-container--default .select2-selection--single{
    width: 476px ! important;
}

.modal-select1 .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
        right: 0;
    left: 448px;
    width: 20px;
}


 .modal-select1 .select2-container{
 width: 476px !important;
 }
 .modal-select1 .select2-search--dropdown .select2-search__field {
 width: 98%;
 }


.modal-select1 .select2-container--default .select2-selection--single {
     background-color: #fff ! important; 
     border: 2px solid rgba(112, 112, 112, 0.5) ! important; 
    border-radius: 6px;
}  
    
    /*    account page*/
    
    .for-posiacc{
        position: relative;
    }
    
    .for-images{
        position: relative;
        left: 241px;
    }
/*    wm casino page section*/
    .wm-3{
        background-image: url(images/wm-casino.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 426px;
    }
    
/*leaderboard page section*/
    .about {
    height: 345px;
}
    
    .about-text {
    position: relative;
    display: flex;
    font-size: 30px;
    color: black;
    top: -26rem;
    margin-left: 2rem;
    font-weight: bold;
}
    
    .text-desc {
    position: relative;
    display: flex;
    font-size: 21px;
    color: black;
    top: -26rem;
    width: 25rem;
    margin-top: 5px;
    margin-left: 2rem;
    line-height: 1.2;
}
    
/*    for login page*/
    .img-new1{
     padding: 30px 3px;
    position: relative;
    left: 46%;
    }
    
    
     .weehlabel{
        position: absolute;
    right: -249px;
    }
    
       .login-b .login-b2{
        width: 96%;
    }
    
     
    .promo-live{
        height: 387px;
    }
    
    
     .upcoming-button1{
           position: relative;
    left: 661px;
    }
    
   .live-label{
    width: 77%;
}
    .checkbox_content {
    padding: 0 7rem;
}
 
    
/*
    .link-2{
        margin: 40%;
    }
*/
    
    .last-second .last-list1 {
        text-align: center;
    }
    
    .msg-form .end-1{
    position: absolute;
    right: 124px;
    }
    
    
        .another-home{
        position: relative;
    left: 375px;
    }

    
    .email-nav{
    position: absolute;
    left: 337px;
    }
    
    .with-ps{
        height: 560px;
  
    }
    
       .after-3 li{
        padding: 6px 40px;
}
    
/*
    .for-largenav{
            margin-top: 83px ! important;
    }
    
    
    .to-movehome{
            margin-bottom: 870px ! important;
    }
*/
    
    
        .vip-1{
    height: 300.2px;
    }
    
    .vip-2{
        height: 300.5px;
    }
    
    .vip-3{
            height: 300.5px;
}
    .vip-4{
        height: 300.5px;
    }
    
    .for-ipad{
        height: 420px;
    }
    
.logo-sec {
    position: relative;
  left: 100px;
}
        
.blue-2 {
    padding-right: 731px !important;
    }
    
    .nav-banner2 {
    height: 298px;
}
    
    .up-c{
       height: 473px; 
    }
    
    .up-b{
      height: 479.2px;
} 
      .up-d{
           height: 479.2px; 
    }
    
    
     .switch3{
          top: 12px;
    /* left: 115px; */
    position: absolute;
    display: inline-block;
    width: 46px;
    height: 20px;
    right: 24px;    
    }
    
    
/*    promotions page*/
    
    .pragma1 button{
           padding: 8px 180px 8px 18px;
    }
    
/*    messages page*/
    
          .inbox-msg tr .message-r .para-table {
/*
    padding-left: 0px;
    padding-right: 0px;
*/
    margin-left: -132px;
}
    
    .flag-i {
    padding-left: 157px;
    padding-right: 10px;
}
 
    .email-button{
        padding-left: 310px;
    }
    
    
    .forcolor {
    background-color: #fff;
    height: 12px;
}
    }
    
  


@media (min-width: 992px) {
  .navbar-expand-lg .navbar-toggler{
    display: block ! important;
} 
}




@media(min-width:992px){
    .mobileMenu{
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        transform: translateX(-100%);
       transition: all ease 0.25s;
    }
    
    .mobileMenu.open {
            transform: translateX(0);
        }
    
    .overlay{
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto; 
        background-color: rgba(0,0,0,0.5);
        display: none;
        z-index: 1;
       
    }
    
    .for-layer{
        display: block;
    }
    
    .overlay.open{
            display: block;
        }
}
}

/*surfacde duo*/

@media screen and (min-width:540px) and (max-width:720px) {
    .img-new1{
        padding: 30px 3px;
    position: relative;
    left: 42%;
    }
    
    .login-b .login-b1{
        width: 93%;
    }
    
    .msg-form .end-1{
    position: absolute;
    right: 47px;
    }
    
    .for-buttons{
        
    position: relative;
    left: 80px;

    }
    
    .slider-bg{
        height: 224px;
    }
    
    .m-promo{
        height: 243px;
    }
    
    .n-promo{
        height: 245.2px;
    }
    

    .p-promo{
        height: 245.2px;
}
    
    .promo{
        height: 290px;
 
    }
    
    .navbar-banner{
        height: 225px;
    }
    .label-select{
        padding-left: 20px;
    }
    .about{
        height: 180px;
    }
    
  
}



@media screen and (min-width:411px) and (max-width:823px) {
    .forcolor {
    background-color: #fff;
    height: 3px;
}
    
}