﻿/* CSS Document */
* { font-family: "tahoma";}
body, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, select, textarea, button, th, td { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight:normal;}
ul, dl{ list-style: none; }
img, fieldset, input[type="submit"] { border: 0 none; }
img { display: inline-block; overflow: hidden; vertical-align: top; }
em { font-style: normal; }
table { border-collapse: collapse; border-spacing: 0; }
button, input[type="button"] { cursor: pointer; border: 0 none; }
menu { margin: 0; padding: 0; }
input[type="number"] { -webkit-user-select: text; }
a, button, input, img { -webkit-touch-callout: none; }
input, select, textarea { outline: none; }
.clearfix:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; font-size:0; }
.clearfix { display:inline-block; zoom:1; }
html[xmlns] .clearfix { display:block; }
* html .clearfix { zoom:1; }
html, body { height: 100%; }
a { text-decoration: none;}

/*reset End*/
.bg{background: url(../images/mg/page1.jpg) no-repeat center;width: 100%;height: 33.3rem;background-size: 100%;position: relative;}
.bg2{background: url(../images/mg/page2.jpg) no-repeat center;width: 100%;height: 47.5rem;background-size: 100%;position: relative;}
/*.bg-global{background: url(../images/mg/page1-g.jpg) no-repeat center;width: 100%;height: auto;background-size: 100%;position: relative;}*/
/*.bg2-global{background: url(../images/mg/page2-g.jpg) no-repeat center;width: 100%;height: 47.5rem;background-size: 100%;position: relative;}*/
.bg .button1{background: url(../images/mg/button1.png) no-repeat center;background-size: 100%;width: 11rem;height: 2.5rem;position: absolute;}
.bg-global .button1_ios{width: 15rem;height: 4rem;position: absolute; z-index: 50;}
.bg-global .button2_ios{width: 15rem;height: 4rem;position: absolute; z-index: 50;}
.bg-global .button1_android{width: 13rem;height: 4rem;position: absolute;
	z-index: 50;
	/* top: 30.4rem;left: 45%;margin-left: -5.5rem; */
}


.bg2-global p{

	font-size:20px;

}

.bg-global .button1_android{

	bottom:50% !important;
}
/* Small devices (landscape phones, 576px and up)*/
/*
@media (min-width: 300px) { 
	html{
		font-size:20px;
	}
	.bg-global .button1{
		top : 21rem;
		width: 12rem;height: 3rem;
		left: 48%;
		margin-left: -5.5rem;
	}
	.bg-global .button1_android{
		top : 20rem;
		width: 12rem;height: 3rem;
		left: 48%;
		margin-left: -5.5rem;
	}
	.bg2-global p{

		font-size:10px;
	
	}
}
*/



@media only screen  and (max-width: 330px) {

	/* For mobile phones: */
	/* .bg-global .button1_android{
		top : 17rem;
		width: 12rem;height: 3rem;
		left: 48%;
		margin-left: -5.5rem;
	} */
  }
  @media only screen  and (max-width: 360px) {

	/* For mobile phones:
	.bg-global .button1_android{
		top : 20.5rem;
		width: 12rem;height: 3rem;
		left: 48%;
		margin-left: -5.5rem;
	} */
  }

@media (min-width: 400px) { 

	.bg-global .button1{
		top : 23.3rem;
		width: 12rem;height: 3rem;
		left: 48%;
		margin-left: -5.5rem;
	}
	/* .bg-global .button1_android{
		top : 23.5rem;
		width: 12rem;height: 3rem;
		left: 48%;
		margin-left: -5.5rem;
	} */
	.bg2-global p{

		font-size:10px;
	
	}
}


@media (min-width: 410px) { 

	.bg-global .button1{
		top : 23.3rem;
		width: 12rem;height: 3rem;
		left: 48%;
		margin-left: -5.5rem;
	}
	/* .bg-global .button1_android{
		top : 23.5rem;
		width: 12rem;height: 3rem;
		left: 48%;
		margin-left: -5.5rem;
	} */
	.bg2-global p{

		font-size:10px;
	
	}
}

@media (min-width: 576px) { 

}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { 

	.bg-global .button1{
		top : 20rem;
		width: 12rem;height: 3rem;
	}
	/* .bg-global .button1_android{
		top : 19.5rem;
		width: 12rem;height: 3rem;
	} */
	.bg2-global p{

		font-size:15px;
	
	}
 }


/* Large devices (desktops, 992px and up)*/
@media (min-width: 900px) { 

	.bg-global .button1{
		top : 21rem;
		width: 12rem;height: 3rem;
	}
	/* .bg-global .button1_android{
		top : 25rem;
		width: 12rem;height: 3rem;
	} */
	.bg2-global p{

		font-size:15px;
	
	}
}
@media (min-width: 1024px) { 

	.bg-global .button1{
		top : 20rem;
		width: 12rem;height: 3rem;
	}
	/* .bg-global .button1_android{
		top : 19.5rem;
		width: 12rem;height: 3rem;
	} */
	.bg2-global p{

		font-size:15px;
	
	}
 }
/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {

	.bg-global .button1{
		top : 23rem;
		width: 12rem;height: 3rem;
		left: 48%;
		margin-left: -5.5rem;
	}
	/* .bg-global .button1_android{
		top : 23rem;
		width: 12rem;height: 3rem;
		left: 48%;
		margin-left: -5.5rem;
	} */
	.bg2-global p{

		font-size:17px;
	
	}
	
}
