@media screen and (min-width: 1140px) and (max-width: 1284px) {

nav ul li a {

  display: block;

  padding: 15px 15px;

  font-size: .9em;

}

}


@media screen and (min-width: 1024px) and (max-width: 1139px) {
.main_container{

  width:80%;

  height:auto;

  background-color:#FFF;

  margin:auto;

  border-radius:5px;

}  

header{

  width:100%;

  height:90px;

  margin:auto;

}

.searcharea {

  width: 30%;

  height: 121px;

  float: right;

  margin-top: 2%;

  margin-right: 1%;

}

.searcharea p{

  font-size:.9em;

}

.logoarea{

  width:9%;

  height:80px;

  float:left;

  margin:1% auto 1% 1%;

}

nav ul li a {

  display: block;

  padding: 16px 9.34px;

  font-size: .8em;

}

nav ul li{

  margin-left: 0%;

  float:left;

  list-style:none;

}

.readmore{

  width:30%;

  height:20px;

  border-radius:3px;

    padding: 1% 2%;

  margin-top:4%;

}

.media{

  float:left;

  width:40%;

  padding-left:8%;

  margin-top:1%;

  margin-bottom:2%;

}
}

@media screen and (min-width: 800px) and (max-width: 1023px){
.main_container{

  width:90%;

  height:auto;

  background-color:#FFF;

  margin:auto;

  border-radius:5px;

}  

header{

  width:100%;

  height:95px;

  margin:auto;

}

.logoarea{

  width:11%;

  height:auto;

  float:left;

  margin:1% auto 1% 1%;

}

.icon_area{

  width:12%;

  height:33px;

  float:right;

  margin-top:4%;

  margin-right:1%;

}

.searcharea {

  width: 33%;

  height: 90px;

  float: right;

  margin-top: 2%;

  margin-right: 1%;

}

.searcharea p{

  font-size:.9em;
  margin-top:5%;

}

nav ul li a {

  display: block;

  padding: 17px 4.6px;

  font-size: .72em;

}

nav ul li{

  margin-left: 0%;

  float:left;

  list-style:none;

}

.readmore{

  width:34%;

  height:20px;

  display:block;

  background-color:#f47820;

  color:#FFF;

  border-radius:3px;

    padding: 1% 2%;

  margin-top:4%;

}

.subscribe{

  width:70%;

  clear:both;

  text-align:center;

  background-color:#bdc9d5;

  padding:2%;

  color:#fff;

    margin: 3% 17% 3%;

  color:#000;

  font-size:.6em;

}

.media{

  float:left;

  width:42%;

  padding-left:5%;

  margin-top:1%;

  margin-bottom:2%;

}  

.mediapic{

  width:13%;

  height:auto;

  float:right;

  margin-right:20%;

}
}

@media screen and (min-width: 768px) and (max-width: 799px){

.main_container{

  width:95%;

  height:auto;

  background-color:#FFF;

  margin:auto;

  border-radius:5px;

}  

header{

  width:100%;

  height:95px;

  margin:auto;

}

.logoarea{

  width:11%;

  height:auto;

  float:left;

  margin:1% auto 1% 1%;

}

.icon_area{

  width:12%;

  height:33px;

  float:right;

  margin-top:4%;

  margin-right:1%;

}

.searcharea {

  width: 33%;

  height: 90px;

  float: right;

  margin-top: 2%;

  margin-right: 1%;

}

.searcharea p{

  font-size:.9em;
  margin-top:5%;

}

nav{

  width:100%;

  height:50px;

}

nav ul li a {

  display: block;

  padding: 17px 5.1px;

  font-size: .78em;

}

nav ul li{

  margin-left: 0%;

  float:left;

  list-style:none;

}

.readmore{

  width:34%;

  height:20px;

  display:block;

  background-color:#f47820;

  color:#FFF;

  border-radius:3px;

    padding: 1% 2%;

  margin-top:4%;

}

.subscribe{

  width:70%;

  clear:both;

  text-align:center;

  background-color:#bdc9d5;

  padding:2%;

  color:#fff;

    margin: 3% 17% 3%;

  color:#000;

  font-size:.6em;

}

.media{

  float:left;

  width:42%;

  padding-left:5%;

  margin-top:1%;

  margin-bottom:2%;

}  

.mediapic{

  width:13%;

  height:auto;

  float:right;

  margin-right:20%;

}  

}



