@media (max-width:1500px){
    div.section, div#foot-inner { width:98%; }
    
         div#major-logo {display:block;
          width: 300px;
          height:240px;
          background: url('../img/logo-new.png');
          background-position: center center;
          background-repeat: no-repeat;
          background-size: 280px 224px;
          transition: background .5s;
          } 
}




@media (max-width:1250px){
        div.tblZellenradschleusenMassblatt1{
          max-width: 1200px;
          overflow:auto;
          }
          
          div.formData2-inner{
        	width: 50%;
            margin:auto;
            text-align:center;
        	}   
}





@media (max-width:1200px){



    div#upstairs {position:fixed; bottom: 20px; right: 20px; z-index:10}
    
    div#foot-inner{
        display:grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto auto auto;
        border-left: 1px solid #666;
        border-right: 1px solid #666;
    }
      div#ft1 {grid-row: 1; grid-column: 1;}
      div#ft2 {grid-row: 1; grid-column: 2;}
      div#ft4 {grid-row: 2; grid-column: 1;}
      div#ft3 {grid-row: 2; grid-column: 2;}
      div#ft5 {grid-row: 3; grid-column: 1;}
      div#ft6 {grid-row: 3; grid-column: 2;}
      div#ft7 {grid-row: 4; grid-column: 1 / 3;}
}



@media (max-width:1200px){

    div.section { width:98%; padding: 0px }
   /*
      .desktop {display:none}
      .mobile {display:inline}
   */   
         div#inline-menu {display:none}

    #hamburgermenu1{
        z-index:250;
        width: 100%;
        height: 100vh;
        padding: 0.8em;
        background: #f06101;
        text-align: left;
        color:#fff;
        font-size:18px;
        font-weight: normal;
        box-shadow: -5px 5px 10px #444;
    }
    
    #hamburgermenu2{
        z-index:251;
        width: 100%;
        height: 100vh;
        padding: 0.8em;
        background: #f06101;
        text-align: left;
        color:#fff;
        font-size:18px;
        font-weight: normal;
        box-shadow: -5px 5px 10px #444;
    }
    
    #hamburgermenu3a{
        z-index:252;
        width: 100%;
        height: 100vh;
        padding: 0.8em;
        background: #f06101;
        text-align: left;
        color:#fff;
        font-size:18px;
        font-weight: normal;
        box-shadow: -5px 5px 10px #444;
    }
    
    
    #hamburgermenu3b{
        z-index:252;
        width: 100%;
        height: 100vh;
        padding: 0.8em;
        background: #f06101;
        text-align: left;
        color:#fff;
        font-size:18px;
        font-weight: normal;
        box-shadow: -5px 5px 10px #444;
    }
    
        img#hamburger{
          position:fixed;
          top:15px;
          right:15px;
          display:block;
          z-index:220;
          width: 28px;
          height: 28px;
          background: none;
          }

         #facebook3{
          position:fixed;
          top:15px;
          right:60px;
          display:block;
          z-index:220;
          }
          
          div#facebook {opacity:0}
      
}



@media (max-width:1000px){
            div.flexbox > div{
          	width: 100%;
          	}
            
           
            
            div.grid-image {
            display: grid;
            grid-template-columns: 1fr 1fr;
            grid-template-rows: auto auto auto auto;
            }
            
            div.grid-image img {justify-self: center; align-self: center; max-width: 300px; height: auto}
            
            #g1 {grid-row: 1; grid-column: 1;}
            #g2 {grid-row: 2; grid-column: 1;}
            #g3 {grid-row: 3; grid-column: 1;}
            #g4 {grid-row: 3; grid-column: 2;}
            #g5 {grid-row: 1 / 3; grid-column: 2;}
            #g6 {grid-row: 4; grid-column: 1 / 3;}
            
            div.formData2-inner{
        	width: 60%;
            margin:auto;
            text-align:center;
        	}   
         
}






