/* @import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@300;400;600&display=swap');

Your CSS code 
body {
    font-family: 'Inter', sans-serif;
}

*/


@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

body {
    font-family: 'Inter', sans-serif;
}



/* Other CSS rules */

.logosHome {
	align-items: center;
	background-color: #f7f7f7;
	display: flex;
	flex-direction: row;
	justify-content: center;
	padding-top: 10px;
	padding-bottom: 10px;
}

img.imageHoverSize {
	width: 45px !important;
}

img.imageHoverSize:hover {
	width: 60px !important;
}


.padding_10_left {
	padding-left: 13px !important;
}

.vertical_align_livecomment {
	position: relative;
	top: 3px;
}

.creditRectangle {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 50px;
	background-color: rgb(57, 57, 57); /*Change the color of rectangle*/
  }  

.macipad{
	color:#FEFFFF!important;
	text-transform:uppercase;
	font-family:"Inter";
	font-weight:900;
	background-color:#FEFFFF;
	background-clip:content-box!important;
	-webkit-background-clip:content-box!important;
	text-shadow:0px 0px 0px #000000;
	text-decoration:none;
	/*border-style:double;*/
	background-position:left bottom;
	background-repeat:repeat;
	/*border-radius:5px 5px 5px 5px;*/
	border-width:4px 4px 4px 4px;
}
.macipad:hover{
	/*border-radius:5px 5px 5px 5px;*/
	/*border-style:double;*/
	border-width:4px 4px 4px 4px;
	background-color:#FEFFFF;
}
.macipad:active{
}

.mini-nav .special-dropdown-nav .site-navigation{
	display: block;
	position: absolute;
	top: 80%;
	z-index: 1000;
	float: left;
	min-width: 160px;
	padding: 5px 0;
	margin: 2px 0 0;
	font-size: 14px;
	text-align: left;
	list-style: none;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0,0,0,.15);
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.hover_underline:hover {
	text-decoration: underline;
  }

body{
	margin:0;
	padding:0;
    background:#FFF;
    overflow-x:hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

li a:hover {
	text-decoration: underline;
}
  

.font_bold {
    font-weight: bold;
}

.title_margin_fix {
	margin: 6px 0;
}

.ln_1p2 {
	line-height: 1.2 !important;
}

.text_center {
    text-align: center; 
    vertical-align: middle !important;
	
}

.text_right {
	text-align: right;
	vertical-align: middle !important;
	
}

.text_left {
	text-align: left;
	vertical-align: middle !important;
	
}

.navbar_bc{
	color:#FEFFFF!important;
	text-transform:uppercase;
	font-family:"Inter";
	font-weight:900;
	background-color:#FEFFFF;
	background-clip:content-box!important;
	-webkit-background-clip:content-box!important;
	text-shadow:0px 0px 0px #000000;
	text-decoration:none;
	/*border-style:double;*/
	background-position:left bottom;
	background-repeat:repeat;
	/*border-radius:5px 5px 5px 5px;*/
	border-width:4px 4px 4px 4px;
}
.navbar_bc:hover{
	/*border-radius:5px 5px 5px 5px;*/
	/*border-style:double;*/
	border-width:4px 4px 4px 4px;
	background-color:#FEFFFF;
}
.navbar_bc:active {

}

.bgc-white{
	background-color:#FFFFFF;
}

.bloc{
	width:100%;
	clear:both;
	background: 50% 67% no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position:relative;
}

.no_border {
	border: 0px !important;
}

.bloc .container{
	padding-left:0;
	padding-right:0;
}

.navbar{
	margin-bottom: 0;
	z-index:1;
}
.navbar-brand{
	height:auto;
	padding:3px 15px;
	font-size:25px;
	font-weight:normal;
	font-weight:600;
	line-height:44px;
}
.navbar-brand img{
	max-height: 130px;
	margin: 0 5px 0 0;
	display:inline;
}
.navbar-brand img[src$=svg]{
	min-width:100px;
}
.nav-center .navbar-brand img{
	margin:0;
}
.navbar .nav{
	/*padding-top: 2px;*/
	/*margin-right: -16px;*/
	float:right;
	z-index:1;
	font-weight: 700;
}
.nav > li{
	float:left;
	margin-top:4px;
	font-size:16px;
}
.navbar-nav .open .dropdown-menu > li > a{
	text-align: inherit;
}
.nav > li a:hover, .nav > li a:focus{
	background:transparent;
}
.navbar-toggle{
	margin: 10px 10px 0 0;
	border: 0px;
}
.navbar-toggle:hover{
	background:transparent!important;
}
.navbar-toggle .icon-bar{
	background-color: rgba(0,0,0,.5);
	width: 26px;
}
 /* Inverted navbar */

.nav-invert .navbar .nav{
	float:left;
}
.nav-invert .navbar-header, .nav-invert .navbar-brand{
	float:right;
	position:relative;
	z-index:2;
}


.nav > li > .dropdown a{
	background: none!important;
	display: block;
	padding: 14px 15px;
}

nav .caret{
	margin: 0 5px;
}
/* Dropdown Menus SubMenu */
	.dropdown-menu .dropdown-menu{
	top:-8px;
	left:100%;
}
.dropdown-menu .dropmenu-flow-right{
	top:100%;
	left:0;
	margin-left: -1px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.dropdown-menu .dropdown span{
	border: 4px solid black;
	border-top-color:transparent;
	border-right-color:transparent;
	border-bottom-color:transparent;
	margin: 6px -5px 0 0!important;
	float: right;
}
/* Thin Bars Menu Icon */
.navbar-toggle.menu-icon-thin-bars .icon-bar{
	height: 1px;
	margin:6px 0;
}
.navbar-toggle.menu-icon-thin-bars{
	margin-top:4px!important;
}



/* = Panels
-------------------------------------------------------------- */
.panel{
	border:0;
	box-shadow: 0 0 2px rgba(0,0,0,.4);
	border-radius: 0px;
}
.panel-heading, .panel-footer{
	background-color: inherit;
	border-color: rgba(0,0,0,.1)!important;
}
/*.panel-sq, .panel-sq .panel-heading, .panel-sq .panel-footer{
	border-radius: 3px;
}*/
.panel-rd{
	border-radius:30px;
}
.panel-rd .panel-heading{
	border-radius:29px 29px 0 0;
}
.panel-rd .panel-footer{
	border-radius:0 0 29px 29px;
}

/* = Dividers
-------------------------------------------------------------- */
.divider-h{
	padding:20px 0;
}
.divider-h span{
	display: block;
	border-top:1px solid transparent;
}
.divider-half{
	width: 50%;
	margin: 0 auto;
}
.dropdown-menu .divider-h,.dropdown-menu .divider-half{
	padding:0;
}

/* Sizes */

.bloc-xl{
	padding:150px 50px;
}
.bloc-md{
	padding:50px;
}
.bloc-sm{
	padding:20px 50px;
}


/* Background Styles */

.bg-center,.bg-l-edge,.bg-r-edge,.bg-t-edge,.bg-b-edge,.bg-tl-edge,.bg-bl-edge,.bg-tr-edge,.bg-br-edge,.bg-repeat{
	-webkit-background-size: auto!important;
	-moz-background-size: auto!important;
	-o-background-size: auto!important;
	background-size: auto!important;
}
.bg-repeat{
	background:repeat;
}

.bgc-white{
	background-color:#FFFFFF;
}
.bgc-white-2{
	background-color:#FFFFFF;
}
.bgc-dark {
	background-color: #282a38;
}


/* Margin stuff */
.no_margin {
	margin-bottom: 0px !important;
}

/* Background Textures */

.bloc-bg-texture::before{
	content:"";
	background-size: 2px 2px;
	position: absolute;
	top: 0;
	bottom: 0;
	left:0;
	right:0;
}
.texture-darken-strong::before{
	background: rgba(0,0,0,0.8);
}


/* Light theme */

.d-bloc .panel,.l-bloc{
	color:rgba(0,0,0,.5);
}


.l-bloc .icon-round,.l-bloc .icon-square,.l-bloc .icon-rounded,.l-bloc .icon-semi-rounded-a,.l-bloc .icon-semi-rounded-b{
	border-color:rgba(0,0,0,.7);
}
.d-bloc .panel .divider-h span,.l-bloc .divider-h span{
	border-color:rgba(0,0,0,.1);
}
.d-bloc .panel .a-btn,.l-bloc .a-btn,.l-bloc .navbar a,.l-bloc .navbar-brand,.l-bloc a .icon-sm, .l-bloc a .icon-md, .l-bloc a .icon-lg, .l-bloc a .icon-xl, .l-bloc h1 a, .l-bloc h2 a, .l-bloc h3 a, .l-bloc h4 a, .l-bloc h5 a, .l-bloc h6 a, .l-bloc p a{
	color:rgba(0,0,0,.6);
}
.d-bloc .panel .a-btn:hover,.l-bloc .a-btn:hover,.l-bloc .navbar a:hover, .l-bloc .navbar-brand:hover, .l-bloc a:hover .icon-sm, .l-bloc a:hover .icon-md, .l-bloc a:hover .icon-lg, .l-bloc a:hover .icon-xl, .l-bloc h1 a:hover, .l-bloc h2 a:hover, .l-bloc h3 a:hover, .l-bloc h4 a:hover, .l-bloc h5 a:hover, .l-bloc h6 a:hover, .l-bloc p a:hover{
	color:rgba(0,0,0,1);
}
.l-bloc .navbar-toggle .icon-bar{
	color:rgba(0,0,0,.6);
}
.d-bloc .panel .btn-wire,.d-bloc .panel .btn-wire:hover,.l-bloc .btn-wire,.l-bloc .btn-wire:hover{
	color:rgba(0,0,0,.7);
	border-color:rgba(0,0,0,.3);
}

/* Row Margin Offsets */

.voffset{
	margin-top:30px;
}

/* Bloc text custom styling */

#bloc-1 h2{
	font-size: 50px;
}
#bloc-2 h2{
	font-size: 50px;
}
#bloc-3 h3{
	font-size: 30px;
}
#bloc-3 label{
	font-family: "Inter";
	font-size: 25px;
	/*padding:6px;*/
}
#bloc-4 h1{
	font-size: 60px;
}

