/************** Articale Page **************/
.authorPage .authorHeader { display: inline-block; float: right; width: 100%; margin: 30px 0; position: relative; border-bottom: 1px solid #e8e8e8; padding-bottom: 30px; }
.authorPage .authoer-img { position: relative; width: 140px; height: 140px; float: right; display: inline-block; border-radius: 50%; overflow: hidden }
.authorPage .authoer-img img { width: 100%; position: absolute; top: 0; left: 0; }
.authorPage .authorHeader .title { width: calc(100% - 140px); padding: 10px 20px 0 0; margin: 0; }
.authorPage .authorHeader .title:after { display: none }
.authorPage .authorHeader .title h1 { font-family: droidBold,Arial; font-size: 26px; color: #000; direction: rtl; display: inline-block; width: 100%; float: right; margin: 0; line-height: 140px }
.authorPage .articale-info { width: calc(100% - 151px); }
.authorPage .authorHeader .time { display: inline-block; float: right; width: 100%; margin-top: 6px; color: #a7a7a7;   font-size: 14px; text-align: right; direction: rtl }
.authorPage .authorHeader .time span { display: inline-block; float: right; color: #a7a7a7 }
.authorPage .authorHeader .time span.contennt { margin-left: 16px; position: relative; }
.authorPage .authorHeader .time span.contennt:after { content: ""; position: absolute; left: -8px; top: 50%; transform: translateY(-50%); width: 1px; height: 14px; background: #b9b9b9; }
.authorPage .detialls { display: inline-block; float: right; width: 100%; background: rgba(244,197,45,0.07); border: 1px solid rgba(244,197,45,0.3); overflow: hidden; position: relative; margin-bottom: 20px; }
.authorPage .detialls .warn { display: inline-block; float: right; position: absolute; width: 40px; height: 100%; top: 0; right: 0; background: #f4c52d; text-align: center; }
.authorPage .detialls .icon-warn:before { content: "S"; display: inline-block; font-size: 24px; color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.authorPage .detialls p { display: inline-block; float: right; width: 100%; text-align: right; color: #000; padding: 8px 50px 8px 10px; font-size: 13px;   }
.authorPage .connect { display: inline-block; width: 100%; float: right; margin-bottom: 40px; }
.authorPage .total { display: inline-block; float: right; width: calc((100% - 40px) / 3); margin-left: 20px; height: 50px; }
.authorPage .total:last-child { margin-left: 0 }
.authorPage .connect .connect-fb { background-color: #4d6baa }
.authorPage .connect .leftt .font { display: inline-block; float: right; width: 50px; height: 50px; background-color: #43609c; }
.authorPage .connect .leftt p { width: calc(100% - 50px); display: inline-block; float: right; padding: 0 10px; color: #fff;   line-height: 1.5; position: absolute; right: 50px; top: 50%; transform: translateY(-50%); font-size: 13px; }
.authorPage .connect .leftt .TW { background-color: #38c2e5 }
.authorPage .connect .connect-tw { background-color: #57d4f4; }
.authorPage .connect .connect-Em { background-color: #e90e0e; }
.authorPage .connect .total h2 { background-color: #fff; height: 27px; line-height: 1.8; text-align: center;   font-size: 14px; display: inline-block; width: 100%; }
.authorPage .connect .total h2 span { font-family: 'droidBold' }
.authorPage .connect .iicon, .article .connect .iicon, .article .connect .iicon { float: right; width: 20px; margin: 8px 14px; }
.authorPage .connect .icon-cfb:before { content: "b"; color: #fff; font-size: 27px; line-height: 50px; }
.authorPage .connect .icon-ctw:before { content: 'c'; color: #fff; font-size: 27px; line-height: 50px }
.authorPage .connect .icon-cEm:before { content: 't'; color: #fff; font-size: 27px; line-height: 50px; float: right; margin-left: 20px; }
.authorPage .connect .leftt { width: 100%; display: inline-block; position: relative; }
.authorPage .connect .leftt.Hover-FB:hover { background-color: #5c78b5; }
.authorPage .connect .leftt.Hover-TW:hover { background-color: #6fdbf6; }
.authorPage .connect .leftt.Hover-G:hover { background-color: #f43e3e }
.authorPage .connect .leftt .g { background-color: #c10b0b }
.authorPage .connect .leftt .icon-G:before { content: 'd'; color: #fff; font-size: 27px; line-height: 2.3; }
.authorPage .connect .fb-like { float: left; line-height: 3 }
.authorPage .connect .leftt a { display: inline-block; float: left; }
.authorPage .connect .leftt a p { color: #fff; padding: 5px; border-radius: 5px; line-height: 1; float: left; font-family: arial; width: 122px; text-align: left; display: block; font-size: 14px; margin-top: 12px }
.authorPage .connect .leftt a span { font-size: 13px; display: inline-block; }
.authorPage .connect .leftt a.icon-ttw:before { content: 'c'; color: #fff; float: left; line-height: 4; margin-right: 5px }
.authorPage .connect .leftt input { border-radius: 30px; height: 38px; margin-top: 13px; overflow: hidden; font-size: 14px; padding: 4px 8px; box-shadow: none; border: none; font-family: arial; text-align: center; width: calc(100% - 47px); }
.authorPage .connect .leftt .inputt::-webkit-input-placeholder { color: #e90e0e; font-family: arial; font-size: 14px; text-align: center; font-weight: bold; opacity: 1; }
.authorPage .pattern01 .imageCntnr img { display: none; }
.authorPage .pattern01 ul li .item .imageCntnr { width: 20px; }
.authorPage .pattern01 ul li .desc { width: calc(100% - 30px) }
.authorPage .pattern01 .desc:before { content: 'h'; color: #0277bd; float: right; margin-left: 10px }
/*************** Author Profile ***************/
.authorProfile { display: inline-block; float: right; width: 100%; padding: 0 16px; background: #fff; border-radius: 6px; border: 1px solid #e8e8e8; }
.authorProfile .authorContact { display: inline-block; float: right; width: 100%; margin-top: 20px }
.authorProfile .authorContact a { display: inline-block; float: right; width: 30px; height: 30px; margin-left: 10px; color: #fff; padding: 0; line-height: 30px; font-size: 14px !important }
.authorProfile .authorContact a:last-child { margin-left: 0 }
.authorProfile .authorContact a:before { line-height: 30px }
.authorProfile .authorContact a.fb { background: #4267b2 }
.authorProfile .authorContact a.tw { background: #1da1f2 }
.authorProfile .authorContact a.icon-fb:before { content: "b" }
.authorProfile .authorContact a.icon-tw:before { content: "!" }
.authorProfile .remainContent .proNews { border: none; }
.authorProfile .remainContent .proNews ul { padding: 0 }
.authorProfile .remainContent .proNews .title h2,
.authorProfile .remainContent .proNews .title a { margin: 0 }

@media screen and (min-width:1680px) and (max-width:1919px) {
        .authorPage .authorHeader .title { padding: 0 20px 0 0 }

}

@media screen and (min-width:1600px) and (max-width:1679px) {
    .authorPage .authorHeader .title { padding: 0 20px 0 0 }
}

@media screen and (min-width:1536px) and (max-width:1599px) {
        .authorPage .authorHeader .title { padding: 0 20px 0 0 }

}

@media screen and (min-width:1440px) and (max-width:1535px) {
        .authorPage .authorHeader .title { padding: 0 20px 0 0 }

}

@media screen and (min-width:1360px) and (max-width:1439px) {
        .authorPage .authorHeader .title { padding: 0 20px 0 0 }

}

@media screen and (min-width:1280px) and (max-width:1359px) {
      .authorPage .authorHeader .title { padding: 0 20px 0 0 }
    .authorPage .authorHeader .title h1 { font-size: 22px }
      .authorPage .total { width: 100%; margin: 0 0 10px; }
    .authorPage .total:last-child { margin: 0 }
}

@media screen and (min-width:1024px) and (max-width:1279px) {
      .authors ul li.listItem { width: calc((100% - 16px) / 2); }
    .authors ul li.listItem:nth-child(4n) { margin-left: 16px; }
    .authors ul li.listItem:nth-child(2n) { margin-left: 0; }
    .authorPage .authorHeader .title { padding: 0 }
    .authorPage .authorHeader .title h1 { font-size: 22px }
    .authorProfile .authorContact { width: 70px; margin: 10px calc((100% - 70px) / 2) }
        .authorPage .total { width: 100%; margin: 0 0 10px; }
    .authorPage .total:last-child { margin: 0 }
    .authorPage .authoer-img { margin: 0 calc((100% - 140px) / 2) 20px }
    .authorPage .authorHeader .title { width: 100%; padding-right: 0 }
    .authorPage .authorHeader .title h1 { font-size: 22px; text-align: center }
    .authorPage .authorHeader .time { width: auto; margin: 10px auto 0; float: none; }
    .authorPage .authorHeader { margin: 30px 0 20px; padding-bottom: 0 }
     .authorPage .authorHeader .title h1{line-height:1.5}
    }

    @media screen and (min-width: 768px) and (max-width: 1023px) {
        .authors ul li.listItem { width: calc((100% - 32px) / 3); }
    .authors ul li.listItem:nth-child(4n) { margin-left: 16px; }
    .authors ul li.listItem:nth-child(3n) { margin-left: 0; }
    .authorPage .authorHeader .title { padding: 0 20px 0 0 }
    .authorPage .authorHeader .title h1 { font-size: 22px }
    .authorPage .authorHeader .title h1{line-height:1.5}
}
    @media screen and (min-width: 320px) and (max-width: 767px) {

     .authorPage .authoer-img { margin: 0 calc((100% - 120px) / 2) 20px; width: 120px; height: 120px }
    .authorPage .authorHeader .title { width: 100%; padding: 0 }
    .authorPage .authorHeader .title h1 { font-size: 20px; text-align: center }
    .authorPage .authorHeader .time { width: auto; margin: 10px auto 0; float: none; font-size: 13px }
    .authorPage .authorHeader { margin: 30px 0 20px; padding-bottom: 0; }
    .authorPage .total { width: 100%; margin: 0 0 10px; }
    .authorPage .total:last-child { margin: 0 }
    .authorProfile .authorContact a { padding: 0; font-size: 14px !important }
     .authorPage .authorHeader .title h1{line-height:1.5}
    }