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

#mobilmenu {
display:none;
}

#mobilbanner {
display:none;		
}
  
#bannercontent {
width: 100%;
height: auto;
float: left;
margin-top:170px;    
} 
    
#banners {
width: 100%;
height: auto;
margin-left:auto;
margin-right:auto; 
}     
  
#undersidebanner {
width: 100%;
height: 150px;
float: left; 
margin-right:30px; 
background: #eee; 
} 
  
#undersidebanner img {
border-radius: 8px;    
}    
    
#mid1 {
width: 100%;
height: auto;
float: left;
margin-top:60px;
}

#midcontent1 {
width: 1220px;
height: auto;
margin-left:auto;
margin-right:auto;
} 
  
#mid2 {
width: 100%;
height: 600px;
float: left;
margin-top:60px;
}

#midcontent2 {
width: 1220px;
height: 600px;
margin-left:auto;
margin-right:auto;
}  
 
#left {
width: 23%;
min-height: 500px;
float:left;
margin-top:0px;
margin-bottom:10px;
}  
  
#left div.moduletable.leftmenu  {
width:100%;
margin-bottom:20px;
}

#left div.moduletable.leftmenu ul  {
list-style-type: none;
margin: 0;
padding: 0;
}
  
#left .moduletable.leftmenu h3 {
width: 90%;
display: block;
padding-left: 5%;
padding-right: 5%;
padding-bottom: 10px;
margin-bottom:0px;
text-align: left;
color:#663300;
font-size:20px;
font-weight:normal;
}

#left div.moduletable.leftmenu li a:link,
#left div.moduletable.leftmenu li a:visited {
width: 90%;
display: block;
text-decoration: none;
padding-left: 5%;
padding-right: 5%;
padding-top: 10px;
padding-bottom: 10px;
border-top: 1px solid #eee;
background:white;
text-align: left;
color:#663300;
font-size:16px;
font-weight:normal;
line-height:22px;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}

#left div.moduletable.leftmenu li a:hover, 
#left div.moduletable.leftmenu li a:active {       
background: #eee;
color:#222;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}
  
#left div.moduletable.leftmenu li li a:link,
#left div.moduletable.leftmenu li li a:visited {
width: 85%;
display: block;
text-decoration: none;
padding-left: 10%;
padding-right: 5%;
padding-top: 10px;
padding-bottom: 10px;
border-top: 1px solid #eee;
background:white;
text-align: left;
color:#663300;
font-size:16px;
font-weight:normal;
line-height:22px;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}

#left div.moduletable.leftmenu li li a:hover, 
#left div.moduletable.leftmenu li li a:active {       
background: #eee;
color:#222;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}   
  
#content {
width: 73%;
height: auto;
float:left;
margin-top:0px;
margin-bottom:30px;
margin-left: 4%;  
}
  
#content img {
max-width: 100%;
height: auto;
float:left;
margin-top:0px;
margin-bottom:20px;
border-radius: 5px;
}  
  
#content h1 {
font-size:38px;
line-height:42px;
font-weight:500;
color:#663300;
margin-top:0px;
margin-bottom:0px;
} 
  
#content h2 {
font-size:28px;
line-height:38px;
font-weight:400;
color:#663300;
margin-top:0px;
margin-bottom:0px;
} 
  
#content h3 {
font-size:24px;
line-height:34px;
font-weight:400;
color:#663300;
margin-top:0px;
margin-bottom:0px;
}    

#content p {
font-size:16px;
line-height:26px;
font-weight:400;
color:#330000;
}
  
#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;
} 
  
/**** Virtuemart Kategorioversigt ****/   
  
#content .spacer h2 a {
width: 100%;
font-size:20px;
line-height:42px;
font-weight:500;
color:#663300;
margin-top:0px;
margin-bottom:0px;
text-decoration: none;
}  
  
#content .horizontal-separator {
background:none;  
} 

