/* For portrait, we want the tool bar on top */

@media screen and (orientation: portrait) {
  #header {
     position: fixed;
	
  }
  
  #header-ar {
     position: fixed;
	
  }
 
  
  #breadcrumbs {
   position:fixed;
 }  
 
 
  #breadcrumbs1 {
   position:absolute;
 }  


 
 #footer  {
   position:fixed;
 }
 
  #footer1  {
   position:fixed;
 }
 
 #footer1-ar  {
   position:fixed;
 }
 
 #footer-ar  {
   position:fixed;
 }

}



/* For landscape, we want the tool bar stick on the left */

@media screen and (orientation: landscape) {
  #header {
    position: absolute;
  }

   #header-ar {
    position: absolute;
  }  
  
   #breadcrumbs {
   position:absolute;
 }  
 
   #breadcrumbs1 {
   position:absolute;
 } 
 
  #footer  {
   position:static;
 }
 
 #footer1  {
   position:static;
 }
 
 
  #footer1-ar  {
   position:static;
 }
 
 #footer-ar  {
   position:static;
 }

 
}