*{margin:0;padding:0;border:0;outline:none;}

@viewport{ width:device-width;}
@-ms-viewport{width:devide-width;} /* for microsoft device */
@-o-viewport{width:devide-width;} /* for old opera device */
/* 320px-480px */
@media only screen and (max-width:580px)
{ 
#headbg {width:100%; position:relative; margin:0 auto; bottom:0; }  
#menu {width:80%; margin:0 auto; float:none; clear:both; margin-bottom:12px;}
.logo {width:240px; margin:0 auto; float:none; padding:20px 0;}
.slpic, .sltx {margin:0 auto; float:none; margin-top:15px; width:90%; clear:both;}
#content  {width:80%; margin:0 auto; padding:2% 0;}
#main, .footer-col, .video {width:80%; margin:0 auto; text-align:center; float:none; }
.read { width:86%; margin:0 auto; float:none;}
.t1, .t1 a { font-size:31px;}
}
@media only screen and (min-width:581px) and (max-width:767px)
{
#headbg {width:100%; position:relative; margin:0 auto; bottom:0; } 
#menu{float:right; width:40%; margin-top:3%;} 
.slpic, .sltx {margin:0 auto; float:none; margin-top:15px; width:90%; clear:both;}
#content  {width:80%; margin:0 auto; padding:2% 0;}
#main {width:80%; margin:0 auto; text-align:center; float:none; }
.read { width:70%; margin:0 auto; float:none;}
.t1, .t1 a { font-size:31px;}
.footer-col {float:left; width:46%; text-align:center; color:#5a5a5a; padding:15px 0px; font-size:16px; line-height:24px;}
}
@media only screen and (min-width:768px) and (max-width:1024px)
{
#headbg {width:100%; position:relative; margin:0 auto; bottom:0; } 
#menu{float:right; width:40%; margin-top:3%;} 
#content  {width:80%; margin:0 auto; padding:2% 0;}
#main {width:80%; margin:0 auto; text-align:center; float:none; }
.read { width:70%; margin:0 auto; float:none;}
.t1, .t1 a { font-size:31px;}
.footer-col {float:left; width:46%; text-align:center; color:#5a5a5a; padding:15px 0px; font-size:16px; line-height:24px;}
.sltx {float:left; width:28%; padding:2% 3%; background:#fff; font-size:21px; line-height:32px; color:#000; font-weight:bold; border-left:#cb8a2a solid 10px;}
#slide{width:100%;  margin:0 auto; background: url(../images/bg.jpg) repeat-x top center #f1c50e; padding-top:3%; }
.readmore{padding:2px 10px; float:left; font-size:15px;font-weight:normal;color:#fff; text-align:center; background:#333;  text-transform:uppercase;  width:130px; margin-top:30px; border-radius:8px; }

}