.standingsHeader{
	font-family: "Inter";
	font-size: 22px;
}

.tc-black{
	color:#000000!important;
}

.tc-white {
	color: #fff !important;
}

.margin_10 {
	margin-top: 10px;
	margin-bottom: 10px;
}

.panel_title {
	font-weight: 900;
	text-transform: uppercase;
}




/* ScrollToTop button */

.scrollToTop{
	width:40px;
	height:40px;
	position:fixed;
	bottom:20px;
	right:20px;
	opacity: 0;
	z-index: 500;
	transition: all .3s ease-in-out;
}
.scrollToTop span{
	margin-top: 6px;
}
.showScrollTop{
	font-size: 14px;
	opacity: 1;
	background-color: lightskyblue;
	border-radius: 0px !important;
	background-image:url("img/arrowUp.png") !important;
}

/* Custom Styling */

.container{
	min-width: 75%;
}

.socials_nopadding {
	padding: 10px 0 !important;
}

.bg-Tim-Hortons-Field-2000x1125-c-Harold-Clark2{
	background-image:url("img/DJC07377.jpg");
}
/*.bg-crosses-s-bg{
	background-image:url("img/crosses-s-bg.png");
}
.bg-tile-d-bg{
	background-image:url("img/tile-d-bg.png");
}
.bg-crosses-s-bg{
	background-image:url("img/crosses-s-bg.png");
}*/

.logo_center {
	text-align: center; 
}

.article_title {
	font-size: 26px;
	padding: 10px 15px !important;
	text-transform: uppercase;
	/*background-color: #e4e4e4;*/
}

.subarticle_title {
	font-size: 15px;
	padding: 13px 15px !important;
	text-transform: uppercase;
	/*background-color: #e4e4e4;*/
}

.side_title {
	font-size: 21px;
	padding: 13px 15px !important;
		/*background-color: #e4e4e4;*/
}

.article_credit {
	font-size: 15px;
	padding: 10px 15px !important;
	background-color: #ebebeb;
}

.image_main_article_width {
	width: 100%;
}

.font_700 {
	font-weight: 700;
}

.modernButton {
	border-radius: 3px;
}

/* Media queries */

/* Mobile devices (portrait) */

