/* RESPONSIBLE
------------------------------------------------------*/


/*--------------------------------------------------------------------------------------------*/
/* IPad */
/*--------------------------------------------------------------------------------------------*/
@media screen and (min-device-width: 768px) and (max-device-width: 1023px) {
	
	body {
		background: #000 url('../images/bg.jpg') no-repeat;
		background-position: center -49px;
	}


	.black {
		display: block;
		position: absolute;
		width: 100%;
		height: 100%;
		background: #000;
		opacity: 0.84;
		z-index: -1;
	}



	.header {
		position: relative;
		float: left;
		height: auto;
		border: none;
		background: none;
		z-index: 8;
	}

	.header .content-header {
		width: inherit;
		position: relative;
		float: left;
	}

	.header .lang-chat-login {
		margin: 15px 0 0 0;
	}

	.header .general-menu, 
	.header .lang-chat-login .live_chat, 
	.header .lang-chat-login .login {
		display: none !important;
	}

	.header .lang-chat-login, 
	.header .lang-chat-login .lang {
		float: none;
	}

	.header .lang-chat-login .lang {
		margin: 0 auto;
	}



	.after-header {
		width: 100%;
		height: auto;
		position: relative;
		float: left;
		background: none;
		margin: auto;
		text-align: center;
		z-index: 7;
	}

	.logo {
		float: none;
		margin: 35px auto 0 auto;
	}

	.tabs {
		display: none;
	}

	.aff_logo {
		display: none !important;
	}




	.slider-box {
		width: 100%;
		background-color: #000;
		background: none;
		position: relative;
		float: left;
		padding: 0;
		margin: 0;
		z-index: 6;
	}



	.slider_wrapper {
		width: 100%;
		height: auto;
		float: left;
		border: none;
		overflow: visible !important;
	}

	.bx-wrapper {
		width: inherit;
		position: absolute;
		z-index: -2 !important;
	}

	.bx-viewport {
		height: none !important;
		overflow: visible !important;
	}

	.home-slider {
		position: absolute;
		top: 20px;
		height: 473px;
		overflow: hidden;
		transform: scaleX(1.68) scaleY(1.68);
		-webkit-transform: scaleX(1.68) scaleY(1.68);
		z-index: -2;
	}

	.home-slider li {
		float: left !important;
		left: 50%;
		margin-left: -540px;
	}

	.inner_slider {
		position: relative;
		float: left;
		width: inherit;
		height: auto;
		margin: auto;
		text-align: center;
	}



	.offer {
		width: inherit;
		margin: 20px auto 0 auto;
		float: none;
		overflow: hidden;
	}

	.btn_wrapper {
		width: inherit;
		position: relative;
		float: left;
		padding: 0 0;
		margin: 20px 0 0 0;
	}

	.bonus_wrapper {
		position: relative;
		float: left;
		width: inherit;
		margin: 0;
	}

	.download-now {
		display: none !important;
	}

	.bonus_code {
		width: 100%;
		margin-top: 28px;
	}



	.steps-conteiner {
		width: 100%;
		height: auto;
		background: none;
	}

	.steps, .steps li {
		width: 286px;
	}

	.steps {
		overflow: hidden;
		margin-top: 30px;
	}

	.steps li {
		margin: 12px 0 0 0;
	}

	.step {
		margin: auto;	
	}

	.step_wrapper {
		padding: 0 0;
	}

	.steps li li {
		margin: auto;
	}

	

	.bottom_wrapper {
		width: 100%;
		float: left;
		background: none;
		z-index: 7;
	}

	.footer {
		height: 250px;
		padding: 0 0;
	}

	.footer img {
		max-width: none;
		width: 100%;
		margin-top: 20px;
	}

	.footer p {
		color: #404040;
	}
}






/*--------------------------------------------------------------------------------------------*/
/* IPhone 5 */
/*--------------------------------------------------------------------------------------------*/

@media screen and (min-device-width: 320px) and (max-device-width: 767px) {
	body {
		background: #000 url('../images/bg.jpg') no-repeat;
		background-position: center -49px;
	}


	.black {
		display: block;
		position: absolute;
		width: 100%;
		height: 100%;
		background: #000;
		opacity: 0.84;
		z-index: -1;
	}



	.header {
		position: relative;
		float: left;
		height: auto;
		border: none;
		background: none;
		z-index: 8;
	}

	.header .content-header {
		width: inherit;
		position: relative;
		float: left;
	}

	.header .lang-chat-login {
		margin: 15px 0 0 0;
	}

	.header .general-menu, 
	.header .lang-chat-login .live_chat, 
	.header .lang-chat-login .login {
		display: none !important;
	}

	.header .lang-chat-login, 
	.header .lang-chat-login .lang {
		float: none;
	}

	.header .lang-chat-login .lang {
		margin: 0 auto;
	}



	.after-header {
		width: 100%;
		height: auto;
		position: relative;
		float: left;
		background: none;
		margin: auto;
		text-align: center;
		z-index: 7;
	}

	.logo {
		float: none;
		margin: 35px auto 0 auto;
	}

	.tabs {
		display: none;
	}

	.aff_logo {
		display: none !important;
	}




	.slider-box {
		width: 100%;
		background-color: #000;
		background: none;
		position: relative;
		float: left;
		padding: 0;
		margin: 0;
		z-index: 6;
	}



	.slider_wrapper {
		width: 100%;
		height: auto;
		float: left;
		border: none;
		overflow: visible !important;
	}

	.bx-wrapper {
		width: inherit;
		position: absolute;
		z-index: -2 !important;
	}

	.bx-viewport {
		height: none !important;
		overflow: visible !important;
	}

	.home-slider {
		position: absolute;
		top: 20px;
		height: 473px;
		overflow: hidden;
		transform: scaleX(1.68) scaleY(1.68);
		-webkit-transform: scaleX(1.68) scaleY(1.68);
		z-index: -2;
	}

	.home-slider li {
		float: left !important;
		left: 50%;
		margin-left: -540px;
	}

	.inner_slider {
		position: relative;
		float: left;
		width: inherit;
		height: auto;
		margin: auto;
		text-align: center;
	}



	.offer {
		width: inherit;
		margin: 20px auto 0 auto;
		float: none;
		overflow: hidden;
	}

	.offer img {
		width: 94%;
	}

	.btn_wrapper {
		width: inherit;
		position: relative;
		float: left;
		padding: 0 0;
		margin: 20px 0 0 0;
	}

	.bonus_wrapper {
		position: relative;
		float: left;
		width: inherit;
		margin: 0;
	}

	.download-now {
		display: none !important;
	}

	.bonus_code {
		width: 100%;
		margin-top: 28px;
	}



	.steps-conteiner {
		width: 100%;
		height: auto;
		background: none;
	}

	.steps, .steps li {
		width: 286px;
	}

	.steps {
		overflow: hidden;
		margin-top: 30px;
	}

	.steps li {
		margin: 12px 0 0 0;
	}

	.step {
		margin: auto;	
	}

	.step_wrapper {
		padding: 0 0;
	}

	.steps li li {
		margin: auto;
	}

	

	.bottom_wrapper {
		width: 100%;
		float: left;
		background: none;
		z-index: 7;
	}

	.footer {
		height: 130px;
		padding: 0 0;
	}

	.footer img {
		max-width: none;
		width: 100%;
		margin-top: 20px;
	}

	.footer p {
		color: #404040;
	}
}