@media screen and (min-device-width: 0px) and (max-width: 1400px){
	
	.header{
		overflow: hidden;
	}

	.leftTItle{
		left: 370px;
		width: 350px;
		left: 460px;
	}

	.rightTItle{
		right: 360px;
		width: 350px;
		right: 480px;
		width: 320px;
	}

	.hideOnDesktop{
		display: block;
	}
	
	.hideOnMobile{
		display: none;
	}
	
	.centerTitle{
		width: 100%;
	}
	
	.plus{	
		display: block;
		width: 40px;
		position: absolute;
		top: 10px;
		right: 10px;
		z-index: 99999999999999999999;
	}
	
	.topPhones{
		
	}
	
	.ttil{
		line-height: 45px;
		font-size: 31px;
	}

	.applower{
		float: none;
		margin: auto;
		margin-top: 50px;
	}
	
	.playlower{
		float: none;
		margin: auto;
		margin-top: 51px;
	}
	
	.righter{
		width: 100%;
		text-align: center !important;
	}
	
	.midderHolder{
		width: 100%;
	}
	
	.heighter{
		height: 50px;
	}
	
	.smallersect{
		height: 550px !important;
	}
	
	.themain{
		top: 0px !important;
		right: 0px !important;
		left: 0px !important;
		bottom: 0px !important;
		opacity: 1;
	}
	
	.plus{
		display: none;
	}
	
	.reverseItOnTabletTitle{
		left: auto !important;
		right: 40px !important;
	}
	
	.reverseItOnTabletPhone{
		left: 50px !important;
		right: auto !important;
	}
	
	.promoheader{
		height: auto;
		overflow: visible;
	}
	
	.smolll{
		
		top: 100px;
		
	}
	
	.r1{
		right: 0px !important;
		top: 50px !important;
		left: auto !important;
		width: 500px !important;
	}
	
	.r2{
		left: 0px !important;
		top: 50px !important;
		width: 500px !important;
	}
	
	.midderHolder{
		margin-top: -15px;
	}

	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}