@media (max-width: 1024px) {
		
		.noInquiry #closeBtu  {
			width: 20px; height: 20px; margin: 10px;  top: 0px;	right: 0px;
		}	
		.white .imgbar {
			border: 0; 
		}
		.imgbar img{ 
			border: 0 solid #333 !important;
		}
		.active-border{ 
			border: 0 solid #000 !important 
		}
		#WQ {
			background: transparent !important; border-radius: 5px; padding: 10px 10px 40px 10px; 
		}
		#WQ .main {
			padding: 0px; 
		}
		#WQ,
		#WQ .main,
		#WQ .main > div.Left, #WQ .main > div.Left .row,
		#WQ .main > div.Right, #WQ .main > div.Right .row {
			height: auto !important; 
		}
		#WQ div.name { 
			text-align: center !important;
		}
		#WQ .imgbox { 
			display: none !important
		}
		#WQ .imgbox img.img-rounded{ 
			border-radius: 0px!important;
		}
		#WQ .imgbox img, #WQ .imgbox iframe { 
			padding: 0px; width:100%;
		}
		#BtnClose {
			display: none; 
		}
		#inquirybtn {
			width:100%; position: fixed !important; bottom:0px !important; z-index:99; padding:0; max-width: calc(90% - 2px); 
			border-radius: 0px; margin: 1.5% calc(5% + 1px); background: rgba(40,50,70,.95) !important; 
		}
		#inquirybtn.d48-1 .noInquiry {
			top: auto !important; right: auto !important; border-radius: 0px; padding: 5px; background: rgba(40,50,70,.85) !important; border: 1px solid rgba(255,255,255,.25); 
		}
		#inquirybtn > div {
			position: relative; font-weight: 500; display: flex; justify-content: space-between; align-items: center; -webkit-box-align: center; -webkit-box-pack: justify; -webkit-box-orient: horizontal; -webkit-box-direction: normal;  height: 100% !important; 
		}
		#inquirybtn > div > div, #inquirybtn > div > div > div{ 
			position: relative; padding:0;
		}
		#inquirybtn .btn-block {
			position: relative; padding: 0 0 5px 0!important; min-width: auto; 
		}
		#inquirybtn.d48-1 .noInquiry .btn-block {
			padding: 0 0 0 0!important; 
		}
		#inquirybtn.d48-1 .noInquiry .btn-block {
			font-size: 0.85rem !important;
		}
		#inquirybtn.d48-1 .noInquiry .btn-block i{ 
			font-size: 1.4rem !important; 
		}
		#inquirybtn div:not(.noInquiry) .btn-block > div{
			display: block !important; padding-left: 0px;
		}	
		.white #inquirybtn.d48-1 .noInquiry .btn-block i{
			color: #fff
		}
		.colour #inquirybtn.d48-1 .noInquiry .btn-block i{
			color: #fff;
		}
		#ProContent {
			font-size:1em; line-height:1.8em; text-align:justify; text-justify:inter-ideograph; *padding:0 15px 15px 15px; *border:1px solid rgba(255,255,255,.3); *background:rgba(255,255,255,.2)
		}
		.name {
			 letter-spacing: 1px; 
		}	
		#WQ .namebox {
			height:auto !important; display: block; align-items: top; margin:0; padding: 0;
		}
		#WQ >div > div{
			width: 100%;
		}
		#WQ .btnbox {
			height:0!important; 
		}
		.imgbar {
			height:auto!important; background: transparent !important; display: block !important; 
			padding: 5px 0; border-top-width: 0!important; border-bottom-width: 0!important; border:0px solid red
		}
		.imgbar div {
			padding:0!important; margin:0!important; height:auto!important;
		}
		.imgbar img, .imgbar iframe { 
			height:auto !important; width: 100% !important; max-width: 100% !important; padding:0px; margin: 0;
		}
		#box {
			height:0!important; 
		}
		#WQ .main > div.Left, #WQ .main > div.Right { 
			padding-bottom:10px; 
		}	
		#WQ .main > div.Right {
			width:100%; 
		}
		#WQ div.contentbox	 {
			width:100%; max-height:none; padding: 10px 10px 10px 10px !important; border-radius: 7px;
		}	
		.white #WQ div.contentbox	 {
			*padding: 0 !important; border: 0px solid #ddd; 
		}
		
		#fc.white #closeBtu img {
			filter:invert(0%)
		}
	}	
	@media only screen and (max-width:640px) { 
		#fc{
			height: var(--mobile-height); 
		} 
		#fc .sss{
			height: 100%; 
		}
		#WQ { 
			margin: 0 auto; overflow-y: auto !important; max-height:100%!important; 
		}
		#WQ:not(.Inquiry1) { 
			margin-bottom: 35px !important;
		}
		#WQ .main .Left { 
			padding: 0px !important; background: rgba(0,0,0,0); 
		}
		#WQ >.main >div, .imgbar { 
			margin-top: 10px !important;
		}
		#WQ >.main >div, .imgbar, .imgbox { 
			padding: 0 !important;
		}
		#WQ .main,
		#WQ .main .Left,
		#WQ .main .Left> .row,
		#WQ .main .Left> .row > div { 
			width: 100%!important; 
		}
		#WQ { 
			border-radius: 0; 
		}
		.white #WQ {
		}
		#fc.colour {
			background: rgba(var(--rgb1opacity1))!important;
		}
		#inquirybtn {
			width:100vw; padding: 5px 0 0 0; max-width: 100vw; border-radius: 0; margin: 0; border: 0; 
		}	
		#inquirybtn.d48-1 .noInquiry {
			width:100vw; padding:3% 0; max-width: 100vw; border-radius: 0; margin: 0; border: 0; 
		}
		#fc #inquirybtn{
			background: rgba(24,31,34,1)!important
		}
		#fc.white #inquirybtn{
			background: rgba(40,50,70,1)!important
		}
		#fc.colour #inquirybtn{
			background: rgba(40,50,70,1)!important
		}
		#WQ #ProContent div.name:not(.name1) {
			font-size:1.5em; line-height:1.2!important; 
		}
		#WQ div.name { 
			text-align: left !important;
		}
		#inquirybtn .btn-block { 
			padding: 0px!important; 
		}
		#inquirybtn .btn-block:hover { 
			color: rgba(255,255,255,1) !important;
		}
		#inquirybtn .btn-block:active { 
			color: rgba(255,255,255,0.65) !important;
		}
		
	}