/* 
  ##Device = Desktops
  ##Screen = 1921px to higher resolution desktops
*/

@media (min-width: 1920px) {

    .card-fixture-background1 {
        left: 19px;
    }

    .card-fixture-background2 {
        right: 26px;
    }

}


/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1281px to 1921px
*/

@media (min-width: 1280px) and (max-width: 1919px) {

    .card-fixture-background1 {
        left: 19px;
    }

    .card-fixture-background2 {
        right: 26px;
    }

    .anyback {
        background-size: cover;
    }

    .any-method {
        padding: 3px 120px 0px 120px;
    }

    .any-method > p {
        font-size: 25px;
    }

    .liscore {
        font-size: 117px;
        letter-spacing: 35px;
        padding-left: 20px;
    }

}


/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {

    .card-fixture-background1 {
        left: 16px;
    }

    .card-fixture-background2 {
        right: 23px;
    } 
      
}

/* 
  ##Device = Ipads Pro (portrait)
  ##Screen = B/w 1025px to 1366px
*/

@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {

    .card-fixture-background1 {
        left: 16px;
    }

    .card-fixture-background2 {
        right: 23px;
    } 

    .any-method {
        padding: 23px 102px 0px 102px;
    }    
}


/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {

    .btn-green {
        font-size: 10px;
        margin: 0px 10px 0px 10px;
    }

    .card-fixture-background1 {
        left: 20px;
    }

    .card-fixture-background2 {
        right: 16px;
    }

    .card-live img {
        max-width: 47px;
    }

    .card-live-background {
        height: 41px;
        width: 90%;
        left: 11px;
        bottom: 2px;
    }

    .score-live {
        font-size: 30px;
    }

    .pay-method > p {
        font-size: 35px;
    }

    .card-middle-vs {
        font-size: 65px;
    }

    .card-middle-score {
        width: 45%;
    }

    .card-pridict-input {
        height: 41px;
        width: 46px;
        font-size: 19px;
    }

 .card-pridict-input_r16 {
        height: 35px;
        width: 40px;
        font-size: 19px;
    }
    .card-pridiction-vs {
        font-size: 18px;
    }

    .pridiction-method > .pridiction-thumbnail {
        padding: 0;
    }

    .pridiction-method > p {
        font-size: 14px;
        word-wrap: break-word;
    }

    .vl-team {
        height: 90px;
    }

    .any-method {
        padding: 23px 80px 0px 80px;
    }

    .any-method > p {
        font-size: 20px;
    }

    .liscore {
        font-size: 50px;
    }

    .listat {
        margin-top: -31px;
        margin-bottom: 0;
    }

    .litime {
        font-size: 25px;
        margin-bottom: 0;
        margin-top: 0;
    }

}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

    .card-fixture-background1 {
        left: 20px;
    }

    .card-fixture-background2 {
        right: 19px;
    }

    .card-live img {
        max-width: 60px;
    }

    .card-live-background {
        height: 50px;
        width: 90%;
        left: 11px;
        bottom: 7px;
    }

    .card-middle-score {
        width: 33%;
    }

    .vl-team {
        height: 130px;
    }

    .any-method {
        padding: 23px 101px 0px 101px;
    }
        

}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
  
    footer {
        font-size: 13px;
    }

    footer h5 {
        font-size: 13px;
    }

    .card-header-standing {
        font-size: 13px;
    }

    .pay-method > p {
        font-size: 20px; 
    }

    .card-middle {
        padding: 15px 15px 15px 15px;
    }

    .card-middle-vs {
        font-size: 50px; 
    }

    .pridict-input {
        height: 55px;
        border-radius: 10px;
        width: 55px;
        font-size: 28px;
    }

    .card-middle-score {
        width: 60%;
    }

    .card-fixture img {
        max-width: 45px;
    }

    .fixture-c-r {
        padding-top: 7px;
        font-size: 15px;
    }

    .fixture-c-m {
        padding-top: 7px;
        font-size: 11px;
    }

    .fixture-c-l {
        padding-top: 7px;
        font-size: 15px;
    }

    .card-fixture-background1 {
        height: 30px;
        width: 44%;
        left: 28px;
        bottom: 41px;
    }

    .card-fixture-background2 {
        height: 30px;
        width: 44%;
        right: 32px;
        bottom: 41px;
    }

    .fixture-c {
        margin-top: -10px;
    }

    .vl {
        height: 260px;
        left: 24%;
    }

    .teams-method > .teams-thumbnail {
        padding: 5px; 
    }

    .vl-team {
        height: 100px;
        margin-left: 13px;
    }

    .teams-method > p {
        font-size: 15px;
    }

    .teams-g {
        font-size: 14px;
    }

    .any-method {
        padding: 17px 57px 0px 57px;
    }

    .any-method > p {
        font-size: 15px;
    }
