@media only screen and (max-width: 1700px){
    .show-sm{
        display: block
    }
    .header .user-account .deposit-link.show-sm,
    .header .header-menu-item .dropdown-element.show-sm{
        display:flex
    }
    .show-lg,
    .header .user-account .deposit-link.show-lg,
    .header .header-menu-item .dropdown-element.show-lg{
        display: none
    }
}
@media only screen and (max-width: 1600px){
    .live-match-page .right-sidebar,
    .live-page .right-sidebar {
        flex: 1 0 320px;
        min-width: 320px;
        max-width: 320px;
        width: 320px
    }
    #root .lang-el .live-match-page .betslip-title .betslip-counter,
    #root .lang-el .live-page .betslip-title .betslip-counter {
        left: 144px
    }
    #root .live-page .betslip-title .betslip-counter,
    #root .live-match-page .betslip-title .betslip-counter {
        left: 105px;
    }
    .lang-el .live-match-page .add-betslip-counter,
    .lang-el .live-page .add-betslip-counter{
         right: 0;
    }
    .lang-en .live-match-page .add-betslip-counter,
    .lang-en .live-page .add-betslip-counter{        
        right: 35px;

    }
    
}
@media only screen and (max-width: 1500px){
    .footer-middle .footer-links .footer-link{
        flex: 0 1 33.333333%
    }
}

@media only screen and (max-width: 1366px){
    .promotion-page .promotion-page-content .promo-box{
        flex: 0 0 calc(33.333333% - 12px)
    }
    .desktop .internal-user-page .history-bet-wrapper > .history-bet-footer > div{
        flex-direction: column;
        padding-top: 0
    }
    /* body select.market-switch-list-dd{
        max-width: 100px;
       
    } */
}

