@charset "utf-8";
/* CSS Document */

.dowload-app{
	padding: 0;
	margin: 0;
	position:relative;
	min-height: 629px;
	background: url("../images/dowload-app/bg.png") top center no-repeat;
}
.dowload-app .woman{
	top: 78px;
	left: 0;
	position:absolute;
}
.dowload-app .phone{
	top: 90px;
	right: 35px;
	position:absolute;
}
.dowload-app .google-qr{
	/* top: 395px; */
	/* left: 30px; */
	/* position:absolute; */
	padding-top: 15px;
	padding-left: 15px;
}
.dowload-app .ios-qr{
	top: 340px;
	right: 271px;
	position:absolute;
}


.dowload-app .textname{
	/* top: 55px; */
	/* left: 0px; */
	/* position:absolute; */
	/* margin-top: 51px; */
	padding-top: 90px;
	padding-bottom: 30px;
}

.dowload-app .textcontent{
	/* top: 250px; */
	width: 542px;
	/* left: 0; */
	/* position:absolute; */
	font: 21px/40px 'Kanit', Arial, sans-serif;
	color: #fff;
	padding-left: 15px;
}
.dowload-app  .dowload-buttom{
	/* top: 320px; */
	/* left: 0px; */
	/* position:absolute; */
	padding-top: 25px;
}
@media (max-width: 575px){
.dowload-app .textname img{
		
max-width: 100%;
}	
.dowload-app .textname{
		
}
.dowload-app .textcontent{
		
top: 180px;
}
.dowload-app .dowload-buttom{
		
top: 270px;
}
.dowload-app .google-qr{
		
top: 360px;
}
}
@media (min-width: 375px) and (max-width: 419px) { 
.dowload-app .woman{
	top: 153px;
	left: 0;
	position:absolute;
}
.dowload-app .phone{
	top:0;
	right: 0;
	position:absolute;
}
.dowload-app .google-qr{
	top: 340px;
	left: 30px;
	position:absolute;
}
.dowload-app .ios-qr{
	top: 340px;
	right: 31px;
	position:absolute;
}


.dowload-app .textname{
	top: 30px;
	left: 0px;
	padding: 20px;
	position:absolute;
}
	.dowload-app .textname img{
	width:100%
}											  

.dowload-app .textcontent{
	top: 173px;
	width: 332px;
	left: 21px;
	position:absolute;
	font: 18px/28px 'Kanit', Arial, sans-serif;
}
.dowload-app  .dowload-buttom{
	top: 260px;
	left: 10px;
	position:absolute;
}
.dowload-app .textname img{
		
}
}
@media (min-width: 420px) and (max-width: 575px) { .dowload-app .woman{
	top: 153px;
	left: 0;
	position:absolute;
}
.dowload-app .phone{
	top:0;
	right: 0;
	position:absolute;
}
.dowload-app .google-qr{
	top: 340px;
	left: 30px;
	position:absolute;
}
.dowload-app .ios-qr{
	top: 340px;
	right: 31px;
	position:absolute;
}


.dowload-app .textname{
	top: 25px;
	left: 0px;
	padding: 20px;
	position:absolute;
}
	.dowload-app .textname img{
	width:100%
}											  

.dowload-app .textcontent{
	top: 190px;
	width: 377px;
	left: 21px;
	position:absolute;
	font: 18px/28px 'Kanit', Arial, sans-serif;
}
.dowload-app  .dowload-buttom{
	top: 260px;
	left: 10px;
	position:absolute;
}  }
@media (min-width: 768px) and (max-width: 991px) { 
	.dowload-app{
	padding: 0;
	margin: 0;
	position:relative;
	min-height: 550px;
	background: url("../images/dowload-app/bg.png") top center no-repeat;
	background-size: 560% 100%;
}
	.dowload-app .woman{
	top: 153px;
	left: 0;
	position:absolute;
}
.dowload-app .phone{
	top:0;
	right: 0;
	position:absolute;
}
.dowload-app .google-qr{
	top: 335px;
	left: 154px;
	position:absolute;
}
.dowload-app .ios-qr{
	top: 340px;
	right: 181px;
	position:absolute;
}


.dowload-app .textname{
	top: 40px;
	left: 0px;
	padding: 20px;
	position:absolute;
}
	.dowload-app .textname img{
	width:100%
}											  

.dowload-app .textcontent{
	top: 200px;
	width: 607px;
	left: 21px;
	position:absolute;
	font: 18px/28px 'Kanit', Arial, sans-serif;
}
.dowload-app  .dowload-buttom{
	top: 250px;
	left: 135px;
	position:absolute;
}}
@media (min-width: 992px) and (max-width: 1199px) { .dowload-app .woman{
	top: 78px;
	left: -95px;
	position:absolute;
	z-index: 2;
	/* display: none; */
}
.dowload-app .phone{
	top: 70px;
	right: 90px;
	position:absolute;
	z-index: 1;
}
.dowload-app .google-qr{
	top: 370px;
	left: 30px;
	position:absolute;
}
.dowload-app .ios-qr{
	top: 340px;
	right: 84px;
	position:absolute;
}
.dowload-app .textname img{
	width:100%
}


.dowload-app .textname{
	top: 20px;
	left: 0px;
	position:absolute;
}

.dowload-app .textcontent{
	top: 207px;
	width: 462px;
	left: 0;
	position:absolute;
	font: 21px/28px 'Kanit', Arial, sans-serif;
}
.dowload-app  .dowload-buttom{
	top: 290px;
	left: 0px;
	position:absolute;
} }
@media (min-width: 1281px) and (max-width: 1366px) { ... }
@media (min-width: 1367px) and (max-width: 1440px) { ... }
@media (min-width: 1441px) and (max-width: 1600px) { ... }