/* Rankings Page Styles */
.rankings-content {
    max-width: 1200px;
    margin: 0 auto;
    padding: 30px 20px;
}

.rankings-intro {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: #fff;
    padding: 25px 30px;
    border-radius: 12px;
    margin-bottom: 30px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.rankings-intro p {
    margin: 0;
    font-size: 16px;
    line-height: 1.6;
    text-align: center;
}

.rankings-table {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.rankings-header {
    display: flex;
    align-items: center;
    gap: 20px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: #fff;
    padding: 15px 25px;
    border-radius: 8px 8px 0 0;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
}

.rankings-header-ranking {
    min-width: 80px;
    text-align: center;
}

.rankings-header-site {
    flex: 1;
    min-width: 0;
}

.rankings-header-lastboost {
    min-width: 130px;
}

.rankings-header-boosts {
    min-width: 140px;
}

.rankings-header-traffic {
    min-width: 120px;
}

.rankings-header-position {
    min-width: 120px;
    text-align: center;
}

.rankings-header-actions {
    min-width: 100px;
    text-align: center;
}
.rankings-col-right{
    text-align: right;
    justify-content: flex-end;
}

.rankings-list {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.rankings-item {
    display: flex;
    align-items: center;
    gap: 20px;
    background: #fff;
    padding: 12px 25px;
    transition: all 0.3s ease;
    border-left: 4px solid #667eea;
    border-bottom: 1px solid #e5e5e5;
}

.rankings-item:last-child {
    border-radius: 0 0 8px 8px;
    border-bottom: none;
}

.rankings-item:hover {
    transform: translateX(5px);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}

/* Top 3 special styling */
.ranking-position-1 {
    border-left-color: #ffd700;
    background: linear-gradient(135deg, #fffef7 0%, #fff 100%);
}

.ranking-position-2 {
    border-left-color: #c0c0c0;
    background: linear-gradient(135deg, #fafafa 0%, #fff 100%);
}

.ranking-position-3 {
    border-left-color: #cd7f32;
    background: linear-gradient(135deg, #fff9f5 0%, #fff 100%);
}

.rankings-item > .rankings-item-position:first-of-type {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 80px;
    position: relative;
}

.rankings-position-flag {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    padding: 8px 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: skewX(-15deg);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3);
    line-height: 1;
    text-transform: uppercase;
    border-radius: 2px;
}

.rankings-position-flag > span {
    transform: skewX(15deg);
    display: block;
}

.ranking-position-1 .rankings-position-flag {
    background: linear-gradient(135deg, #ffd700 0%, #ffed4e 100%);
    color: #1a1a1a;
}

.ranking-position-2 .rankings-position-flag {
    background: linear-gradient(135deg, #c0c0c0 0%, #e8e8e8 100%);
    color: #1a1a1a;
}

.ranking-position-3 .rankings-position-flag {
    background: linear-gradient(135deg, #cd7f32 0%, #e6a157 100%);
    color: #fff;
}

.rankings-item-site {
    flex: 1;
    min-width: 0;
}

.rankings-item-site a {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #1a1a1a;
    text-decoration: none;
    transition: color 0.3s ease;
    font-weight: 600;
    font-size: 16px;
}

.rankings-item-site a:hover {
    color: #667eea;
}

.rankings-item-lastboost {
    min-width: 130px;
    font-size: 14px;
    color: #666;
}

.rankings-item-boosts {
    min-width: 140px;
    display: flex;
    gap: 4px;
}

.rankings-boost-value {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: linear-gradient(135deg, #ffd700 0%, #ffed4e 100%);
    padding: 4px 10px;
    border-radius: 15px;
    font-weight: 700;
    font-size: 13px;
    color: #333;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.rankings-boost-value .boost-icon {
    font-size: 14px;
}

.rankings-boost-count {
    font-size: 12px;
    color: #666;
}

.rankings-item-traffic,
.rankings-item-position {
    min-width: 120px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.traffic-count {
    font-size: 14px;
    color: #333;
    font-weight: 600;
}

.traffic-change {
    text-align: right;
    align-items: right;
    font-size: 12px;
    font-weight: 700;
    display: inline-flex;
    gap: 2px;
}

.traffic-up {
    color: #22c55e;
}

.traffic-down {
    color: #ef4444;
}

.traffic-neutral {
    color: #6b7280;
}

.rankings-item > .rankings-item-position:last-of-type {
    min-width: 100px;
    text-align: center;
    font-size: 14px;
    color: #333;
    font-weight: 600;
}

.rankings-item-actions {
    min-width: 100px;
    text-align: center;
}

.rankings-boost-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: #fff;
    border: none;
    border-radius: 6px;
    font-weight: 600;
    font-size: 13px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 2px 4px rgba(102, 126, 234, 0.3);
}

.rankings-boost-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(102, 126, 234, 0.4);
}

.rankings-boost-btn .boost-icon {
    width: 14px;
    height: 14px;
}

.rankings-empty {
    text-align: center;
    padding: 60px 20px;
    background: #f5f5f5;
    border-radius: 12px;
}

.rankings-empty p {
    font-size: 18px;
    color: #666;
    margin: 0;
}

ol,ul{list-style:none}
img{border:none; margin:0px; padding:0px; max-width:100%;}
table{border-collapse:collapse;border-spacing:0}
a{text-decoration:none; outline:none;}
h1,h2,h3,h4,h5,h6,ul,p,form,input{margin:0px; padding:0px; outline:none; font-weight:normal;}
a{-webkit-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; -ms-transition: all 200ms ease-in; -o-transition: all 200ms ease-in;transition: all 200ms ease-in;}
*{box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}


/* Leaderboard Styles */
@font-face {
    font-family:'helveticaneuecyrbold';
    src: url('../fonts/helveticaneuecyr-bold-webfont.eot');
    src: url('../fonts/helveticaneuecyr-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helveticaneuecyr-bold-webfont.woff2') format('woff2'),
         url('../fonts/helveticaneuecyr-bold-webfont.woff') format('woff'),
         url('../fonts/helveticaneuecyr-bold-webfont.ttf') format('truetype'),
         url('../fonts/helveticaneuecyr-bold-webfont.svg#helveticaneuecyrbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'HelveticaNeueLTProMd';
    src: url('../fonts/HelveticaNeueLTProMd.eot');
    src: url('../fonts/HelveticaNeueLTProMd.eot') format('embedded-opentype'),
         url('../fonts/HelveticaNeueLTProMd.woff2') format('woff2'),
         url('../fonts/HelveticaNeueLTProMd.woff') format('woff'),
         url('../fonts/HelveticaNeueLTProMd.ttf') format('truetype'),
         url('../fonts/HelveticaNeueLTProMd.svg#HelveticaNeueLTProMd') format('svg');
}
@font-face {
    font-family:'HelveticaNeueLTProLt';
    src: url('../fonts/HelveticaNeueLTProLt.eot');
    src: url('../fonts/HelveticaNeueLTProLt.eot') format('embedded-opentype'),
         url('../fonts/HelveticaNeueLTProLt.woff2') format('woff2'),
         url('../fonts/HelveticaNeueLTProLt.woff') format('woff'),
         url('../fonts/HelveticaNeueLTProLt.ttf') format('truetype'),
         url('../fonts/HelveticaNeueLTProLt.svg#HelveticaNeueLTProLt') format('svg');
}
@font-face {
    font-family:'chunkfiveregular';
    src: url('../fonts/chunkfive-regular-webfont.woff2') format('woff2'),
         url('../fonts/chunkfive-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.bodyArea{background-color: #d6d9e2;}
.centerwrap{width: 1260px; margin: auto;}
.rankings{padding-bottom: 15px; overflow: hidden;}
.rakingTop{background-color: #1f559b; display: flex; justify-content: space-between; padding: 8px 6px 8px 16px; align-items: center;}
.rakingTop h2{font-size: 24px; letter-spacing: 0.005em; color: #d8f749; font-family:'helveticaneuecyrbold';}
.topLinks{display: flex;}
.topLinks li{font-family:'HelveticaNeueLTProMd'; font-size: 14px; letter-spacing: 0.01em; margin-right: 5px; text-transform: uppercase;}
.topLinks li:last-child{margin-right: 0px;}
.topLinks li a{background-color: #061b48; line-height: 30px; border-radius: 4px; padding: 0 12px; display: block; color: #ffffff;}
.topLinks li a:hover, .topLinks li a.active{background-color: #d3f24c; color: #091039;}
.rankingDes{background-color: #061b48; padding: 10px 16px;}
.rankingDes p, .rankingDesTagline{font-family:'HelveticaNeueLTProLt'; font-size: 12px; letter-spacing: 0.025em; color: #ffffff; line-height: 22px; margin: 0;}
.firstRow{background-color: #121826; position: relative; height: 48px; padding-left: 164px; display: flex; align-items: center;}
.firstFToon{position: absolute; left: 10px; top: -8px; z-index: 1; width: 146px; height: 68px; background-image: url(../images/first.svg); background-repeat: no-repeat; }
.fRowInfo{display: flex;}
.fRowInfo li{font-size: 17px; font-family:'helveticaneuecyrbold'; color: #fff; display: flex; align-items: center; letter-spacing: 0.01em; margin-right: 32px;}
.fRowInfo li:last-child{margin-right: 0px;}
.fRowInfo li i,
.fRowInfo li .icon{margin-right: 8px;}
.boost-icon-offset, .boost-icon-offset-crown{transform: translateY(-2px);}
.fRowInfo li span{color: #d9f269;}
.fBoost{font-family:'HelveticaNeueLTProMd'; font-size: 16px; border: 2px solid #1f559b; color: #fff; border-radius: 5px; padding: 8px 19px 2px 36px; margin-left: 38px; background: url(../images/boost.svg) no-repeat 12px center; background-size: 20px;}
.fBoost:hover{background-color: #1f559b; color: #fff;;}
.boostI{background: url(../images/boost.png) no-repeat center center; width: 14px; height: 16px; margin-right: 7px; display: none;}
.firstTInfo{background: url(../images/whiteBg.jpg) no-repeat; height: 72px; position: relative; padding-left: 24px; display: flex; align-items: center;}
.topInfo{display: flex; flex-direction: column; align-items: center; margin-right: 26px; z-index: 1;}
.topInfo:last-child{margin-right: 0px;}
.topIHead{font-family:"Poppins", sans-serif; font-size: 12px; letter-spacing: -0.025em; color: #0c1b46; font-style: italic; text-transform: uppercase; font-weight: 600;}
.topIText{font-size: 16px; color: #204fb6; font-family:"Poppins", sans-serif; font-weight: 600; letter-spacing: -0.025em; display: flex; }
.topIText-icon{ width: 15px; height: 15px; margin-top: 3px; margin-right: 3px;}
.boostsI{margin-right: 3px; width: 15px;}
.arrow{margin-right: 4px; width: 14px;}
.redText{color: #f95959;}
.greenText{color: #71b62e;}
.mpgRocket{width: 350px; height: 63px; background-image: url(../images/mpgRocket.svg); background-repeat: no-repeat; background-position: left center;}
.firstToon{display: flex; position: absolute; bottom: 0px; right: 2px; width: 225px; height: 167px; background-image: url(../images/firstToon.svg); background-position: bottom; background-repeat: no-repeat;} 
.rankingArea{overflow-x: auto; background: url(../images/tableBg.jpg) repeat-x left top; -webkit-overflow-scrolling: touch; white-space:nowrap; scrollbar-width:none; scrollbar-color:#1f559b; overscroll-behavior:contain;}
.rankingArea::-webkit-scrollbar{width:0px;}
.rankingHead{background-color: #121826; display: flex; padding: 0 0px 0 0px;}
.rankingHead ul{display: flex;}
.rankingHead ul li{font-family:"Poppins", sans-serif; font-weight: 500; line-height: 28px; color: #959cb0; font-style: italic; font-size: 13px; letter-spacing: 0.01em; text-transform: uppercase;}
.rankingHL li:nth-child(1), .rankingBL li:nth-child(1){width: 106px;}
.rankingHL li:nth-child(2), .rankingBL li:nth-child(2){width: 170px;}
/*.rankingHR{flex: 1;}*/
.rankingHR li:nth-child(1), .rankingBR li:nth-child(1){width: 100px; flex: 0 0 100px; text-align: center; margin-right: 40px;}
.rankingHR li:nth-child(2), .rankingBR li:nth-child(2){width: 62px; flex: 0 0 62px; text-align: center; margin-right: 60px;}
.rankingHR li:nth-child(3), .rankingBR li:nth-child(3){width: 60px; flex: 0 0 60px; text-align: center; margin-right: 48px; justify-content: center;}
.rankingHR li:nth-child(4), .rankingBR li:nth-child(4){width: 114px; flex: 0 0 114px; text-align: center; margin-right: 52px;}
.rankingHR li:nth-child(5), .rankingBR li:nth-child(5){width: 74px; flex: 0 0 74px; text-align: center; margin-right: 56px;}
.rankingHR li:nth-child(6), .rankingBR li:nth-child(6){width: 140px; flex: 0 0 140px; text-align: center; margin-right: 50px;}
.rankingHR li:nth-child(7), .rankingBR li:nth-child(7){width: 102px; flex: 0 0 102px; text-align: center;}
.rankingBody{}
.rankingRow{background-color: #101a47; display: flex; align-items: center; height: 45px;}
.rankingRow:nth-child(2n){background-color: #1f2852;}
.rankingRowLink{display: flex; align-items: center; padding: 7px 0px 7px 0px; }
.rankingRow ul{display: flex;}
.rankingBL, .rankingHL{width: 292px; padding-left: 16px; /*position: absolute;*/}
.rankingRow .rankingBL{background-color: #101a47;}
.rankingRow:nth-child(2n) .rankingBL{background-color: #1f2852;}
.rankingHL{background-color: #121826;}
.rankingN{background: url(../images/rakingBg.png) no-repeat; width: 50px; height: 26px; font-family:'chunkfiveregular'; font-size: 20px; color: #fff; text-align: center; display: flex; align-items: center; justify-content: center; padding-top: 2px;}
.rankingN sup{font-family:"Poppins", sans-serif; font-weight: 700; letter-spacing: 0.025em; font-size: 10px; text-transform: uppercase; margin-left: 2px; margin-bottom: auto; padding-top: 2px;}
.siteNF{display: flex; align-items: center; font-size: 13px; color: #ffffff; letter-spacing: 0.01em; font-family:"Poppins", sans-serif;}
.siteNF img{margin-right: 8px;}
.rankingHR{width: 968px; padding-right: 10px;}
.rankingBR{width: 856px; padding-right: 10px;}
.rankingBR li{display: flex; align-items: center; font-size: 13px; letter-spacing: 0.01em; font-family:"Poppins", sans-serif; font-weight: 400; color: #fff;}
.rankings .lBoost{color: #ffffff; justify-content: center;}
.rankings .crownT{color: #fed017; display: flex; align-items: center; margin: 0 auto;}
.rankings .crownT img{margin-right: 6px;}
.rankings .redT{color: #f95959;}
.rankings .greenT{color: #c6f424;}
.rankings .listingP{justify-content:center;}
.rankings .categoryT{justify-content:center;}
.categoryT{justify-content:center;}
.upInfo{display: flex; align-items: center; color: #c6f424; padding-left: 22px; background-image: url(../images/upArrow2.svg); background-repeat: no-repeat; background-position: left center; background-size: 14px;}
.pauseInfo{display: flex; margin: 0 auto; align-items: center; color: #fff; padding-left: 22px; background-image: url(../images/pause.svg); background-repeat: no-repeat; background-position: left center; background-size: 14px;}
.downInfo{display: flex; align-items: center; color: #f95959; padding-left: 22px; background-image: url(../images/downArrow.svg); background-repeat: no-repeat; background-position: left center; background-size: 14px;}
.upIcon{padding-left: 22px; background-image: url(../images/upArrow2.svg); background-repeat: no-repeat; background-position: left center; background-size: 14px;}
.fRow_upIcon{padding-left: 18px; background-image: url(../images/upArrow.svg); background-repeat: no-repeat; background-position: left 2px; background-size: 14px;}
.upInfo img{margin-right: 8px; width: 14px;}
.boostBtn{font-family:'HelveticaNeueLTProMd'; font-size: 16px; border: 2px solid #1f559b; color: #fff; border-radius: 5px; padding: 8px 19px 2px 36px; display: block;  background: url(../images/boost.svg) no-repeat 12px center; background-size: 20px;}
.boostBtn:hover{background-color: #1f559b; color: #fff;}
.boostBlueBig{color: #73a8ec; display: flex; align-items: center; padding-left: 1px;}
.boostBlueBig img{margin-right: 8px; width: 21px;}
.pause{display: flex; align-items: center; color: #fff;}
.pause img{margin-right: 8px; width: 18px;}
.downInfo img{margin-right: 8px; width: 14px;}
.rankingRow + .rankingRow + .rankingRow + .rankingRow + .rankingRow + .rankingRow + .rankingRow + .rankingRow + .rankingRow .rankingN{font-size: 17px;}

.crownT{
    background-image: url(../images/crown.svg);
    background-size: 21px 21px;
    background-repeat: no-repeat;
    padding-left: 25px;
    padding-top: 6px;
    height: 21px;
}
.boostBlueBig{
    background-image: url(../images/lightBlue.svg);
    background-size: 21px 21px;
    background-repeat: no-repeat;
    padding-left: 25px;
    padding-top: 2px;
    height: 21px;
    margin: 0 auto;
}
.pt4{padding-top: 4px;}

@media only screen and (max-width:1590px){
    /*.centerwrap{width:1250px;}*/
    
}
@media only screen and (max-width:1279px){
    .centerwrap{width: 98%;}/*994px*/
    .rakingTop{padding: 8px 8px 8px 12px;}
    .rakingTop h2{font-size: 22px;}
    .topLinks li{font-size: 13px;}
    .topLinks li a{line-height: 26px; padding: 0 10px;}
    .firstTInfo{padding-left: 12px; height: 62px;}
    .topInfo{margin-right: 20px;}
    .mpgRocket{margin-left: -60px; width: 320px;}
    .firstToon{width: 200px; height: 148px;}
    .rankingDes{padding: 8px 12px;}
    .rankingBL, .rankingHL{padding-left: 12px;}
    .rankingHL li:nth-child(2), .rankingBL li:nth-child(2){width: 174px;}
    
}
@media only screen and (max-width:1023px){
    .centerwrap{width: 98%;} /* 748px */
    .rakingTop h2{font-size: 20px;}
    .topLinks li{font-size: 12px;}
    .topLinks li a{line-height: 24px;}
    .firstFToon{width: 110px; top: -5px;}
    .fRowInfo li{font-size: 15px; margin-right: 20px;}
    .fRowInfo li i{width: 22px; margin-right: 6px;}
    .fBoost{font-size: 15px; /*height: 27px; padding-left: 10px; padding-right: 15px;*/ margin-left: 24px; /*line-height: 25px;*/}
    .firstRow{height: 40px; padding-left: 126px;}
    .mpgRocket{display: none;}
    .firstToon{width: 178px;}
    
}
@media only screen and (max-width:767px){
    /*.centerwrap{width: 460px;}*/
    .rakingTop{padding: 10px 0 0 0; }
    .rankingDes p{line-height: 16px;}
    .firstTInfo{height: auto; background-size: cover; flex-wrap: wrap; padding: 8px 12px;}
    .topInfo{/*width: 30.66666666666667%; margin-right: 4%; margin-bottom: 2%;*/ margin-right: 10px;}
    .topInfo:nth-child(6){margin-right: 0px;}
    .firstToon{display: none;}
    .fBoost{padding-top: 6px; padding-bottom: 2px; margin-left: auto; margin-right: 10px; margin-top: 0px; font-size: 14px;}
    .payment-option .boost-ratio-icon{padding-bottom: 0;}
    .fRowInfo li{font-size: 14px; margin-right: 0px; margin-bottom: 8px; }
    .fRowInfo li:last-child{margin-bottom: 0px;}
    .firstRow{padding-left: 165px; height: auto; align-items: center;}
    .fRowInfo{flex-direction: column; padding: 8px 0;}
    .firstFToon{width: 150px; top: -1px;}
    .fBoost .boostI{background-size: 10px; width: 10px; margin-right: 4px;}
    .rankingHL li:nth-child(1), .rankingBL li:nth-child(1){width: 76px;}
    .rankingBL, .rankingHL{width: 262px;}
    /*.rankingBR, .rankingHR{padding-left: 262px;}*/
    .siteNF img{margin-right: 6px;}
    .mpgRocket{position: absolute; right: 10px; width: 240px; opacity: 0.3; display: block; margin-left: 0px;}
    .boostBtn{font-size: 14px; display: block; }
    .topLinks li a{line-height: normal; padding: 6px 10px 6px;}
    .boostBlueBig img{
        transform: translateY(-2px);
    }
    .rankings .crownT img{
        transform: translateY(-2px);
    }
    
}
@media only screen and (max-width:479px){
    /*.centerwrap{width:300px;}*/
    /*.rakingTop{flex-direction: column; align-items: flex-start;}*/
    .rakingTop{padding: 10px 0 0 0; flex-direction: column; align-items: flex-start; background: none;}
    .rakingTop h2{font-size: 18px; /*padding-bottom: 4px;*/ padding: 8px 8px 8px 12px; background-color: #1f559b; width: 100%;}
    .firstRow{padding-left: 157px; height: auto; align-items: center; /*flex-direction: column; align-items: flex-start; padding-top: 7px; padding-bottom: 8px;*/}
    .firstFToon{width: 142px; height: 100%; top: 0; bottom: 0; transform: none;}
    .fBoost{ margin-top: 0px; padding-left: 30px; padding-top: 6px; padding-bottom: 2px; padding-right: 12px; font-size: 14px; background-position: 10px center; background-size: 14px; /*line-height: 24px;*/}
    .topInfo{width: auto; margin-bottom: 2px; margin-right: 20px; white-space: nowrap;}
    .topInfo:nth-child(3n){margin-right: 4%;}
    /*.topInfo:nth-child(5), .topInfo:nth-child(6){display: none;}*/
    .topInfo:nth-child(6){margin-right: 0px;}
    .firstTInfo{padding: 4px 8px 0; overflow-x: auto; flex-wrap: nowrap; position: static; -webkit-overflow-scrolling: touch; white-space:nowrap; scrollbar-width:none; scrollbar-color:#1f559b; overscroll-behavior:contain;}
    .boostBtn{font-size: 14px; display: block; background-position: 10px center; padding-left: 30px; padding-right: 12px; background-size: 14px;}
    .boostI{display: inline-block; vertical-align: middle; }
    .boostBtn span{display: inline-block; vertical-align: middle; line-height: 16px;}
    .mpgRocket{position: absolute; right: 10px; width: 240px; opacity: 0.3; display: block; margin-left: 0px;}
    .fRowInfo{padding: 7px 0;}
    
    .rankingHL li:nth-child(2), .rankingBL li:nth-child(2){width: 160px;}
    .rankingHR li:nth-child(1), .rankingBR li:nth-child(1){margin-right: 30px;}
    .rankingHR li:nth-child(2), .rankingBR li:nth-child(2){margin-right: 30px;}
    .rankingHR li:nth-child(3), .rankingBR li:nth-child(3){margin-right: 30px;}
    .rankingHR li:nth-child(4), .rankingBR li:nth-child(4){margin-right: 30px;}
    .rankingHR li:nth-child(5), .rankingBR li:nth-child(5){margin-right: 30px;}
    .rankingHR li:nth-child(6), .rankingBR li:nth-child(6){margin-right: 30px;}
    .rankingHR li:nth-child(7), .rankingBR li:nth-child(7){width: 88px;}
    .rankingBL, .rankingHL{width: auto;}
    .rankingBR, .rankingHR{width: auto;}
    
    .menu{position: relative; padding: 8px 8px 5px 12px; background-color: #061b48; width: 100%;}
    .mobileBtn{background-color: #061b48; width: 34px; height: 30px; display: block; padding-top: 4px; border-radius: 4px; cursor: pointer;}
    .mobileBtn span{background-color:#fff; height:2px; width:20px; margin:4px auto; display:block; transition: all 200ms ease-in;}
    .mobileBtn.active{padding-top: 3px;}
    .mobileBtn.active .line1{transform:rotate(-45deg) translate(-4px, 5px);}
    .mobileBtn.active .line2{opacity:0;}
    .mobileBtn.active .line3{transform:rotate(45deg) translate(-4px, -4px);}
    /*.topLinks{display: none;}
    .topLinks.active{display: block;}
    .topLinks{position:absolute; right:0px; top:38px; padding: 5px; background-color:#121826; margin-left:0px; z-index:6; min-width:140px}
    .topLinks li{float:none; margin-right:0px; margin-bottom: 5px;}
    .topLinks li:last-child{margin-bottom: 0px;}
    .topLinks li a{line-height: normal; padding: 6px 10px;}*/
    .topLinks li a{line-height: normal; padding: 6px 10px 6px;}
    
}