*{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)
{ 
#head, .footer-co, .footer-col  {width:92%; margin:0 auto; height:auto;}
.vdo, .ft {width:90%; margin:0 auto; height:auto; margin-bottom:10px; float:none;}
#top { width:46%;}
#call {width:90%; margin:0 auto; margin-left:8px;}
#menu{ float:right; width:40%;}
#amen  { width:100%; margin:0 auto; padding:4% 0%;}
#content {width:86%; margin:0 auto;  padding:2% 0; margin-top:4%; }
ul.img-list li {
  display: inline-block; float:none; width:90%; margin:0 auto;
  position: relative; margin-bottom:12px;}
}
@media only screen and (min-width:581px) and (max-width:768px)
{
#head, .footer-co, .footer-col  {width:92%; margin:0 auto; height:auto;}
.vdo {width:90%; margin:0 auto; height:auto; margin-bottom:10px; float:none;}
.ft {width:42%;  margin:10px; float:left;}
#top { width:46%;}
#call {width:90%; margin:0 auto; margin-left:8px;}
#menu{ float:right; width:40%;}
#amen  { width:100%; margin:0 auto; padding:4% 0%;}
#content {width:86%; margin:0 auto;  padding:2% 0; margin-top:4%; }
ul.img-list li {
  display: inline-block; float:none; width:70%; margin:0 auto;
  position: relative; margin-bottom:12px;}
}
@media only screen and (min-width:769px) and (max-width:1200px)
{
.footer-col  {width:52%; float:left;}
.footer-co  {width:40%; float:left;}

.ft {width:44%;  margin:10px; float:left;}
ul.img-list li {
  display: inline-block; float:left; width:44%; margin:12px;
  position: relative; }
}
}