@media screen and (min-width: 760px) and (max-width: 766px){

.main_container{

  width:95%;

  height:auto;

  background-color:#FFF;

  margin:auto;

  border-radius:5px;

}  

header{

  width:100%;

  height:95px;

  margin:auto;

}

.logoarea{

  width:11%;

  height:auto;

  float:left;

  margin:1% auto 1% 1%;

}

.icon_area{

  width:12%;

  height:33px;

  float:right;

  margin-top:4%;

  margin-right:1%;

}

.searcharea {

  width: 33%;

  height: 90px;

  float: right;

  margin-top: 2%;

  margin-right: 1%;

}

.searcharea p{

  font-size:.9em;
  margin-top:5%;

}

nav{

  width:100%;

  height:50px;

}

nav ul li a {

  display: block;

  padding: 17px 8.2px;

  font-size: .7em;

}

nav ul li{

  margin-left: 0%;

  float:left;

  list-style:none;

}

.readmore{

  width:34%;

  height:20px;

  display:block;

  background-color:#f47820;

  color:#FFF;

  border-radius:3px;

    padding: 1% 2%;

  margin-top:4%;

}

.subscribe{

  width:70%;

  clear:both;

  text-align:center;

  background-color:#bdc9d5;

  padding:2%;

  color:#fff;

    margin: 3% 17% 3%;

  color:#000;

  font-size:.6em;

}

.media{

  float:left;

  width:42%;

  padding-left:5%;

  margin-top:1%;

  margin-bottom:2%;

}  

.mediapic{

  width:13%;

  height:auto;

  float:right;

  margin-right:20%;

}  

}



@media screen and (min-width: 600px) and (max-width: 759px){

.main_container{

  width:95%;

  height:auto;

  background-color:#FFF;

  margin:auto;

  border-radius:5px;

}  

header{

  width:100%;

  height:95px;

  margin:auto;

}

.logoarea{

  width:11%;

  height:auto;

  float:left;

  margin:1% auto 1% 1%;

}

.icon_area{

  width:12%;

  height:33px;

  float:right;

  margin-top:4%;

  margin-right:1%;

}

.searcharea {

  width: 42%;

  height: 90px;

  float: right;

  margin-top: 2%;

  margin-right: 1%;

}

.searcharea p{

  font-size:.9em;
  margin-top:5%;

}

nav{

  width:100%;

  height:50px;

}

nav ul li a {

  display: block;

  padding: 17px 2.6px;

  font-size: .55em;

}

nav ul li{

  margin-left: 0%;

  float:left;

  list-style:none;

}

.aside_content{

  width:60%;

  height:auto;

  float:left;

  padding-bottom:2%;

}

.readmore{

  width:45%;

  height:20px;

  display:block;

  background-color:#f47820;

  color:#FFF;

  border-radius:3px;

    padding: 1% 2%;

  margin-top:4%;

}

.subscribe{

  width:70%;

  clear:both;

  text-align:center;

  background-color:#bdc9d5;

  padding:2%;

  color:#fff;

    margin: 3% 17% 3%;

  color:#000;

  font-size:.6em;

}

.newsareahead{

  width:86%;

  height:30px;

  background-color:#f47820;

  line-height:30px;

  color:#fff;

  font-size:.8em;

  border-radius:5px 5px 0px 0px;

  padding:1% 7%;

  margin-top:5%;

  

}

.linkarea{

  width:32%;

  height:auto;

  float:right;

  margin-right:3%;

  margin-bottom: 2%;

}

.newsarea ul li{

  padding:3px;

  margin-left:13%;

  list-style:disc;

}

.txtbutt{

  width:80%;

  height:30px;

  margin-top:2%;

  background-color:#e3e7eb;

  border:none;

  border-radius:3px;

}

.txtmessage{

  width:80%;

  height:80px;

  margin-top:2%;

  background-color:#e3e7eb;

  border:none;

  border-radius:3px;  

}

.media{

  float:left;

  width:56%;

  padding-left:5%;

  margin-top:1%;

  margin-bottom:2%;

}  

.mediapic{

  width:18%;

  height:auto;

  float:right;

  margin-right:20%;

}  

}