#content .spacer h2 a img.browseCategoryImage {
width: 80%;
height: auto;
margin-left:10%;
margin-right:10%;
margin-bottom:10%;  
border-radius: 8px;
box-shadow: 0px 5px 10px #ccc;
} 
  
/**** Virtuemart Produktside ****/    
 
#content .productdetails h1 {
font-size:32px;
line-height:42px;
font-weight:400;
color:#663300;
margin-top:0px;
margin-bottom:20px;
text-decoration: none;  
  }  
  
#content .vm-product-media-container div.main-image a img {
border-radius: 8px;
box-shadow: 0px 5px 8px #ccc;;
} 
  
#content .back-to-category a.product-details {
margin-top:10px;
background:#663300;
border: none;
color: white;
padding:8px;
text-decoration: none;
}  
  
#content .product-description span.title {
display:none;
}    
  
/**** Virtuemart Produktoversigtside ****/     

#content .spacer.product-container {
margin-left:10px;
margin-right:10px;
box-shadow: 0px 5px 10px #eee;
border-radius: 8px;
border:none;
padding-bottom: 20px;
}  
  
#content .vm-product-media-container a img.browseProductImage {
width: 90%;
border-radius: 8px;
margin-top:10px;
margin-bottom: -20px;
}  
  
#content .addtocart-area {
display: none;
}

#content .vm-details-button a.product-details {
background:#ffb700;
border:none; 
box-shadow: 0px 5px 10px #eee;  
color: white;
}  

#content .orderby-displaynumber {
display: none;
}  
  
#content div.category-view div.browse-view h1 {
font-size:32px;
line-height:42px;
font-weight:400;
color:#663300;
margin-top:10px;
margin-bottom:20px;
text-decoration: none;      
}
  
#content .vm-product-descr-container-0 h2 a {
width:100%;
height: 60px;
float: left;
font-size: 18px;
line-height: 80px;
} 
  
#content div.category-view div.browse-view div.row div.product.vm-col.vm-col-3 div.spacer.product-container div.vm-product-media-container a img.browseProductImage {
width:92%;
height: auto;
float: left;
padding-left:4%; 
padding-top:2%;
}  
  
}

/************************************************************************************
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:170px;    
} 
    
#banners {
width: 100%;
height: auto;
margin-left:auto;
margin-right:auto; 
}     
  
#undersidebanner {
width: 100%;
height: 150px;
float: left; 
margin-right:30px; 
background: #eee; 
} 
  
#undersidebanner img {
border-radius: 8px;    
}    
    
#mid1 {
width: 100%;
height: auto;
float: left;
margin-top:60px;
}

#midcontent1 {
width: 96%;
height: auto;
margin-left:2%;
margin-right:2%;
} 
  
#mid2 {
width: 100%;
height: 600px;
float: left;
margin-top:60px;
}

#midcontent2 {
width: 96%;
height: 600px;
margin-left:2%;
margin-right:2%;
}  
 
#left {
width: 23%;
min-height: 500px;
float:left;
margin-top:0px;
margin-bottom:10px;
}  
  
#left div.moduletable.leftmenu  {
width:100%;
margin-bottom:20px;
}

#left div.moduletable.leftmenu ul  {
list-style-type: none;
margin: 0;
padding: 0;
}
  
#left .moduletable.leftmenu h3 {
width: 90%;
display: block;
padding-left: 5%;
padding-right: 5%;
padding-bottom: 10px;
margin-bottom:0px;
text-align: left;
color:#663300;
font-size:20px;
font-weight:normal;
}

#left div.moduletable.leftmenu li a:link,
#left div.moduletable.leftmenu li a:visited {
width: 90%;
display: block;
text-decoration: none;
padding-left: 5%;
padding-right: 5%;
padding-top: 10px;
padding-bottom: 10px;
border-top: 1px solid #eee;
background:white;
text-align: left;
color:#663300;
font-size:16px;
font-weight:normal;
line-height:22px;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}

#left div.moduletable.leftmenu li a:hover, 
#left div.moduletable.leftmenu li a:active {       
background: #eee;
color:#222;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}
  
#left div.moduletable.leftmenu li li a:link,
#left div.moduletable.leftmenu li li a:visited {
width: 85%;
display: block;
text-decoration: none;
padding-left: 10%;
padding-right: 5%;
padding-top: 10px;
padding-bottom: 10px;
border-top: 1px solid #eee;
background:white;
text-align: left;
color:#663300;
font-size:16px;
font-weight:normal;
line-height:22px;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}

#left div.moduletable.leftmenu li li a:hover, 
#left div.moduletable.leftmenu li li a:active {       
background: #eee;
color:#222;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}   
  
#content {
width: 73%;
height: auto;
float:left;
margin-top:0px;
margin-bottom:30px;
margin-left: 4%;  
}
  
#content img {
max-width: 100%;
height: auto;
float:left;
margin-top:0px;
margin-bottom:20px;
border-radius: 5px;
}
  
#content h1 {
font-size:32px;
line-height:42px;
font-weight:400;
color:#663300;
margin-top:0px;
margin-bottom:0px;
} 
  
#content h2 {
font-size:28px;
line-height:38px;
font-weight:400;
color:#663300;
margin-top:0px;
margin-bottom:0px;
} 
  
#content h3 {
font-size:24px;
line-height:34px;
font-weight:400;
color:#663300;
margin-top:0px;
margin-bottom:0px;
}   

#content p {
font-size:15px;
line-height:24px;
font-weight:400;
color:#330000;
}
  
#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;
} 
  
/**** Virtuemart Kategorioversigt ****/  
  
  
#content .spacer h2 a {
font-size:18px;
line-height:42px;
font-weight:500;
color:#663300;
margin-top:0px;
margin-bottom:0px;
text-decoration: none;
}  
  
