#Activities-GRP.tb, #Activities-GRP .tb{ display: table; }

#Activities-GRP {
	
	ul, li{ padding: 0; margin: 0; list-style:none; }
	.td > img{ width: 100%; } /* display: block; */
	.td{ position: relative; }

	.td > .tb{ position: absolute; z-index: 100; width: 100%; height: 100%; top: 0; }

	ul.tb > li{ position: relative; text-align: center; color: #fff; line-height: 150%; }
	ul.tb > li > div > a, ul.tb > li > div > a:visited{ color: #fff; text-decoration: none; }
	ul.tb > li > div > a:hover{ text-decoration: underline; }

	ul.row-01 > li{ 
		float: left; 
		display: flex; align-items: center; justify-content: center;
	}
	ul.row-01 > li:nth-child(1){ width: 50%; height: 100%; }
	ul.row-01 > li:nth-child(2){ width: 50%; height: 100%; }
	ul.row-01 > li:nth-child(1) > div{ padding: 5% 13% 0 10%; }
	ul.row-01 > li:nth-child(2) > div{ padding: 5% 10% 0 13%; }

	
	ul.row-03 > li{ 
		float: left; 
		display: flex; align-items: center; justify-content: center;
	}
	ul.row-03 > li:nth-child(1){ width: 33.3%; height: 100%; }
	ul.row-03 > li:nth-child(2){ width: 33.3%; height: 100%; }
	ul.row-03 > li:nth-child(3){ width: 33.3%; height: 100%; }

	ul.row-03 > li > div{ margin-top: 35%; }
	ul.row-03 > li:nth-child(1) > div{ margin-left: 10%; }
	ul.row-03 > li:nth-child(3) > div{ margin-right: 8%; }
	
}

#Activities-GRP .td > img:not(.UXREU-visible-xs):not(.UXREU-hidden-xs){ display: block; } 

@media screen and (max-width: 991px){
	#Activities-GRP{ margin-left: 15px; margin-right: 15px; }
}

@media screen and (min-width: 768px){
	.UXREU-visible-xs{ display: none; }
	#Activities-GRP .td > img.UXREU-hidden-xs{ display: block; }
} /* min-width: 768px */

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

	.UXREU-hidden-xs{ display: none; }
	#Activities-GRP .td > img.UXREU-visible-xs{ display: block; }

	#Activities-GRP {
		
		ul.row-01 > li{ 
			float: none; 
			display: flex; align-items: center; justify-content: center;
			font-size: 13px;
		}
		ul.row-01 > li:nth-child(1){ width: 100%; height: 50%; }
		ul.row-01 > li:nth-child(2){ width: 100%; height: 50%; }
		ul.row-01 > li:nth-child(1) > div{ padding: 35px 55px 15px 40px; }
		ul.row-01 > li:nth-child(2) > div{ padding: 20px 40px 15px 55px; }
		
		ul.row-03 > li{ 
			float: none; 
			display: flex; align-items: center; justify-content: center;
		}
		ul.row-03 > li:nth-child(1){ width: 100%; height: 25%; margin-top: 10%; }
		ul.row-03 > li:nth-child(2){ width: 100%; height: 25%; margin-top: 1.5%; }
		ul.row-03 > li:nth-child(3){ width: 100%; height: 25%; margin-top: 1.5%; }

		ul.row-03 > li > div{ margin: 0 !important; }
		
	} /* #Activities-GRP */

} /* max-width: 767px */

@media screen and (max-width: 425px){
	#Activities-GRP{
		ul.row-01 > li{ font-size: 10px; line-height: 130% !important; } 
		ul.row-01 > li:nth-child(1) > div{ padding: 5% 5% 0 5% !important; }
		ul.row-01 > li:nth-child(2) > div{ padding: 1% 5% 0 5% !important; }
	}
}