@media (max-width: 384px) {

    /* -------------------------------------------- */
    /*                    bracket                   */
    /* -------------------------------------------- */

    .tournament-bracket {
        padding: 48px 0;
    }
    .tournament-bracket-content {
        padding: 6px;
    }
    .tournament-bracket-content .tournament-bracket-team:first-child .tournament-bracket-team-right {
        margin-left: 3px;
    }
    .tournament-bracket-content .tournament-bracket-team:last-child .tournament-bracket-team-right {
        margin-right: 3px;
    }
    .tournament-bracket-team-left img {
        width: 22px;
        height: 22px;
    }

    /* -------------------------------------------- */
    /*                    groups                    */
    /* -------------------------------------------- */

    .nav-page ul {
        overflow-x: scroll;
    }
}

@media (min-width: 768px) {

    /* -------------------------------------------- */
    /*                    groups                    */
    /* -------------------------------------------- */

    .table-item {
        padding: 16px 2px;
    }
    .table-row .table-item:first-child {
        width: 200px;
        padding-left: 8px;
    }
    .label-big {
        display: block;
    }
    .label-small {
        display: none;
    }
    .hidden-matches .round-name, .hidden-matches .match-location {
        display: block;
    }
    .round-name {
        margin-left: 3px;
    }


    /* -------------------------------------------- */
    /*              fixtures-results                */
    /* -------------------------------------------- */

    .match-row {
        padding: 0;
    }
    .match-row-group {
        width: 48px;
        height: 48px;
        margin-right: 16px;
    }
    .match-group-label {
        display: block;
        padding-top: 3px;
    }
    .match-row-link {
        padding: 14px 0 18px;
        flex-direction: row;
    }
    .match-row-info {
        width: 30%;
    }
    .match-row-match {
        flex-grow: 1;
        width: 70%;
    }
    .match-location {
        text-align: left;
        margin-bottom: 0;
    }
    .match-team-home .match-team-name {
        padding-right: 10px;
    }
    .match-team-away .match-team-name {
        padding-left: 10px;
    }
    .match-team-flag {
        height: 32px;
        width: 32px;
    }
    .matches-match-score {
        width: 110px;
        font-size: 18px;
    }


    /* -------------------------------------------- */
    /*                 teams-players                */
    /* -------------------------------------------- */

    .teams-overview .team {
        display: inline-block;
        padding: 30px;
    }    
    .squad-player-wrapper {
        margin: 0 -15px;
    }
    .line {
        margin: 32px 16px;
    }
    .team-match-single {
        padding-bottom: 0;
    }
    .team-match-single .match-row-info {
        font-size: 16px;
    }
    .team-match-single .match-location {
        display: block;
    }
    .team-match-single .match-row-info {
        position: inherit;
        left: inherit;
        bottom: inherit;
    }
    .official-kit-container {
        flex-direction: row;
    }
    .official-kit-single {
        flex-grow: 1;
        text-align: left;
    }
    .official-kit-team {
        padding-left: 60px;
    }
    .team-match-single.play-off-finals .match-row-info {
        position: relative;
        left: -62px;
    }


    /* -------------------------------------------- */
    /*                    history                   */
    /* -------------------------------------------- */    

    .winner-content-bottom .match-row-link {
        flex-direction: column;
    }
    .winner-content-bottom .match-row-match {
        width: 100%;
        justify-content: center;
    }
    .top-scorer {
        margin: 0 -15px;
    }
    .scorer-single {
        min-height: 171px;
    }

    /* -------------------------------------------- */
    /*                    bracket                   */
    /* -------------------------------------------- */

    .tournament-bracket-item {
        width: 33%;
    }
    .round-final .tournament-bracket-item {
        width: 36%;
    }
}