#content .horizontal-separator {
background:none;  
} 

#content .spacer h2 a img.browseCategoryImage {
width: 80%;
height: auto;
margin-left:10%;
margin-right:10%;
margin-bottom:10%;  
border-radius: 8px;
box-shadow: 0px 5px 10px #ccc;
}  
  
/**** Virtuemart Produktside ****/    
 
#content .productdetails h1 {
font-size:32px;
line-height:42px;
font-weight:400;
color:#663300;
margin-top:0px;
margin-bottom:20px;
text-decoration: none;  
  }  
  
#content .vm-product-media-container div.main-image a img {
border-radius: 8px;
box-shadow: 0px 5px 8px #ccc;;
} 
  
#content .back-to-category a.product-details {
margin-top:10px;
background:#663300;
border: none;
color: white;
padding:8px;
text-decoration: none;
}
  
#content .product-description span.title {
display:none;
}    
  
/**** Virtuemart Produktoversigtside ****/     

#content .spacer.product-container {
margin-left:10px;
margin-right:10px;
box-shadow: 0px 5px 10px #eee;
border-radius: 8px;
border:none;
padding-bottom: 20px;
}  
  
#content .vm-product-media-container a img.browseProductImage {
width: 90%;
border-radius: 8px;
margin-top:10px;
margin-bottom: -20px;
}  
  
#content .addtocart-area {
display: none;
}

#content .vm-details-button a.product-details {
background:#ffb700;
border:none; 
box-shadow: 0px 5px 10px #eee;  
color: white;
}  

#content .orderby-displaynumber {
display: none;
}  
  
#content div.category-view div.browse-view h1 {
font-size:32px;
line-height:42px;
font-weight:400;
color:#663300;
margin-top:10px;
margin-bottom:20px;
text-decoration: none;      
}
  
#content .vm-product-descr-container-0 h2 a {
width:100%;
height: 60px;
float: left;
font-size: 18px;
line-height: 80px;
} 
  
#content div.category-view div.browse-view div.row div.product.vm-col.vm-col-3 div.spacer.product-container div.vm-product-media-container a img.browseProductImage {
width:92%;
height: auto;
float: left;
padding-left:4%; 
padding-top:2%;
  }  
  
}


