.basicModal { background-color:#FFF; width:94%; height: auto; min-height:50%; max-height:94%; left:3%; top:3%; position:fixed; z-index:105; display:none; padding:4vw; overflow:auto; overflow-x: hidden; -moz-border-radius:3vw; -webkit-border-radius:3vw; border-radius:3vw; }

.basicModalClose { position:absolute; width: 7vw; height: 7vw; right:3.2vw; top:3.2vw; z-index:110;  cursor:pointer; }
.basicModalClose svg { fill: #CCC; }
.basicModalClose svg:hover { fill: #000; }

.basicModalBg { top:0; left:0; width:100%; height:100%; background-color:#000; opacity:0.7; position:fixed; z-index:104; display:none; }	

.basicModalContent { overflow-x: hidden; height: 100%;} 


/* แก้บางอย่าง ให้มือถือรุ่นเก่า จอสั้นๆ */
@media screen and ( min-aspect-ratio:1/1.666 ) and ( max-width: 400px )
{
	
}


/* Tablet แนวตั้ง */
@media screen and ( min-aspect-ratio:768/1024 )
{
	.basicModal { width:80%; max-height:80%; left:10%; top:10%; padding:3vw; }
	.basicModalClose { width: 5vw; height: 5vw; right:3vw; top:3vw; }
}

/* มือถือ Flip จอจัตุรัส */
@media screen and ( min-aspect-ratio:1/1 )
{
	.basicModal { width:70%; max-height:90%; left:15%; top:5%; padding:3vw; -moz-border-radius:2.5vw; -webkit-border-radius:2.5vw; border-radius:2.5vw; }
	.basicModalClose { width: 4vw; height: 4vw; right:2vw; top:2vw; }
}


/* Teblet + iPad แนวนอน และจอ 4:3 พวก Surface & Macbook */
@media screen and ( min-aspect-ratio:1.3/1 )
{
	.basicModal { width:60%; max-height:80%; left:20%; top:10%; padding:2vw; -moz-border-radius:0.8vw; -webkit-border-radius:0.8vw; border-radius:0.8vw; }
	.basicModalClose { width: 2.4vw; height: 2.4vw; right:1.35vw; top:1.35vw; }
}


/* Notebook */
@media screen and ( min-aspect-ratio:2/1)
{
	.basicModal { width:50%; max-height:80%; left:25%; top:10%; padding:2vw; }
	.basicModalClose { width: 2vw; height: 2vw; right:1vw; top:1vw; }
}

 /* จอ Full HD */
@media screen and ( min-aspect-ratio:2/1 ) and (min-width: 1600px)
{
	.basicModal { width:44%; max-height:84%; left:28%; top:8%; padding:1.2vw; -moz-border-radius:0.6vw; -webkit-border-radius:0.6vw; border-radius:0.6vw; }
	.basicModalClose { width: 1.5vw; height: 1.5vw; right:0.9vw; top:0.9vw; }
}