@media (min-width: 992px) {
    
    /* -------------------------------------------- */
    /*                 general css                  */
    /* -------------------------------------------- */

    .subpage-wrapper {
        padding: 32px 0 64px;
    }
    .subpage-wrapper .section-title {
        margin-bottom: 32px;
    }


    /* -------------------------------------------- */
    /*                  navigation                  */
    /* -------------------------------------------- */

    .navbar-wrap {
        flex-direction: row;
        padding: 35px 0;
    }
    .navbar {
        background-color: transparent;
    }
    .navbar-brand {
        display: none;
    }
    #navbar-content .navbar-nav {
        margin-top: 0;
    }
    #navbar-content .navbar-nav .nav-item {
        margin: 0 12px;
        padding: 0;
    }
    #navbar-content .navbar-nav .nav-item a {
        white-space: nowrap;
        padding: 5px 22px;
    }
    #navbar-content .navbar-nav .nav-item.active, #navbar-content .navbar-nav .nav-item:hover {
        -webkit-border-radius: 30px 30px 30px 30px;
        border-radius: 30px 30px 30px 30px;
    }
    #navbar-content {
        background-color: transparent;
        margin: inherit;
    }
    .navbar-sub {
        display: none;
    }
    .logolink {
        padding: 28px 16px;
        margin-right: 16px;
    }
    .logo-wbet {
        width: 130px;
    }


    /* -------------------------------------------- */
    /*                    path                      */
    /* -------------------------------------------- */

    .path {
        /* background-color: rgb(0, 1, 63, .6); */
    }
    .path-left {
        display: block;
        padding: 10px 40px;
        background-color: #043CD7;
        margin-right: 16px;
    }
    .path-right-title {
        display: block;
    }

    
    /* -------------------------------------------- */
    /*                  match-strip                 */
    /* -------------------------------------------- */

    .matchstrip-container {
        display: flex;
        align-items: center;
        flex-direction: row;
        justify-content: space-between;
    }
    .matchstrip-carousel {
        padding: 0 35px;
        width: 75%;
    }
    .matchstrip-item {
        padding: 12px 25px;
    }
    .matchstrip-item:nth-last-child(2):after {
        background-color: transparent;
    }
    .matchstrip-item:last-child {
        display: none;
        width: 0 !important;
    }
    .matchstrip-mobile-more {
        display: none;
    }
    .matchstrip-more {
        display: block;
        margin-left: 16px;
    }


    /* -------------------------------------------- */
    /*                    groups                    */
    /* -------------------------------------------- */

    .table-row .table-item:first-child {
        width: 300px;
        padding-left: 32px;
    }
    .table-row .table-item:nth-child(6), .table-row .table-item:nth-child(7), .table-row .table-item:nth-child(8) {
        display: block;
    }


    /* -------------------------------------------- */
    /*                 index-center                 */
    /* -------------------------------------------- */    

    .news-small-slider .slick-list { 
        padding: 0;
    }
    .news-small-slider .slick-list {
        margin: 0 -9px;
    }
    .single-small-news {
        /* margin: 16px 9px 0; */
    }


    /* -------------------------------------------- */
    /*              fixtures-results                */
    /* -------------------------------------------- */

    .matches-calendar-tab.slick-current:before {
        content: "";
        position: absolute;
        display: block;
        height: 3px;
        background-color: #F9BF4B;
        bottom: 0;
        width: 180px;
        left: 35px;        
    }
    .matches-match-score {
        width: 130px;
    }

    /* -------------------------------------------- */
    /*                 logo wbet                    */
    /* -------------------------------------------- */
    .index-groups-wrapper .wbet-logo {
        display: none;
    }
    .result-wrapper .wbet-logo {
        top: 32px;
        right: 16px;
    }
    .section-team-stat .wbet-logo, .section-player-stat .wbet-logo {
        right: -5px;
    }
    .block-group .wbet-logo {
        top: 32px;
        right: 32px;
    }
    .round-final .wbet-logo {
        top: -90px;
    }
    .round-final .wbet-logo img {
        width: 100px;
    }
    .matches-list-wrapper .wbet-logo {
        top: 32px;
        right: 32px;
    }
    .subpage-wrapper .wbet-logo {
        top: 32px;
    }
    .subpage-wrapper .wbet-logo img {
        width: 110px;
    }
    .page-stat-wrapper .wbet-logo {
        top: 32px;
    }
    .squad-wrapper .wbet-logo {
        top: 32px;
    }

    /* -------------------------------------------- */
    /*                    history                   */
    /* -------------------------------------------- */
    .stat-team-wrapper .stat-team, .stat-team-wrapper .stat-player {
        padding: 8px 0;
    }

    /* -------------------------------------------- */
    /*                index bracket                 */
    /* -------------------------------------------- */
    .bracket-small {
        display: none;
        margin: 0;
    }
    .bracket-big {
        display: block;
        padding-top: 1rem;
        text-align: center;
    }

    /* -------------------------------------------- */
    /*                 logo trophy                  */
    /* -------------------------------------------- */
    .logo-bracket {
        top: -170px;
    }
    .logo-bracket img {
        height: inherit;
    }
}


