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

#mobilmenu {
display:none;
}

#mobilbanner {
display:none;		
}

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

#midcontent0 {
width: 1220px;
height: auto;
margin-left:auto;
margin-right:auto;
}
  
#left {
width: 20%;
min-height: 400px;
float:left;
padding-right:2%;
margin-top:0px;
margin-bottom:30px;
} 
  
#left div.moduletable.leftmenu  {
width:100%;
margin-bottom:20px;
}

#left div.moduletable.leftmenu ul  {
list-style-type: none;
margin: 0;
padding: 0;
}
  
#left div.moduletable.leftmenu h3 {
width: 90%;
display: block;
padding-left: 5%;
padding-right: 5%;
padding-bottom: 10px;
margin-bottom:0px;
text-align: left;
color:#336699;
font-size:24px;
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:#333;
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 ul.nav.menu .current a {
color:#333;
background: #eee;
}

#left div.moduletable.leftmenu ul.nav.menu .current li a {
color:#333;
background: #fff;
} 
  
#content {
width: 68%;
height: auto;
float:left;
margin-left:5%;
margin-top:0px;
margin-bottom:100px;
}

#content h1 {
font-size:48px;
line-height:52px;
font-weight:300;
color:#336699;
margin-top:0px;
margin-bottom:20px;
}
  
#content h2 {
font-size:34px;
line-height:42px;
font-weight:300;
color:#336699;
margin-top:0px;
margin-bottom:20px;
} 
  
#content h3 {
font-size:24px;
line-height:32px;
font-weight:400;
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 {
color:black;
font-weight:500;
text-decoration:none;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}  
  
#content a:hover {
color:#336699;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
} 
  
#content img {
width: 100%;
height: auto;
float:left;
margin-top:0px;
margin-bottom:20px;
}  
  
}

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


#mobilmenu {
display:none;
}

#mobilbanner {
display:none;		
}
  
#mid0 {
width: 100%;
height: auto;
float: left;
padding-top:150px;
}

#midcontent0 {
width: 90%;
height: auto;
margin-left:5%;
margin-right:5%;
} 
  
#left {
width: 20%;
min-height: 400px;
float:left;
padding-right:2%;
margin-top:0px;
margin-bottom:30px;
} 
  
#left div.moduletable.leftmenu  {
width:100%;
margin-bottom:20px;
}

#left div.moduletable.leftmenu ul  {
list-style-type: none;
margin: 0;
padding: 0;
}
  
#left div.moduletable.leftmenu h3 {
width: 90%;
display: block;
padding-left: 5%;
padding-right: 5%;
padding-bottom: 10px;
margin-bottom:0px;
text-align: left;
color:#336699;
font-size:24px;
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:#333;
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 ul.nav.menu .current a {
color:#333;
background: #eee;
}

#left div.moduletable.leftmenu ul.nav.menu .current li a {
color:#333;
background: #fff;
} 
  
#content {
width: 73%;
height: auto;
float:left;
margin-left:5%;
margin-top:0px;
margin-bottom:100px;
}

#content h1 {
font-size:48px;
line-height:52px;
font-weight:300;
color:#336699;
margin-top:0px;
margin-bottom:20px;
}
  
#content h2 {
font-size:38px;
line-height:42px;
font-weight:300;
color:#336699;
margin-top:0px;
margin-bottom:20px;
} 
  
#content h3 {
font-size:28px;
line-height:32px;
font-weight:400;
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 {
color:black;
font-weight:500;
text-decoration:none;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}  
  
#content a:hover {
color:#336699;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
} 
  
#content img {
width: 100%;
height: auto;
float:left;
margin-top:0px;
margin-bottom:20px;
}      

}


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

  
#mid0 {
width: 100%;
height: auto;
float: left;
}

#midcontent0 {
width: 90%;
height: auto;
margin-left:5%;
margin-right:4%;
} 
  
#content {
width: 100%;
height: auto;
float:left;

margin-top:80px;
margin-bottom:100px;
}

#content h1 {
font-size:48px;
line-height:52px;
font-weight:300;
color:#336699;
margin-top:0px;
margin-bottom:20px;
}
  
#content h2 {
font-size:32px;
line-height:42px;
font-weight:300;
color:#336699;
margin-top:0px;
margin-bottom:20px;
} 
  
#content h3 {
font-size:24px;
line-height:32px;
font-weight:400;
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 {
color:black;
font-weight:500;
text-decoration:none;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}  
  
#content a:hover {
color:#336699;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
} 
  
#content img {
width: 100%;
height: auto;
float:left;
margin-top:0px;
margin-bottom:20px;
}  
}