@media only screen and (max-width : 962px) {
   /* site */
   .wrapper { width:100%; }
   
   /* menu */
   #menu { border-left:0px; border-right:0px; 
      -webkit-border-radius: 0px;
      -moz-border-radius: 0px;
      border-radius: 0px;
   }

   /* body */
   .section { font-size:180%; }
   #contents { border-left:0px; border-right:0px; padding:1em; }

   /* footer */
   footer { border:0px; margin-bottom:0px; padding:1em 0px; }
   footer .span-1 { display:none; }
   footer .span-2 { width:49%; margin-right:1%; }
   footer .span-3 { width:49%; margin-right:1%; }
   footer .span-4 { width:50%; margin-right:0; }

   /* feedback */
   .feedback .form-options { width:100%; }
}

/** less than 768px **/
@media only screen and (max-width : 767px) { 
   /* header */
   /* header .span-7 { display:none; } */

   header .span-7 { width:90px; margin-right:10px; margin-top:5px; }
   header #login { font-size:10px; margin:0px; }
   header #contact { display:none; }
   header { height: 55px; padding-top: 0; }
   header #logo .logo { background:transparent url('http://media.xtenit.com/imgs/sh/42/sw/220/u/media/images/xtenit.png') no-repeat top; float:left; width:200px; height:42px; }

   /* index */
   .main-index .col-1 { width:100%; margin-right:0px; margin-bottom:2em; }
   .main-index .col-2 { width:100%; margin-bottom:2em;}
   .main-index .col-3 { width:100%; }  

   /* footer */
   footer .privacy { display:block; clear:both; }
   footer .copyright { margin-bottom:0px; font-size:12px; }
   footer .footer-list { display:none; }

   /* features */
   #features .col { float:none !important; width:auto !important; border-right:0px !important; padding:0px 0px 1em !important; margin:0px 0px 1em !important; border-bottom:1px solid #ddd; }
   #features .last { padding-bottom:0px !important; border-bottom:0px; }

   /* features-list */
   #features-list .span-2,
   #features-list .span-3 { float:none; width:100%; margin-right:0px; }
   #features-list .features { padding:0px 0.5em 1em; }
   #features-list .features .title { width:100%; margin-right:0px; margin-bottom:0px; }
   #features-list .features p.summary { width:100%; margin-bottom:1em; }

   /* article view */
   .split-view .span-1 { float:none; padding:0px; width:100%; margin-bottom:1em; }
   .split-view .span-2 { float:none; width:100%; }

   /* form */
   .form-element > label { float:none; margin-right:0px; width:100%; }
   .form-options { float:none; width:100%; }
   .form-options input[type=text],
   .form-options input[type=email] { width:96%; }
   .form-options-checkbox { float:none; width:100%; margin-right:0px; }

   .mobile-v { display:block; }
}

/** less than 480px **/
@media only screen and (max-width : 479px) { 
}