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

#mobilmenu {
display:none;
}

#mobilbanner {
display:none;		
}
  
#mid1 {
width: 100%;
height: auto;
float: left;
margin-top:160px;
}

#midcontent1 {
width: 1220px;
height: auto;
margin-left:auto;
margin-right:auto;
} 

#eventboxes div.moduletable.galleri .mod-custom.custom {
width: 29%;
min-height: 460px;
float:left;
margin-left:1%;  
margin-right:1%;
padding:1%;
margin-top:0px;
margin-bottom:10px;
}    
  
#eventboxes .mod-custom.custom {
width: 29%;
min-height: 630px;
float:left;
margin-left:1%;  
margin-right:1%;
padding:1%;
margin-top:0px;
margin-bottom:10px;
}  
  
#eventboxes img{
width: 100%;
height: auto;
float:left;
margin-top:0px;
margin-bottom:10px;
}   
  
#eventboxes h3 {
font-size:32px;
line-height:34px;
font-weight:300;
color:#336699;
margin-top:0px;
margin-bottom:10px;
min-height:80px;
}
  
#eventboxes h4 {
font-size:16px;
line-height:24px;
font-weight:500;
color: #222;
margin-top:0px;
margin-bottom:10px;
}
  
#eventboxes p {
font-size:15px;
line-height:22px;
font-weight:400;
color: #333;
} 
  
#eventboxes .custom p a:link.readmore,
#eventboxes .custom p a:visited.readmore  {
font-size:14px;
line-height:26px;
color:black;
text-decoration:none;
font-weight:600;  
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}  
  
#eventboxes .custom p a:hover.readmore {
color:black;
margin-left:10px;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}  
  
#eventboxes .custom p a:link.bestil,
#eventboxes .custom p a:visited.bestil   {
font-size:15px;
line-height:56px;
color:white;
background:#336699;
text-decoration:none;
margin-right:10px;
font-weight:600;  
padding:8px;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}  
  
#eventboxes .custom p a:hover.bestil {
color:white;
background:#5fb950;
margin-top:10px;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}  
  
#mid0 {
width: 100%;
height: auto;
float: left;
margin-top:20px;
}

#midcontent0 {
width: 1220px;
height: auto;
margin-left:auto;
margin-right:auto;
} 
  
#content {
width: 40%;
height: auto;
float:left;
padding-right:6%;
padding-left:5%;
margin-top:30px;
margin-bottom:50px;
}

#content h1 {
font-size:48px;
line-height:52px;
font-weight:300;
color:#336699;
margin-top:0px;
margin-bottom:20px;
}
  
#content p {
font-size:15px;
line-height:22px;
font-weight:400;
color: #333;
}
  
#content a:link,
#content a:visited {
font-size:17px;
line-height:68px;
color:white;
background:#28541e;
text-decoration:none;
margin-right:10px;
padding:12px;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}  
  
#content a:hover {
color:white;
background:#5fb950;
padding:12px;
margin-top:10px;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}  
  
#contentright {
width: 48%;
height: auto;
float:left;
margin-top:0px;
margin-bottom: 100px;
margin-left:1%;  
}

#contentright img {
width: 100%;
height: auto;
float:right;
} 
  
}

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


#mobilmenu {
display:none;
}

#mobilbanner {
display:none;		
}
  
#mid1 {
width: 100%;
height: auto;
float: left;
margin-top:160px;
}

#midcontent1 {
width: 96%;
height: auto;
margin-left:2%;
margin-right:2%;
}
  
#eventboxes div.moduletable.galleri .mod-custom.custom {
width: 29%;
min-height: 400px;
float:left;
margin-left:1%;  
margin-right:1%;
padding:1%;
margin-top:0px;
margin-bottom:10px;
}     
  
#eventboxes .mod-custom.custom {
width: 29%;
min-height: 565px;
float:left;
margin-left:1%;  
margin-right:1%;
padding:1%;
margin-top:0px;
margin-bottom:20px;
}  
  
#eventboxes img{
width: 100%;
height: auto;
float:left;
margin-top:0px;
margin-bottom:10px;
}   
  
#eventboxes h3 {
font-size:24px;
line-height:30px;
font-weight:400;
color:#336699;
margin-top:0px;
margin-bottom:10px;
min-height: 60px;
}
  
#eventboxes h4 {
font-size:13px;
line-height:24px;
font-weight:400;
color: #222;
margin-top:0px;
margin-bottom:10px;
}
  
#eventboxes p {
font-size:14px;
line-height:20px;
font-weight:400;
color: #333;
} 
  
