﻿/********* Transfers News *********/
.pattern1 ul li a {  display: block;}
.pattern1 ul li a .imageCntnr { position: relative;  overflow: hidden; padding-bottom: 66.57%;}
.pattern1 ul li a img {position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: 0 auto;width: 100%;height: 100%;border: none;
    filter: brightness(100%) contrast(100%);
    -webkit-filter: brightness(100%) contrast(100%);
    -moz-filter: brightness(100%) contrast(100%);
    -o-filter: brightness(100%) contrast(100%);
    -ms-filter: brightness(100%) contrast(100%);
    transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;}
.pattern1 ul li .desc .time span { margin-left: 16px; position: relative;  float: right; line-height: 1.6;}
.transfersPage .newsPattern { width: 100%; margin-left: 0; background: #1d1d1d; }
.transfersPage .newsPattern .cnts { display: inline-block; float: right; width: 100%; padding: 14px }
.transfersPage .newsPattern .cnts ul li {  float:right;   height: auto; position: relative; overflow: hidden; background: transparent; margin-left: 30px; margin-bottom: 50px; width: calc((100% - 90.1px) / 4); }
.transfersPage .newsPattern .cnts ul li:nth-child(4n) { margin-left: 0; }
.transfersPage .newsPattern .cnts ul li .desc { padding: 10px 0;    width: 100%;cursor: pointer;display: inline-block;float: right; }
.transfersPage .newsPattern .cnts ul li .desc p { color: #e1e1e1; height: 46px; font-size: 13px ; text-align: right;line-height: 1.8;direction: rtl; margin-bottom: 10px;overflow: hidden;}
.transfersPage .newsPattern .cnts ul li:hover .desc p { color: #4BC2FF }
.transfersPage .newsPattern .cnts ul li .desc .time { font-size: 11px; color: #aaa; margin-top: 8px ;    display: inline-block;float: right;direction: rtl;}

.transfersPage .newsPattern ul li .secName { display: none }
/*.transfersPage .newsPattern .cnts ul li:last-child{display:none}*/
.transfersPage .newsPattern ul li .desc .time span:after { display: none }
.transfersPage .newsPattern ul li .desc .time span:last-child { display: none }

@media screen and (min-width:1536px) and (max-width:1599px) {
        .transfersPage .newsPattern .cnts ul li { margin-left: 20px; margin-bottom: 40px; width: calc((100% - 60.1px) / 4); }

}

@media screen and (min-width:1440px) and (max-width:1535px) {
        .transfersPage .newsPattern .cnts ul li { margin-left: 20px; margin-bottom: 40px; width: calc((100% - 60.1px) / 4); }

}

@media screen and (min-width:1280px) and (max-width:1359px) {
        .transfersPage .newsPattern .cnts ul li { margin-left: 20px; margin-bottom: 40px; width: calc((100% - 60.1px) / 4); }

}

@media screen and (min-width:1152px) and (max-width:1279px) {
     .transfersPage .newsPattern .cnts ul li { margin-left: 20px; margin-bottom: 40px; width: calc((100% - 20.1px) / 2); }
    .transfersPage .newsPattern .cnts ul li:last-child { display: inline-block }
    .transfersPage .newsPattern .cnts ul li:nth-child(3n) { margin-left: 20px; }
    .transfersPage .newsPattern .cnts ul li:nth-child(2n) { margin-left: 0; }
}

@media screen and (min-width:1024px) and (max-width:1151px) {
        .transfersPage .newsPattern .cnts ul li { margin-left: 20px; margin-bottom: 30px; width: calc((100% - 20.1px) / 2); }
    .transfersPage .newsPattern .cnts ul li:last-child { display: inline-block }
    .transfersPage .newsPattern .cnts ul li:nth-child(3n) { margin-left: 20px; }
    .transfersPage .newsPattern .cnts ul li:nth-child(2n) { margin-left: 0; }
}

@media only screen and (max-width: 1023px) {
        .transfersPage .newsPattern .cnts ul li { margin-left: 20px; margin-bottom: 40px; width: calc((100% - 60.1px) / 4); }
 .transfersPage .newsPattern ul li a .imageCntnr { width: 100%; padding-bottom: 67% }
    .transfersPage .newsPattern .cnts ul li .desc { width: 100%; background: transparent; margin-top: 0 }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
    .transfersPage .newsPattern .cnts { padding: 10px }
    .transfersPage .newsPattern .cnts ul li { width: calc((100% - 20.1px) / 2); }
    .transfersPage .newsPattern .cnts ul li:nth-child(4n) { margin-left: 20px; }
    .transfersPage .newsPattern .cnts ul li:nth-child(2n) { margin-left: 0 }
    .transfersPage .newsPattern .cnts ul li .desc p { font-size: 12px; height: 63px; line-height: 1.8 }
    .transfersPage .newsPattern .cnts ul li .desc .time { display: inline-block }
}