.leaderboard{
	overflow: hidden;
  position: relative;
  z-index: 1000000;
}
.leaderboard .leaderboardConatiner{
	margin: 0 auto;
	width: 970px;
}
.leaderboard  .leaderboardConatiner .close {
  	margin-top: -24px;
	margin-right: 4px;
	float: right;
}
.leaderboard .leaderboardConatiner .close a {
  position: relative;
  float:right;
  width: 20px;
  height: 20px;
  opacity: 0.7;
  background-color: #000;
  z-index:2;
}
.leaderboard .leaderboardConatiner .close a:hover {
  opacity: 1;
}
.leaderboard .leaderboardConatiner .close a:before, .leaderboard .leaderboardConatiner .close a:after {
  position: absolute;
  left: 9px;
  content: ' ';
  height: 20px;
  width: 2px;
  background-color: #fff;
}
.leaderboard .leaderboardConatiner .close a:before {
  transform: rotate(45deg);
}
.leaderboard .leaderboardConatiner .close a:after {
  transform: rotate(-45deg);
}

@media (max-width: 768px)
{
	.leaderboard{
		display:none;
	}
}

@media (min-width:320px)  { /* smartphones, iPhone, portrait 480x320 phones */ }
@media (min-width:481px)  { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ }
@media (min-width:641px)  { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ }
@media (min-width:961px)  { /* tablet, landscape iPad, lo-res laptops ands desktops */ }
@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ }
@media (min-width:1281px) { /* hi-res laptops and desktops */ }