@media only screen and (max-width:1280px),only screen and (max-device-width:1280px){
#menu{width:83%;}
#top, #matter, #banner, footer{width:80%; margin:auto; color:#FFF;}
}

@media only screen and (max-width:1000px),only screen and (max-device-width:1000px){
#menu{width:99%;}
#menu nav{width:93%;}		
#top, #matter, #banner, footer{width:95%; margin:auto; color:#FFF;}
.mainSection a{line-height:38px;}
}

@media only screen and (max-width:768px),only screen and (max-device-width:768px){
#menu{width:95%;}
#menu nav{width:100%;}		
#menu .lftarw{display:none;}
#menu .rghtarw{display:none;}
.imgMain{width:60%;}
.mainSection{width:34.6667%; padding:8px;}
.mainSection a{line-height:27px;}
#matterin figure{width:48%;}
}
@media only screen and (max-width:600px),only screen and (max-device-width:600px){
.top-inner .logo{width:100%; height:60px; text-align:center; text-indent:0;}
.top-inner .logo img{}
.top-inner .call{width:100%; height:70px; text-align:center; line-height:0px;}
.imgMain{width:100%; margin:0; margin-top:5px;}
.mainSection{width:100%; margin:0; margin-top:5px;}
#matter{padding:0px; padding-top:5px;}
}
@media only screen and (max-width:480px),only screen and (max-device-width:480px){
#menu nav ul{display:none;}	
#menu nav select{display:inline-block;width:100%;font-size:11pt; line-height:24px; height:43px;border:none;outline:none;background-image:url(../images/menu-bg.jpg); background-color:#609; color:#FFF; }
.links-img{width:100%;}
}
@media only screen and (max-width:400px),only screen and (max-device-width:400px){

}
@media only screen and (max-width:324px),only screen and (max-device-width:324px){
#matterin figure{width:100%; margin:0; margin-top:5px;}
}
@media only screen and (max-width:312px),only screen and (max-device-width:312px){
}
@media only screen and (max-width:239px),only screen and (max-device-width:239px){
}