@media only screen and (max-width: 480px) { 


	.article_display_style {
		display: block;
	}

	.article_main_style {
		width: 100%;
	}

	.article_other_style {
		width: 100%;
	}

	.width_div1 {
		min-width: 107px !important
	}

	.bracketLogoAlign {
		text-align: center;
	}

	.bracketLogoWidth {
		width: 22.5px
	}

	.width_trophies_total_l1c_new {
		min-width: 40px !important
	}

	.width_trophies_total_phone_l1c_new {
		min-width: 60px !important
	}

	.width_trophies_name_invisible_l1c_new {
		min-width:240px !important
	}

	.width_trophies_name_l1c_new {
		width: 36% !important
	}

	.width_trophies_total_newer_l1c_new {
		min-width: 140px !important
	}



	.width_cpl_matchweek {
		width: 10%;
	}

	.width_trophies_name_tm {
		min-width:150px
	}

	.width_trophies_total_newer {
		min-width:105px
	}

	.width_trophies_total_tm {
		min-width:55px
	}

	.trophies_trophies_visual_width_h2h {
		width: 42%
	}

	.modernStandingsButton {
		width: 25%;
	}

	.modernButton {
		width:30%
	}

	.countdown_margin_text {
		margin: 5px 2rem;
	}

	.countdown_grid_inline {
		display: flex;
	}

	.coutdown_text_label {
		font-size: 20px;
	}

	.width_rank_l1c {
		min-width: 40px !important;
	}

	.width_logo_l1c_page {
		min-width: 50px !important;
	}

	.width_trophy_trophies_timeline {
		min-width: 500px !important;
	}

	.width_club_trophies_timeline {
		min-width: 200px !important
	}

	.width_date_trophies_timeline {
		min-width: 165px !important
	}

	.trophies_trophies_visual_width {
		width:21%
	}
    /* Styles for mobile devices */

	.logo_trophies_visual_width {
		width:31%
	}

	.total_trophies_visual_width {
		width: 15%;
	}

	.titles_number_big {
        size: 50%;
        font-size: 40px;
        vertical-align: middle;
        text-align: center;
        top: 4px;
        position: relative;
        color:white;
    }

	.no_margin_on_phone {
		margin-bottom:0px !important;
	}

	.soon_text {
		font-size: 45px;
	}

	.team_separater_page {
		width: 50% !important;
	}

	.fix_vertical_align {
		top:2px;
	}

	.max_width_results {
		max-width: 0px;
	}

	.width_header {
		min-width: 60px;
	}

	.width_name_logo_display {
		min-width: 50px !important;
	}

	.width_name {
		min-width: 180px !important;
	}

	.border_horizontal_scroll {
		border-right: 2px solid #fff;
	}

	.width_trophies_un_titles {
		min-width: 120px;
	}

	.width_trophies_un_name {
		min-width: 50px;
	}

	.width_trophies_un_name_2 {
		min-width: 170px;
	}

	.width_trophies_titles {
		min-width: 80px
	}

	.width_trophies_name {
		min-width: 50px;
	}

	.width_trophies_name2 {
		min-width: 170px;
	}

	.width_trophies_rank {
		min-width: 40px !important;
	}

	.lower_name_livecomment {
		position: relative;
		top: 4px;
	}

	.scoreA {
		width:20%;
		float:left; 
		background-color:#d7d7d7; 
		text-align:right;
	}
	.scoreB {
		width:20%;
		float:left; 
		background-color:#d7d7d7; 
	}
	.score {
		width:60%;
		float:left; 
		background-color:#ffffff; 		
		text-align:center;
	}
	.scoreDiv {
		font-size: 3em;
	}

	.padding_4_livecomment_score {
		padding: 4px 4px 0 4px !important;
	}

	.padding_4_livecomment {
		padding: 0 4px !important;
	}


	.gameInfoTBA {
		float: left;
		padding: 5px 0 0 6px;
		height: auto;
		background-color: white;
		font-size: 0.9em;		
	}
	
	.gameLabel { 
		float:left; 
		background-color:#cfcfcf; 
		padding:0 3px; 
		text-align:right;
	}
	
	.gameData {
		float:left; 
		background-color:#f0eff0; 
		padding-left:3px; 
	}
	
	.gameDataEnd {
		float:left; 
		background-color:#f0eff0; 
		padding-left:3px;
	}
	
	.attLabelWidth {
		width:50%;
		border-bottom:4px solid white;	
	}
	
	.attDataWidth {
		width:50%;	
		border-bottom:4px solid white;
	}
	
	.refLabelWidth {
		width:50%;
		border-bottom:4px solid white;	
	}
	
	.refDataWidth {
		width:50%;	
		border-bottom:4px solid white;
	}
	
	.stadiumLabelWidth {
		width:50%;
	}
	
	.stadiumDataWidth {
		width:50%;	
	}

	.width_mls_winners_year {
		min-width: 100px;
	}

	.width_mls_winners_team {
		min-width: 250px;
	}

	.width_mls_titles_number {
		min-width: 150px;
	}

	.width_mls_titles_name {
		min-width: 300px;
	}

	.width_name_alltime {
		min-width: 50px !important;
	}

	.width_name_alltime_2 {
		min-width: 170px !important;
	}

	.width_title_list_name {
		min-width: 220px !important;
	}

	.width_title_list_titles {
		min-width: 90px !important;
	}

	.width_title_list_runnerup {
		min-width: 150px !important;
	}
	
	.width_rank_alltime {
		min-width: 40px !important;
	}

	.width_header_alltime {
		min-width: 60px !important;
	}

	.no_display_phone_alltime {
		display: none;
	}

	.width_h2h_matches_date {
		min-width: 160px !important;
	}

	.width_h2h_matches_name {
		min-width: 79px !important;
	}

	.width_h2h_matches_record {
		min-width: 79px !important;
	}

	.width_h2h_matches_score {
		min-width: 130px !important;
	}

	.width_h2h_matches_competition {
		min-width: 180px !important;
	}

	.result_comparison_min_height {
		min-height: 170px !important;
	}
	
	.scrollable_phone_only {
		overflow: scroll;
	}

	.margin_legend_opposite {
		padding-top:0px !important;
	}
	
	.smaller_text_result_h2h {
		font-size:20px !important;
	}

	.stat_percentage_team1_h2h {
		width: 34% !important;
		padding-right: 13px !important;
		padding-top: 8px !important;
		text-align: right;
		vertical-align: middle !important;
		
	}

	.stat_percentage_team2_h2h {
		width: 34% !important;
		padding-left: 13px !important;
		padding-top: 8px !important;
		text-align: left;
		vertical-align: middle !important;
		
	}

	.stat_percentage_name_h2h {
		width: 32% !important;
		padding-top: 8px !important;
		text-align: center; 
		vertical-align: middle !important;
		
	}

	.stat_comparison_team1_h2h {
		width: 24% !important;
		padding-right: 15px !important;
		padding-top: 8px !important;
		text-align: right;
		vertical-align: middle !important;
		
	}

	.stat_comparison_team2_h2h {
		width: 24% !important;
		padding-left: 15px !important;
		padding-top: 8px !important;
		text-align: left;
		vertical-align: middle !important;
		
	}

	.stat_name_h2h {
		width: 52% !important;
		padding-top: 8px !important;
		text-align: center; 
		vertical-align: middle !important;
		
	}

	.h2h_text_fontsize {
		font-size: 65px !important;
	}

	.no_display_phone_h2h {
		display: none;
	}

	.width_score_h2h {
		min-width: 130px !important
	}

	.width_name_h2h {
		min-width: 200px !important
	}

	.width_opponent_h2h {
		min-width: 50px !important
	}

	.width_opponent_h2h_2 {
		min-width: 210px !important
	}
	

	.width_year_h2h {
		min-width: 100px !important
	}

	.width_number_h2h {
		min-width: 70px !important
	}

	.navbar-collapse{
        padding:0;
        overflow-x: hidden;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

	.navbar .nav{
        padding-top: 0;
        border-top:1px solid rgba(0,0,0,.2);
        float:none!important;
    }
    .navbar.row{
        margin-left: 0;
        margin-right: 0;
    }

	.nav > li{
        margin-top: 0;
        border-bottom:1px solid rgba(0,0,0,.1);
        background:rgba(0,0,0,.05);
        text-align: left;
        padding-left:15px;
        width:100%;
    }
    .nav > li:hover{
        background:rgba(0,0,0,.08);
    }

	.dropdown .dropdown a .caret{   
        float: none;
        margin: 5px 0 0 10px!important;
        border: 4px solid black;
        border-bottom-color: transparent;
        border-right-color: transparent;
        border-left-color: transparent;
    }

    .blocs-mob-center-text{
        text-align:center;
    }

	.standings_rank_phone_width {
		min-width: 40px;
	}

	.no_display_phone {
		display: none;
	}

	.score_width {
		width: 7%;
	}

	.score_width_half {
		width: 3.5%
	}

	.bloc{
        padding-left: 0; 
        padding-right: 0;
    }

	.margin_navbar {
		margin: 10px 0;
	}

	.live-commentary {
        background-color:#cbcbcb; 
        min-width: 34px !important;    
        min-height: 20px !important;
        font-size: 14px;
        color:black;
        text-decoration:underline;
        display: block; /* Makes the element a block-level element */
        padding-top:3px;
    }
    
    .newLive {
        text-align: center;
        padding: 0 !important;
        line-height: 25px !important;
    }

	.datesMain {
        background-color:#A9A9A9; 
        text-indent: 5px;
        text-align: left;	
    }

	.smaller_text_phone {
		font-size: 18px;
	}
    
    .datesInformation_a {
        background-color:#dbdbdb; 
        min-width: 60px !important;    
        min-height: 1500px !important;      
        vertical-align: center;
    }
    
    .datesInformation_b {
        background-color:#eaeaea; 
        min-width: 80px !important; 
        min-height: 1500px !important;
        vertical-align: center;
    } 

	.cell_separater_phone {
		margin-top: 13px;
    	padding-right: 25px;
    	padding-left: 25px;
	}

	.col_rank_width_phone {
		min-width: 30px;
	}

	.col_stat_width_phone {
		min-width: 55px;
	}

	.margin_legend_phone {
		margin-bottom:20px !important;
	}

	.col_name_width_phone {
		min-width: 230px;
	}

    .navbar-brand img {
        max-height: 60px;
        width: auto;
    }

    .bloc-sm{
		padding:0px 50px;
	}

    .navbar.row{
        margin-left: 0;
        margin-right: 0;
    }

    .bgStanding_a {
        background-color: #d6d6d6;
    }
    
    .bgStanding_b {
        background-color: #cccccc;	
    }
    
    .bloc-mob-center-text{
        text-align:center;
    }
    .menutext{
        background-color:#FEFFFF;
        border-color:#FEFFFF;
        color:#FFFFFF!important;
    }
    .navbar-toggle .icon-bar{
        background-color:#FEFFFF;
        text-shadow:0px 0px 4px #FEFFFF;
        box-shadow:0px 4px 14px #000000;
        border-style:none;
    }
    .iphonelogos{
        width:1px;
    }
    .phone{
        height:1250px;
        background-color:transparent;
    }
    .phoneeeee{
        background-size:auto auto;
        height:300px;
        width:300px;
    }
    .gameinfophone{
        height:auto;
        width:100%;
        text-align:center;
        line-height:35px;
        text-transform:none;
    }
    .titlephone{
        height:178px;
        width:100%;
        text-transform:none;
        text-align:center;
    }

	.padding_5 {
		padding: 0 0 6px 0 !important
	}

    .datesiphone{
        width:47%;
        height:68px;
    }
    .teamsphone{
        margin:0px 0px 0px 0px;
    }

    .lh_20 {
        line-height:90px !important;
    }

    .standingsHeader_a {
        background-color:#acacac;  
    }
    
    .standingsHeader_b {
        background-color:#b7b7b7;  
    }

    /*.width_header {
        width: 30% !important;
    */

    .page-container{
        overflow-x: hidden;
        position:relative;
    }

	.navbar .nav{
        padding-top: 0;
        border-top:1px solid rgba(0,0,0,.2);
        float:none!important;
    }
    .navbar.row{
        margin-left: 0;
        margin-right: 0;
    }
    .nav > li{
        margin-top: 0;
        border-bottom:1px solid rgba(0,0,0,.1);
        background:rgba(0,0,0,.05);
        text-align: left;
        padding-left:15px;
        width:100%;
    }
    .nav > li:hover{
        background:rgba(0,0,0,.08);
    }
    .dropdown .dropdown a .caret{   
        float: none;
        margin: 5px 0 0 10px!important;
        border: 4px solid black;
        border-bottom-color: transparent;
        border-right-color: transparent;
        border-left-color: transparent;
    }
    
    #hero-bloc .navbar .nav{
        background:rgba(0,0,0,.8);
    }
    #hero-bloc .navbar .nav a{
        color:rgba(255,255,255,.6);
    }
    .hero{
        padding:50px 0;
    }
    .hero-nav{
        left:-1px;
        right:-1px;
    }
    .navbar-collapse{
        padding:0;
        overflow-x: hidden;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .navbar-brand img{
        max-height: 60px;
        width:auto;   
    }
    .nav-invert .navbar-header{
        float: none;
        width:100%;
    }
    .nav-invert .navbar-toggle{
        float:left; 
        margin-left:10px;
    }

	.macipad{
		/*width:600%;*/
		float:none;
		display:inline-block;
		overflow:visible;
		color:#FEFFFF!important;
	}

	.site-navigation{
		position:inherit;
		transform:none;
		-webkit-transform:none;
		-ms-transform:none;
	}  
}

