@charset "UTF-8";
@media (max-width: 1250px){
	body, html{min-width:430px !important;}
	.wrap{width: 90%; overflow: visible;}
	.page-content .wrap{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-direction: normal;-moz-box-direction: normal;-webkit-box-orient: horizontal;-moz-box-orient: horizontal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: start;-moz-box-pack: start;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;-webkit-align-content: stretch;-ms-flex-line-pack: stretch;align-content: stretch;-webkit-box-align: stretch;-moz-box-align: stretch;-webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch;}
	.page-main{position: relative;width: auto;float: none;-webkit-box-ordinal-group: 3;-moz-box-ordinal-group: 3;-webkit-order: 2;-ms-flex-order: 2;order: 2;-webkit-box-flex: 1;-moz-box-flex: 1;-webkit-flex: 1 1;-ms-flex: 1 1;flex: 1 1;-webkit-align-self: auto;-ms-flex-item-align: auto;align-self: auto;overflow: hidden;}
	.page-left{position: relative;width: auto;float: none;-webkit-box-ordinal-group: 2;-moz-box-ordinal-group: 2;-webkit-order: 1;-ms-flex-order: 1;order: 1;-webkit-box-flex: 0;-moz-box-flex: 0;-webkit-flex: 0 0 260px;-ms-flex: 0 0 260px;flex: 0 0 260px;-webkit-align-self: auto;-ms-flex-item-align: auto;align-self: auto;margin-right: 20px;}
	.news-perex-wrap{position: relative;width: auto;float: none;-webkit-box-ordinal-group: 4;-moz-box-ordinal-group: 4;-webkit-order: 3;-ms-flex-order: 3;order: 3;-webkit-box-flex: 1;-moz-box-flex: 1;-webkit-flex: 1 1 auto;-ms-flex: 1 1 auto;flex: 1 1 auto;-webkit-align-self: auto;-ms-flex-item-align: auto;align-self: auto;overflow: hidden;}
	.page-left img{max-width: 260px;}
	.banner{width: 100%;height: 370px;}
	.banner .rhino-container{width: 100% !important;}
	.banner ul.slider > li{width: 100% !important}
	.banner ul.slider > li.rhino-item.rhino-active{}
	.banner ul.slider img{max-width: 100%}
	.rhino-container ol.rhino-bullets{width: 100%}
	.user-form input, .user-form select, .user-form label{width: 100%;}
	.page-head-bottom .menu > ul > li, .page-head-bottom .menu > ul > li > a{width: 16.66%;max-width: 16.66%;min-width: 16.66%;}
	.table-grid .table, .table-grid .table:nth-child(2n){display: block; min-width: auto;margin: 10px auto; float: none}
	.detailToggle li{padding: 4px; width: auto}
	.table.overflow{display: block; width: 100%; overflow: visible; overflow-x: scroll}
	.table.overflow .head{width: 898px}
	.table.detail.h2h .overall .barWrap .bar{display: block;float: none; margin: 20px auto; width: 100%; padding: 0 2.5%}
	.table.detail.h2h .overall .barWrap .bar.bar-red{text-align: left}
	.table.detail.h2h .overall .barWrap .bar.bar-blue{text-align: right}
	.table.detail.h2h .overall .bar .wrap{width: 100%; overflow: hidden;}
	.table.detail .team .info{text-align: left}
	.table.detail .team .info ul{margin: 8px 0px 14px 8px;}
	.table.detail .team .info ul li{padding: 3px 0}
	.table.detail.h2h .history .item .team:last-child, .table.detail.h2h .history .item .team{width: 38%} 
	.table .content .playerFirst{width: 31%}
	.table .progress .item{padding-right: 68px}
	.table .progress .parttime{width: 68px; min-width: 68px; padding-left: 6px;}
	.players .item .rating{width: 26px;min-width:26px}
	.players .item .stat{min-width: 39px}
	.carousel{width: 665px !important; height: 245px !important; left: auto; margin-left: auto; margin-right: auto; overflow: hidden}
	.carousel:after{width: 100%;background-position: center -196px;-webkit-border-bottom-right-radius: 99px;-webkit-border-bottom-left-radius: 99px;-moz-border-radius-bottomright: 99px;-moz-border-radius-bottomleft: 99px;border-bottom-right-radius: 99px;border-bottom-left-radius: 99px;}
	.carousel:before{width: 100%;background-position: center -181px;-webkit-border-top-left-radius: 99px;-webkit-border-top-right-radius: 99px;-moz-border-radius-topleft: 99px;-moz-border-radius-topright: 99px;border-top-left-radius: 99px;border-top-right-radius: 99px;}
	.grid-1-2{width: 100%}
	.contact-form .submit{display: block;margin: 10px auto}
	.contact-form .submit .envelope{display: none}
	.contact-form .inputs, .contact-form .message{width:45%;display:inline-block}
	.table-grid a:nth-child(2n) .table{margin-left: auto}
	.table.detail.tableSwitchable .teamPlace{min-width: 200px; text-align: center;}
}
@media (max-width: 1110px){
	.table.detail .switchBar button{width: 100%; margin: 2px 0 !important}
	.table.detail.h2h .history .item .team:last-child, .table.detail.h2h .history .item .team{width: 36%};
}
@media (max-width: 1080px) and (min-width: 780px), (max-width: 710px){
	.table .content .playerFirst{width: 28%}
	.carousel{width: 430px !important;}
	.table.detail.tableSwitchable .teamPlace{min-width: 170px; text-align: center;}
	.table.detail.tableSwitchable .teamTotal{min-width: 50px; text-align: center;}
}
@media (max-width: 1000px){
	.table .progress .action{width: 40%}
	.table .content .playerFirst{width: 25%}
	.players .item .rating{width: 68px; min-width: 68px}
	.players .item{position: relative;}
	.players .item .rating, .players .item .stat{display: inline-block;}	
	.page-head-middle{height: 200px; padding-top: 85px}
	.page-head-middle:before{top: 26px; left: -135px; margin: 0;}
	.logo{margin: 0; left: 90px; top: 40px}
	.logo img{width: 80%}
	.page-content{padding-top: 299px}
	.user-form textarea{width: 100%}
	.contact-form .inputs, .contact-form .message{width: auto;display:block;padding: 0 40px }
	.teamPlace.bar .outer{width: 110px;}
}
@media (max-width: 930px) and (min-width: 780px), (max-width: 570px){
	.table .content .playerFirst, .table .content .playerSecond{width: 28%}
	.table.detail.tableSwitchable .teamRank .box{left: 0; right: 0}
	.table.detail.tableSwitchable .teamRank{min-width: 20px}
	.table.detail.tableSwitchable .teamRank .box{left: 0; right: 0; padding: 0 3px}
	.table.detail.tableSwitchable .teamRank{min-width: 20px; vertical-align: top}
	.table.detail.tableSwitchable .teamName .image-wrap{display: block}
	.table.detail.tableSwitchable .teamName{padding: 2px}
	.table.detail.tableSwitchable .matchPlayed, .table.detail.tableSwitchable .matchWon, .table.detail.tableSwitchable .matchDrew, .table.detail.tableSwitchable .matchLost{min-width: 26px}
	.table.detail.tableSwitchable .teamGoals{min-width: 54px}
	.table.detail.tableSwitchable .teamPoints{min-width: 30px}
	.table.detail.tableSwitchable .teamForm{min-width: 116px}
	.table.detail.tableSwitchable .matchOver, .table.detail.tableSwitchable .matchUnder{min-width: 35px}
	.teamPlace.bar .outer{width: 80px;}
	.table.detail.tableSwitchable .teamPlace{min-width: 120px; text-align: center;}
}
@media (max-width: 890px) and (min-width: 780px), (max-width: 570px){
	.table .content .playerFirst, .table .content .playerSecond{width: 27%}
	.table-grid .table{width: 100%}
}
@media (max-width: 840px) and (min-width: 780px), (max-width: 570px){
	.table .progress .action{width: 46%}
	.table .progress .item{padding-right: 0px}
	.table .progress .parttime{display: block; width: 100%; min-width: 100%; padding-left: 6px;}
	.table .content .date, .table .content .time{display: inline-block;padding-bottom:8px}
	.table .content .playerFirst, .table .content .playerSecond{width: 39%;}
	.grid-1-3{width: 50%}
}
@media (max-width: 810px) and (min-width: 780px), (max-width: 570px){
	.wrap{width: 96%; overflow: visible;}
}
@media (max-width: 780px){
	.wrap{width: 96%; overflow: visible}
	.page-content .wrap{display: block}
	.page-main{width: 100%}
	.page-left{position: absolute;z-index: 501;top: -49px;background: #fff;width: 270px;padding-bottom: 10px;left: -279px;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;padding-right:7px;border-right: 3px solid #7FBC01; border-top: 3px solid #7FBC01; border-bottom: 3px solid #7FBC01}
	.page-left:after{display: block;position: absolute;width: 52px;height: 50px;background: #7FBC01;content: "";top: -3px;right: -52px;cursor: pointer;}
	.page-left:before{position: absolute;z-index: 99;right: -39px;top: 8px;display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: 28px;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;color: #2E2E2F;content:"\f03c";cursor: pointer}
	.page-left:hover, .page-left.active{left: -2%}
	.mobileMenu{display: block;}
	.page-head-bottom{display: none}
	.page-content{padding-top: 260px}
	.table .summary{display: table; width: 100%}
	.table .summary .info, .table .summary .team{width: auto}
	.table .progress .action{width: 47.4%}
	.page-foot-bottom .wrap{padding: 0}
	.teamPlace.bar .outer{width: 130px;}
	.table.detail.tableSwitchable .teamPlace{min-width: 170px;}
}
@media (max-width: 620px){
	.teamPlace.bar .outer{width: 100px;}
	.table.detail.tableSwitchable .teamPlace{min-width: 140px; text-align: center;}
}
@media (max-width: 550px){
	.page-head-middle:before{right: 0; width: auto}
	.page-foot-top .col{width: 50%}
	.page-foot-top .col.double{width: 100%}
	.teamPlace.bar .outer{width: 80px;}
	.table.detail.tableSwitchable .teamPlace{min-width: 120px; text-align: center;}
}
@media (max-width: 470px){
	.carousel{width: 415px !important}
	.carousel .jcarousellite li{margin: 0px 25px 0px 0px !important}
	.players .item .rating{width:60px;min-width:60px}
  	.modal_overlay{display: none !important}
	.teamPlace.bar .outer{width: 60px;}
	.table.detail.tableSwitchable .teamPlace{min-width: 100px; text-align: center;}
}