@media screen and (min-width: 1920px){
	.skArea													{ background: #1c5db1 url(images/splash-bg.jpg) top center no-repeat; background-size: cover; min-height: 100%;}
	.ContentWrp												{ position: relative;}
	.soccer-ball-left										{ display: block; position: absolute; left: -430px; bottom: 48%; margin: 0; transform: translate(0%, 50%);
															width: 400px; height: 405px; background: url(images/soccer-ball-left.png) top center no-repeat;}
	.soccer-ball-right										{ display: block; position: absolute; right: -430px; bottom: 48%; margin: 0; transform: translate(0%, 50%);
															width: 400px; height: 405px; background: url(images/soccer-ball-right.png) top center no-repeat;}
	.AboutUs												{ display: none;}
	.skfooter-content										{ padding-top: 50px;}
}

@media screen and (max-width: 1130px)
{
	.skwidth												{ width: 96%;}
	.skHeader .skwidth										{ width: 98%;}
}

@media screen and (max-width: 840px){
	.skHeader .skwidth										{ width: 96%;}
	.head-content,
	.skFooter .skfooter-content								{ display: block;}
	.skHeader .hdLeft,
	.skHeader .hdRight,
	.skHeader .hdMiddle,
	.skFooter .ftLeft, 
	.skFooter .ftRight, 
	.skFooter .ftMiddle										{ display: block; text-align: center;}
	.skHeader .hdMiddle img									{ margin: 30px 0;}
	.skContent .skLeft, 
	.skContent .skRight, 
	.skContent .skMiddle										{ float: none; margin: 0 auto;}
	.skContent .skMiddle,
	.skFooter .ftMiddle,
	.skContent .skbottomLeft									{ margin: 30px auto;}
	.skContent .skLeft, 
	.skContent .skRight, 
	.skContent .skMiddle,
	.skContent .skbottomLeft,
	.skContent .skbottomRight								{ width: auto; float: none;}
	.AboutUs .leftSection,
	.AboutUs .rightSection									{ width: 60%; text-align: center; float: none; margin: 0 auto;}
	.AboutUs .rightSection									{ margin-top: 30px;}
	.BottomThumbImages										{ max-width: 100%; padding: 20px 0 0 0;}
	.skGob-content											{ margin: 20px 0 0 0; }
	.skGob-content .ftLeft .text,
	.skGob-content .ftRight .text							{ margin: 5px 0; }
}

@media screen and (max-width: 768px){
	.skwidth												{ width: 90%;}
	.head-content											{ padding-top: 40px;}
	.skHeader .skTitle										{ padding-bottom: 40px;} 
	.ThumbSec												{ padding: 40px 0;}
	img														{ max-width: 100%; vertical-align: middle; display: block; height: auto; margin: 0 auto;}
	.AboutUs .leftSection,
	.AboutUs .rightSection									{ width: auto;}
}
@media screen and (max-width: 450px){
	.ftMiddle ul.list										{ display: table; width: 100%;}
	.ftMiddle ul.list li										{ display: table-cell;}
}