@media only screen and (min-width : 1220px) {

#mobilmenu {
display:none;
}

#mobilbanner {
display:none;		
}
  
#bannercontent {
width: 100%;
height: 450px;
float: left;
margin-top:200px;    
} 
    
#banners {
width: 1220px;
height: 450px;
margin-left:auto;
margin-right:auto; 
}     
  
#frontbanner1 {
width: 790px;
height: 450px;
float: left; 
margin-right:30px;   
} 
  
#frontbanner1 img {
border-radius: 8px;    
}  
  
#frontbanner1 a:link,
#frontbanner1 a:visited {
font-size:24px;
line-height:32px;
font-weight:400;
text-shadow: none;  
color:#FFCD1C !important;
padding:8px;
border-radius: 8px;
text-decoration: none;
} 
  
#frontbanner1 a:hover {
color:#FFCD1C;
text-decoration:underline !important;  
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}   
  

#frontbanner2 {
width: 400px;
height: 210px;
float: left; 
border-radius: 8px;    
}
  
#frontbanner2 h3 {
font-size:28px;
line-height:32px;
font-weight:500;
text-shadow: 0px 5px 8px #222;
color:#fff;
margin-top:-160px;
padding-left:20px;
padding-right: 20px;
margin-bottom:15px;
} 
  
#frontbanner2 a:link,
#frontbanner2 a:visited  {
font-size:22px;
line-height:22px;
font-weight:400;
text-shadow: 0px 2px 3px #333;
color:#FFCD1C;
padding-left:20px;
padding-right: 20px;
text-decoration: none;
}   
  
#frontbanner2 a:hover {
color:#FFCD1C;
text-decoration:underline;  
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
} 
  
#frontbanner2 img {
border-radius: 8px;
margin-top: -16px;  
}      

#frontbanner3 {
width: 400px;
height: 210px;
float: left; 
margin-top: 30px;
border-radius: 8px;    
}
  
#frontbanner3 h3 {
font-size:28px;
line-height:32px;
font-weight:500;
text-shadow: 0px 5px 8px #222;
color:#fff;
margin-top:-150px;
padding-left:20px;
padding-right: 20px;
margin-bottom:15px;
} 
  
#frontbanner3 a:link,
#frontbanner3 a:visited  {
font-size:22px;
line-height:22px;
font-weight:400;
text-shadow: 0px 2px 3px #333;
color:#FFCD1C;
padding-left:20px;
padding-right: 20px;
text-decoration: none;
}   
  
#frontbanner3 a:hover {
color:#FFCD1C;
text-decoration:underline;  
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}   

#frontbanner3 img {
border-radius: 8px;
margin-top: -16px;
}      
  
#mid1 {
width: 100%;
height: auto;
float: left;
margin-top:60px;
}

#midcontent1 {
width: 1220px;
height: auto;
margin-left:auto;
margin-right:auto;
}   
  
#productbox {
width: 100%;
height: auto;
float: left;
margin-top: 60px;
  margin-bottom: -60px;
}
  
#productbox .productbox {
width: 12.28%;
height: 160px;
float: left;
text-align:center;
border-radius: 8px;
margin-left:1%;
margin-right:1%;
margin-bottom: 2%;
}  
  
#productbox .productbox img {
width: 100%;
height: auto;
float: left;
border-radius: 8px;  
}
  
#productbox a:link,
#productbox a:visited {
width: 100%;
height: auto;
float: left;
font-size:19px;
line-height:30px;
font-weight:500;
color:white;
text-shadow: 0px 2px 3px #333;  
text-align: center !important;
margin-top:-95px;
text-decoration: none;  
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}  
  
#productbox a:hover {
color:#FFCD1C;
text-decoration:underline;  
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}   
  
#mid2 {
width: 100%;
height: 600px;
float: left;
margin-top:60px;
}

#midcontent2 {
width: 1220px;
height: 600px;
margin-left:auto;
margin-right:auto;
}  
 
#contentoverskrift {
width: 100%;
height: auto;
float:left;
margin-top:0px;
margin-bottom:30px;
}  
  
#contentoverskrift h1 {
font-size:38px;
line-height:42px;
font-weight:500;
color:#5A290F;
margin-top:0px;
margin-bottom:0px;
text-align:center;
}
  
#contentright {
width: 48%;
height: auto;
float:left;
margin-top:0px;
margin-bottom:30px;
margin-right: 2%;
}
 
#contentright img {
width: 100%;
height: auto;
float:left;
border-radius: 8px;
}  
  
#content {
width: 48%;
height: auto;
float:left;
margin-top:40px;
margin-bottom:30px;
margin-left: 2%;  
}

#content p {
font-size:17px;
line-height:26px;
font-weight:400;
color:#5A290F;
}
  
#content a:link,
#content a:visited {
font-size:15px;
line-height:22px;
font-weight:500;
color:#5A290F;
text-decoration:underline;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}  
  