.card-pridict-input_r16 {
        height: 35px;
        width: 40px;
        font-size: 19px;
    }
    .liscore {
        font-size: 48px;
        letter-spacing: 14px;
        padding-left: 17px;
        margin-bottom: 4px;
    }

    .listat {
        margin-top: -19px;
        font-size: 11px;
        margin-bottom: 0;
    }

    .litime {
        font-size: 13px;
        margin-bottom: 0px;
    }

}

/* 
  ##Device = iphone Smartphones Mobiles (Portrait)
  ##Screen = 414 to higher resolution desktops
*/

@media (min-width: 414px) and (max-width: 768px) {

    .anyback {
        background-size: contain;
    }

}


/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {

    footer {
        font-size: 13px;
    }

    footer h5 {
        font-size: 13px;
    }

    .naimg {
        max-width: 125px;
    }

    .btn-orange {
        font-size: 16px;
    }

    .card-header-standing {
        height: 46px;
        padding: 13px;
        font-size: 12px;
    }

    .card-header-euro {
        height: 52px;
        padding: 16px;
        font-size: 14px;
    }

    .pay-method > p {
        font-size: 20px; 
    }

    .card-middle {
        padding: 15px 15px 15px 15px;
    }

    .card-middle-vs {
        font-size: 23px; 
    }

    .pridict-input {
        height: 40px;
        border-radius: 10px;
        width: 48px;
        font-size: 18px;
    }

    .card-middle-score {
        width: 60%;
    }

    .card-middle-score img {
        width: 20px;
    }

    .card-middle-score span {
        font-size: 11px;
    }

    .card-fixture img {
        max-width: 45px;
    }

    .fixture-c-r {
        padding-top: 7px;
        font-size: 15px;
    }

    .fixture-c-m {
        padding-top: 7px;
        font-size: 16px;
    }

    .fixture-c-l {
         padding-top: 7px;
        font-size: 15px;
    }

    .card-fixture-background1 {
        height: 30px;
        width: 44%;
        left: 24px;
        bottom: 41px;
    }

    .card-fixture-background2 {
        height: 30px;
        width: 44%;
        right: 24px;
        bottom: 41px;
    }

    .fixture-c {
        margin-top: -10px;
    }

    .vl {
        height: 260px;
        left: 24%;
    }

    .teams-method > .teams-thumbnail {
        padding: 5px; 
    }

    .vl-team {
        height: 70px;
        margin-left: 13px;
    }

    .teams-method > p {
        font-size: 15px;
    }

    .teams-g {
        font-size: 14px;
    }

    .card-lived p, span {
        font-size: 11px;
    }

    .anyback {
        background-size: cover;
    }

    .any-method {
        padding: 0px 31px 0px 31px;
    }

    .any-method > p {
        font-size: 13px;
        margin-bottom: 6px;

    }

    .liscore {
        font-size: 20px;
        letter-spacing: 11px;
        padding-left: 13px;
    }

    .listat {
        margin-top: -37px;
        font-size: 10px;
    }

    .litime {
        font-size: 9px;
        margin-bottom: 0;
        margin-top: -9px;
    }

    .teamdback {
        background-size: cover;
    }

    .teamd-method {
        padding: 0px 31px 0px 31px;
    }

    .tname{
        font-size: 30px;
    }

}