@media only screen and (max-width: 1480px) {
	.player-section h3{
		font-size: 26px;
		line-height:21px;
	}


	#step9 h3{
		font-size: 18px;
		line-height:16px;
	}

	.player-section .right-div .btn{
		    font-size: 24px;
		    line-height: 52px;
	}
	.player-section .right-div ul li h4{
		font-size: 12px;
	}
	.player-section .video-player{
		    height: 555px;
	}
	.create-account-bottom-btn .btn {
		font-size: 45px;
		height: 116px;
		line-height: 95px; 
		white-space: normal;
	}
	.browes-more-section h2{
		font-size: 40px;
		    padding: 40px 0;
	}
	.best-game-section .btn{
		font-size: 52px;
	}
}
@media only screen and (max-width: 1300px) {
	.col-5-ul li{
		width: 25%;
	}
}
@media only screen and (max-width: 1199px) {
	header .mid-text{
		font-size: 18px;
	}
    .create-account-bottom-btn .btn {
		font-size: 30px;
		height: 80px;
		line-height: 65px; 
	}
	.player-section h3 {
		font-size: 24px;
		line-height:21px;
	}

	#step9 h3{
		font-size: 18px;
		line-height:16px;
	}

	.player-section .right-div ul li .img{
		height: 130px;
	}
	.player-section .right-div .bottom-btn{
		padding: 30px 20px;
	}
	.player-section .video-player {
    height: 450px;
}
	.player-section .left-div .bottom-info{
		font-size: 14px;
	}
	.game-block h3{
		font-size: 14px;
	}
	
}
@media only screen and (max-width: 991px) {
	.create-account-bottom-btn .btn {
		font-size: 20px;
		height: 60px;
		line-height: 48px;
	}
    .col-5-ul li{
		width: 33.3%;
	}
	.player-section .left-div .bottom-info{
		margin-bottom: 30px;
	}
	.player-section .video-player{
		height: auto
	}
	.player-section { 
		padding: 15px 0 0 0;
	}
}
@media only screen and (max-width: 767px) {
	.header-lg-join a.btn{
		white-space: normal;
		font-size: 24px;
	}
	.best-game-section .btn{
		font-size: 40px;
	}
	.browes-more-section h2 {
    font-size: 30px;
    padding: 20px 0;
}
	.navbar-toggle{
		 
		    margin-right: 5px; 
	}

	.navbar-custom{
		margin-top: 10px;
		padding: 0
	}
	.navbar-brand{
		display: block;
		height: auto;
		padding:15px;
		color: #fff;
	}
	footer{
		font-size: 14px;
	}
    .col-5-ul li{
		width: 50%;
	}
	.create-account-bottom-btn .btn{
		    padding-right: 20px;
    padding-left: 20px;
		
	}
	.navbar-custom .navbar-collapse{
	margin-left: -15px;
	margin-right: -15px;
	padding: 0 15px
}
	.navbar-custom .nav>li{
		text-align: center;
	}
	.navbar-custom .nav>li a {
		padding: 15px 0; 
}
	
}
@media only screen and (max-width: 640px) {
    
}
@media only screen and (max-width: 480px) {
	header .head-bar .btn{
		font-size: 12px;
	}
	.player-section .right-div .bottom-btn {
    padding: 30px 0;
}
	.player-section .right-div .btn {
    font-size: 17px;
    line-height: 47px;
		height: 60px;
}
    .col-5-ul li{
		width: 100%;
	}
	.create-account-bottom-btn .btn{
		   font-size: 14px;
		
	}
	.player-section .right-div ul li{
		width: 100%;
	}
	.header-lg-join{
		    padding: 25px 0;
	}
	.header-lg-join a.btn {
    font-size: 15px;
    padding-left: 20px;
    padding-right: 20px;
    
    min-height: 52px;
    line-height: 35px;
}
}
@media only screen and (max-width: 460px) {
	.create-account-bottom-btn .btn {
		padding-right: 0;
		padding-left: 0;
		display: block;
	}
}
@media screen and (max-width: 767px){
	.thesteps p {
		margin-bottom: 0;
		font-size: 14px !important;
		line-height: 1.25em !important;
		border-bottom: none;
	}

	.thesteps h3{
		font-size: 14px !important;
		line-height: 1.25em !important;
		text-transform: none;
	}

	.hide-sm-mobile{
		display: none;
	}

	.player-section .thesteps #step3 p{
		text-transform: none;
	}

	body.ld-join section.header-lg-join,
	.join .warning{
		display: none !important;
	}

	.joinWrapper .joinInfo{
		margin-top: 1em;
	}

	#faq{
		width: 100%;
		padding: 1em;
		box-sizing: border-box;
	}
}

@media screen and (max-width: 400px){
	.player-section .thesteps p,
	.player-section .thesteps h3{
		font-size: 14px !important;
		line-height: 1em;
	}

	.player-section .steps button{
		font-size: 1em;
		line-height: 1em;
	}

	.hide-xs-mobile{
		display: none;
	}
}

@media screen and (min-width: 768px){
	.player-section .thesteps #step3 p{
		text-transform: uppercase;
	}

	.player-section .thesteps p,
	.player-section .thesteps h3{
		line-height: 1.5em !important;
		font-sizwe: 1.5em !important;
	}

	.player-section .right-div ul li{
		float: left;
	}

	.player-section .right-div .bottom-btn{
		clear: both;
	}

	.player-section .right-div .bottom-btn .btn{
		height: auto !important;
		font-size: 1.5em !important;
		line-height: 1.25em !important;
	}
}

@media screen and (max-width: 1499px){
	.player-section .right-div h3{
		line-height: 1.25em;
		
	}
}