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

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


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

.dowload-app .textcontent{
	top: 250px;
	width: 542px;
	left: 0;
	position:absolute;
	font: 21px/28px 'Kanit', Arial, sans-serif;
}
.dowload-app  .dowload-buttom{
	top: 320px;
	left: 0px;
	position:absolute;
}
@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: 653px;
	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: 400px;
	left: 170px;
	position:absolute;
}
.dowload-app .ios-qr{
	top: 340px;
	right: 181px;
	position:absolute;
}


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

.dowload-app .textcontent{
	top: 256px;
	width: 607px;
	left: 85px;
	position:absolute;
	font: 18px/28px 'Kanit', Arial, sans-serif;
}
.dowload-app  .dowload-buttom{
	top: 315px;
	left: 135px;
	position:absolute;
}}
@media (min-width: 992px) and (max-width: 1199px) { .dowload-app .woman{
	top: 153px;
	left: 0;
	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) { ... }