#eventboxes .custom p a:link.readmore,
#eventboxes .custom p a:visited.readmore  {
font-size:14px;
line-height:26px;
color:black;
text-decoration:none;
font-weight:600;  
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}  
  
#eventboxes .custom p a:hover.readmore {
color:black;
margin-left:10px;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}  
  
#eventboxes .custom p a:link.bestil,
#eventboxes .custom p a:visited.bestil   {
font-size:15px;
line-height:56px;
color:white;
background:#336699;
text-decoration:none;
margin-right:10px;
font-weight:600;  
padding:8px;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}  
  
#eventboxes .custom p a:hover.bestil {
color:white;
background:#5fb950;
margin-top:10px;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}  
  
#mid0 {
width: 100%;
height: auto;
float: left;
margin-top:20px;
}

#midcontent0 {
width: 96%;
height: auto;
margin-left:2%;
margin-right:2%;
} 
  
#content {
width: 56%;
height: auto;
float:left;
padding-right:0%;
padding-left:4%;
margin-top:10px;
margin-bottom:50px;
}

#content h1 {
font-size:38px;
line-height:42px;
font-weight:300;
color:#336699;
margin-top:0px;
margin-bottom:10px;
}
  
#content p {
font-size:15px;
line-height:22px;
font-weight:400;
color: #333;
}
  
#content a:link,
#content a:visited {
font-size:17px;
line-height:68px;
color:white;
background:#28541e;
text-decoration:none;
margin-right:10px;
padding:12px;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}  
  
#content a:hover {
color:white;
background:#5fb950;
padding:12px;
margin-top:10px;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}  
  
#contentright {
width: 40%;
height: auto;
float:left;
margin-top:0px;
margin-bottom: 100px;

}

#contentright img {
width: 100%;
height: auto;
float:right;
}
  
}


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

#mid1 {
width: 100%;
height: auto;
float: left;
margin-top:90px;
}

#midcontent1 {
width: 96%;
height: auto;
margin-left:2%;
margin-right:2%;
} 
  
#eventboxes .mod-custom.custom {
width: 96%;
height: auto;
float:left;
margin-left:1%;  
margin-right:1%;
padding:1%;
margin-top:0px;
margin-bottom:10px;
}  
  
#eventboxes img{
width: 100%;
height: auto;
float:left;
margin-top:0px;
margin-bottom:10px;
}   
  
#eventboxes h3 {
font-size:32px;
line-height:36px;
font-weight:400;
color:#336699;
margin-top:0px;
margin-bottom:10px;
height: auto;
}
  
#eventboxes h4 {
font-size:15px;
line-height:24px;
font-weight:400;
color: #222;
margin-top:0px;
margin-bottom:10px;
}
  
#eventboxes p {
font-size:15px;
line-height:20px;
font-weight:400;
color: #333;
} 
  
#eventboxes .custom p a:link.readmore,
#eventboxes .custom p a:visited.readmore  {
font-size:15px;
line-height:24px;
color:black;
text-decoration:none;
font-weight:600;  
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}  
  
#eventboxes .custom p a:hover.readmore {
color:black;
margin-left:10px;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}  
  
#eventboxes .custom p a:link.bestil,
#eventboxes .custom p a:visited.bestil   {
font-size:15px;
line-height:50px;
color:white;
background:#336699;
text-decoration:none;
margin-right:10px;
font-weight:600;  
padding:10px;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}  
  
#eventboxes .custom p a:hover.bestil {
color:white;
background:#5fb950;
margin-top:10px;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}  
  
#mid0 {
width: 100%;
height: auto;
float: left;
margin-top:0px;
}

#midcontent0 {
width: 96%;
height: auto;
margin-left:2%;
margin-right:2%;
} 
  
#content {
width: 96%;
height: auto;
float:left;
padding-right:2%;
padding-left:2%;
margin-top:10px;
margin-bottom:30px;
}

#content h1 {
font-size:42px;
line-height:46px;
font-weight:400;
color:#336699;
margin-top:0px;
margin-bottom:10px;
}
  
#content p {
font-size:15px;
line-height:22px;
font-weight:400;
color: #333;
}
  
#content a:link,
#content a:visited {
font-size:17px;
line-height:68px;
color:white;
background:#28541e;
text-decoration:none;
margin-right:10px;
padding:12px;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}  
  
#content a:hover {
color:white;
background:#5fb950;
padding:12px;
margin-top:10px;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}  
  
#contentright {
width: 100%;
height: auto;
float:left;
margin-top:0px;
margin-bottom: 10px;
border-top: 2px dashed #eee;
}

#contentright img {
width: 100%;
height: auto;
float:right;

}

  
  

}