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

#mobilmenu {
display:none;
}

#mobilbanner {
display:none;		
}
  
#undersidebanner {
width: 100%;
height: auto;
float: left;
margin-top:80px;
}   
  
#undersidebanner img {
width: 100%;
height: 300px;
float: left;
object-fit: cover; 
}  

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

#midcontent0 {
width: 90%;
height: auto;
margin-left:5%;
margin-right:5%;
}
  
#left {
width: 22%;
height: auto;
float:left;
margin-top:70px;
padding-right: 5%; 
}
  
#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:#000;
font-size:24px;
font-weight:300;
}

#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:300;
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: 70%;
height: auto;
float: left;
margin-top:20px;  
}
 
#content img {
width: 100%;
height: auto;
float:left;
margin-right:5%;  
margin-bottom:20px;
box-shadow: 0px 5px 12px #ccc;
}
  
#content h1 {
font-size:46px;
line-height:66px;
font-weight:300;
text-align: left;
}  
  
#content h2 {
font-size:32px;
line-height:36px;
font-weight:300;
}  
  
#content h3 {
font-size:26px;
line-height:26px;
font-weight:300;
}  
 
#content p {
font-size:16px;
line-height:26px;
font-weight:300;
}  
  
#content li {
font-size:16px;
line-height:26px;
font-weight:300;
}    
  
#content a:link,
#content a:visited {
font-size:16px;
line-height:26px;
font-weight:400;
color:#000;
text-decoration:none;
}  
  
#content a:hover {
color:#000;
text-decoration: underline;  
}
  
 
  

  
}

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


#mobilmenu {
display:none;
}

#mobilbanner {
display:none;		
}
  
#undersidebanner {
width: 100%;
height: auto;
float: left;
margin-top:160px;
}   
  
#undersidebanner img {
width: 100%;
height: 300px;
float: left;
object-fit: cover; 
}  
  
#mid0 {
width: 100%;
height: auto;
float: left;
margin-top:20px;
margin-bottom:100px;  
}

#midcontent0 {
width: 90%;
height: auto;
margin-left:5%;
margin-right:5%;
}
  
#left {
width: 22%;
height: auto;
float:left;
margin-top:65px;
padding-right: 5%; 
}
  
#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:#000;
font-size:24px;
font-weight:300;
}

#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:300;
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: 70%;
height: auto;
float: left;
margin-top:20px;  
}
 
#content img {
width: 100%;
height: auto;
float:left;
margin-right:5%;  
margin-bottom:20px;
box-shadow: 0px 5px 12px #ccc;
}
  
#content h1 {
font-size:46px;
line-height:56px;
font-weight:300;
text-align: left;
}  
  
#content h2 {
font-size:32px;
line-height:36px;
font-weight:300;
}  
  
#content h3 {
font-size:26px;
line-height:29px;
font-weight:300;
}  
 
#content p {
font-size:16px;
line-height:26px;
font-weight:300;
}  
  
#content li {
font-size:16px;
line-height:26px;
font-weight:300;
}    
  
#content a:link,
#content a:visited {
font-size:16px;
line-height:26px;
font-weight:400;
color:#000;
text-decoration:none;
}  
  
#content a:hover {
color:#000;
text-decoration: underline;  
}
   
  
}


/************************************************************************************
For Smartphones
*************************************************************************************/
@media screen and (max-width: 767px) {
  
#undersidebanner {
width: 100%;
height: auto;
float: left;
margin-top:44px;
}   
  
#undersidebanner img {
width: 100%;
height: 100px;
float: left;
object-fit: cover; 
}  

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

#midcontent0 {
width: 90%;
height: auto;
margin-left:5%;
margin-right:5%;
}
  
#content {
width: 100%;
height: auto;
float: left;
}
 
#content img {
width: 100%;
height: auto;
float:left;
margin-right:5%;  
margin-bottom:20px;
box-shadow: 0px 5px 12px #ccc;
}
  
#content h1 {
font-size:40px;
line-height:44px;
font-weight:300;
}  
  
#content h2 {
font-size:30px;
line-height:34px;
font-weight:300;
}  
  
#content h3 {
font-size:26px;
line-height:28px;
font-weight:300;
}  
 
#content p {
font-size:16px;
line-height:24px;
font-weight:300;
}  
  
#content li {
font-size:16px;
line-height:24px;
font-weight:300;
}    
  
#content a:link,
#content a:visited {
font-size:17px;
line-height:24px;
font-weight:400;
color:#000;
text-decoration:none;
}  
  
#content a:hover {
color:#000;
text-decoration: underline;  
}
      

}