@media only screen and (max-width: 1256px){
    .hide-small-width{
        display: block
    }
    .hides-sidebar.hide-full-width{
        display: none
    }    
    body .sports-coupon.small .match-markets-wrapper{
        flex-basis: unset
    }
    body .live-match-side-coupon .sports-coupon.small .match-markets-wrapper{
        flex: 0 0 100%
    }
    .nav-favorites-wrapper .nav-favorites-panel .nav-favorite,
    .nav-featured-panel .nav-feature,
    .nav-category-wrapper .nav-category-panel .nav-tournament-wrapper{
        flex: 0 0 50%
    }
    .promotion-page .promotion-page-content .promo-box{
        flex: 0 0 calc(50% - 12px)
    }
    .left-sidebar.collapsible{
        max-width: 45px;
        min-width: 45px;
        z-index: 11;        
        background-color: var(--c-white-e);
    }      
    .left-sidebar .hides-sidebar .hides-sidebar-text,        
    .left-sidebar .cybeyt-element{
        display: none
    }
    .left-sidebar .nav-sports .nav-sport-wrapper .nav-sport-panel .nav-category > div{    
        display: none
    }    
    .left-sidebar .nav-sports .nav-sport-wrapper .nav-sport-panel .nav-category{
        padding: 0
    }
    .hide-small .left-sidebar .nav-sports .nav-sport-wrapper .nav-sport-panel .nav-category{
        padding: 0 8px 0 10px;
    }
    .hide-small .left-sidebar .nav-sports .nav-sport-wrapper .nav-sport-panel .nav-category > div,
    .left-sidebar .nav-sports .nav-sport-wrapper .nav-sport-panel .nav-category > div.nav-category-icon{    
        display: block
    }
    .left-sidebar .hides-sidebar > app-widget-host{
        justify-content: center;
    }
    .left-sidebar .today-coupon:hover app-content-block{
        display: block;
        font-size: 10px;
        line-height: 12px;
        text-align: center;
        display: none

    }
    #root .left-sidebar .today-coupon:hover app-content-block > div{
        display: block
    }
    .left-sidebar .today-coupon > app-widget-host > app-content-block,   
    .left-sidebar .nav-sports-header,
    .left-sidebar .today-coupon > app-widget-host > app-content-block,
    #root .left-sidebar .sports-menu .nav-sport > div{
        display: none
    }
    #root .left-sidebar .sports-menu .nav-sport > div.nav-sport-toggle{
        display: block;
        z-index: 1;
        background-image: unset
    }
    #root.hide-small .left-sidebar .sports-menu .nav-sport > div.nav-sport-toggle{
        background: url(/v1.1049/r/images/cybet/icons/arrow-down-dark.svg) center center no-repeat;
    }
    .left-sidebar .sports-featured-block .featured-leagues-header,      
    .left-sidebar .sports-featured-block li > a > span{
        display: none
    }
    .left-sidebar .sports-featured-block li > a > span.featured-league-category{
        margin: 0;
        display: block
    }
    .hide-small .left-sidebar .sports-featured-block li > a > span.featured-league-category{
        /*margin-left: auto;*/
    }
    #root .left-sidebar .sports-menu .nav-sport{
        flex-direction: column;
        padding: 0;
        justify-content: center;
    }
    #root .left-sidebar .sports-menu .nav-sport .nav-sport-icon {
        display: flex
    }
    #root .left-sidebar .sports-menu .nav-sports .nav-sport-wrapper{
        position: relative
    }

    #root .left-sidebar .sports-menu .nav-sport:hover{
        background-color: var(--c-shade)
    }
    .left-sidebar .today-coupon > app-widget-host,
    #root .left-sidebar.responsive .sports-menu .nav-sport {
        justify-content: center;
        padding: 0;
        flex-direction: column;
        height: 100%
    }
     #root.hide-small .left-sidebar.collapsible{
        min-width: 256px;
        max-width: 256px;
        position: absolute
     }
      #root.hide-small .today-coupon > app-widget-host,
      #root.hide-small .left-sidebar .hides-sidebar > app-widget-host {
         justify-content: flex-start;
         flex-direction: row;
      }
      #root.hide-small .today-coupon div,
      #root.hide-small .nav-sport:hover .nav-sport-selector,
      #root.hide-small .hides-sidebar-text,
      .hide-small .left-sidebar .today-coupon > app-widget-host > app-content-block,
      #root.hide-small .left-sidebar .sports-menu .nav-sport > div{
          display: block;
      }
      #root.hide-small .left-sidebar .sports-menu .nav-sport > div.nav-sport-name{
          display: flex;
          font-size: 14px;
          line-height: 1.6
      }
      .hide-small .left-sidebar .hides-sidebar .hides-sidebar-text,     
      .left-sidebar .cybeyt-element,
      .hide-small .left-sidebar .nav-sports .nav-sport-wrapper .nav-sport-panel{
          display: flex
      }

      #root.hide-small .left-sidebar .sports-featured li a{
        justify-content: flex-start;
      }
      #root.hide-small .left-sidebar .sports-featured li a span{
         display: block
      }
      #root.hide-small .left-sidebar .sports-menu .nav-sport{
            flex-direction: row;
            justify-content: flex-start
      }
      #root:not(.hide-small) .left-sidebar .nav-category-wrapper .nav-category-panel .nav-tournament-wrapper{
          padding: 0
      }
        #root:not(.hide-small) .left-sidebar .nav-category-wrapper .nav-category-panel .nav-tournament-wrapper .nav-tournament > div{
          display: none
      }
        #root:not(.hide-small) .left-sidebar .nav-category-wrapper .nav-category-panel .nav-tournament-wrapper .nav-tournament > div.nav-tournament-name{
          display: block;
          white-space: nowrap;
          overflow: hidden;
      }

    /* body select.market-switch-list-dd{
        max-width: 100px;
        
    } */
    .internal-user-page .internal-deposit-container .internal-deposit-methods, 
    .internal-user-page .internal-withdraw-container .internal-withdraw-methods{
        flex: 0 0 calc(50% - 16px)
    }
}
@media only screen and (max-width: 1235px){
    .desktop .events-sport-wrapper .events-sport-header .market-drop-down-heading:not(.market-0) ,
    .desktop .markets-header-wrapper .market-header:nth-child(n+2) ,
    .desktop app-sports-coupon .match-market:nth-child(n+2) {
        display: none
    }
}

