﻿@media screen and (min-width: 767px) and (max-width: 1280px) {
    .transfersPage .latest.standing .table .wRow .item img {
        display: none;
    }
}

@media screen and (min-width: 1280px) and (max-width: 1365px) {
    .transfersPage .latest.standing .table .wRow .item.var.fromTeam img, 
    .transfersPage .standing.latest .table .wRow .item.toTeam img, 
    .transfersPage .standing.latest .table .wRow .item.arrowImg img {display: inline-block;}
 
     .transfersPage .standing.latest .table .ttlRow .itemTtl.var,
     .transfersPage .standing.latest .table .wRow .item.var { width: calc((100% - 360px) / 3); }
    .transfersPage .standing.latest .table .wRow .item.arrowImg,
    .transfersPage .standing.latest .table .ttlRow .itemTtl.arrowImg { width: 120px }
    .transfersPage .standing.latest .table .wRow .item.var.fromTeam img,
    .transfersPage .standing.latest .table .wRow .item.toTeam img, 
    .transfersPage .standing.latest .table .wRow .item.arrowImg img { display: inline-block }
}

@media screen and (min-width:1152px) and (max-width:1279px) {
    .transfersPage .standing.latest .table .ttlRow .itemTtl.fixed,
    .transfersPage .standing.latest .table .wRow .item.fixed { width: 90px }
    .transfersPage .standing.latest .table .ttlRow .itemTtl.fixed.arrowImg,
    .transfersPage .standing.latest .table .wRow .item.fixed.arrowImg { width: 35px; line-height: 3 }
    .transfersPage .standing.latest .table .ttlRow .itemTtl.var, 
    .transfersPage .standing.latest .table .wRow .item.var { width: calc((100% - 215px) / 3); }
    .transfersPage .standing.latest .table .wRow .item { padding: 11px }
    .transfersPage .standing.latest .table .wRow .item.fixed.price p { width: calc(100% - 10px) }
    .transfersPage .standing.latest .table .wRow .item.var img { display: none }
    .transfersPage .standing.latest .table .wRow .item p { width: 100% }
    .transfersPage .standing.latest .table .wRow .item.fromTeam p { width: 100%; left: 18px;}
    .transfersPage .standing.latest .table .wRow .item.arrowImg img {   display: inline-block;}

    .transfersPage .standing.latest .table .wRow .item.arrowImg, 
    .transfersPage .standing.latest .table .ttlRow .itemTtl.arrowImg { width: 75px }
    .transfersPage .standing.latest .table .wRow .item img { display: none }
    .transfersPage .standing.latest .table .wRow .item.arrowImg img { display: inline-block }
    .transfersPage .standing.latest .table .wRow .item.fromTeam p { width: 100%; left: 18px; }
    .transfersPage .standing.latest .table .wRow .item:nth-child(4),
    .transfersPage .standing.latest .table .wRow .item:nth-child(5),
    .transfersPage .standing.latest .table .wRow .item:nth-child(6),
    .transfersPage .standing.latest .table .wRow .item:nth-child(7),
    .transfersPage .standing.latest .table .wRow .item:nth-child(8),
    .transfersPage .standing.latest .table .ttlRow .itemTtl:nth-child(4),
    .transfersPage .standing.latest .table .ttlRow .itemTtl:nth-child(5),
    .transfersPage .standing.latest .table .ttlRow .itemTtl:nth-child(6),
    .transfersPage .standing.latest .table .ttlRow .itemTtl:nth-child(7),
    .transfersPage .standing.latest .table .ttlRow .itemTtl:nth-child(8) { display: inline-block }
}

@media screen and (min-width:1024px) and (max-width:1151px) {
    .transfersPage .standing.latest .table .ttlRow .itemTtl.fixed,
    .transfersPage .standing.latest .table .wRow .item.fixed { width: 80px; padding: 11px; display: inline-block }
    .transfersPage .standing.latest .table .ttlRow .itemTtl.fixed.arrowImg,
    .transfersPage .standing.latest .table .wRow .item.fixed.arrowImg { width: 20px; padding: 11px 0; }
    .transfersPage .standing.latest .table .ttlRow .itemTtl.var,
    .transfersPage .standing.latest .table .wRow .item.var { width: calc((100% - 180px) / 3); }
    .transfersPage .standing.latest .table .wRow .item img { display: none }
    .transfersPage .standing.latest .table .wRow .item.arrowImg img { display: inline-block }
    .transfersPage .standing.latest .table .wRow .item img.arrow { height: 10px }
    .transfersPage .standing.latest .table .wRow .item:nth-child(4),
    .transfersPage .standing.latest .table .wRow .item:nth-child(5),
    .transfersPage .standing.latest .table .wRow .item:nth-child(6),
    .transfersPage .standing.latest .table .wRow .item:nth-child(7),
    .transfersPage .standing.latest .table .wRow .item:nth-child(8) { display: inline-block }
    .transfersPage .standing.latest .table .wRow .item p { font-size: 11px }
    .transfersPage .standing.latest .table .wRow .item { font-size: 11px; line-height: 3 }
    .transfersPage .standing.latest .table .wRow .item.fixed p { width: calc(100% - 28px) }

    .transfersPage .standing.latest .table .ttlRow .itemTtl.var, 
    .transfersPage .standing.latest .table .wRow .item.var { text-align: right !important; display: inline-block }
    .transfersPage .standing.latest .table .wRow .item.arrowImg,
    .transfersPage .standing.latest .table .ttlRow .itemTtl.arrowImg { width: 75px }
    .transfersPage .standing.latest .table .wRow .item img { display: none }
    .transfersPage .standing.latest .table .wRow .item.arrowImg img { display: inline-block }
}

