
@media only screen and (max-width: 800px) {  
  
  img {max-width:100%;}
  
  .grassBg {background-image:none;}
  .pageBg {background-image:none;}
  #mainPage {width:100%}
  
  #mobileHead {position:absolute;left:0;top:50px;width:100%;height:500px;display:block;overflow:hidden;border-bottom:1px solid #ddd;}
  
  #headka {width:100%;height:1000px;display:none;}
    #headTopLine {width:100%;height:450px;background-repeat:repeat-y;position:relative;}
    div.headLogoPlace {float:none;margin:15px auto;}
      #headLogoStefan {display:none;}
      #headLogoCoral {display:none;}
      #headLogoSamsung {display:block;}    
  #headSlider {display:none;}
  
  #headBottomLine {height:800px;width:auto;position:relative;top:0;margin:30px;}
  
  #headMobileBottomLineLogin {width:100%;height:300px;float:none;padding-left:0;}
    #headMobileBottomLineLoginLeft {height:auto;width:100%;float:none;}
      #headMobileBottomLineLoginLeft input {width:100%;height:40px;margin:15px 0 0 0;}
      #headMobileBottomLineLoginLeft select {width:100%;height:40px;margin:15px 0 0 0;}      
    #headMobileBottomLineLoginRight {height:auto;width:100%;float:none;}
    div.keyIcon {background-image:none;}
  #headBottomLineContact {width:100%;height:100px;float:none;background-image:none;}
    #headBottomLineContact p,#headBottomLineContact h2 {margin-left:15px}
  
  #mainContent {width:100%;margin-top:550px;}  
    #rightCol {width:100%;}
  div.serviceBox {float:none;margin:30px auto;}
  #footContent {width:100%;height:auto;}
  
  #menuColLeft {display:none;}
  #mainMenu {display:none;}
  #mainMenuBottomLine {display:none;}
  
  #mobileMenu {display:none;position:fixed;width:100%;height:auto;left:0;top:30px;overflow:hidden;z-index:1000;}
    #menuh ul {width:100%;margin:0;}
    
  #mobileTopLine {position:fixed;display:block;width:100%;height:50px;left:0;top:0;overflow:hidden;background-color:#1F5DB2;}  
    #mobileMenuIcon {display:block;position:relative;width:50px;height:50px;background-image:url("icons/menu_50x50.png");background-repeat:no-repeat;background-position:center center;margin:0 15px;float:right;
                    text-decoration:none;}
                    
  #menuh-container {width:100%;}
  #menuh a {width:100%;}
  #menuh li.menuTopLi a.cleftMenuLinkActiveTop {background-image:none;background-color:#2C2C2C;}
  #menuh li.menuTopLi li a.cleftMenuLinkUnactive {background-image:none;background-color:#979797;}
  #menuh ul {width:100%}
  #menuh li {width:100%}
  #menuh li.closeLi {background-image:none;background-color:#625E5F;}
  #menuh li.openLi  {background-image:none;background-color:#625E5F;}                    
                    
  table.dataTable {width:90%;margin:30px 5%;}                    
                    
}