@media only screen and (max-width: 1100px){
    .internal-left-sidebar{
        overflow: visible
    }
    .internal-left-sidebar{
        min-width: 70px;
        max-width: 70px
    }
    .internal-left-sidebar .internal-logo img{
        width: 50px
    }
    .internal-left-sidebar .internal-sidebar-menu{
        padding: 15px 5px
    }
    .internal-left-sidebar .internal-title{
        flex-direction: column;
        font-size: 10px
    }
    .internal-left-sidebar .internal-title:before{
        margin: 0;
        top: 0px;
        left: 50%;
        transform: translateX(-50%)
    }
    .internal-left-sidebar .internal-title > div,
    .internal-left-sidebar .internal-title > .logout-button{
        padding-left: 0;
        justify-content: center;
        margin-top: 5px;
        text-align: center;
        font-size: 10px
    }
    .internal-left-sidebar .internal-sidebar-link{
        position: absolute;
        left: 60px;
        top: -5px
    }
    .internal-left-sidebar .internal-sidebar-link ul{
        background-color: var(--c-primary-b);
        width: 100%
    }
    .internal-left-sidebar .internal-sidebar-link li{
        padding: 15px 0
    }
    .internal-sidebar-link{
        overflow: hidden;
        max-height: 0
    }
    #root .account-deposit .transactions, 
    #root .my-bets .history, 
    #root .account-edit-profile .profile, 
    #root .account-bonus .promotion, 
    #root .account-message .contactus{
        height: 0
    }
    #root .transactions-box:hover .transactions,
    #root .history-box:hover .history,
    #root .profile-box:hover .profile,
    #root .personaldata-box:hover .personaldata,
    #root .promotion-box:hover .promotion,
    #root .contactus-box:hover .contactus{
        max-height: 100%;
        overflow: unset
    }
    .internal-user-page .history-bet-wrapper > .history-bet-header > div{
        flex-direction: column;
        justify-content: center
    }
    .markets-match-header{
        
    }
    .nav-favorites-wrapper .nav-favorites-panel .nav-favorite,
    .nav-featured-panel .nav-feature,
    .nav-category-wrapper .nav-category-panel .nav-tournament-wrapper{
        flex: 0 0 100%;
        width: 100px
    }
    .internal-user-page .history-bet-header .history-bet-date-time-id .history-bet-id{
        flex-direction: column
    }
    .internal-left-sidebar .internal-title:after{
        display: none
    }    
    #root .withdraw-history-page .history, 
    #root .bets-page .history, 
    #root .deposit-history-page .history, 
    #root .transactions-page .history, 
    #root .deposit-page .transactions, 
    #root .withdraw-page .transactions, 
    #root .withdrawalcancellation-page .transactions, 
    #root .edit-profile-page .profile, 
    #root .security-page .profile, 
    #root .protection-page .profile, 
    #root .documents-page .profile, 
    #root .message-page .contactus, 
    #root .message-thread-page .contactus, 
    #root .contactus-page .contactus{
        height: 0
    }
    .content-page.contact-us .internal-contact-methods {
        flex: 0 0 calc(50% - 16px);
    }
    .odds-on-coupon .show-less-than-wrapper{
        top: 4.5rem;
    }
}

