﻿.proPlayer .rightside {
    width: 100%;
    width: calc(100% - 320px);
    float: right;
    margin-left: 20px;
}
.proPlayer .playerInfo { display: inline-block; width: 100%; border-radius: 6px; margin-bottom: 40px; position: relative; }
.proPlayer .IContainer { display: inline-block; width: 100%; float: left; background-color: #fff; padding: 30px 0 0; border-radius: 6px; position: relative; }
.proPlayer .IContainer .infoContainer { display: inline-block; width: calc(100% - 600px); float: left; margin-right: 120px; }
.proPlayer .playerInfo .info { display: inline-block; float: left; width: 100%; }
.proPlayer .playerInfo .info h2 { display: inline-block; width: 100%;   font-size: 30px; font-weight: bold; margin-bottom: 10px; float: right }
.proPlayer .playerInfo .info .team { display: inline-block; float: right }
.proPlayer .playerInfo .info .team img { display: inline-block; float: right; width: 45px; height: auto }
.proPlayer .playerInfo .info .team span { display: inline-block;   font-size: 20px; float: right; margin-right: 3px; line-height: 2.4; }
.proPlayer .playerInfo .number { display: inline-block; font-family: droidBold, Arial; font-size: 116px; line-height: 1; float: left; position: absolute; right: 15px; top: 25px; color: #EFEFEF; font-weight: bold; }
.proPlayer .playerInfo .playerImg { display: inline-block; width: 340px; float: right; position: relative; margin-top: 19px; margin-right: 60px }
.proPlayer .playerInfo .personalInfo { display: inline-block; width: 100%; float: left; border-top: 0; padding-left: 40px; margin-top: 20px }
.proPlayer .playerInfo .personalInfo ul { display: inline-block; width: 100%; float: right; margin-top: 20px }
.proPlayer .playerInfo .personalInfo ul li { display: inline-block; width: 100%; padding: 6px 0; border-bottom: 1px solid #e8e8e8; float: right }
/*.proPlayer .playerInfo .personalInfo ul li:last-child{border-bottom:0}
*/ .proPlayer .playerInfo .personalInfo ul li label { display: inline-block;   font-size: 15px; color: #000; float: right; width: auto }
.proPlayer .playerInfo .personalInfo ul li p { display: inline-block; color: #000; font-size: 15px;   float: left }
.proPlayer .remainContent .listing .title h2 {
    margin-right: 10px;
}

@media screen and (min-width:1680px) and (max-width:1919px) {
        .proPlayer .playerInfo .personalInfo ul li:last-child { border-bottom: 0 }

}

@media screen and (min-width:1600px) and (max-width:1679px) {
    .proPlayer .playerInfo .playerImg { width: 325px; margin-top: 24px }
    .proPlayer .IContainer .infoContainer { width: calc(100% - 520px) }
    .proPlayer .playerInfo .personalInfo ul li { padding: 5px 0 }
}

@media screen and (min-width:1536px) and (max-width:1599px) {
        .proPlayer .IContainer .infoContainer { width: calc(100% - 490px); margin-right: 100px }
    .proPlayer .playerInfo .personalInfo ul { margin-top: 10px }
    .proPlayer .playerInfo .playerImg { width: 330px }
}

@media screen and (min-width:1440px) and (max-width:1535px) {
     .proPlayer .playerInfo .personalInfo ul { margin-top: 10px }
    .proPlayer .playerInfo .info h2 { font-size: 28px }
    .proPlayer .playerInfo .info .team img { width: 35px }
    .proPlayer .playerInfo .info .team span { line-height: 2; font-size: 18px }
    .proPlayer .IContainer .infoContainer { width: calc(100% - 448px); margin-right: 80px }
    .proPlayer .playerInfo .number { font-size: 108px }
    .proPlayer .playerInfo .playerImg { margin-right: 48px; width: 320px; margin-top: 15px }
}

@media screen and (min-width:1360px) and (max-width:1439px) {
     .proPlayer .playerInfo .playerImg { width: 300px; margin-right: 48px; margin-top: 20px }
    .proPlayer .playerInfo .personalInfo ul { margin-top: 0 }
    .proPlayer .playerInfo .info h2 { font-size: 26px }
    .proPlayer .playerInfo .info .team img { width: 35px }
    .proPlayer .playerInfo .info .team span { line-height: 2; font-size: 18px }
    .proPlayer .IContainer .infoContainer { width: calc(100% - 408px); margin-right: 60px }
    .proPlayer .playerInfo .number { font-size: 90px; top: 28px }
}

@media screen and (min-width:1280px) and (max-width:1359px) {
     .proPlayer .playerInfo .playerImg { width: 300px; margin-right: 33px; margin-top: 20px; }
    .proPlayer .playerInfo .personalInfo ul { margin-top: 0 }
    .proPlayer .playerInfo .info h2 { font-size: 26px }
    .proPlayer .playerInfo .info .team img { width: 35px }
    .proPlayer .playerInfo .info .team span { line-height: 2; font-size: 18px }
    .proPlayer .IContainer .infoContainer { width: calc(100% - 383px); margin-right: 50px }
    .proPlayer .playerInfo .number { font-size: 90px; top: 32px }
}

@media screen and (min-width:1152px) and (max-width:1279px) {
     .proPlayer .playerInfo .info h2 { font-size: 24px; margin-bottom: 5px }
    .proPlayer .playerInfo .info .team img { width: 28px }
    .proPlayer .playerInfo .personalInfo { width: 100%; padding-left: 0; margin-top: 15px }
    .proPlayer .playerInfo .personalInfo ul li:last-child { border-bottom: 0 }
    .proPlayer .playerInfo .info .team { width: 100% }
    .proPlayer .playerInfo .info .team span { line-height: 1.8; font-size: 16px }
    .proPlayer .IContainer { padding: 30px 0 0 0 }
    .proPlayer .playerInfo .playerImg { width: 260px; margin-right: 25px; margin-top: 20px; }
    .proPlayer .playerInfo .personalInfo ul { margin-top: 0; padding-left: 10px }
    .proPlayer .IContainer .infoContainer { width: calc(100% - 315px); margin-right: 30px }
    .proPlayer .playerInfo .number { font-size: 70px; top: 32px }
    .proPlayer .playerInfo .personalInfo ul li { padding: 4px 0 }
}

@media screen and (min-width:1024px) and (max-width:1151px) {
      .proPlayer .playerInfo { padding: 0 }
    .proPlayer .playerInfo .playerImg { width: 130px; margin-top: 0; margin-right: 0 }
    .proPlayer .playerInfo .info { width: calc(100% - 140px); }
    .proPlayer .playerInfo .info h2 { font-size: 20px; margin-bottom: 5px }
    .proPlayer .playerInfo .info .team img { width: 22px }
    .proPlayer .playerInfo .personalInfo { width: 100%; padding-left: 0; margin-top: 0 }
    .proPlayer .playerInfo .personalInfo ul li:last-child { border-bottom: 0 }
    .proPlayer .playerInfo .number { position: relative; right: auto; top: auto; float: right; width: 100%; margin-top: 38px; font-size: 28px; text-align: right }
    .proPlayer .playerInfo .info .team { width: 100% }
    .proPlayer .playerInfo .info .team span { line-height: 1.8; font-size: 14px }
    .proPlayer .IContainer { padding: 30px 0 0 0 }
    .proPlayer .playerInfo .personalInfo ul li label { width: auto; font-size: 14px }
    .proPlayer .playerInfo .personalInfo ul { margin-top: 10px }
    .proPlayer .playerInfo .personalInfo ul li { padding: 5px 10px }
    .proPlayer .playerInfo .personalInfo ul li p { float: left; font-size: 14px }
    .proPlayer .IContainer .infoContainer { display: block; width: 100%; float: unset; margin-right: 0; }
}
@media only screen and (max-width: 1023px) {

    .proPlayer .rightside {  width: 100%;   margin-left: 0; }

    .proPlayer .IContainer .infoContainer{    width: calc(100% - 462px); margin-right: 62px;}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
     .proPlayer .playerInfo { padding: 0 }
    .proPlayer .playerInfo .playerImg { width: 130px; margin-top: 0; margin-right: 5px }
    .proPlayer .playerInfo .info { width: calc(100% - 145px); }
    .proPlayer .playerInfo .info h2 { font-size: 20px; margin-bottom: 5px }
    .proPlayer .playerInfo .info .team img { width: 22px }
    .proPlayer .playerInfo .personalInfo { width: 100%; padding-left: 0; margin-top: 0 }
    .proPlayer .playerInfo .personalInfo ul li:last-child { border-bottom: 0 }
    .proPlayer .playerInfo .number { position: relative; right: auto; top: auto; float: right; width: 100%; margin-top: 38px; font-size: 28px; text-align: right }
    .proPlayer .playerInfo .info .team { width: 100% }
    .proPlayer .playerInfo .info .team span { line-height: 1.8; font-size: 14px }
    .proPlayer .IContainer { padding: 30px 0 0 0 }
    .proPlayer .playerInfo .personalInfo ul li label { width: auto; font-size: 14px }
    .proPlayer .playerInfo .personalInfo ul { margin-top: 10px }
    .proPlayer .playerInfo .personalInfo ul li { padding: 5px 10px }
    .proPlayer .playerInfo .personalInfo ul li p { float: left; font-size: 14px }
    .proPlayer .IContainer .infoContainer { display: block; width: 100%; float: unset; margin-right: 0; }
    .proPlayer .remainContent .listing ul li .desc p{line-height:1.6}
}