/************************************************************************************
For Smartphones
*************************************************************************************/
@media screen and (max-width: 767px) {
  
#left {
display: none;
}  

#bannercontent {
width: 100%;
height: auto;
float: left;
margin-top:60px;    
} 
    
#banners {
width: 100%;
height: auto;
margin-left:auto;
margin-right:auto; 
}     
  
#undersidebanner {
width: 100%;
height: auto;
float: left; 
} 
  
#undersidebanner img {
width:100%;
height: auto;
float: left;
}    
    
#mid1 {
width: 100%;
height: auto;
float: left;
margin-top:10px;
}

#midcontent1 {
width: 96%;
height: auto;
margin-left:2%;
margin-right:2%;
}
  
#content {
width: 100%;
height: auto;
float:left;
margin-bottom:50px;
}
  
#content img {
max-width: 99%;
height: auto;
float:left;
margin-top:0px;
margin-bottom:20px;
border-radius: 5px;
}  
  
#content h1 {
font-size:32px;
line-height:42px;
font-weight:400;
color:#663300;
margin-top:0px;
margin-bottom:0px;
} 
  
#content h2 {
font-size:28px;
line-height:38px;
font-weight:400;
color:#663300;
margin-top:0px;
margin-bottom:0px;
} 
  
#content h3 {
font-size:24px;
line-height:34px;
font-weight:400;
color:#663300;
margin-top:0px;
margin-bottom:0px;
}   

#content p {
font-size:15px;
line-height:24px;
font-weight:400;
color:#330000;
}
  
#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;
} 
  
/**** Virtuemart Kategorioversigt ****/  
 
#content .category-view div.category-view div.row div.category.floatleft.width33  {
width: 33%;
height: auto;
float: left;
 margin-bottom: -20px;
}
  
#content .spacer h2 a {
font-size:15px;
line-height:22px;
font-weight:500;
color:#663300;
margin-top:0px;
margin-bottom:0px;
text-decoration: none;
}  
  
#content .horizontal-separator {
background:none;  
} 

#content .spacer h2 a img.browseCategoryImage {
width: 100%;
height: auto;
border-radius: 8px;
box-shadow: 0px 5px 10px #ccc;
} 
  
/**** Virtuemart Produktside ****/    
 
#content .productdetails h1 {
font-size:28px;
line-height:42px;
font-weight:400;
color:#663300;
margin-top:0px;
margin-bottom:10px;
text-decoration: none;  
width: 100%;
height: auto;
float: left;  
}  
  
#content .vm-product-media-container div.main-image a img {
border-radius: 8px;
box-shadow: 0px 5px 8px #ccc;
} 
  
#content .back-to-category a.product-details {
font-size: 10px;
margin-top:-5px;
background:#663300;
border: none;
color: white;
padding:6px;
padding-top:2px;
padding-bottom: 2px;
text-decoration: none;
}  
  
#content .product-description span.title {
display:none;
}  
  
/**** Virtuemart Produktoversigtside ****/     
  
#content .spacer.product-container {
margin-left:10px;
margin-right:10px;
box-shadow: 0px 5px 10px #eee;
border-radius: 8px;
border:none;
padding-bottom: 20px;
margin-bottom: 20px;  
}  
  
#content .vm-product-media-container a img.browseProductImage {
width:100%;
height: auto;
float: left;

border-radius: 8px !important;  
}  
  
#content .addtocart-area {
display: none;
}

#content .vm-details-button a.product-details {
background:#ffb700;
border:none; 
box-shadow: 0px 5px 10px #eee;  
color: white;
margin-top:-25px;
}  

#content .orderby-displaynumber {
display: none;
}  
  
#content div.category-view div.browse-view h1 {
font-size:27px;
line-height:42px;
font-weight:400;
color:#663300;
margin-top:10px;
margin-bottom:20px;
text-decoration: none; 
text-align: center;
}
  
#content .vm-product-descr-container-0 h2 a {
width:100%;
height: 60px;
float: left;
font-size: 18px;
line-height: 18px;
} 
 

}