/* Mobile devices (landscape) */
@media only screen and (min-width: 481px) and (max-width: 767px) {

	.article_display_style {
		display: block;
	}

	.article_main_style {
		width: 100%;
	}

	.article_other_style {
		width: 100%;
	}


	.width_div1 {
		min-width: 107px !important
	}

	.bracketLogoAlign {
		text-align: center;
	}

	.bracketLogoWidth {
		width: 22.5px
	}

	.width_trophies_total_l1c_new {
		min-width: 40px !important
	}

	.width_trophies_total_phone_l1c_new {
		min-width: 60px !important
	}

	.width_trophies_name_invisible_l1c_new {
		min-width:240px !important
	}

	.width_trophies_name_l1c_new {
		width: 36% !important
	}

	.width_trophies_total_newer_l1c_new {
		min-width: 140px !important
	}

	.width_cpl_matchweek {
		width: 6%;
	}

	.width_trophies_name_tm {
		min-width:150px
	}

	.width_trophies_total_tm {
		min-width:55px
	}

	.width_trophies_total_newer {
		min-width:105px
	}

	.trophies_trophies_visual_width_h2h {
		width: 30%
	}


	.modernStandingsButton {
		width: 25%;
	}

	.modernButton {
		width:25%
	}

	.countdown_margin_text {
		margin: 5px 2.5rem;
	}

	.countdown-label,
	.countdown-value {
	  display: block;
	  text-align: center;
	}

	.coutdown_text_label {
		font-size: 30px;
	}

	.width_rank_l1c {
		min-width: 40px !important;
	}

	.width_logo_l1c_page {
		min-width: 50px !important;
	}
	
	
	.width_trophy_trophies_timeline {
		min-width: 500px !important;
	}

	.width_club_trophies_timeline {
		min-width: 250px !important
	}

	.width_date_trophies_timeline {
		min-width: 165px !important
	}

	.trophies_trophies_visual_width {
		width:14%
	}

	.logo_trophies_visual_width {
		width:20%
	}

	.total_trophies_visual_width {
		width: 15%;
	}

	.titles_number_big {
        size: 50%;
        font-size: 60px;
        vertical-align: middle;
        text-align: center;
        top: 4px;
        position: relative;
        color:white;
    }

	.no_margin_on_phone {
		margin-bottom:0px !important;
	}

	.soon_text {
		font-size: 45px;
	}

	.team_separater_page {
		width: 25% !important;
	}
    /* Styles for mobile devices */

	.fix_vertical_align {
		top:2px;
	}

	.max_width_results {
		max-width: 0px;
	}

	.width_header {
		min-width: 60px;
	}

	.width_name_logo_display {
		min-width: 50px !important;
	}

	.width_name {
		min-width: 180px !important;
	}

	.border_horizontal_scroll {
		border-right: 2px solid #fff;
	}

	.width_trophies_un_titles {
		min-width: 120px;
	}

	.width_trophies_un_name {
		min-width: 50px;
	}

	.width_trophies_un_name_2 {
		min-width: 170px;
	}

	.width_trophies_titles {
		min-width: 80px
	}

	.width_trophies_total {
		min-width: 100px
	}

	.width_trophies_name {
		min-width: 50px;
	}

	.width_trophies_name2 {
		min-width: 170px;
	}

	.width_trophies_rank {
		min-width: 40px !important;
	}

	.lower_name_livecomment {
		position: relative;
		top: 4px;
	}

	.scoreA {
		width:40%;
		float:left; 
		background-color:#d7d7d7; 
		padding:0 5px 0 0;
		text-align:right;
	}
	.scoreB {
		width:40%;
		float:left; 
		background-color:#d7d7d7; 
		padding:0 5px 0 5px;
	}
	.score {
		width:20%;
		float:left; 
		background-color:#ffffff; 		
		text-align:center;
	}
	.scoreDiv {
		font-size: 3em;
	}

	

	.lower_name_livecomment {
		font-size: 25px;
		position: relative;
		top: 4px;
	}

	.padding_4_livecomment_score {
		padding: 4px 4px 0 4px !important;
	}

	.padding_4_livecomment {
		padding: 0 4px !important;
	}

	.margin_3_livecomment {
		margin-top:3px;
	}


	.gameInfoTBA {
		float: left;
		padding: 5px 0 0 6px;
		height: auto;
		background-color: white;
		font-size: 0.9em;		
	}
	
	.gameLabel { 
		float:left; 
		background-color:#cfcfcf; 
		padding-right:10px; 
		text-align:right;
	}
	
	.gameData {
		float:left; 
		background-color:#f0eff0; 
		padding-left:10px; 
	}
	
	.gameDataEnd {
		float:left; 
		background-color:#f0eff0; 
		padding-left:10px;
	}
	
	.attLabelWidth {
		width:50%;	
	}
	
	.attDataWidth {
		width:50%;	
	}
	
	.refLabelWidth {
		width:50%;	
	}
	
	.refDataWidth {
		width:50%;	
	}
	
	.stadiumLabelWidth {
		width:50%;
	}
	
	.stadiumDataWidth {
		width:50%;	
	}

	.width_mls_winners_year {
		min-width: 100px;
	}

	.width_mls_winners_team {
		min-width: 250px;
	}


	.width_mls_titles_number {
		min-width: 150px;
	}

	.width_mls_titles_name {
		min-width: 300px;
	}

	.width_title_list_titles {
		min-width: 90px !important;
	}

	.width_title_list_runnerup {
		min-width: 150px !important;
	}

	.width_title_list_name {
		min-width: 220px !important;
	}

	.width_name_alltime {
		min-width: 50px !important;
	}

	.width_name_alltime_2 {
		min-width: 170px !important;
	}
	
	.width_rank_alltime {
		min-width: 40px !important;
	}

	.width_header_alltime {
		min-width: 60px !important;
	}

	.no_display_phone_alltime {
		display: none;
	}

	.width_h2h_matches_date {
		min-width: 160px !important;
	}

	.width_h2h_matches_name {
		min-width: 79px !important;
	}

	.width_h2h_matches_record {
		min-width: 79px !important;
	}

	.width_h2h_matches_score {
		min-width: 130px !important;
	}

	.width_h2h_matches_competition {
		min-width: 180px !important;
	}

	.scrollable_phone_only {
		overflow: scroll;
	}

	.margin_legend_opposite {
		padding-top:0px !important;
	}

	.result_comparison_min_height {
		min-height: 170px !important;
	}

	.smaller_text_result_h2h {
		font-size:20px !important;
	}

	.stat_comparison_team1_h2h {
		width: 24% !important;
		padding-right: 15px !important;
		padding-top: 8px !important;
		text-align: right;
		vertical-align: middle !important;
		
	}

	.stat_comparison_team2_h2h {
		width: 24% !important;
		padding-left: 15px !important;
		padding-top: 8px !important;
		text-align: left;
		vertical-align: middle !important;
		
	}

	.stat_name_h2h {
		width: 52% !important;
		padding-top: 8px !important;
		text-align: center; 
		vertical-align: middle !important;
		
	}

	.stat_percentage_team1_h2h {
		width: 34% !important;
		padding-right: 13px !important;
		padding-top: 8px !important;
		text-align: right;
		vertical-align: middle !important;
		
	}

	.stat_percentage_team2_h2h {
		width: 34% !important;
		padding-left: 13px !important;
		padding-top: 8px !important;
		text-align: left;
		vertical-align: middle !important;
		
	}

	.stat_percentage_name_h2h {
		width: 32% !important;
		padding-top: 8px !important;
		text-align: center; 
		vertical-align: middle !important;
		
	}

	.no_display_phone_h2h {
		display: none;
	}

	.h2h_text_fontsize {
		font-size: 65px !important;
	}


	.width_score_h2h {
		min-width: 130px !important
	}

	.width_name_h2h {
		min-width: 250px !important
	}

	.width_opponent_h2h {
		min-width: 50px !important
	}

	.width_opponent_h2h_2 {
		min-width: 180px !important
	}

	.width_year_h2h {
		min-width: 100px !important
	}

	.width_number_h2h {
		min-width: 70px !important
	}

	.blocs-mob-center-text{
        text-align:center;
    }

	.standings_rank_phone_width {
		min-width: 40px;
	}

	.no_display_phone {
		display: none;
	}

	.score_width {
		width: 7%;
	}

	.score_width_half {
		width: 3.5%;
	}

	.bloc{
        padding-left: 0; 
        padding-right: 0;
    }

	.margin_navbar {
		margin: 10px 0;
	}

	.live-commentary {
        background-color:#cbcbcb; 
        min-width: 34px !important;    
        min-height: 20px !important;
        font-size: 14px;
        color:black;
        text-decoration:underline;
        display: block; /* Makes the element a block-level element */
        padding-top:3px;
    }
    
    .newLive {
        text-align: center;
        padding: 0 !important;
        line-height: 25px !important;
    }

	.datesMain {
        background-color:#A9A9A9; 
        text-indent: 5px;
        text-align: left;	
    }

	.smaller_text_phone {
		font-size: 18px;
	}
    
    .datesInformation_a {
        background-color:#dbdbdb; 
        min-width: 60px !important;    
        min-height: 1500px !important;      
        vertical-align: center;
    }
    
    .datesInformation_b {
        background-color:#eaeaea; 
        min-width: 80px !important; 
        min-height: 1500px !important;
        vertical-align: center;
    } 

	.cell_separater_phone {
		margin-top: 13px;
    	padding-right: 25px;
    	padding-left: 25px;
	}

	.col_rank_width_phone {
		min-width: 30px;
	}

	.col_stat_width_phone {
		min-width: 55px;
	}

	.margin_legend_phone {
		margin-bottom:20px !important;
	}

	.col_name_width_phone {
		min-width: 230px;
	}

    .navbar-brand img {
        max-height: 60px;
        width: auto;
    }

    .bloc-sm{
		padding:0px 50px;
	}

    .navbar.row{
        margin-left: 0;
        margin-right: 0;
    }

    .bgStanding_a {
        background-color: #d6d6d6;
    }
    
    .bgStanding_b {
        background-color: #cccccc;	
    }
    
    .bloc-mob-center-text{
        text-align:center;
    }
    .menutext{
        background-color:#FEFFFF;
        border-color:#FEFFFF;
        color:#FFFFFF!important;
    }
    .navbar-toggle .icon-bar{
        background-color:#FEFFFF;
        text-shadow:0px 0px 4px #FEFFFF;
        box-shadow:0px 4px 14px #000000;
        border-style:none;
    }
    .iphonelogos{
        width:1px;
    }
    .phone{
        height:1250px;
        background-color:transparent;
    }
    .phoneeeee{
        background-size:auto auto;
        height:300px;
        width:300px;
    }
    .gameinfophone{
        height:auto;
        width:100%;
        text-align:center;
        line-height:35px;
        text-transform:none;
    }
    .titlephone{
        height:178px;
        width:100%;
        text-transform:none;
        text-align:center;
    }

	.padding_5 {
		padding: 0 0 6px 0 !important
	}

    .datesiphone{
        width:47%;
        height:68px;
    }
    .teamsphone{
        margin:0px 0px 0px 0px;
    }

    .lh_20 {
        line-height:90px !important;
    }

    .standingsHeader_a {
        background-color:#acacac;  
    }
    
    .standingsHeader_b {
        background-color:#b7b7b7;  
    }

    /*.width_header {
        width: 30% !important;
    */

    .page-container{
        overflow-x: hidden;
        position:relative;
    }

	.navbar .nav{
        padding-top: 0;
        border-top:1px solid rgba(0,0,0,.2);
        float:none!important;
    }
    .navbar.row{
        margin-left: 0;
        margin-right: 0;
    }
    .site-navigation{
	   position:inherit;
	   transform:none;
	   -webkit-transform:none;
	   -ms-transform:none;
    }  
    .nav > li{
        margin-top: 0;
        border-bottom:1px solid rgba(0,0,0,.1);
        background:rgba(0,0,0,.05);
        text-align: left;
        padding-left:15px;
        width:100%;
    }
    .nav > li:hover{
        background:rgba(0,0,0,.08);
    }
    .dropdown .dropdown a .caret{   
        float: none;
        margin: 5px 0 0 10px!important;
        border: 4px solid black;
        border-bottom-color: transparent;
        border-right-color: transparent;
        border-left-color: transparent;
    }
    
    #hero-bloc .navbar .nav{
        background:rgba(0,0,0,.8);
    }
    #hero-bloc .navbar .nav a{
        color:rgba(255,255,255,.6);
    }
    .hero{
        padding:50px 0;
    }
    .hero-nav{
        left:-1px;
        right:-1px;
    }
    .navbar-collapse{
        padding:0;
        overflow-x: hidden;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .navbar-brand img{
        max-height: 60px;
        width:auto;   
    }
    .nav-invert .navbar-header{
        float: none;
        width:100%;
    }
    .nav-invert .navbar-toggle{
        float:left; 
        margin-left:10px;
    }

	.macipad{
		/*width:600%;*/
		float:none;
		display:inline-block;
		overflow:visible;
		color:#FEFFFF!important;
	}

	.site-navigation{
		position:inherit;
		transform:none;
		-webkit-transform:none;
		-ms-transform:none;
	 }  
}