#content a:hover {
color:#000;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}  
  
}

/************************************************************************************
For Tablets
*************************************************************************************/
@media screen and (min-width: 768px) and (max-width: 1219px) {

#mobilmenu {
display:none;
}

#mobilbanner {
display:none;		
}
  
#bannercontent {
width: 100%;
height: auto;
float: left;
margin-top:200px;    
} 
    
#banners {
width: 96%;
height: 450px;
margin-left:2%;
margin-right:2%; 
}     
  
#frontbanner1 {
width: 100%;
height: auto;
float: left;   
} 
  
#frontbanner1 img {
border-radius: 8px;    
}  
  
#frontbanner1 a:link {
font-size:22px;
line-height:32px;
font-weight:400;
box-shadow: 0px 2px 3px #333;
text-shadow: none;  
color:#5A290F !important;
background:#FFCD1C;
padding:8px;
border-radius: 8px;
text-decoration: none;
}   

#frontbanner2 {
width: 49%;
height: auto;
float: left; 
border-radius: 8px;  
margin-right: 1%;
margin-top:2%;
}
  
#frontbanner2 h3 {
font-size:26px;
line-height:30px;
font-weight:500;
text-shadow: 0px 5px 8px #222;
color:#fff;
margin-top:-180px;
padding-left:20px;
padding-right: 20px;
margin-bottom:15px;
} 
  
#frontbanner2 a:link,
#frontbanner2 a:visited  {
font-size:26px;
line-height:22px;
font-weight:400;
text-shadow: 0px 2px 3px #333;
color:#FFCD1C;
padding-left:20px;
padding-right: 20px;
text-decoration: none;
}   
  
#frontbanner2 a:hover {
color:#FFCD1C;
text-decoration:underline;  
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}   
  
#frontbanner2 img {
border-radius: 8px;
margin-top: -16px; 
width:100%;
height:auto;
}      

#frontbanner3 {
width: 49%;
height: auto;
float: left; 
border-radius: 8px;  
margin-left: 1%;
margin-top:2%; 
}
  
#frontbanner3 h3 {
font-size:26px;
line-height:30px;
font-weight:500;
text-shadow: 0px 5px 8px #222;
color:#fff;
margin-top:-180px;
padding-left:20px;
padding-right: 20px;
margin-bottom:15px;
} 
  
#frontbanner3 a:link,
#frontbanner3 a:visited  {
font-size:26px;
line-height:22px;
font-weight:400;
text-shadow: 0px 2px 3px #333;
color:#FFCD1C;
padding-left:20px;
padding-right: 20px;
text-decoration: none;
}   
  
#frontbanner3 a:hover {
color:#FFCD1C;
text-decoration:underline;  
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}   
    
  
#frontbanner3 img {
border-radius: 8px;
margin-top: -16px; 
width:100%;
height:auto;
}    
  
#mid1 {
width: 100%;
height: auto;
float: left;
margin-top:60px;
}

#midcontent1 {
width: 96%;
height: auto;
margin-left:2%;
margin-right:2%;
}   
  
#productbox {
width: 100%;
height: auto;
float: left;
margin-top: 100px;
margin-bottom: -60px;
}
  
#productbox .productbox {
width: 14%;
height: 160px;
float: left;
text-align:center;
border-radius: 8px;
margin-left:3%;
margin-right:3%;
margin-bottom:4%;
}  
  
#productbox .productbox img {
width: 100%;
height: auto;
float: left;
border-radius: 8px;  
}
  
#productbox a:link,
#productbox a:visited {
width: 100%;
height: auto;
float: left;
font-size:18px;
line-height:30px;
font-weight:500;
color:white;
text-shadow: 0px 2px 3px #333;  
text-align: center !important;
margin-top:-95px;
text-decoration: none;  
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}  
  
#productbox a:hover {
color:#FFCD1C;
text-decoration:underline;  
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}   
  
#mid2 {
width: 100%;
height: auto;
float: left;
margin-top:60px;
}

#midcontent2 {
width: 96%;
height: auto;
margin-left:2%;
margin-right:2%;
 
}  
 
#contentoverskrift {
width: 100%;
height: auto;
float:left;
margin-top:0px;
margin-bottom:30px;
}  
  
#contentoverskrift h1 {
font-size:32px;
line-height:42px;
font-weight:500;
color:#5A290F;
margin-top:0px;
margin-bottom:0px;
text-align:center;
}
  
#contentright {
width: 40%;
height: auto;
float:left;
margin-top:0px;
margin-bottom:30px;
margin-right: 2%;
}
 
#contentright img {
width: 100%;
height: auto;
float:left;
border-radius: 8px;
}  
  
#content {
width: 56%;
height: auto;
float:left;
margin-top:0px;
margin-bottom:30px;
margin-left: 2%;  
}

#content p {
font-size:15px;
line-height:20px;
font-weight:400;
color:#5A290F;
}
  
