/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {

  
}

/* Smartphones (landscape) ----------- */

@media only screen and (max-width : 1366px) {
  #left_inputpane{
	 width:1024px;
	 float:left;
 } 
  #right_outputpane{
     position: relative;
     margin-top: 200px;
	 width:1024px;
	 float:left;
     margin:2%;
  } 
}

@media only screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

	
  #left_inputpane{
	 width:1024px;
	 float:left;
	
 } 
  #right_outputpane{
     position: relative;
     margin-top: 200px;
	 width:1024px;
	 float:left;
     margin-left:2%;
    
  } 
}

@media print
{
    .no-print { display: none; }
    .print { display: block; }
     a:link:after, a:visited:after {  
      display: none;
      content: "";    
    }
   
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
	
	
	
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
  /* Styles */
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	
	 
 
  /* Styles */
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
  /* Styles */
  	 
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
  /* Styles */

}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
  /* Styles */
   
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
  /* Styles */
   
}

/* iPhone 5 ----------- */
/* You've spent way to much on a phone */