.main {background: #e6d4aa; }
.opt {display: none;}
#bnmob {display: none;}
.boxer{background-color: #fff;margin:auto; border:0px solid red;padding:0px;max-width: 700px;}
.bncontainer {background-color: #ffffff;
max-width: 700px;
display: inline-grid;
	grid-template-columns: 44% 44%;
	column-gap:12%;}
#talkG {
 margin:auto;
display:block;
padding:20px;
border:0px solid red;
background-color: #fff;
}
h3 { margin:8px 0 0 12px;
    font: 19px 'fat_witchregular', "tahoma", sans serif; line-height:120%; 
	color: #000000; 
	 }
#talkG p {
font-size:14px;
color: #444;
}
p .titleG {
font-size:14px;
color: #333;
}

span.si {
 font: 14px/16px "helvetica", "tahoma", sans serif;  
 color: #333;
}
span.npc {
 font: 11px "helvetica", "tahoma", sans serif;
 padding: 0 0 0 20px;
 color: #333;
}
span.alone {
 font: 12px "helvetica", "tahoma", sans serif;  
 color: #e60606;
 padding:0;
 margin:0;
}
span#vary {
 font: 11px "helvetica", "tahoma", sans serif;  
 color: #444;
 padding:0;
 margin:0;
}
span#title {font-size: 15px; color:#333; font-style:italic; font-weight:500;}

#prodinfoG {
    position: relative;
    display: block;
	text-align: left;
	margin: 6px 0px 0px 6px;
	border: 0px solid #333;
	z-index:100;
	}
.wlquant2 {
  font: 14px/14px "arial", "verdana", sans-serif;
  color: #444;
  padding:4px;
  margin:0;
  text-align:left;
  }
  .fedex {
  font: 14px/14px "arial", "verdana", sans-serif;
  color: #444;
  padding:4px;
  margin:0;
  }	
.what {margin-left: 20px; font:0.6em "helvetica", "tahoma", sans serif; color: #333;}	
	
input#in2 {
  font: 12px "arial", "verdana", sans serif;
  background-color: #eee;
  padding:  6px;
  margin: 0px;
  color: #444;
  border: 1px solid #e98eb0;
  }     
input#fed {
  font: 14px/14px "arial", "verdana", sans serif;
  background-color: #eee;
  padding: 3px;
  margin: 0px;
  color: #eee;
  border: 1px solid #e98eb0;
  } 
  
  
  @media only screen 
and (min-device-width : 320px) 
and (max-device-width : 667px)
and (orientation : portrait){
.aside{background-color:#000;}
.whatnow {display:none;}
#bnmob {display: block;}
#bnmob img {width:84%; max-width:300px;  margin-left:8%;}
.whatmob {margin-left: 20px; font:0.8em "helvetica", "tahoma", sans serif; color: #444;}
#desk {display: none;}
.main {background: #e3d16e; }
.bncontainer {background-color: #ffffff;
max-width: 100%;
display: inline-grid;
	grid-template-columns: 80%;
	column-gap:12%;}
#talkG {
display:block;
padding: 0 0 0 4px;
position:relative;
width:99%;
background: #fff;
}
#talkG p{font:1.05em "helvetica", "tahoma", sans serif; color: #444;}
#prodinfoG {
    position: relative;
    display: block;
    float:left;
	text-align: left;
	margin: 6px 0px 0px 14px;
	width: 90%;
	}

 h1 {  margin:12px 0 0 12px;
      font: 32px "helvetica", "tahoma", sans serif;  
	   color: #000000;
	   line-height: 100%;
	 }
	 
span.si {
 font: 22px "helvetica", "tahoma", sans serif;  
 color: #333;
 line-height: 100%;
 text-align:left;
}
span#title {font-size: 20px; color:#f16e2b; font-style:italic; font-weight:500;}
span.alone {
 font: 1.1em "helvetica", "tahoma", sans serif;  
 color: #df5a33;
 padding:0;
 margin:0;
}
.wlquant2 {
  font: 16px/16px "arial", "verdana", sans-serif;
  color: #444;
  padding:4px;
  margin:0;
  text-align:left;
  }
  .fedex {
  font: 16px/16px "arial", "verdana", sans-serif;
  color: #444;
  padding:4px;
  margin:0;
  }	
	
	
input#in2 {
  font: 16px "arial", "verdana", sans serif;
  background-color: #eee;
  padding:  6px;
  margin: 0px;
  color: #444;
  border: 1px solid #e98eb0;
  }     
input#fed {
  font: 16px/16px "arial", "verdana", sans serif;
  background-color: #eee;
  padding: 3px;
  margin: 0px;
  color: #eee;
  border: 1px solid #e98eb0;
  } 

}