@media (min-width: 1200px) {

    /* -------------------------------------------- */
    /*                 general css                  */
    /* -------------------------------------------- */

    body {
        background-size: 100%;
        /* background-position: 0 -3%; */
        background: #032A96 url("../images/bg.jpg") top center no-repeat;
    }
    .content-wrapper {
        /* min-height: calc(100vh - 207px); */
    }


    /* -------------------------------------------- */
    /*                  navigation                  */
    /* -------------------------------------------- */

    #navbar-content .navbar-nav .nav-item a {
        font-size: 18px;
        padding: 2px 20px;
    }


    /* -------------------------------------------- */
    /*                    groups                    */
    /* -------------------------------------------- */

    .nav-page ul li a {
        padding: 20px 0;
        margin: 0 48px 0 0;
    }
    .nav-page ul li.active::before {
        left: 0;
    }
    .groups-content {
        padding: 32px 0 32px;
    }
    .groups-content .match-row {
        padding-left: 48px;
    }
    .groups-content .block-group {
        padding: 32px 32px 16px;
        margin-bottom: 32px;
    }
    .groups-content .table-item {
        font-size: 16px;
    }
    .table-row .table-item:first-child {
        width: 300px;
        padding-left: 48px;
    }
    .index-groups .slick-list { 
        padding: 0 5% 0 0;
    }
    .index-groups .table-row .table-item:first-child {
        width: 130px !important;
    }
    .index-groups .group-team-name {
        font-family: 'PF BeauSansPro Regular';
        white-space: break-spaces;
    }

    /* -------------------------------------------- */
    /*                   results                    */
    /* -------------------------------------------- */

    .result-wrapper {
        padding: 32px 16px;
        margin-left: 24px;
    }


    /* -------------------------------------------- */
    /*                 index-center                 */
    /* -------------------------------------------- */    

    .index-center-news {
        margin-bottom: 0;
    }
    .news-headline {
        font-size: 20px;
    }
    .small-news-headline {
        font-size: 16px;
    }
    .index-center-highlight {
        margin-left: 16px;
    }


    /* -------------------------------------------- */
    /*                 index-bottom                 */
    /* -------------------------------------------- */

    .stat-team-wrapper {
        padding: 32px 0;
    }
    .alltime-stat-wrapper {
        margin-left: 24px;
    }
    

    /* -------------------------------------------- */
    /*              fixtures-results                */
    /* -------------------------------------------- */

    .slider-fixtures-results {
        padding: 0 35px;
    }
    .slider-for .matches-list-wrapper {
        margin: 8px 8px 32px;
        padding: 32px 32px 16px;
    }
    .calendar-container {
        padding: 26px 16px;
    }
    .matches-calendar-tab.slick-current:before {
        width: 185px;
        left: 25px;        
    }
    .groups-content .slider-for .match-row {
        padding-left: 0;
    }
    .match-row-info {
        width: 40%;
    }
    .match-row-match {
        width: 100%;
        justify-content: flex-start;
        font-size: 16px;
    }
    .match-team-home, .match-team-away {
        width: 38%;
    }
    .match-team-flag {
        height: 48px;
        width: 48px;
    }
    .matches-match-score {
        width: 160px;
    }
    

    /* -------------------------------------------- */
    /*                 teams-players                */
    /* -------------------------------------------- */

    .teams-overview .team {
        padding: 28px 48px;
    } 
    .team-header {
        padding: 16px 0;
    }
    .team-header-flag img {
        width: 42px;
        height: 42px;
    }
    .team-header-teamname {
        font-size: 26px;
    }
    .squad-wrapper {
        padding: 32px 0;
    }
    .squad-player-wrapper {
        padding: 32px 0;
    }
    .team-match-wrapper-right {
        margin-left: 16px;
        margin-top: 0;
    }
    .team-match-wrapper {
        padding: 32px 0;
    }
    .official-kit-container {
        padding: 32px 0;
    }


    /* -------------------------------------------- */
    /*                     Stat                     */
    /* -------------------------------------------- */

    .stat-team .slick-list, .stat-player .slick-list { 
        padding: 0
    }
    .generic-statistics:last-child {
        margin-right: 0;
    }
    .stat-team .slick-list, .stat-player .slick-list {
        margin: 0 -8px;
    }
    .generic-statistics {
        /* margin: 0 8px; */
    }


    /* -------------------------------------------- */
    /*                  page stat                   */
    /* -------------------------------------------- */

    .page-stat-wrapper {
        padding: 32px 0;
    }
    .page-stat-wrapper .stat-team, .page-stat-wrapper .stat-player {
        padding: 32px 0;
    }
    .stats-visualization {
        background: url("../images/bg-stat.jpg") top center no-repeat;
        background-size: cover;    
        -webkit-border-radius: 5px 5px 5px 5px;
        border-radius: 5px 5px 5px 5px;
        -webkit-box-shadow: 0 0 6px 0 rgb(0 0 0 / 16%);
        box-shadow: 0 0 6px 0 rgb(0 0 0 / 16%);
        padding: 16px 0;
        margin: 16px 0;
    }
    .box-match-played, .box-goals-quantity, .box-goals-where-scored {
        background: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .box-match-played {
        padding: 16px 0;
    }
    .box-goals-where-scored {
        padding-bottom: 32px;
    }
    .stats-visualization-title {
        font-size: 22px;
    }
    .goals-quantity-label {
        padding: 0 16px;
    }
    .stats-visualization .value-wrap .value-under-row {
        transform: rotate(90deg);
    }
    .page-stat-wrapper .statistics-item-name {
        font-size: 16px;
    }


    /* -------------------------------------------- */
    /*                    history                   */
    /* -------------------------------------------- */

    .winner-wrapper {
        flex-direction: row;
        padding: 32px 0;
    }
    .winner-wrapper .slick-list {
        margin: 0 -16px;
    }
    .winner-single {
        flex-direction: row;
        justify-content: space-between;
        margin: 0 16px;
    }
    .winner-content {
        width: 58%;
    }
    .season-winner-wrapper {
        height: 240px;
    }
    .season-logo {
        -webkit-border-radius: 5px 0 0 0;
        border-radius: 5px 0 0 0;
    }
    .season-logo img {
        width: 190px;
    }
    .season-flag img {
        width: 56px;
        height: 56px;
    }
    .season-winner {
        font-size: 26px;
        font-family: 'PF BeauSansPro Regular';
    }
    .winner-content-bottom {
        -webkit-border-radius: 0 0 0 5px;
        border-radius: 0 0 0 5px;
        height: 98px;
    }
    .match-status {
        margin-bottom: 12px;
    }
    .winner-single-wrapper .stat-history {
        padding-bottom: 0;
        width: 42%;
    }
    .winner-wrapper .stat-history .generic-statistics.history-top-goal-scorers {
        -webkit-border-radius: 0 5px 0 0;
        border-radius: 0 5px 0 0;
    }
    .winner-wrapper .stat-history .generic-statistics.history-top-appearances {
        -webkit-border-radius: 0 0 5px 0;
        border-radius: 0 0 5px 0;
    }
    .all-time-stat-wrapper .slick-list {
        padding: 0;
    }
    .all-time-stat-wrapper .statistics-item-name {
        font-size: 16px;
    }
    .top-scorer {
        padding: 32px 0;
    }

    /* -------------------------------------------- */
    /*                    bracket                   */
    /* -------------------------------------------- */

    .tournament-bracket {
		flex-direction: row;
        padding: 48px 0;
	}
	.tournament-bracket-list {
		margin-bottom: 0;
		padding-bottom: 0;
		border-bottom: 0;
	}
	.tournament-bracket-item {
		padding: 8px 14px;
		width: 100%;
	}
    .tournament-bracket-item:nth-child(odd),  .tournament-bracket-item:nth-child(even) {
		margin: 0;
	}
    .tournament-bracket-item::after {
		position: absolute;
		right: 0;
		content: '';
		display: block;
		width: 14px;
		height: 45%;
		border-right: 2px solid #A5B0CF;
	}
    .tournament-bracket-item:nth-child(odd)::after {
		top: 50%;
		border-top: 2px solid #A5B0CF;
		-webkit-transform: translateY(-1px);
		transform: translateY(-1px);
	}
    .tournament-bracket-rounded .tournament-bracket-item:nth-child(odd)::after {
		border-top-right-radius: 10px;
	}
    .tournament-bracket-item:nth-child(even)::after {
		bottom: 50%;
		border-bottom: 2px solid #A5B0CF;
		-webkit-transform: translateY(1px);
		transform: translateY(1px);
	}
    .tournament-bracket-rounded .tournament-bracket-item:nth-child(even)::after {
		border-bottom-right-radius: 10px;
	}
    .tournament-bracket-round:first-child .tournament-bracket-item {
		padding-left: 0;
	}
    .tournament-bracket-match {
        max-width: 152px;
        min-width: 152px;
    }
    .tournament-bracket-match::before,  .tournament-bracket-match::after {
		position: absolute;
		left: 1px;
		z-index: 1;
		content: '';
		display: block;
		width: 13px;
		height: 10%;
		border-left: 2px solid #A5B0CF;
	}
    .tournament-bracket-match::before {
		bottom: 50%;
		-webkit-transform: translate(0, 1px);
		transform: translate(0, 1px);
	}
    .tournament-bracket-rounded .tournament-bracket-match::before {
		border-bottom-left-radius: 10px;
	}
    .tournament-bracket-match::after {
		top: 50%;
		border-top: 2px solid #A5B0CF;
		-webkit-transform: translate(0, -1px);
		transform: translate(0, -1px);
	}
    .tournament-bracket-rounded .tournament-bracket-match::after {
		border-top-left-radius: 10px;
	}

    .tournament-bracket-round:first-child .tournament-bracket-match::before, .tournament-bracket-round:first-child .tournament-bracket-match::after {
        display: none;
    }
    .tournament-bracket-dash {
        font-size: 36px;
    }
    .tournament-bracket-code {
        font-size: 14px;
    }
    .tournament-bracket-dash {
        padding: 0 1px;
    }
    .round-final .tournament-bracket-item {
        width: inherit;
    }
    .round-final .tournament-bracket-match {
        position: relative;
        top: 45px;
        max-width: 183px;
        min-width: 183px;
    }
    .round-final .tournament-bracket-match::before,
    .round-final .tournament-bracket-match::after,
    .round-final .tournament-bracket-item::after {
        display: none;
    }    
    .line-left, .line-right {
        display: block;
        position: absolute;
        top: 13px;
    }
    .line-left {
        left: -25px;
    }
    .line-right {
        right: -25px;
    }
    .tournament-bracket-round:nth-child(3) .tournament-bracket-item::after,
    .tournament-bracket-round:nth-child(5) .tournament-bracket-item::after {
        height: 40px;
        display: none;
    }
    .tournament-bracket-round:nth-child(n+5) {
        -moz-transform: scale(-1, 1);
        -webkit-transform: scale(-1, 1);
        -o-transform: scale(-1, 1);
        -ms-transform: scale(-1, 1);
        transform: scale(-1, 1);
    }
    .tournament-bracket-round:nth-child(n+5) .tournament-bracket-round-title,
    .tournament-bracket-round:nth-child(n+5) .tournament-bracket-caption,
    .tournament-bracket-round:nth-child(n+5) .tournament-bracket-content {
        -moz-transform: scale(-1, 1);
        -webkit-transform: scale(-1, 1);
        -o-transform: scale(-1, 1);
        -ms-transform: scale(-1, 1);
        transform: scale(-1, 1);
    }
    .tournament-bracket-round:nth-child(n+5) .match-post.small {
        transform: scale(-1, 1);
}
    .tournament-bracket-round:last-child .tournament-bracket-match::before, .tournament-bracket-round:last-child .tournament-bracket-match::after {
        display: none;
    }
    .tournament-bracket-round:nth-child(6) .tournament-bracket-item::after {
        right: 0;
    }
    .round-quarter .tournament-bracket-round-title {
        position: relative;
        top: 230px;
    }
    .round-semifinal .tournament-bracket-round-title {
        position: relative;
        top: 165px;
    }
    .round-final, .round-semifinal, .round-quarter, .round16 {
        order: inherit;
    }
    .round-final .tournament-bracket-round-title {
        position: relative;
        top: 195px;
    }
    .round-semifinal.second .tournament-bracket-round-title,
    .round-quarter.second .tournament-bracket-round-title,
    .round16.second .tournament-bracket-round-title {
        display: block;
    }
    .round-semifinal.second ul, .round-quarter.second ul, .round16.second ul {
        margin-bottom: 0;
    }

    /* -------------------------------------------- */
    /*                  match-strip                 */
    /* -------------------------------------------- */
    .btn-matches:hover {
        background-color: #F9BF4B;
        color: #000000;
    }
    .btn-matches:hover img {
        filter: invert(1);
    }

}

@media (min-width: 1440px) {

    /* -------------------------------------------- */
    /*                 general css                  */
    /* -------------------------------------------- */

    body {
        /* background-position: 0 -4%; */
    }
}

@media (min-width: 1600px) {

    /* -------------------------------------------- */
    /*                 general css                  */
    /* -------------------------------------------- */

    body {
        /* background-position: 0 -5%; */
    }
}