@media only screen and (max-width: 1023px) {

    .transfersPage .standing.latest .table .ttlRow .itemTtl.fixed,
    .transfersPage .standing.latest .table .wRow .item.fixed { width: 100px }
    .transfersPage .standing.latest .table .ttlRow .itemTtl.var, 
    .transfersPage .standing.latest .table .wRow .item.var { width: calc((100% - 230px) / 3); }
    .transfersPage .standing.latest .table .wRow .item.fixed p { width: calc(100% - 28px) }
    .transfersPage .standing.latest .table .ttlRow .itemTtl.fixed.arrowImg, 
    .transfersPage .standing.latest .table .wRow .item.fixed.arrowImg { width: 30px; padding: 11px 0; }
    .transfersPage .standing.latest .table .wRow .item img.arrow { height: 12px }
    }

@media screen and (min-width: 320px) and (max-width: 767px) {
    .transfersPage .standing.latest .table .ttlRow .itemTtl { padding: 8px 10px }
    .transfersPage .standing.latest .table .wRow .item { padding: 11px 10px }
    .transfersPage .standing.latest .table .wRow .item.fixed { width: 80px; font-size: 12px }
    .transfersPage .standing.latest .table .ttlRow .itemTtl.fixed:nth-of-type(6) { display: inline-block; width: 101px; float: left }
    .transfersPage .standing.latest .table .wRow { height: 66px }
    .transfersPage .standing.latest .table .wRow .item.fixed { font-size: 11px; padding: 10px; line-height: 1.5 }
    .transfersPage .standing.latest .table .wRow .mobileView { display: inline-block; float: right; width: calc(100% - 160px) }
    .transfersPage .standing.latest .table .wRow .mobileView .item { width: 100%; height: auto; padding: 0 10px; }
    .transfersPage .standing.latest .table .wRow .mobileView .item:nth-child(1) { padding: 8px 10px; margin-bottom: 2px }
    .transfersPage .standing.latest .table .wRow .mobileView .item img { display: none }
    .transfersPage .standing.latest .table .wRow .mobileView .item.arrowImg { padding: 5px 0 }
    .transfersPage .standing.latest .table .wRow .mobileView .item.arrowImg img, 
    .transfersPage .standing.latest .table .wRow .mobileView .item.fromTeam img, 
    .transfersPage .standing.latest .table .wRow .mobileView .item.toTeam img { display: inline-block }
    .transfersPage .standing.latest .table .wRow .mobileView .item.fromTeam img,
    .transfersPage .standing.latest .table .wRow .mobileView .item.toTeam img { height: 20px }
    .transfersPage .standing.latest .table .wRow .mobileView .item.fromTeam a { float: right }
    .transfersPage .standing.latest .table .wRow .mobileView .item.fromTeam img { margin-right: 0 }
    .transfersPage .standing.latest .table .wRow .mobileView .item.fromTeam p,
    .transfersPage .standing.latest .table .wRow .mobileView .item.toTeam p { display: none }
    .transfersPage .standing.latest .table .wRow .mobileView .item.fromTeam,
    .transfersPage .standing.latest .table .wRow .mobileView .item.toTeam { width: 40px }
    .transfersPage .standing.latest .table .wRow .mobileView .item p { width: 100%; font-size: 11px; position: relative; top: 0; transform: none; color: #4BC2FF }
    .transfersPage .standing.latest .table .wRow .item p { font-size: 11px }
    .transfersPage .standing.latest .table .wRow .item.fixed p { top: 0; transform: none; padding-top: 10px; line-height: 1.5; }

    .standing.latest .table .ttlRow .itemTtl:last-child { display: none }
    .standing.latest .table .ttlRow .itemTtl:nth-child(2) { width: calc(100% - 100px); padding-right: 0 }
    .standing.latest .table .ttlRow .itemTtl:nth-child(3),
    .standing.latest .table .ttlRow .itemTtl:nth-child(4),
    .standing.latest .table .ttlRow .itemTtl:nth-child(5),
    .standing.latest .table .ttlRow .itemTtl:nth-child(6),
    .standing.latest .table .ttlRow .itemTtl:nth-child(7),
    .standing.latest .table .ttlRow .itemTtl:nth-child(8) { display: none }

    .transfersPage .standing.latest .table .wRow .item:nth-child(3),
    .transfersPage .standing.latest .table .wRow .item:nth-child(4),
    .transfersPage .standing.latest .table .wRow .item:nth-child(5),
    .transfersPage .standing.latest .table .wRow .item:nth-child(6),
    .transfersPage .standing.latest .table .wRow .item:nth-child(7),
    .transfersPage .standing.latest .table .wRow .item:nth-child(8) { display: inline-block }
}