@media (max-width: 767px){
	
	.hOne{
		font-size:30px;
	}

	.hTwo{
		font-size:22px;

	}

	.hThree{
		font-size:15px;
	}
	
	.sectionOne{
		width:100%;
		height:650px;
		background:url(images/main-bg.jpg) no-repeat center;
		background-size: cover;
	}

	.wrapper{
		max-width:90%;
		margin:auto;
	}

	header{
		padding:10px 0;
		width:90%;
		margin:auto;
	}
	
	.mainLogo img{
		width:70px;
	}

	.menu{
		display:block;
		float:right;
		margin: 20px 0 0 0;
		cursor:pointer;
	}

	nav .navigation{
		position: absolute;
		right: 16px;
		top: -20px;
		width:120px;
		padding:10px;
		background: rgba(0, 0, 0, 0.7);
		display:none;
		z-index:5;
	}
	
	nav .navigation.active
	{
		display:block;
	}

	nav .navigation a{
		padding: 0 0 2px 0;
		margin:0 0 20px 0;
		width:120px;
		float:none;
		display:block;
	}

	.sectionOne .mainTitle{
		padding:50px 0 0 15px;
		width:220px;
	}

	.sectionOne .mainTitle button{
		padding:12px 15px;	
		font-size:12px;
	}
	
	/*----------------------------------------*/
	
	.sectionTwo{
		padding:30px 0;
	}

	.sectionTwo .wrapper .left{
		width:90%;
		margin:auto;
		float:none;
	}

	.sectionTwo .wrapper .left button{
		padding:12px 15px;	
		font-size:12px;
	}

	.sectionTwo .wrapper .right{
		float:none;
		width:90%;
		margin:30px auto;
	}

	.sectionTwo .wrapper .right ul li{
		padding:10px;
		border-bottom:solid 1px #fff;
		width:90%;
	}	

	.sectionTwo .wrapper .right button{
		padding:12px 15px;	
		font-size:12px;
	}	

	/*----------------------------------------*/

	.sectionThree .left{
		background:url(images/bg-2-sm.jpg)  no-repeat right;
		width:100%;
		height:169px;
		float:none;
		background-size:100%;
	}
	.sectionThree .right{
		background:url(images/bg-3-sm.jpg)  no-repeat left;
		width:100%;
		height:169px;
		float:none;
		background-size:100%;
	}

	.sectionThree .left button{
		padding:12px 15px;	
		font-size:12px;
		margin: 0 0 169px 0;
	}

	.sectionThree .right button{
		padding:12px 15px;	
		font-size:12px;
	}
	
	/*----------------------------------------*/

	footer{
		padding:30px 15px;
		height:80px;
	}

	footer .footerLogo img{
		width:80%;
	}
	
	/*----------------------------------------*/

	.sectionFour .mainTitleGames{
		float:none;
		margin:20px 0 0 0;
		color: #fff;
		max-width:440px;
		padding:0 40px;
		background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 25%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.5) 75%, transparent 100%);
	}
	
	.sectionFour .mainTitleGames img{
		width:100%;
	}

	/*----------------------------------------*/
	
	.sectionSeven{
		width:100%;
		height:758px;
		background:url(images/bg-4.jpg) no-repeat left;
		background-size: cover;
	}

	.aboutHeading{
		max-width: 80%;
	}

	/*----------------------------------------*/

	.mainSectionContact .left{
		float:none;
		width:255px;
		margin:auto;
	}

	.contactHeading{
		max-width: 80%;
	}

	.formHeading{
		max-width: 80%;
	}

	.mainSectionContact .right{
		float:none;
		width:255px;
		margin:auto;
	}

	form{
		
	}

	form input{
		width:90%;
	}

	form textarea{
		width:90%;
	}

	form .submit{
		width:99%;
	}
}