@media (max-width:1000px) and (orientation: landscape){
            
            //.owl-carousel .owl-dots {display:none}
         
}


 @media (max-width:880px){

          div.h1{   
          width: auto;
          height:40px;       
          background: #f06101;
          border-radius:3px;
         } 
         
         

      h1 {
          background: none;
          overflow: visible;
          width: auto;
          height:80px;
            
          color: #fff;
          text-align: left;
          font-weight: normal;
          font-family: Candara Bold;
          font-size: 22px;
          letter-spacing: 1px;
          padding: 5px 5px 0px 5px;
          position:relative;
          top:-12px;
          }
       
       h1 span {
            position:relative;
            top:12px;
            }

}


@media (max-width:850px){


      img#made-in-solingen {width:50%;height:auto;}
      
      div.formData2-inner{
        	width: 80%;
            margin:auto;
            text-align:center;
        	}   
      
  
}



@media (max-width:750px){

    div#foot-inner{
        display:grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto auto auto auto auto;
        border-left: 1px solid #666;
        border-right: 1px solid #666;
    }
      div#ft1 {grid-row: 1; grid-column: 1;}
      div#ft2 {grid-row: 2; grid-column: 1;}
      div#ft3 {grid-row: 3; grid-column: 1;}
      div#ft4 {grid-row: 4; grid-column: 1;}
      div#ft5 {grid-row: 5; grid-column: 1;}
      div#ft6 {grid-row: 6; grid-column: 1;}
      div#ft7 {grid-row: 7; grid-column: 1;}

}




@media (max-width:650px){
             div.grid-image {
            display: grid;
            grid-template-columns: auto;
            grid-template-rows: auto auto auto auto auto auto;
            }
            
            div.grid-image img {justify-self: center; align-self: center; max-width: 300px; height: auto}
            
            #g1 {grid-row: 1; grid-column: 1;}
            #g2 {grid-row: 2; grid-column: 1;}
            #g3 {grid-row: 3; grid-column: 1;}
            #g4 {grid-row: 4; grid-column: 1;}
            #g5 {grid-row: 5; grid-column: 1;}
            #g6 {grid-row: 6; grid-column: 1;}
            
            div.formData2-inner{
        	width: 100%;
            margin:auto;
            text-align:center;
        	}   
}



@media (max-width:600px){
          
          div#upstairs {position:fixed; bottom: 20px; right: 20px; z-index:10}
          
    
          

      h2, h2.produkte {          
          font-size: 20px;
          padding: 5px 5px 0px 5px;
          }
          
       h3 {
          color: #444;
          text-align: left;
          font-weight: normal;
          font-family: Candara Bold;
          font-size: 18px;
          letter-spacing: 0px;
          //text-indent: 20px;
          margin-top: 0;
          }
          
          img#made-in-solingen {width:50%;height:auto;} 
          
       ul.list{margin-top:30px; margin-bottom:30px; margin-left: 0px; }
       
       li.list{
       text-align:left;
       }
       
       
       img.zyklone {width:100%; height:auto}
          

}


@media (max-width:500px){
          
          
          input[type=text], textarea, select {width:330px}
          input[type=text].inputmedium {width:231px}
          input[type=text].inputsmall {width:95px}
          
          ul{margin-left: -20px; }
          ul.list{margin-left: -20px; }

.owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {display:none}

}


@media (max-width:430px){
    div#facebook {position:fixed; width:95%; right: 10px; top: 70px; left:10px; box-sizing: border-box;}
    div#facebook a { text-decoration: none; color: #444; font-size: 14px; font-family: Candara Bold; transition: color .35s}
}


@media (max-width:400px){
          div.formData{
          	width: auto;
          	} 
}


@media (max-width:360px){
          
          input[type=text], textarea, select {width:300px}
          input[type=text].inputmedium {width:201px}
          input[type=text].inputsmall {width:95px}


}



@media (max-width:340px){
          
          input[type=text], textarea, select {width:280px}
          input[type=text].inputmedium {width:181px}
          input[type=text].inputsmall {width:95px}
}