/********* Featured *********/
.transfersPage .pattern3 {  display: inline-block; width: 100%;  float: right;;margin-bottom: 0 }
.transfersPage .pattern3 .ttl { display: none }
.transfersPage .pattern3 ul li {   display:inline-block;float:right ; height: auto;position: relative;;border: none; background: #1d1d1d; padding: 14px;overflow:hidden ; margin-left: 30px; margin-bottom: 30px; width: calc((100% - 140.1px) / 4); }
.transfersPage .pattern3 ul li a { display: block;}
.transfersPage .pattern3 ul li:first-child { width: calc(100% - ((100% - 20px) / 2)); }
.transfersPage .pattern3 ul li:nth-child(3), .transfersPage .pattern3 ul li:last-child { margin-left: 0; }
.pattern3 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;}
.pattern3 ul li a .imageCntnr {position: relative;overflow: hidden;padding-bottom: 66.57%;}
.pattern3 ul li:first-child a .imageCntnr {padding-bottom: calc(66.57% + 12px);}
.transfersPage .pattern3 .desc {display: inline-block;width: 100%;float: right; overflow: hidden;cursor: pointer; position: relative; padding: 10px 0 0 }
.pattern3 ul li:first-child .desc h3, .pattern3 ul li:first-child .desc .transferTitle {font-size: 20px;line-height: 1.5;font-family: droidBold, Arial;height: 60px;margin-top: 10px;}
.transfersPage .pattern3 ul li:first-child .desc { height: 148px }
.transfersPage .pattern3 ul li:first-child .desc h3, .transfersPage .pattern3 ul li:first-child .desc .transferTitle  {   height: 66px }
.transfersPage .pattern3 .desc h3, .transfersPage .pattern3 .desc .transferTitle { color: #e1e1e1;   line-height: 1.8; font-size: 13px; height: 46px; overflow:hidden;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 }
.transfersPage .pattern3 ul li:hover .desc h3 { color: #4BC2FF }
.transfersPage .pattern3 ul li .desc .time { display: inline-block;float: right;direction: rtl;color: #aaa; margin-top: 14px; font-size: 11px }
.pattern3 ul li .desc .time span { margin-left: 16px;position: relative; float: right; line-height: 1.6;}
.transfersPage .pattern3 ul li:first-child .desc .time { margin-top: 46px; }
.transfersPage .pattern3 ul li:first-child .desc p, .transfersPage .pattern3 .desc p { display: none; }
.transfersPage .pattern3 ul li .desc .time span:after { display: none }
.transfersPage .pattern3 ul li .secName { display: none }
.transfersPage .pattern3 ul li .desc .time span:last-child { display: none }

@media screen and (min-width:1536px) and (max-width:1599px) {
        .transfersPage .pattern3 ul li { padding: 10px; margin-left: 20px; margin-bottom: 20px; width: calc((100% - 100.1px) / 4); }

}

@media screen and (min-width:1440px) and (max-width:1535px) {
        .transfersPage .pattern3 ul li { padding: 10px; margin-left: 20px; margin-bottom: 20px; width: calc((100% - 100.1px) / 4); }

}

@media screen and (min-width:1360px) and (max-width:1439px) {
        .transfersPage .pattern3 ul li { padding: 10px; margin-left: 20px; margin-bottom: 20px; width: calc((100% - 100.1px) / 4); }

}

@media screen and (min-width:1280px) and (max-width:1359px) {
      .transfersPage .pattern3 ul li { padding: 10px; margin-left: 20px; margin-bottom: 20px; width: calc((100% - 100.1px) / 4); }
    .transfersPage .pattern3 ul li:first-child .desc h3, .transfersPage .pattern3 ul li:first-child .desc .transferTitle  { height: 54px; font-size: 18px }
    .transfersPage .pattern3 ul li:first-child .desc .time { margin-top: 58px }
}

@media screen and (min-width:1152px) and (max-width:1279px) {
     .transfersPage .pattern3 ul li { padding: 10px; margin-left: 20px; margin-bottom: 20px; width: calc((100% - 215.1px) / 2); }
    .transfersPage .pattern3 ul li:first-child { width: calc(100% - ((100% - 175px) / 2)); }
    .transfersPage .pattern3 ul li:nth-child(3), .transfersPage .pattern3 ul li:last-child { display: none }
    .transfersPage .pattern3 ul li:nth-child(2), .transfersPage .pattern3 ul li:nth-child(4) { margin-left: 0 }
    .transfersPage .pattern3 ul li:first-child .desc h3, .transfersPage .pattern3 ul li:first-child .desc .transferTitle  { height: 54px; font-size: 18px }
    .transfersPage .pattern3 ul li:first-child .desc .time { margin-top: 58px }
}

@media screen and (min-width:1024px) and (max-width:1151px) {
     .transfersPage .pattern3 ul li { padding: 10px; margin-left: 20px; margin-bottom: 20px; width: calc((100% - 215.1px) / 2); }
    .transfersPage .pattern3 ul li:first-child { width: calc(100% - ((100% - 175px) / 2)); }
    .transfersPage .pattern3 ul li:nth-child(3), .transfersPage .pattern3 ul li:last-child { display: none }
    .transfersPage .pattern3 ul li:nth-child(2), .transfersPage .pattern3 ul li:nth-child(4) { margin-left: 0 }
    .transfersPage .pattern3 ul li:first-child .desc h3 , .transfersPage .pattern3 ul li:first-child .desc .transferTitle { height: 54px; font-size: 18px }
    .transfersPage .pattern3 ul li:first-child .desc .time { margin-top: 58px }
}

@media only screen and (max-width: 1023px) {
     .transfersPage .pattern3 ul li { padding: 10px; margin-left: 20px; margin-bottom: 20px; width: calc((100% - 100.1px) / 4); }
    .transfersPage .pattern3 ul li:first-child { margin-left: 20px }
    .transfersPage .pattern3 ul li:first-child .desc h3, .transfersPage .pattern3 ul li:first-child .desc .transferTitle  { height: 54px; font-size: 18px }
    .transfersPage .pattern3 ul li:first-child .desc .time { margin-top: 58px }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
     .transfersPage .pattern3 { margin-bottom: 20px }
    .transfersPage .pattern3 ul li { width: calc((100% - 10.1px) / 2); margin-left: 10px; margin-bottom: 10px }
    .transfersPage .pattern3 ul li:first-child { width: 100%; margin-left: 0 }
    .transfersPage .pattern3 ul li:nth-child(4), .transfersPage .pattern3 ul li:nth-child(5), .pattern3 ul li:last-child { margin-bottom: 0 }
    .transfersPage .pattern3 ul li .desc { background: transparent; width: 100%; margin-top: 0 }
    .transfersPage .pattern3 .desc h3, .transfersPage .pattern3 .desc .transferTitle { margin-top: 0; font-size: 12px; height: 63px }
    .transfersPage .pattern3 ul li:first-child .desc { margin-top: 0; height: auto }
    .transfersPage .pattern3 ul li:first-child .desc h3 , .transfersPage .pattern3 ul li:first-child .desc .transferTitle { height: auto; font-size: 16px; line-height: 1.8; }
    .transfersPage .pattern3 ul li .desc .time { display: inline-block; margin-top: 20px }
    .transfersPage .pattern3 ul li:first-child .desc .time { margin-top: 30px; margin-bottom: 0 }
}