/* For tablets */
@media screen and (min-width: 840px) and (max-width: 1024px) 
    {
    .col-1 {width: 8.33%;}
    .col-2 {width: 100.00%;}
    .col-2a {width: 20.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-5a {width: 57%;}
    .col-6 {width: 70%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 90%;}
    .col-9 {width: 82%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
    }

 /* For desktop: */
@media screen and (min-width: 1024px) 
    {
    .col-1 {width: 8.33%;}
    .col-2 {width: 12.66%;}
    .col-2a {width: 20.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 48.66%;}
    .col-5a {width: 57%;}
    .col-6 {width: 70%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 82%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
    }

 /* For mobile phones: */
@media screen and (max-width: 840px) 
    {
    [class*="col-"] {    width: 100%; padding: 1px; }
    #menu-icon {   display: inline-block;   height: 40px;   width: 100%;   margin-left: 50px;   margin-top: 15px;}
    #menu-icon img { width: 40px; height: auto; }
    #menuboven {display: none;}
         .menu_top {clear: both;   margin-left: 0%; font-size:20px; }
        .topbar {margin-right: 6%;}
    }
    
/* mobiel */
@media screen and (max-width: 600px)
    {
     [class*="col-"] { padding: 1px; }
         .topbar {margin-right: 1%;}
    .menu_top {clear: both;   margin-left: 0%; font-size:20px; }
    .cont1_inhoud  {  border-left: 1px solid white;  margin-left: 0px;}
    .prodtitel {  height: auto;    margin-bottom: 20px;}
    .prodpic {   margin-top: 20px;     width: 100%;}
    .prodpic img {   width: 100%;    height: auto;}
    }
    
/*alle groter dan mobiel */
@media screen and (min-width: 840px)
    {
          [class*="col-"] { padding: 15px; }
    .menu_top { margin-left: 2.8%; font-size:26px;  margin-left: 50px;}
            .topbar {margin-right: 6%;}
    }

@media screen and (min-width: 840px) and (max-width: 1024px) 
    {   
    .container2 {position: fixed; }
    }
/*laptops */
@media screen and (max-width: 1024px)  
    {
     #menulinks { width: 100%;   margin-left: 0px;  margin-top: 0px;   }
    .container2 { margin-top: -10px; margin-left: 0px;  height: 50px;  padding-bottom: 20px;  }
    }

 /* For other devices: */
@media screen and (max-width: 1200px) 
   {
    #pagina { margin: 0 auto;  padding:0;  border:0;  width: 100%;    } 	
    .homepagina_foto { text-align: center;}
    }

 @media screen and (min-width: 840px) AND (max-width: 1400px)
    {
    #menu-icon {  display: none;}
    #menuboven { display: block; float: left;}
    .homepagina_foto { position: fixed; margin-left: 48%; margin-top: 10px;}
    .homepagina_tekst { min-height: 420px;}
    }

/* For bigger screens  */
    @media screen and (min-width: 1200px) 
    {
    #pagina { margin: 0 auto; padding:0; border:0; width: 92%; } 	
    }
@media screen and (min-width: 1400px)
    {
    #menu-icon {  display: none;}
     #menuboven { display: block; float: left;}
    .homepagina_foto { position: fixed; margin-left: 48%; margin-top: 10px;}
    .homepagina_tekst { min-height:  620px;}
    .prodtitel {   height: 22%;}
    .prodpic {  margin-top: 5px;    width: auto;    height: 350px;}
    .prodpic img {   width: auto;    height: 330px;}
    }

/* For all devices */
@media screen and (min-width: 840px) 
    {
    #menuboven {  clear: both;    height: 40px;    position: fixed;    z-index: 999;  width: 98%;
    margin-left: 7.2%;  margin-top: -35px;   }
    }

@media screen and (min-width: 1024px)  
    {
    #menulinks {    width: 100%;   margin-left: 0px;   margin-top: 0px;   }
    .container2 {    margin-top: 0px;    margin-left: 18px;  height: auto;   }	
    }
    
 /* For laptops*/
@media screen and (min-width: 600px) AND (max-width: 1400px) 
    {
    .prodtitel {   height: 22%;}
    .prodpic {   margin-top: 5px;  width: auto;   height: 250px;}
    .prodpic img {   width: auto;    height: 230px;}
    .prodpic2 {   margin-top: 5px;    width: auto;    height: 90px;}
    .prodpic2 img {  width: auto;    height: 70px;}
    }