/* Tablet devices (portrait) */
@media only screen and (min-width: 768px) and (max-width: 991px) {

	.article-score-width {
		width: 50%;
	}

	.article_display_style {
		display: flex;
	}

	.article_main_style {
		width: 75%;
		margin-right: 15px;
	}

	.article_other_style {
		width: 25%;
		margin-left: 15px;
	}


	.width_div1 {
		width: 18% !important
	}

	.bracketLogoAlign {
		text-align: center;
	}

	.bracketLogoWidth {
		width: 40px
	}

	.width_trophies_total_l1c_new {
		min-width: 40px !important
	}

	.width_trophies_total_phone_l1c_new {
		min-width: 60px !important
	}

	.width_trophies_name_invisible_l1c_new {
		min-width:240px !important
	}

	.width_trophies_name_l1c_new {
		width: 36% !important
	}

	.width_trophies_total_newer_l1c_new {
		min-width: 140px !important
	}

	.width_cpl_matchweek {
		width: 6%;
	}

	.width_trophies_name_tm {
		min-width:150px
	}

	.width_trophies_total_newer {
		min-width:105px
	}

	.trophies_trophies_visual_width_h2h {
		width:21.7%
	}

	.modernStandingsButton {
		width: 15%;
	}

	.modernButton {
		width:25%
	}

	.countdown_margin_text {
		margin: 5px 3.5rem;
	}

	.coutdown_text_label {
		font-size: 40px;
	}

	.width_rank_l1c {
		width: 3% !important;
	}
	
	.width_logo_l1c_page {
		min-width: 50px !important;
	}

	.width_trophy_trophies_timeline {
		min-width: 500px !important;
	}

	.width_club_trophies_timeline {
		min-width: 250px !important
	}

	.width_date_trophies_timeline {
		min-width: 165px !important
	}

	.trophies_trophies_visual_width {
		width:14%
	}

	.logo_trophies_visual_width {
		width:15%
	}

	.total_trophies_visual_width {
		width: 10%;
	}

	.titles_number_big {
        size: 50%;
        font-size: 60px;
        vertical-align: middle;
        text-align: center;
        top: 4px;
        position: relative;
        color:white;
    }

	.no_margin_on_phone {
		margin-bottom:0px !important;
	}
    /* Styles for tablet devices */

	.soon_text {
		font-size: 80px;
	}

	.min_height_articles {
		min-height:250px
	}

	.team_separater_page {
		width: 25% !important;
	}

	.padding_teaminfo_5 {
		padding-left: 5px;
	}

	.team_logo_width {
		width: 18% !important;
	}

	.team_name_width {
		width: 82% !important;
	}


	.border_horizontal_scroll {
		border-right: 2px solid #fff;
	}

	.width_trophies_un_titles {
		min-width: 120px;
	}
	
	.width_trophies_un_name {
		min-width: 50px;
	}

	.width_trophies_un_name_2 {
		min-width: 170px;
	}

	.width_trophies_titles {
		min-width: 80px
	}

	.width_trophies_total {
		min-width: 100px
	}

	.width_trophies_name {
		min-width: 50px;
	}

	.width_trophies_name2 {
		min-width: 170px;
	}

	.width_trophies_rank {
		min-width: 40px !important;
	}

	.lower_name_livecomment {
		font-size: 25px;
		position: relative;
		top: 4px;
	}

	.padding_4_livecomment_score {
		padding: 4px 4px 0 4px !important;
	}

	.padding_4_livecomment {
		padding: 0 4px !important;
	}

	.margin_3_livecomment {
		margin-top:3px;
	}

	.macipad{
		/*width:600%;*/
		float:none;
		display:inline-block;
		overflow:visible;
		color:#FEFFFF!important;
	}

	.width_mls_winners_year {
		min-width: 100px;
	}

	.width_mls_winners_team {
		min-width: 250px;
	}

	.width_mls_titles_number {
		min-width: 150px;
	}

	.width_mls_titles_name {
		min-width: 300px;
	}

	.width_title_list_runnerup {
		width: 25% !important;
	}

	.width_title_list_titles {
		width: 25% !important;
	}

	.width_title_list_name {
		width: 50% !important;
	}

	.no_display_phone_alltime {
		display: none;
	}

	.width_name_alltime {
		min-width: 50px !important;
	}

	.width_name_alltime_2 {
		min-width: 170px !important;
	}
	
	.width_rank_alltime {
		min-width: 40px !important;
	}

	.width_header_alltime {
		min-width: 60px !important;
	}

	.width_h2h_matches_date {
		min-width: 160px !important;
	}

	.width_h2h_matches_name {
		min-width: 300px !important;
	}

	.width_h2h_matches_record {
		min-width: 300px !important;
	}

	.width_h2h_matches_score {
		min-width: 130px !important;
	}

	.width_h2h_matches_competition {
		min-width: 180px !important;
	}

	.result_comparison_min_height {
		min-height: 180px !important;
	}

	.h2h_comparison_team {
		width: 30% !important;
	}

	.stat_comparison_team1_h2h {
		width: 30% !important;
		padding-right: 20px !important;
		padding-top: 8px !important;
		text-align: right;
		vertical-align: middle !important;
		
	}

	.stat_comparison_team2_h2h {
		width: 30% !important;
		padding-left: 20px !important;
		padding-top: 8px !important;
		text-align: left;
		vertical-align: middle !important;
		
	}

	.stat_name_h2h {
		width: 40% !important;
		padding-top: 8px !important;
		text-align: center; 
		vertical-align: middle !important;
		
	}

	.stat_percentage_team1_h2h {
		width: 30% !important;
		padding-right: 20px !important;
		padding-top: 8px !important;
		text-align: right;
		vertical-align: middle !important;
		
	}

	.stat_percentage_team2_h2h {
		width: 30% !important;
		padding-left: 20px !important;
		padding-top: 8px !important;
		text-align: left;
		vertical-align: middle !important;
		
	}

	.stat_percentage_name_h2h {
		width: 40% !important;
		padding-top: 8px !important;
		text-align: center; 
		vertical-align: middle !important;
		
	}

	.h2h_text_fontsize {
		font-size: 83px !important;
	}


	.width_score_h2h {
		width: 11% !important
	}

	.width_name_h2h {
		width: 20% !important
	}

	.width_year_h2h {
		width: 5% !important
	}

	.width_opponent_h2h {
		min-width: 50px !important
	}

	.width_opponent_h2h_2 {
		min-width: 300px !important
	}

	.width_number_h2h {
		min-width: 70px !important
	}

	.width_number_h2h {
		width: 8% !important
	}

	.no_margin_pad {
		margin-right:0px;
		margin-left:0px;
	}

	.no_display_phone_h2h {
		display: none;
	}

	.no_display_desktop {
		display: none;
	}

	.table_posset_pad {
		width:100% !important;
		padding-right:20px !important;
		padding-left:20px !important;
	}
	
	.width_name {
		width: 39% !important;
	}
	
	.width_rank {
		width: 6% !important;
	}

	.width_header {
		width: 8% !important;
	}

	.score_width {
		width: 29%;
	}

	.score_width_half {
		width: 14.5%;
	}

	.bold_text_desktop {
		font-weight: bold;
	}

	.site-navigation{
		position:absolute;
		top:50%;
		right:20px;
		transform:translate(0, -50%);
		-webkit-transform:translateY(-50%);
	}


    .scoreA {
		width:25%;
		float:left; 
		background-color:#d7d7d7; 
		padding:0 5px 0 0;
		text-align:right;
	}
	.scoreB {
		width:25%;
		float:left; 
		background-color:#d7d7d7; 
		padding:0 5px 0 5px;
	}
	.score {
		width:50%;
		float:left; 
		background-color:#ffffff; 		
		text-align:center;
	}
	.scoreDiv {
		font-size: 3em;
	}

	.no

	.height_pad_matchinfo {
		height:60px !important
	}
	
	.gameInfo {
		float:left; 
		padding:0px; 
		height:auto; 
		background-color: white; 
		font-size:1.6em;
	}

	.table_pad {
		width:100% !important
	}
	
	.gameInfoTBA {
		float: left;
		padding: 5px 0 0 6px;
		height: auto;
		background-color: white;
		font-size: 0.9em;		
	}
	
	.gameLabel { 
		float:left; 
		background-color:#cfcfcf; 
		padding-right:10px; 
		text-align:right;
	}
	
	.gameData {
		float:left; 
		background-color:#f0eff0; 
		padding-left:10px; 
	}
	
	.gameDataEnd {
		float:left; 
		background-color:#f0eff0; 
		padding-left:10px;
	}
	
	.attLabelWidth {
		width:50%;	
	}
	
	.attDataWidth {
		width:50%;	
	}
	
	.refLabelWidth {
		width:50%;	
	}
	
	.refDataWidth {
		width:50%;	
	}
	
	.stadiumLabelWidth {
		width:50%;
	}
	
	.stadiumDataWidth {
		width:50%;	
	}

    .myCcontainer {
        text-align: center !important;
    }
    
    table { 
        width:100%;
    }    
    
    td { 
        overflow: hidden; 
        text-overflow: ellipsis; 
        word-wrap: break-word;
    }
    
    
    .clock {
        display: inline-block !important;
        width: auto !important;
    }
    
    .form-group {
        margin-bottom: 0px;
    }
    
    .bgStanding_a {
        background-color: #d6d6d6;
    }
    
    
    .bgStanding_b {
        background-color: #cccccc;	
    }
    
    .standingsHeader_a {
        background-color:#acacac; 
    }
    
    .standingsHeader_b {
        background-color:#b7b7b7; 
    }
    
    .datesMain {
        background-color:#A9A9A9; 
        text-indent: 5px;
        text-align: left;	
    }
    
    .datesInformation_a {
        background-color:#dbdbdb; 
		max-width: 50px;
        min-width: 34px !important;    
        min-height: 1500px !important;      
        vertical-align: center;
    }
    
    .datesInformation_b {
		max-width: 50px;
        background-color:#eaeaea; 
        min-width: 34px !important; 
        min-height: 1500px !important;
        vertical-align: center;
    }     
    
    .live-commentary {
        background-color:#cbcbcb; 
        min-width: 34px !important;    
        min-height: 20px !important;
        font-size: 14px;
        color:black;
        text-decoration:underline;
        display: block; /* Makes the element a block-level element */
        padding-top:3px;
    }
    
    .newLive {
        text-align: center;
        padding: 0 !important;
        line-height: 25px !important;
        font-weight: bold;
    }

	.bloc-sm{
		padding:20px 50px;
	}

	.container{width:100%;}
    .b-parallax{background-attachment:scroll;}
    .page-container, #hero-bloc{overflow-x: hidden;position: relative;} /* Prevent unwanted side scroll on mobile */
    .bloc{padding-left: constant(safe-area-inset-left);padding-right: constant(safe-area-inset-right);} /* iPhone X Notch Support*/
    .bloc-group, .bloc-group .bloc{display:block;width:100%;}
    .bloc-fill-screen .fill-bloc-top-edge, .bloc-fill-screen .fill-bloc-bottom-edge{padding:0 20px;padding-left: constant(safe-area-inset-left);padding-right: constant(safe-area-inset-right);}
	
    
    .lh_20 {
        line-height:20px !important;
    }

	.macipad{
		/*width:600%;*/
		float:none;
		display:inline-block;
		overflow:visible;
		color:#FEFFFF!important;
	}
	
	.smaller_font_menu {
		font-size:12px;
	}

	.width_separater_articles {
		width:50% !important
	}

	

}

