@charset "utf-8";
/* CSS Document */
@media (min-width: 992px) and (max-width: 1199px) {
.box {width: 302px;}
.news-feed ul li a {padding: 4px 10px;}
.latest-news-con ul li a{ padding:5px 0;}
.box-six{ min-height:200px;}
.players{ float:left; width:33.333%; overflow:hidden; padding:10px 5px; text-align:center;}
}
@media (min-width: 768px) and (max-width: 991px) {
.logo img { width:100%;}
.top-social ul {margin: 15px 0 0;}
.navbar-default .navbar-nav > li > a {padding: 0 13px;}
.box {width: 351px;margin: 15px 2px 0 15px;}
.post-content{ min-height:229px;}
.news-feed ul li a {padding: 11px 10px;}
.sldier-area{ margin-bottom:15px;} 
.post-text {float: right;padding: 0 0 0 0;width: 75%;}
.players{ float:left; width:50%; overflow:hidden; padding:10px 5px; text-align:center;}
.player-details{ width:100%; clear:both; overflow:hidden;}
.playerimg{ width:100%; float:left; margin:0;}
.playerimg img{ width:100%;}
.player-text{ padding:22px 0 0; width:100%; float:right;}
.player-text p{ font-size:12px;}
.playerimg h3{ font-size:14px; color:#882c37; margin:0; padding:10px 0;}
.pb-menu-link, .pb-menu-sub-link {padding: 0 12px;}
.sponsors-row h4{ margin:0; padding:0; font-size:12px; float:left; clear:both; width:100%;}
.sponsors-row a{ margin:10px 0 0; padding:0; font-size:12px; float:left;}
.weeklyteams-lt {float: none;width: 400px;text-align: center;margin: 0 auto;}
.weeklyteams-rt {float: right;width: 100%;text-align: center;}
.foll-row, .ic-row, .emg-row {float: left;margin:25px 14px;}
.flagcol h5 {display: block; width: 44%;}

}

@media (min-width: 481px) and (max-width: 767px) {
.logo{ text-align:center;}
.top-social ul { float: left;}
.box-con{ width:315px; margin:0 auto;}
.post-text {float: right;padding: 0 0 0 0;width: 74%;}
.players{ float:left; width:33.333%; overflow:hidden; padding:10px 5px; text-align:center;}
.grade-con, .weeklyteams-lt{ float:none; margin:0 auto;}
.weeklyteams-rt {float: right;width: 100%;text-align: center;}
.foll-row, .ic-row, .emg-row {float: left;margin:25px 10px;}
.weeklyteams-rt {float: none;width: 446px;text-align: center;margin: 0 auto;}

.slider-container {
    height: 240px !important;
}
}


@media (min-width: 290px) and (max-width: 767px) {
.top-social ul {margin: 22px 0 0;}
.navbar-header {display: block;}
.navbar-brand{ display:none;}
.navbar-toggle {margin-top:-53px;background:url(../img/menu-icon.png) no-repeat center center!important; width:45px; height:45px;}
.box {float: left;width: 100%;margin: 0 auto;background:#e1e1e1;}
.box-three{ background:#292f33;}
.box-five, .box-six{ display:none;}
.box-four{ padding-bottom:15px;}
.navbar-nav {margin: 0;}
.navbar-default .navbar-nav > li > a{ border:none;}
.navbar-nav .open .dropdown-menu{ margin-top:5px;}
.dropdown-menu > li > a{ color:#fff!important;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus{ color:#FF0!important}
.slider-col{ padding:0; margin:0;}
.content-area{ padding:0;}

.leftside-col, .rightside-col{ padding-top:25px;}
.post-text h1 a{ font-size:13px;}
.sponsors-row h4{ margin:0; padding:0; font-size:12px; float:left; clear:both; width:100%;}
.sponsors-row a{ margin:10px 0 0; padding:0; font-size:12px; float:left;}
.leftside-col, .rightside-col {
clear: both!important;
}

}

@media (min-width: 290px) and (max-width: 480px) {
.logo{ text-align:center;}
.logo img{ width:280px;}
.top-social ul { float: left;}
.box-con{ width:290px; margin:0 auto;}
.post-content {padding: 15px 0;}
.sldier-area{ margin-bottom:15px;} 
.carousel-caption h2{ font-size:16px;}
.carousel-caption p{ font-size:12px;}
.box-content-area .sldier-area {margin-bottom: 0;}
.box-con {width: 315px;margin: 0 auto;}
.post-con img {float: none; margin: 0 auto 15px; display: block;}
.post-text {float: right; padding: 0 0 0 0; width: 100%;}
.players{ float:left; width:50%; overflow:hidden; padding:10px 5px; text-align:center;}

.player-details{ width:100%; clear:both; overflow:hidden;}
.playerimg{ width:100%; float:left; margin:0;}
.playerimg img{ width:100%;}
.player-text{ padding:22px 0 0; width:100%; float:right;}
.player-text p{ font-size:12px;}
.playerimg h3{ font-size:14px; color:#882c37; margin:0; padding:10px 0;}


.grade-con { width: 263px;height: 370px;padding:40px 0 !important;background-size: 100%;margin:0 auto;}
.ff-row .name {margin: 18px 0 0 105px;}
.name {font-size: 9px;width: 66px;}
.fp-row {margin: 8px 0 0;}
.fp-row .fp-name-lt {margin: 0 0 0 50px;}
.fp-row .fp-name-rt {margin: 0 0 0 45px;}
.hff-chf-row {margin: 36px 0 0;}
.hff-name-lt {margin: 0 0 0 20px;float: left;}
.hff-name-chf {margin: 0 0 0 20px;float: left;}
.hff-name-rt {margin: 0px 0 0 20px;}
.w-c-row {margin: 43px 0 0;}
.hbf-chb-row {margin: 42px 0 0;}
.bp-row {margin: 34px 0 0;}
.bp-row .fp-name-lt {margin: 0 0 0 50px;float: left;}
.bp-row .fp-name-rt {margin: 0 0 0 45px;float: left;}
.fb-row {margin: 5px 0 0 0;}
.fb-row .name {margin: 2px 0 0 105px;}
.weeklyteams-lt {float: left;width: 100%;text-align: center;}
.weeklyteams-rt {float: none;width: 128px;text-align: center;margin: 0 auto;}
}


@media (min-width: 290px) and (max-width: 600px) {
.flagcol {width: 100%;}
.flagcol h5 {display: block;width: 100%;font-size: 16px;margin: 0 0 10px 0;padding: 0;color: #4b4b4b;font-style: normal;text-align: center !important;}
.flag {width: 114px;height: 72px;text-align: center; padding: 7px 0 0;float: none !important;margin: 0 auto;clear: both;}	
.flag-count { width: 214px;height: 54px;text-align: center;font-size: 18px;color: #464646;font-weight: bold;padding: 8px 0 0;margin: 5px auto 13px;float: none !important;}
.rnd-row-two .flagcol h5 {width: 100%;text-align: center;padding: 0;margin: 0 0 10px;}

}

@media (min-width: 290px) and (max-width: 360px) {
.box-con {width: 100%;margin: 0 auto;}
}

@media (min-width: 290px) and (max-width: 480px) {
.flagcol {width: 130px;}
.flag-count {width: 130px;height: 40px;text-align: center;font-size: 12px;color: #464646;font-weight: bold;padding: 8px 0 0;margin: 5px auto 13px;float: none !important;background-size: 100%;}
.flag {width: 90px;height: 58px;text-align: center;padding: 7px 5px 0;float: none !important;margin: 0 auto;clear: both;background-size: 90px;}
.flag img{ width:100%;}
.slider-container {
    height: 180px !important;
}

}

@media (min-width:481px) and (max-width: 767px) {
.flagcol {width: 200px;}
.flag-count {width: 200px;height: 40px;text-align: center;font-size: 12px;color: #464646;font-weight: bold;padding: 8px 0 0;margin: 5px auto 13px;float: none !important;background-size: 100%;}
.flag {width: 90px;height: 58px;text-align: center;padding: 7px 5px 0;float: none !important;margin: 0 auto;clear: both;background-size: 90px;}
.flag img{ width:100%;}
.flagcol h5 {float: right;text-align: center;padding: 0;width: 100%;}

}

@media (min-width: 290px) and (max-width: 767px) {
.desktop-table{ display:none;}
.mobile-table{ display:block !important;}
.table-style-2 tr.title-table td, td.mobile-title{ font-weight:bold; font-size:14px; text-align:left;}
.mobile-title{ width:40%; background:#333; color:#fff;}
.mobile-table table{ margin-bottom:20px;}
	
}

@media (min-width: 290px) and (max-width: 767px) {
.box-five, .box-six {
display: block;
margin: 15px auto;
text-align: center;
}
}

@media (min-width: 290px) and (max-width: 767px) {
.slider-container {
width: 100% !important;
position: relative;
float: left;
padding: 10px 10px !important;
 }
.slider-content > img {
height: 100%!important;
width: 100%!important;
}
}

@media (min-width:992px) and (max-width: 1199px) {
.club-team-frl {width: 100%;clear: both;padding: 0 0 0 215px;}
}

@media (min-width:768px) and (max-width: 991px) {
.club-team-frl {width: 100%;clear: both;padding: 0 0 0 0;}
.club-team-row h3 {width: 100%;position: relative;left: 0;font-size: 16px;}
.club-team-frl a {font-size: 14px;font-weight: 400;display: inline-block;padding: 15px 25px 0 0;}
}

@media (min-width:320px) and (max-width: 767px) {
.club-team-frl {width: 100%;clear: both;padding: 0 0 0 0;}
.club-team-row h3 {width: 100%;position: relative;left: 0;font-size: 16px;}
.club-team-frl a {font-size: 14px;font-weight: 400;display: inline-block;padding: 15px 25px 0 0;}

}

@media (min-width: 992px) and (max-width: 1199px) {
.letestneewsright {
width: 32% !important;
}

}