@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap');

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&display=swap');
body{
	margin: 0;
	padding: 0;
	font-size: 16px; 
	color:#000;
	font-family: 'Open Sans', sans-serif;
}
*{
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
/*comman-area*/
ol, ul{
	margin: 0;
	padding: 0;
}
img{
	display: block;
}
a{
	transition: all 0.5s ease;
}
a:focus, a:hover, a:active{
	text-decoration: none;
	outline: none;
}
h1,h2,h3,h4,h5,h6{
	margin: 0;
	font-weight: normal;
	color: #24292e;
}
h1,h2,h3,h4,h5{
	font-family: 'Montserrat', sans-serif;
}
p{ 
	margin: 0;
	color: #98999e;
	line-height: 24px;
}
h2{
	font-size: 40px;
}
img{
	max-width: 100%;
}
button:focus{
	outline: none;
	box-shadow: none;
}
.btn:hover,.btn:focus{
	background-color: #3c025c;
	color: #fff;
}@media (min-width:2001px) and (max-width:2560px){
}
@media (min-width:1801px) and (max-width:2000px){

	.container{
		max-width: 1250px;
	}
}
@media (min-width:1551px) and (max-width:1800px){
	.container{
		max-width: 1250px;
	}

}
@media (min-width:1300px) and (max-width:1550px){
	.container{
		max-width: 1250px;
	}
}
@media (min-width:1200px) and (max-width:1299px){
}	
@media (min-width:992px) and (max-width:1199px){

	.banner-bg{
		min-height: auto;
		padding: 0 0 50px 0;
	}
	.banner-text{
		margin: 45% 0 0 0;
	}
	.banner-text h1{
		font-size: 40px;
		line-height: 50px;
	}
	.banner-text p{
		margin-bottom: 30px;
	}
	.banner-image {
	    min-height: 636px;
	}
	.banner-image img{
		width: 350px;
	}
	.banner-text .comman-btn{
		width: 200px;
	}

	.our-games-bg{
		padding: 50px 0 0 0;
	}
	.main-title{
		margin: 0 0 60px 0;
	}
	.main-title h2{
		font-size: 30px;
	}
	.main-title h2::before{
		bottom: -10px;
	}
	.game-text{
		margin: 30px 0 0 0;
	}
	.game-text h3 {
		font-size: 20px;
		margin: 0 0 10px 0;
	}
	.game-text ul li {
		line-height: 40px;
	}

	.our-games-bg .row{
		margin-bottom: 50px;
	}
}	
@media (min-width:768px) and (max-width:991px){

	.header{
		margin: 0;
	}
	.navbar{
		padding-top: 15px;
		padding-bottom: 15px;
		min-height: auto;
	}
	.navbar-brand img{
		width: 200px;
	}
	.navbar-expand-lg .navbar-nav .nav-item{
		margin: 5px 0 0 0;
		text-align: center;
	}
	.navbar-expand-lg .navbar-nav .nav-link{
		padding: 8px 0;
		background-color: #ca1632;
		color: #fff;
	}


	.banner-bg{
		min-height: auto;
		padding: 0 0 50px 0;
	}
	.banner-text h1{
		font-size: 30px;
		line-height: 40px;
	}
	.banner-text p{
		margin-bottom: 30px;
	}
	.banner-image {
	    min-height: 636px;
	}

	.our-games-bg{
		padding: 50px 0 0 0;
	}
	.main-title{
		margin: 0 0 60px 0;
	}
	.main-title h2{
		font-size: 30px;
	}
	.main-title h2::before{
		bottom: -10px;
	}
	.game-text{
		margin: 30px 0 0 0;
	}
	.game-text h3 {
		font-size: 20px;
		margin: 0 0 10px 0;
	}
	.game-text ul li {
		line-height: 40px;
	}

	.our-games-bg .row{
		margin-bottom: 50px;
	}


}
@media (min-width:320px) and (max-width:767px){

	.header{
		margin: 0;
		position: relative;
		z-index: 111;
		margin: 0 0 -50px 0;
	}
	.navbar{
		padding-top: 15px;
		padding-bottom: 15px;
		min-height: auto;
	}
	.navbar-brand img{
		width: 150px;
	}
	.navbar-expand-lg .navbar-nav .nav-item{
		margin: 5px 0 0 0;
		text-align: center;
	}
	.navbar-expand-lg .navbar-nav .nav-link{
		padding: 8px 0;
		background-color: #ca1632;
		color: #fff;
	}


	.banner-text h1{
		font-size: 30px;
		line-height: 40px;
	}
	.banner-image{
		min-height: auto;
		margin: 30px 0 0 0;
	}


	.our-games-bg{
		padding: 50px 0 0 0;
	}
	.main-title{
		margin: 0 0 60px 0;
	}
	.main-title h2{
		font-size: 30px;
	}
	.main-title h2::before{
		bottom: -10px;
	}
	.games-image{
		margin: 0;
	}
	.game-text{
		margin: 0px 0 50px 0;
	}

	.game-text h3 {
		font-size: 20px;
		margin: 0 0 10px 0;
	}

	.download-bg {
		padding: 150px 0 200px 0;
	}
	.screenshots-bg{
		padding: 0 0 100px 0;
	}

	.foot-text ul li{
		margin: 10px 0 0 0;
		display: block;
	}
	.social-media ul li{
		display: inline-block;
		margin: 0 15px 0 0;
	}

}
@media (min-width:576px) and (max-width:767px){

	.banner-text h1{
		font-size: 40px;
		line-height: 60px;
	}
}