/* Tablet devices (landscape) */
@media only screen and (min-width: 992px) and (max-width: 1199px) {

	.article-score-width {
		width: 40%;
	}

	.article_display_style {
		display: flex;
	}

	.article_main_style {
		width: 75%;
		margin-right: 15px;
	}

	.article_other_style {
		width: 25%;
		margin-left: 15px;
	}

	.width_div1 {
		width: 18% !important
	}

	.bracketLogoAlign {
		text-align: left;
	}

	.bracketLogoWidth {
		width: 40px
	}

	.width_trophies_total_l1c_new {
		width: 4% !important
	}

	.width_trophies_name_l1c_new {
		width: 36% !important
	}

	.width_trophies_total_newer_l1c_new {
		width: 14% !important
	}

	.max_logo_width_cpl_stats {
		width:1%
	}

	.width_cpl_matchweek {
		width: 6%;
	}

	.width_trophies_total_newer {
		width:13%
	}

	.trophies_trophies_visual_width_h2h {
		width:17%
	}


	.modernStandingsButton {
		width: 15%;
	}

	.modernButton {
		width:20%
	}

	.countdown_margin_text {
		margin: 5px 3.5rem;
	}

	.coutdown_text_label {
		font-size: 50px;
	}

	.width_rank_l1c {
		width: 3% !important;
	}

	.width_trophy_trophies_timeline {
		width: 40% !important;
	}

	.width_club_trophies_timeline {
		width: 32% !important
	}

	.width_date_trophies_timeline {
		width: 17% !important
	}

	.trophies_trophies_visual_width {
		width:9%
	}

	.logo_trophies_visual_width {
		width:10%
	}


	.total_trophies_visual_width {
		width: 6%;
	}

	.titles_number_big {
        size: 50%;
        font-size: 60px;
        vertical-align: middle;
        text-align: center;
        top: 4px;
        position: relative;
        color:white;
    }
    /* Styles for tablet devices */

	.soon_text {
		font-size: 80px;
	}

	.min_height_articles {
		min-height:230px
	}

	.team_separater_page {
		width: 25% !important;
	}



	.padding_teaminfo_5 {
		padding-left: 5px;
	}

	.team_logo_width {
		width: 13% !important;
	}

	.team_name_width {
		width: 87% !important;
	}

	.width_trophies_un_titles {
		width: 11%;
	}

	.width_trophies_un_name {
		width: 37%;
	}

	.width_trophies_titles {
		width: 7%
	}

	.width_trophies_total {
		width: 9%
	}

	.width_trophies_name {
		width: 23%;
	}

	.width_trophies_rank {
		width: 4% !important;
	}

	.max_logo_width_cpl {
		max-width: 50px;
	}

	.max_logo_width_concacaf {
		max-width: 50px;
	}

	.max_logo_width_canchamp {
		max-width: 50px;
	}

	.max_logo_width_cpl_2 {
		max-width: 44px;
	}

	.max_logo_width_cpl_3 {
		max-width: 40px;
	}

	.lower_name_livecomment {
		font-size: 30px;
		position: relative;
		top: 4px;
	}

	.padding_4_livecomment_score {
		padding: 0px !important;
	}

	.width_score_livecommentary {
		width: 20% !important;
	}

	.width_logo_livecommentary {
		width: 6% !important;
	}

	.width_name_livecommentary {
		width: 34% !important;
	}

	.width_mls_winners_year {
		width: 11%;
	}

	.width_mls_winners_team {
		width: 29%;
	}

	.width_mls_titles_number {
		width: 12%;
	}

	.width_mls_titles_name {
		width: 25%;
	}

	.width_title_list_runnerup {
		width: 25% !important;
	}

	.width_title_list_titles {
		width: 25% !important;
	}

	.width_title_list_name {
		width: 50% !important;
	}

	.width_name_alltime {
		width: 20% !important;
	}
	
	.width_rank_alltime {
		width: 5% !important;
	}

	.width_header_alltime {
		width: 5.5% !important;
	}

	.width_h2h_matches_date {
		width: 15% !important;
	}

	.width_h2h_matches_name {
		width: 26% !important;
	}

	.width_h2h_matches_record {
		width: 15% !important;
	}

	.width_h2h_matches_score {
		width: 12% !important;
	}

	.width_h2h_matches_competition {
		width: 17% !important;
	}

	.result_comparison_min_height {
		min-height: 180px !important;
	}

	.h2h_comparison_team {
		width: 30% !important;
	}

	.stat_comparison_team1_h2h {
		width: 30% !important;
		padding-right: 20px !important;
		padding-top: 8px !important;
		text-align: right;
		vertical-align: middle !important;
		
	}

	.stat_comparison_team2_h2h {
		width: 30% !important;
		padding-left: 20px !important;
		padding-top: 8px !important;
		text-align: left;
		vertical-align: middle !important;
		
	}


	.stat_name_h2h {
		width: 40% !important;
		padding-top: 8px !important;
		text-align: center; 
		vertical-align: middle !important;
		
	}

	.stat_percentage_team1_h2h {
		width: 30% !important;
		padding-right: 20px !important;
		padding-top: 8px !important;
		text-align: right;
		vertical-align: middle !important;
		
	}

	.stat_percentage_team2_h2h {
		width: 30% !important;
		padding-left: 20px !important;
		padding-top: 8px !important;
		text-align: left;
		vertical-align: middle !important;
		
	}

	.stat_percentage_name_h2h {
		width: 40% !important;
		padding-top: 8px !important;
		text-align: center; 
		vertical-align: middle !important;
		
	}

	.h2h_text_fontsize {
		font-size: 83px !important;
	}

	.no_display_desktop_h2h {
		display: none;
	}

	.no_display_phone_alltime {
		display: none;
	}

	.width_score_h2h {
		width: 13% !important
	}

	.width_name_h2h {
		width: 20% !important
	}

	.width_year_h2h {
		width: 8% !important
	}

	.width_header {
		width: 7% !important;
	}

	.width_number_h2h {
		width: 8% !important
	}

	.no_margin_pad {
		margin-right:0px;
		margin-left:0px;
	}

	.no_display_desktop {
		display: none;
	}

	.table_posset_pad {
		width:100% !important;
		padding-right:20px !important;
		padding-left:20px !important;
	}

	.width_name_h2h {
		width: 30% !important
	}
	
	.width_name {
		width: 39% !important;
	}
	
	.width_rank {
		width: 6% !important;
	}

	.score_width {
		width: 29%;
	}

	.score_width_half {
		width: 14.5%;
	}

	.bold_text_desktop {
		font-weight: bold;
	}

	.site-navigation{
		position:absolute;
		top:50%;
		right:20px;
		transform:translate(0, -50%);
		-webkit-transform:translateY(-50%);
	}


    .scoreA {
		width:35%;
		float:left; 
		background-color:#d7d7d7; 
		padding:0 5px 0 0;
		text-align:right;
	}
	.scoreB {
		width:35%;
		float:left; 
		background-color:#d7d7d7; 
		padding:0 5px 0 5px;
	}
	.score {
		width:30%;
		float:left; 
		background-color:#ffffff; 		
		text-align:center;
	}
	.scoreDiv {
		font-size: 3em;
	}

	.no

	.height_pad_matchinfo {
		height:60px !important
	}
	
	.gameInfo {
		float:left; 
		padding:0px; 
		height:auto; 
		background-color: white; 
		font-size:1.6em;
	}

	.table_pad {
		width:100% !important
	}
	
	.gameInfoTBA {
		float: left;
		padding: 5px 0 0 6px;
		height: auto;
		background-color: white;
		font-size: 0.9em;		
	}
	
	.gameLabel { 
		float:left; 
		background-color:#cfcfcf; 
		padding-right:10px; 
		text-align:right;
	}
	
	.gameData {
		float:left; 
		background-color:#f0eff0; 
		padding-left:10px; 
		border-right:4px solid white;
	}
	
	.gameDataEnd {
		float:left; 
		background-color:#f0eff0; 
		padding-left:10px;
	}
	
	.attLabelWidth {
		width:17%;	
	}
	
	.attDataWidth {
		width:13%;	
	}
	
	.refLabelWidth {
		width:12%;	
	}
	
	.refDataWidth {
		width:22%;	
	}
	
	.stadiumLabelWidth {
		width:12%;
	}
	
	.stadiumDataWidth {
		width:24%;	
	}

    .myCcontainer {
        text-align: center !important;
    }
    
    table { 
        width:100%;
    }    
    
    td { 
        overflow: hidden; 
        text-overflow: ellipsis; 
        word-wrap: break-word;
    }
    
    
    .clock {
        display: inline-block !important;
        width: auto !important;
    }
    
    .form-group {
        margin-bottom: 0px;
    }
    
    .bgStanding_a {
        background-color: #d6d6d6;
    }
    
    
    .bgStanding_b {
        background-color: #cccccc;	
    }
    
    .standingsHeader_a {
        background-color:#acacac; 
    }
    
    .standingsHeader_b {
        background-color:#b7b7b7; 
    }
    
    .datesMain {
        background-color:#A9A9A9; 
        text-indent: 5px;
        text-align: left;	
    }
    
    .datesInformation_a {
        background-color:#dbdbdb; 
		max-width: 50px;
        min-width: 34px !important;    
        min-height: 1500px !important;      
        vertical-align: center;
    }
    
    .datesInformation_b {
		max-width: 50px;
        background-color:#eaeaea; 
        min-width: 34px !important; 
        min-height: 1500px !important;
        vertical-align: center;
    }     
    
    .live-commentary {
        background-color:#cbcbcb; 
        min-width: 34px !important;    
        min-height: 20px !important;
        font-size: 14px;
        color:black;
        text-decoration:underline;
        display: block; /* Makes the element a block-level element */
        padding-top:3px;
    }
    
    .newLive {
        text-align: center;
        padding: 0 !important;
        line-height: 25px !important;
        font-weight: bold;
    }

	.bloc-sm{
		padding:20px 50px;
	}

	.container{width:100%;}
    .b-parallax{background-attachment:scroll;}
    .page-container, #hero-bloc{overflow-x: hidden;position: relative;} /* Prevent unwanted side scroll on mobile */
    .bloc{padding-left: constant(safe-area-inset-left);padding-right: constant(safe-area-inset-right);} /* iPhone X Notch Support*/
    .bloc-group, .bloc-group .bloc{display:block;width:100%;}
    .bloc-fill-screen .fill-bloc-top-edge, .bloc-fill-screen .fill-bloc-bottom-edge{padding:0 20px;padding-left: constant(safe-area-inset-left);padding-right: constant(safe-area-inset-right);}
	
    
    .lh_20 {
        line-height:20px !important;
    }

	.width_separater_articles {
		width:50% !important
	}
}