#content a:link,
#content a:visited {
font-size:15px;
line-height:22px;
font-weight:500;
color:#5A290F;
text-decoration:underline;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}  
  
#content a:hover {
color:#000;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
} 
  
}

/************************************************************************************
For Smartphones
*************************************************************************************/
@media screen and (max-width: 767px) {

#bannercontent {
width: 100%;
height: auto;
float: left;
margin-top:100px;    
} 
    
#banners {
width: 96%;
height: auto;
margin-left:2%;
margin-right:2%; 
}     
  
#frontbanner1 {
width: 100%;
height: auto;
float: left; 
margin-bottom: 10px;
} 
  
#frontbanner1 img {
border-radius: 8px;    
}
  
#frontbanner1 a:link {
font-size:16px !important;
line-height:22px;
font-weight:400;
box-shadow: 0px 2px 3px #333;
text-shadow: none;  
color:#222 !important;
background:#ffb700;
padding:8px;
border-radius: 8px;
text-decoration: none;
}   

#frontbanner2 {
width: 100%;
height: auto;
float: left; 
  margin-bottom: 20px;
}
  
#frontbanner2 h3 {
font-size:24px;
line-height:30px;
font-weight:500;
text-shadow: 0px 5px 8px #222;
color:#fff;
margin-top:-150px;
padding-left:20px;
padding-right: 20px;
margin-bottom:15px;
} 
  
#frontbanner2 a:link {
font-size:20px;
line-height:22px;
font-weight:400;
text-shadow: 0px 2px 3px #333;
color:#FFCD1C;
padding-left:20px;
padding-right: 20px;
text-decoration: none;
}   
  
#frontbanner2 a:hover {
color:#FFCD1C;
text-decoration:underline;  
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}   
  
#frontbanner2 img {
width:100%;
height: auto;
border-radius: 8px;
}      

#frontbanner3 {
width: 100%;
height: auto;
float: left; 
margin-bottom: 20px;
}
  
#frontbanner3 h3 {
font-size:24px;
line-height:30px;
font-weight:500;
text-shadow: 0px 5px 8px #222;
color:#fff;
margin-top:-150px;
padding-left:20px;
padding-right: 20px;
margin-bottom:15px;
} 
  
#frontbanner3 a:link {
font-size:20px;
line-height:22px;
font-weight:400;
text-shadow: 0px 2px 3px #333;
color:#FFCD1C;
padding-left:20px;
padding-right: 20px;
text-decoration: none;
}   
  
#frontbanner3 a:hover {
color:#FFCD1C;
text-decoration:underline;  
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}    
  
#frontbanner3 img {
width:100%;
height: auto;
border-radius: 8px;
}      
  
#mid1 {
width: 100%;
height: auto;
float: left;
margin-top:60px;
}

#midcontent1 {
width: 96%;
height: auto;
margin-left:2%;
margin-right:2%;
}   
  
#productbox {
width: 100%;
height: auto;
float: left;
margin-top: 50px;
margin-bottom: -60px;
}
  
#productbox .productbox {
width: 44%;
height: 160px;
float: left;
text-align:center;
border-radius: 8px;
margin-left:3%;
margin-right:3%;
margin-bottom: 6%;
}  
  
#productbox .productbox img {
width: 100%;
height: auto;
float: left;
border-radius: 8px;  
}
  
#productbox a:link,
#productbox a:visited {
width: 100%;
height: auto;
float: left;
font-size:19px;
line-height:30px;
font-weight:500;
color:white;
text-shadow: 0px 2px 3px #333;  
text-align: center !important;
margin-top:-95px;
text-decoration: none;  
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}  
  
#productbox a:hover {
color:#FFCD1C;
text-decoration:underline;  
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}    
  
#mid2 {
width: 100%;
height: auto;
float: left;
margin-top:60px;
}

#midcontent2 {
width: 96%;
height: auto;
margin-left:auto;
margin-right:auto;
}  
 
#contentoverskrift {
width: 100%;
height: auto;
float:left;
margin-top:0px;
margin-bottom:0px;
}  
  
#contentoverskrift h1 {
font-size:28px;
line-height:34px;
font-weight:500;
color:#5A290F;
margin-top:0px;
margin-bottom:0px;
text-align:center;
}
  
#contentright {
width: 96%;
height: auto;
float:left;
margin-top:0px;
margin-bottom:20px;
margin: 2%;
}
 
#contentright img {
width: 100%;
height: auto;
float:left;
border-radius: 8px;
}  
  
#content {
width: 96%;
height: auto;
float:left;
margin-top:0px;
margin-bottom:0px;
margin: 2%;  
}

#content p {
font-size:15px;
line-height:22px;
font-weight:400;
color:#5A290F;
text-align: center;
}
  
#content a:link,
#content a:visited {
font-size:15px;
line-height:22px;
font-weight:500;
color:#336699;
text-decoration:underline;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}  
  
#content a:hover {
color:#000;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}  
  

}