@media screen and (min-width: 769px) and (max-width: 1200px) { 
.container {width: 100%; margin: 0 auto; padding: 5% 0 0 0;}
#header {width: 23%; margin: 0 auto; padding: 0 0 0 3%;}
.maincontent {width: 35%; margin: 0 auto; padding: 0 2%;}
.inner .maincontent {width: 40%; margin: 0 auto; padding: 0 2%;}
.sidebar {width: 30%; margin: 0 auto; padding: 1%;}
img.desk {display: block; float: right;}
#nav {clear: both;}
/*#nav ul li a {font-size: 14px; background: url(../images/mob-nav.png) scroll no-repeat 0 5px; padding: 0 5px 0 15px; line-height: 20px;}
#nav ul li {float: left; }
.maincontent h1 {font-size: 22px; padding: 0 0 10px 0;}
.maincontent p {line-height: 20px;}*/

.maincontent h1 {font-size: 25px;}
.desk-content a img {width: 100%; height: auto;}
.sidebar li {margin: 0 10px 30px 0;}
}


@media screen and (min-width: 481px) and (max-width: 768px) { 
.container {width: 90%; margin: 0 auto; padding: 5% 0 0 0;}
#header {width: 93%; margin: 0 auto; padding: 0 2% 0 5%;}
.maincontent {width: 93%; margin: 0 auto; padding: 4% 2% 0 5%;}
.inner .maincontent {width: 93%; margin: 0 auto; padding: 4% 2% 0 5%;}
.sidebar {width: 93%; margin: 0 auto; padding: 0 2% 0 5%; border: 0;}
.desk {display: none;}
.mob {display: block; margin: 0 auto;}
#nav ul li a {font-size: 14px; background: url(../images/mob-nav.png) scroll no-repeat 0 5px; padding: 0 5px 0 15px; line-height: 20px;}
#nav ul li {float: left; }
.maincontent h1 {font-size: 22px; padding: 0 0 10px 0;}
.maincontent p {line-height: 20px;}


.maincontent p.desk {display: none;}
.sidebar li h4 {text-transform: capitalize; font-size: 18px;}
.sidebar li p {font-size: 13px;}

.desk-content {display: none;}
.mob-content {display: block;}
.sidebar li.news a {font-weight: bold;}
}


@media screen and (min-width: 320px) and (max-width: 480px) { 
.container {width: 90%; margin: 0 auto; padding: 5% 0 0 0;}
#header {width: 93%; margin: 0 auto; padding: 0 2% 0 5%;}
.maincontent {width: 93%; margin: 0 auto; padding: 4% 2% 0 5%;}
.inner .maincontent {width: 93%; margin: 0 auto; padding: 4% 2% 0 5%;}
.sidebar {width: 93%; margin: 0 auto; padding: 0 2% 0 5%; border: 0;}
.desk {display: none;}
.mob {display: block; margin: 0 auto;}
#nav ul li a {font-size: 14px; background: url(../images/mob-nav.png) scroll no-repeat 0 5px; padding: 0 5px 0 15px; line-height: 20px;}
#nav ul li {float: left; }
.maincontent h1 {font-size: 22px; padding: 0 0 10px 0;}
.maincontent p {line-height: 20px;}

body {background: url(../images/mob-inner1.png) scroll repeat top center;}
.maincontent p.desk {display: none;}
.sidebar li h4 {text-transform: capitalize; font-size: 18px;}
.sidebar li p {font-size: 13px;}

.desk-content {display: none;}
.mob-content {display: block;}
.sidebar li.news a {font-weight: bold;}
}
}