/* Desktop devices */
@media only screen and (min-width: 1200px) {


	.article-score-width {
		width: 40%;
	}

	.article_display_style {
		display: flex;
	}

	.article_main_style {
		width: 75%;
		margin-right: 15px;
	}

	.article_other_style {
		width: 25%;
	}

	.width_div1 {
		width: 18% !important
	}

	.bracketLogoAlign {
		text-align: left;
	}

	.bracketLogoWidth {
		width: 40px
	}

	.width_trophies_total_l1c_new {
		width: 4% !important
	}

	.width_trophies_name_l1c_new {
		width: 36% !important
	}

	.width_trophies_total_newer_l1c_new {
		width: 14% !important
	}

	.max_logo_width_cpl_stats {
		width:1%
	}

	.width_cpl_matchweek {
		width: 6%;
	}

	.width_trophies_total_newer {
		width:13%
	}

	.trophies_trophies_visual_width_h2h {
		width:18.2%
	}

	.modernStandingsButton {
		width: 15%;
	}

	.modernButton {
		width:20%
	}

	.countdown_margin_text {
		margin: 5px 3.5rem;
	}

	.coutdown_text_label {
		font-size: 50px;
	}

	.width_rank_l1c {
		width: 3% !important;
	}

	.width_trophy_trophies_timeline {
		width: 40% !important;
	}

	.width_club_trophies_timeline {
		width: 35% !important
	}

	.width_date_trophies_timeline {
		width: 15% !important
	}

	.trophies_trophies_visual_width {
		width:11%
	}

	.logo_trophies_visual_width {
		width:10%
	}

    /* Styles for desktop devices */

	.total_trophies_visual_width {
		width: 6%;
	}

	.titles_number_big {
        size: 50%;
        font-size: 60px;
        vertical-align: middle;
        text-align: center;
        top: 4px;
        position: relative;
        color:white;
    }

	.scheduled_matches_width {
		width: 49%;
	}

	.soon_text {
		font-size: 80px;
	}

	.min_height_articles {
		min-height:230px
	}

	.team_separater_page {
		width: 20% !important;
	}


	.team_logo_width {
		width: 13% !important;
	}

	.team_name_width {
		width: 87% !important;
	}

	.padding_teaminfo_5 {
		padding-left: 5px;
	}

	.width_trophies_un_titles {
		width: 11%;
	}

	.width_trophies_un_name {
		width: 40%;
	}

	.width_trophies_titles {
		width: 7%
	}

	.width_trophies_total {
		width: 9%
	}

	.width_trophies_name {
		width: 29%;
	}

	.width_trophies_rank {
		width: 3% !important;
	}

	.max_logo_width_cpl {
		max-width: 40px;
	}

	.max_logo_width_concacaf {
		max-width: 32px;
	}

	.max_logo_width_canchamp {
		max-width: 36px;
	}

	.max_logo_width_cpl_2 {
		max-width: 26px;
	}

	.max_logo_width_cpl_3 {
		max-width: 30px;
	}

	.lower_name_livecomment {
		position: relative;
		top: 4px;
	}

	.padding_4_livecomment_score {
		padding: 0px !important;
	}

	.extra_livecommentary_width {
		width:102.7%;
	}

	.width_score_livecommentary {
		width: 20% !important;
	}

	.width_logo_livecommentary {
		width: 6% !important;
	}

	.width_name_livecommentary {
		width: 34% !important;
	}

	.width_mls_winners_year {
		width: 11%;
	}

	.width_mls_winners_team {
		width: 29%;
	}

	.width_mls_titles_number {
		width: 12%;
	}

	.width_mls_titles_name {
		width: 25%;
	}

	.width_title_list_runnerup {
		width: 25% !important;
	}

	.width_title_list_titles {
		width: 25% !important;
	}

	.width_title_list_name {
		width: 50% !important;
	}

	.no_display_desktop_alltime {
		display: none;
	}

	.width_name_alltime {
		width: 25% !important;
	}
	
	.width_rank_alltime {
		width: 4% !important;
	}

	.width_header_alltime {
		width: 5.5% !important;
	}

	.width_h2h_matches_date {
		width: 14% !important;
	}

	.smaller_pen_font_size {
		font-size: 4 !important;
	}

	.width_h2h_matches_name {
		width: 26% !important;
	}

	.width_h2h_matches_record {
		width: 15% !important;
	}

	.width_h2h_matches_score {
		width: 12% !important;
	}

	.width_h2h_matches_competition {
		width: 18% !important;
	}

	.result_comparison_min_height {
		min-height: 180px !important;
	}

	.h2h_comparison_team {
		width: 30% !important;
	}

	.stat_comparison_team1_h2h {
		width: 30% !important;
		padding-right: 20px !important;
		padding-top: 8px !important;
		text-align: right;
		vertical-align: middle !important;
		
	}

	.stat_comparison_team2_h2h {
		width: 30% !important;
		padding-left: 20px !important;
		padding-top: 8px !important;
		text-align: left;
		vertical-align: middle !important;
		
	}

	.stat_name_h2h {
		width: 40% !important;
		padding-top: 8px !important;
		text-align: center; 
		vertical-align: middle !important;
		
	}

	.stat_percentage_team1_h2h {
		width: 30% !important;
		padding-right: 20px !important;
		padding-top: 8px !important;
		text-align: right;
		vertical-align: middle !important;
		
	}

	.stat_percentage_team2_h2h {
		width: 30% !important;
		padding-left: 20px !important;
		padding-top: 8px !important;
		text-align: left;
		vertical-align: middle !important;
		
	}

	.stat_percentage_name_h2h {
		width: 40% !important;
		padding-top: 8px !important;
		text-align: center; 
		vertical-align: middle !important;
		
	}

	.h2h_text_fontsize {
		font-size: 83px !important;
	}

	.no_display_desktop_h2h {
		display: none;
	}

	.width_score_h2h {
		width: 13% !important
	}

	.width_name_h2h {
		width: 20% !important
	}

	.width_year_h2h {
		width: 8% !important
	}

	.width_name_h2h {
		width: 30% !important
	}

	.width_number_h2h {
		width: 8% !important
	}

	.width_header {
		width: 8% !important;
	}

	.no_display_desktop {
		display: none;
	}
	
	.width_name {
		width: 39% !important;
	}
	
	.width_rank {
		width: 6% !important;
	}

	.score_width {
		width: 29%;
	}

	.score_width_half {
		width: 14.5%;
	}

	.bold_text_desktop {
		font-weight: bold;
	}

	.site-navigation{
		position:absolute;
		top:50%;
		right:20px;
		transform:translate(0, -50%);
		-webkit-transform:translateY(-50%);
	}


    .scoreA {
		width:38%;
		float:left; 
		background-color:#d7d7d7; 
		padding:0 5px 0 0;
		text-align:right;
	}
	.scoreB {
		width:38%;
		float:left; 
		background-color:#d7d7d7; 
		padding:0 5px 0 5px;
	}
	.score {
		width:24%;
		float:left; 
		background-color:#ffffff; 		
		text-align:center;
	}
	.scoreDiv {
		font-size: 3em;
	}
	
	.gameInfo {
		float:left; 
		padding:0px; 
		height:auto; 
		background-color: white; 
		font-size:1.6em;
	}
	
	.gameInfoTBA {
		float: left;
		padding: 5px 0 0 6px;
		height: auto;
		background-color: white;
		font-size: 0.9em;		
	}
	
	.gameLabel { 
		float:left; 
		background-color:#cfcfcf; 
		padding-right:10px; 
		text-align:right;
	}
	
	.gameData {
		float:left; 
		background-color:#f0eff0; 
		padding-left:10px; 
		border-right:4px solid white;
	}
	
	.gameDataEnd {
		float:left; 
		background-color:#f0eff0; 
		padding-left:10px;
	}
	
	.attLabelWidth {
		width:12%;	
	}
	
	.attDataWidth {
		width:18%;	
	}
	
	.refLabelWidth {
		width:12%;	
	}
	
	.refDataWidth {
		width:22%;	
	}
	
	.stadiumLabelWidth {
		width:12%;
	}
	
	.stadiumDataWidth {
		width:24%;	
	}

    .myCcontainer {
        text-align: center !important;
    }
    
    table { 
        width:100%;
    }    
    
    td { 
        overflow: hidden; 
        text-overflow: ellipsis; 
        word-wrap: break-word;
    }
    
    
    .clock {
        display: inline-block !important;
        width: auto !important;
    }
    
    .form-group {
        margin-bottom: 0px;
    }
    
    .bgStanding_a {
        background-color: #d6d6d6;
    }
    
    
    .bgStanding_b {
        background-color: #cccccc;	
    }
    
    .standingsHeader_a {
        background-color:#acacac; 
    }
    
    .standingsHeader_b {
        background-color:#b7b7b7; 
    }
    
    .datesMain {
        background-color:#A9A9A9; 
        text-indent: 5px;
        text-align: left;	
    }
    
    .datesInformation_a {
        background-color:#dbdbdb; 
		max-width: 50px;
        min-width: 34px !important;    
        min-height: 1500px !important;      
        vertical-align: center;
    }
    
    .datesInformation_b {
		max-width: 50px;
        background-color:#eaeaea; 
        min-width: 34px !important; 
        min-height: 1500px !important;
        vertical-align: center;
    }     
    
    .live-commentary {
        background-color:#cbcbcb; 
        min-width: 34px !important;    
        min-height: 20px !important;
        font-size: 14px;
        color:black;
        text-decoration:underline;
        display: block; /* Makes the element a block-level element */
        padding-top:3px;
    }
    
    .newLive {
        text-align: center;
        padding: 0 !important;
        line-height: 25px !important;
        font-weight: bold;
    }
    
    .lh_20 {
        line-height:20px !important;
    }

}