@media only screen and (max-width: 1023px){
    body .sports-coupon.small .match-markets-wrapper,
    app-sports-coupon .match-market .match-market-wrapper{
        min-width: 201px;
        flex: 1 1 100%;
        border-top: 1px solid var(--c-shade-b)
    }
    app-sports-coupon .match-market .match-market-wrapper{
        padding: 10px;
        border-top: 1px solid var(--c-shade)
    }
    .desktop .mobile-outcome{
        display: block
    }
    .desktop app-sports-coupon .odds-selection-default .mobile-outcome{
        color: var(--c-white);
        font-size: 11px
    }
    .desktop app-sports-coupon.coupon-light .odds-selection-default .mobile-outcome{
        color: var(--c-shade-b)
    }
    .internal-user-page .internal-deposit-container .internal-deposit-methods,
    .internal-user-page .internal-withdraw-container .internal-withdraw-methods,
    .internal-user-page .internal-contact-container .internal-contact-methods{
        flex: 0 0 calc(50% - 16px)
    }
    .internal-user-page .history-bet-wrapper > .history-bet-header > .history-bet-status{
        /* display: none; */
    }
    .internal-user-page .history-bet-wrapper > .history-bet-header > div{
        flex: 1 0 25%
    }
    .internal-user-page .history-bet-wrapper > .history-bet-content .history-bet-match-wrapper{
        flex-wrap: wrap
    }
    #root .internal-user-page .history-bet-wrapper > .history-bet-content .history-bet-match-wrapper .market-name,
    .internal-user-page .settled-bets .history-bet-wrapper > .history-bet-content .history-bet-match-wrapper .history-bet-match-time{
    /*
        flex-direction: row;
        flex: 1 1 100%;
        */
    }
    #root .internal-user-page .history-bet-wrapper > .history-bet-content .history-bet-match-wrapper .selection-and-odds{
    /*
        flex: 1 1 100%;
        justify-content: space-between;
        padding-bottom: 8px;
        font-weight: bold
        */
    }
    #root .internal-user-page .history-bet-wrapper > .history-bet-content .history-bet-match-wrapper .match-and-time{
        flex: 1 1 50%;
        /* order: 3; */
    }

    #root .internal-user-page .history-bet-wrapper > .history-bet-content .history-bet-match-wrapper .match-date-code-wrapper{
        /* 
        flex: 1 1 100%;
        justify-content: space-between;
        flex-direction: row-reverse
        */
    }
    
    
    
    #root .history-bet-match-wrapper app-bet-match .match-date-code-wrapper{
        flex-direction: column;
        align-items: flex-end;
        margin-right: 2.5rem;
        position: relative
    }
    #root .internal-user-page .history-bet-wrapper > .history-bet-content .history-bet-match-details .match-date-code-wrapper:after{
        position: absolute;
        right: -2.5rem;
        top: 50%;
        transform: translateY(-50%)
    }
    #root .history-bet-match-wrapper .match-date-code-wrapper .betslip-match-code{
        padding-right: 0
    }
    #root .history-bet-match-wrapper .match-date-code-wrapper .match-date{
        text-align: right
    }
    .internal-user-page .history-selection-info{
        flex-direction: column;
        width: unset
    }
    #root .history-bet-wrapper.expanded .history-bet-match-wrapper app-bet-match .selection-and-odds .history-bet-selection{
        margin-left: 0;
        margin-right: 1rem
    }
    
    
    
    
    #root .internal-user-page .history-bet-wrapper > .history-bet-content .history-bet-match-details .match-date-code-wrapper:after{
        margin-left: 10px
    }
    .internal-user-page .documents-type app-file-input-field:after{
        padding-top: 50px
    }
    .left-sidebar.live-match-side-coupon{
        display: none
    }
    .markets-match-header{
        max-width: 100%;
        width: 100%;
        min-width: 100%;
    }
    .events-item-wrapper{
        height: 100%        
    }
    #root .item-info-wrapper{
        margin: 0;
        padding: 0;
        flex: 1 1 calc(100% - 50px)
    }
    .events-item-wrapper .match-info .match-teams{
        padding: 6px 0
    }
    .events-item-wrapper .match-links .match-favorite{
        top: 0;
        height: 48px;
        height: 18px;
        position: unset
    }
    .events-tournament-wrapper .match-links .match-live-tracker{
    /* position: absolute; */
    /* top: -20px; */
    /* right: 6px; */
    /* width: 37px; */
    /* height: 48px; */
    /* background-size: 18px; */
    }
   
    .events-item-wrapper .match-links{
       /*flex-direction: column-reverse; */
    }
    app-sports-coupon:not(.carousel-content):not(.coupon-light) .match-schedule .match-code{
        position: unset
    }
    
    
    
    .events-sport-wrapper .events-sport-header .market-drop-down-heading{
        display: none
    }
    app-sports-coupon .match-market {
        flex-direction: column;
        min-height: 81px;
        justify-content: flex-end;
    }
    app-sports-coupon .match-market .coupon-market-name {
        display: flex;
        justify-content: flex-start;
        padding: 8px;
        font-size: 12px;
        color: var(--c-white-e);
    }
    .coupon-light .match-market .coupon-market-name {
        color: var(--c-black)
    }

    .events-tournament-wrapper .match-links .match-more-markets{
        display: flex;
        top: 55px;
        position: absolute;
    }
    .coupon-light .events-item-wrapper .has-first-leg + .match-markets-wrapper + .match-links .match-more-markets{
      top: 65px
    }
    .events-item-wrapper .match-links{
        order: 2
    
    }
    .match-markets-wrapper {
        flex: 1 1 50%;
    }
    /* .desktop .events-sport-wrapper .events-sport-header .market-switch-list-dd{
        width: fit-content;
    }
    .desktop .events-sport-wrapper .events-sport-header .market-switch-list-dd select{
        min-width: auto;
        max-width: 165px;
        width: 100%;
    } */


   
}