@media only screen and (min-width: 480px) and (max-width: 599px){
.main_container{
  width:100%;
  height:auto;
  background-color:#FFF;
  margin:auto;
  border-radius:5px;
}  
header{

  width:100%;

  height:95px;

  margin:auto;

}

.logoarea{

  width:11%;

  height:auto;

  float:left;

  margin:1% auto 1% 1%;

}

.icon_area{

  width:12%;

  height:33px;

  float:right;

  margin-top:4%;

  margin-right:1%;

}

.searcharea {

  width: 42%;

  height: 90px;

  float: right;

  margin-top: 2%;

  margin-right: 1%;

}

.searcharea p{

  font-size:.9em;
  margin-top:5%;

}
nav{
  width:100%;
  height:auto;
  margin-top:3%;
}
nav ul li{
  margin-left: 0%;
  float: none;
  list-style:none;
  border-bottom:#FFF thin solid;
  padding-left:0%;
}
nav a{
  line-height: 15px;
}
.readmore{
  width:45%;
  height:20px;
  display:block;
  background-color:#f47820;
  color:#FFF;
  border-radius:3px;
    padding: 1% 2%;
  margin-top:4%;
}
.subscribe{
  width:70%;
  clear:both;
  text-align:center;
  background-color:#bdc9d5;
  padding:2%;
  color:#fff;
    margin: 3% 17% 3%;
  color:#000;
  font-size:.6em;
}
.newsareahead{
  width:86%;
  height:30px;
  background-color:#f47820;
  line-height:30px;
  color:#fff;
  font-size:.8em;
  border-radius:5px 5px 0px 0px;
  padding:1% 7%;
  margin-top:5%;  
}
.aside_content{
  width:52%;
  height:auto;
  float:left;
  padding-bottom:2%;
}
.inner_content{
  width:90%;
  height:auto;
  float:left;
  margin-left:4%;
  padding-bottom:2%;
}
.newsarea ul li{
  padding:3px;
  margin-left:13%;
  list-style:disc;
}
.media{
  float:left;
  width:56%;
  padding-left:5%;
  margin-top:1%;
  margin-bottom:2%;
}  
.mediapic{
  width:18%;
  height:auto;
  float:right;
  margin-right:20%;
}
.linkarea{
  width:43%;
  height:auto;
  float:right;
  margin-right:3%;
  margin-bottom: 2%;
}  
}

@media only screen and (min-width: 360px) and (max-width: 479px){
.main_container{
  width:100%;
  height:auto;
  background-color:#FFF;
  margin:auto;
  border-radius:5px;
}  
header{
  width:100%;
  height:90px;
  margin:auto;
}
.logoarea{
  width:23%;
  height:80px;
  float:left;
  margin:1% auto 1% 1%;
}
.icon_area{
  width: 22%;
  height: 33px;
  float: right;
  margin-top: 7%;
  margin-right: 2%;
}
.searcharea{
  width:40%;
  height:30px;
  margin-top:7%;
  margin-right: 1%;
}
nav{
  width:100%;
  height:auto;
  margin-top:3%;
}
nav ul li{
  margin-left: 0%;
  float: none;
  list-style:none;
  border-bottom:#FFF thin solid;
  padding-left:0%;
}
nav a{
  line-height: 15px;
}
.readmore{
  width:45%;
  height:20px;
  display:block;
  background-color:#f47820;
  color:#FFF;
  border-radius:3px;
    padding: 1% 2%;
  margin-top:4%;
}
.subscribe{
  width:70%;
  clear:both;
  text-align:center;
  background-color:#bdc9d5;
  padding:2%;
  color:#fff;
    margin: 3% 17% 3%;
  color:#000;
  font-size:.6em;
}
.newsareahead{
  width:86%;
  height:30px;
  background-color:#f47820;
  line-height:30px;
  color:#fff;
  font-size:.8em;
  border-radius:5px 5px 0px 0px;
  padding:1% 7%;
  margin-top:5%;  
}
.aside_content{
  width:98%;
  height:auto;
  float:left;
  padding-bottom:2%;
}
.inner_content{
  width:90%;
  height:auto;
  float:left;
  margin-left:4%;
  padding-bottom:2%;
}
.newsarea ul li{
  padding:3px;
  margin-left:13%;
  list-style:disc;
}
.media{
  float:left;
  width:56%;
  padding-left:5%;
  margin-top:1%;
  margin-bottom:2%;
}  
.mediapic{
  width:10%;
  height:auto;
  float:right;
  margin-right:28%;
}
.linkarea{
  width:90%;
  height:auto;
  float:left;
  margin-left:5%;
}
.txtbutt{
  width:100%;
  height:30px;
  margin-top:2%;
  background-color:#e3e7eb;
  border:none;
  border-radius:3px;
}
.txtmessage{
  width:100%;
  height:80px;
  margin-top:2%;
  background-color:#e3e7eb;
  border:none;
  border-radius:3px;  
}
footer{
  font-size:.6em;
}
}

