@media screen and (max-width: 1024px) {
    html{
        height:100%;
    }
    body{
        background: #606060;
   }
    #maindiv{
        width: 100%;
        border-radius: 0;
        margin-top: 0;
        margin-bottom: 0;
        box-shadow: 0 0 50px #404040;
    }
}
@media screen and (max-width:1024px){
    .photow5{width:5vw;}
    .photow10{width:10vw;}
    .photow15{width:15vw;}
    .photow20{width:20vw;}
    .photow25{width:25vw;}
    .photow30{width:30vw;}
    .photow35{width:35vw;}
    .photow40{width:40vw;}
    .photow45{width:45vw;}
    .photow50{width:50vw;}
    .photow55{width:55vw;}
    .photow60{width:60vw;}
    .photow65{width:65vw;}
    .photow70{width:70vw;}
    .photow75{width:75vw;}
    .photow80{width:80vw;}
    .photow85{width:85vw;}
    .photow90{width:90vw;}
    .photow95{width:95vw;}
    .photow100{width:100vw;}
}
@media screen and (max-width:800px) {
    .certificategallery{
        grid-template-columns: 1fr 1fr 1fr;
    }
    h4{
        font-size: 5vw;
    }
    #frontpagemaincontent{
        /* height:65vw; */
    }
}
@media screen and (max-width:550px) {
    .certificategallery{
        grid-template-columns: 1fr 1fr;
    }
}
@media screen and (max-width:390px) {
    .certificategallery{
        grid-template-columns: 1fr;
    }
    #frontpagemaincontent{
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 1fr;
        grid-template-areas: "mgc"
                             "pgp";
    }
}
@media screen and (max-width:667px) {
    #logodiv{
        height:19.15vw;
        padding:2.4vw;
    }
    #toplogo{
        padding:2.4vw;
    }
}

/* Menu resizing only - if adding more menu items, adjust the max-width of the media query */
@media screen and (max-width: 590px) {
    #menusdiv li{
        display:block;
        line-height:25px;
        text-align: center;
    }
    #mainmenudiv {
        height:auto;
        padding-left:0;
        background-image:none;
    }
    #submenudiv {
        height:auto;
        padding-left:0;
        background-image:none;
    }
    #productsmenumg {
        height:auto;
        padding-left:0;
        background-image:none;
    }
    #productsmenupgp {
        height:auto;
        padding-left:0;
        background-image:none;
    }
}

@media screen and (max-width:500px){
    #pagefootertextdiv{
        font-size: 3.45vw;
    }
    .photofloatright, .photofloatleft{
        float: none;
        margin-left:0;
        margin-right:0;
        width:100%;
    }
    h6{
        font-size: 2.8vw;
    }
}
@media screen and (max-width:335px){
    h6{
        font-size: 0.65em;
    }
}
@media screen and (max-width:500px){
    .button{
        font-size: 3vw;
    }
}
@media screen and (max-width:365px){
    .button{
        font-size: 0.65em;
    }
}
@media screen and (max-width:650px){
    .sidebox{
        float:none;
        width:100%;
        box-sizing: border-box;
        margin-left:0;
        margin-bottom:1em;
    }
    .sidebox nav{
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media screen and (max-width:825px){
    .leftimagecol,.rightimagecol{
        float:none;
        margin:0;
        margin-top: 0.5em;
        margin-bottom: 0.5em;
        grid-template-columns: 1fr 1fr 1fr;
        width:100%;
    }
}

@media screen and (max-width:480px){
    .sidebox nav{
        grid-template-columns: 1fr;
    }
}

@media screen and (max-width:600px){
    .leftimagecol,.rightimagecol{
        grid-template-columns: 1fr 1fr;
    }
}

@media screen and (max-width:400px){
    .leftimagecol,.rightimagecol{
        grid-template-columns: 1fr;
    }
}

@media screen and (max-width:620px){
    .photoanddescriptiongrid{
        grid-template-columns: 1fr 1fr;
    }
}
@media screen and (max-width:400px){
    .photoanddescriptiongrid{
        grid-template-columns: 1fr;
        grid-gap:0em;
        text-align: center;
    }
    .photoanddescriptiongrid h3{
        margin-top:0.2em;
        margin-bottom: 0.8em;
    }
}
@media screen and (max-width:650px){
    .inputbox{
        width:30vw;
    }
}
@media screen and (max-width:400px){
    .contactform{
        grid-template-columns: 1fr;
    }
    .inputbox{
        width:50vw;
    }
}
@media screen and (max-width:350px){
    .inputbox{
        width:35vw;
    }
    .contactdetailstable{
        font-size:4.25vw;
    }
}
@media screen and (max-width:300px){
    .contactdetailstable{
        font-size:0.7em;
    }
}

@media screen and (max-width:850px){
  .specstableoutergrid{
    grid-template-columns: 1fr;
  } 
}
@media screen and (max-width:555px){
  #contentdiv{
    padding:3.25vw;
  }
}
@media screen and (max-width:485px){
  .specstable{
    font-size:3.35vw;
  }
  .specstable td{
    padding:0.05em;
  }
}
@media screen and (max-width:530px){
  #frontpageshorttext{
    font-size:4.5vw;
  }
}