@media only screen and (max-width: 1000px){
    .footer-middle .footer-links .footer-link{
        flex: 0 1 50%
    }
    .voucher-redeem-block .voucher-form{
       align-items: flex-end;
   }
   .voucher-redeem-block .voucher-form ui-button{
       padding-bottom: 4px;
   }
}

@media only screen and (max-width: 900px){
.auth-response-container .inline-betslip{
    width: 100%!important;
    
}

    .internal-user-page .internal-account-statement .ui-table-hoverable-rows thead{
        display: none
    }
    .internal-user-page .internal-account-statement .ui-table-hoverable-rows tbody tr{
        display: flex;
        flex-direction: column;
        border: 1px solid var(--c-shade-b);
        margin-bottom: 15px;
        background-color: var(--c-white-e)
    }
    #root .internal-user-page .internal-account-statement .ui-table-hoverable-rows tbody tr:nth-child(even){
        background-color: var(--c-primary-d)
    }
    .internal-user-page .internal-account-statement .ui-table-hoverable-rows table tbody td{
        display: flex;
        justify-content: space-between;
        align-items: center;
        border: 0;
        border-bottom: 1px solid var(--c-shade-b)
    }
    .internal-user-page .internal-account-statement .ui-table-hoverable-rows table tbody td:last-child{
        border-bottom: 0
    }
    .internal-user-page .internal-account-statement .ui-table-hoverable-rows table tbody td::before{
        content: attr(data-column);
        font-weight: bold
    }
    .internal-user-page .internal-deposit-container .internal-deposit-methods, 
    .internal-user-page .internal-withdraw-container .internal-withdraw-methods{
        flex: 0 0 calc(100% - 16px);
    }
}

@media only screen and (max-width: 769px){
    body .content-loader:after,
    body .content-loader:not(:required):after {
        height: 47px;
        width: 150px
    }
    .signin-dialog.ui-dialog{
    min-width: unset
    }
    #launcher{
    bottom: 45px!important;
    display: none
    }
    .events-item-wrapper .match-links{
       flex-direction: row
    }
     .mobile .events-item-wrapper .match-links .match-more-markets{
     position: absolute
    }
    
    

}
@media only screen and (max-width: 651px){
    .mobile .match-market .coupon-market-name{
        justify-content: flex-start
    }
    .password-dialog.ui-dialog {
        min-width: unset
    }
    #root .password-dialog.ui-dialog .ui-dialog-titlebar{
        display: flex
    }
    body .password-dialog.ui-dialog .ui-dialog-titlebar .ui-dialog-title{
        max-width: calc(100% - 30px)
    }

}
@media only screen and (max-width: 400px){
    .header-right > app-widget-host > app-block:not(.user-guest),
    .header .header-menu-item .contact-us-icon,
    .header .account-info {
        margin-left: 0px
    }
}  
@media only screen and (max-width: 370px){  
    .mobile .header .lang-selector{
        display: none
    }
    .mobile .upcoming-events .leftsidebar-menu-item {   
        max-width: 150px
    }
    .home-menu-holder .home-menu ul.menu li a.menu-link {
        font-size: 11px
    }
    #root .voucher-redeem-block .voucher-form .api-form-field-wrapper .fld-vouchercode .form-row .form-element-wrapper{
        max-width: 100%;
    }
    .voucher-redeem-block .voucher-form ui-button{
        padding-left: 10px;
    }
}
@media only screen and (max-width: 350px){   
   .header-menu-item.dropdown{
       display: none
   }
   #root .mobile .internal-user-page .history-bet-header .history-bet-date-time-id .history-bet-id{
       flex-direction: column
   }
}


@media screen and (max-width:1100px){
    #root .content-page .payments-table {
        width:100%
    }
}























    