@media only screen and (min-width: 320px) and (max-width: 359px){
.main_container{
  width:100%;
  height:auto;
  background-color:#FFF;
  margin:auto;
  border-radius:5px;
}  
header{
  width:100%;
  height:90px;
  margin:auto;
}
.logoarea{
  width:23%;
  height:80px;
  float:left;
  margin:1% auto 1% 1%;
}
.icon_area{
  width: 22%;
  height: 33px;
  float: right;
  margin-top: 7%;
  margin-right: 2%;
}
.searcharea{
  width:40%;
  height:30px;
  margin-top:7%;
  margin-right: 1%;
}
nav{
  width:100%;
  height:auto;
}
nav ul li{
  margin-left: 0%;
  float: none;
  list-style:none;
  border-bottom:#FFF thin solid;
  padding-left:0%;
}
nav a{
  line-height: 10px;
}
.readmore{
  width:45%;
  height:20px;
  display:block;
  background-color:#f47820;
  color:#FFF;
  border-radius:3px;
    padding: 1% 2%;
  margin-top:4%;
}
.subscribe{
  width:70%;
  clear:both;
  text-align:center;
  background-color:#bdc9d5;
  padding:2%;
  color:#fff;
    margin: 3% 17% 3%;
  color:#000;
  font-size:.6em;
}
.newsareahead{
  width:86%;
  height:30px;
  background-color:#f47820;
  line-height:30px;
  color:#fff;
  font-size:.8em;
  border-radius:5px 5px 0px 0px;
  padding:1% 7%;
  margin-top:5%;  
}
.aside_content{
  width:98%;
  height:auto;
  float:left;
  padding-bottom:2%;
}
.inner_content{
  width:90%;
  height:auto;
  float:left;
  margin-left:4%;
  padding-bottom:2%;
}
.newsarea ul li{
  padding:3px;
  margin-left:13%;
  list-style:disc;
}
.media{
  float:left;
  width:56%;
  padding-left:5%;
  margin-top:1%;
  margin-bottom:2%;
}  
.mediapic{
  width:10%;
  height:auto;
  float:right;
  margin-right:28%;
}
.linkarea{
  width:90%;
  height:auto;
  float:left;
  margin-left:5%;
}
.txtbutt{
  width:100%;
  height:30px;
  margin-top:2%;
  background-color:#e3e7eb;
  border:none;
  border-radius:3px;
}
.txtmessage{
  width:100%;
  height:80px;
  margin-top:2%;
  background-color:#e3e7eb;
  border:none;
  border-radius:3px;  
}
footer{
  font-size:.6em;
}    
}

@media only screen and (min-width: 240px) and (max-width: 319px){
.main_container{
  width:100%;
  height:auto;
  background-color:#FFF;
  margin:auto;
  border-radius:5px;
}  
header{
  width:100%;
  height:70px;
  margin:auto;
}
.logoarea{
  width:23%;
  height:67px;
  float:left;
  margin:1% auto 1% 1%;
}
.icon_area{
  width: 22%;
  height: 33px;
  float: right;
  margin-top: 7%;
  margin-right: 2%;
}
.searcharea{
  width:40%;
  height:30px;
  margin-top:7%;
  margin-right: 1%;
}
nav{
  width:100%;
  height:auto;
}
nav ul li{
  margin-left: 0%;
  float: none;
  list-style:none;
  border-bottom:#FFF thin solid;
  padding-left:0%;
}
nav a{
  line-height: 10px;
}
.readmore{
  width:45%;
  height:20px;
  display:block;
  background-color:#f47820;
  color:#FFF;
  border-radius:3px;
    padding: 1% 2%;
  margin-top:4%;
}
.subscribe{
  width:70%;
  clear:both;
  text-align:center;
  background-color:#bdc9d5;
  padding:2%;
  color:#fff;
    margin: 3% 17% 3%;
  color:#000;
  font-size:.6em;
}
.newsareahead{
  width:86%;
  height:30px;
  background-color:#f47820;
  line-height:30px;
  color:#fff;
  font-size:.8em;
  border-radius:5px 5px 0px 0px;
  padding:1% 7%;
  margin-top:5%;  
}
.aside_content{
  width:98%;
  height:auto;
  float:left;
  padding-bottom:2%;
}
.inner_content{
  width:90%;
  height:auto;
  float:left;
  margin-left:4%;
  padding-bottom:2%;
}
.newsarea ul li{
  padding:3px;
  margin-left:13%;
  list-style:disc;
}
.media{
  float:left;
  width:56%;
  padding-left:5%;
  margin-top:1%;
  margin-bottom:2%;
}  
.mediapic{
  width:11%;
  height:auto;
  float:right;
  margin-right:28%;
}
.linkarea{
  width:90%;
  height:auto;
  float:left;
  margin-left:5%;
}
.txtbutt{
  width:100%;
  height:30px;
  margin-top:2%;
  background-color:#e3e7eb;
  border:none;
  border-radius:3px;
}
.txtmessage{
  width:100%;
  height:80px;
  margin-top:2%;
  background-color:#e3e7eb;
  border:none;
  border-radius:3px;  
}
footer{
  font-size:.6em;
}  
}