/*!
 * Bootstrap Responsive v2.3.0
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */

.clearfix { *zoom: 1; }
.clearfix:before, .clearfix:after { display: table; line-height: 0; content: ""; }
.clearfix:after { clear: both; }

.hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }

.input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

@-ms-viewport { width: device-width; }

.hidden { display: none; visibility: hidden; }
.visible-phone { display: none !important; }
.visible-tablet { display: none !important; }
.hidden-desktop { display: none !important; }
.visible-desktop { display: inherit !important; }

@media (min-width: 768px) and (max-width: 979px) {
	.hidden-desktop { display: inherit !important; }
	.visible-desktop { display: none !important ; }
	.visible-tablet { display: inherit !important; }
	.hidden-tablet { display: none !important; }
}

@media (max-width: 767px) {
  .wrapper { padding-right: 20px; padding-left: 20px; }
	.hidden-desktop { display: inherit !important; }
	.visible-desktop { display: none !important; }
	.visible-phone { display: inherit !important; }
	.hidden-phone { display: none !important; }
}

.visible-print { display: none !important; }

@media print {
	.visible-print { display: inherit !important; }
	.hidden-print { display: none !important; }
}

@media (min-width: 1200px) {
	.row { margin-left: -30px; *zoom: 1; }
  .row:before, .row:after { display: table; line-height: 0; content: ""; }
  .row:after { clear: both; }
  [class*="span"] { float: left; min-height: 1px; margin-left: 30px; }
  .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 1170px; }
  .span12 { width: 1170px; }
  .span11 { width: 1070px; }
  .span10 { width: 970px; }
  .span9 { width: 870px; }
  .span8 { width: 770px; }
  .span7 { width: 670px; }
  .span6 { width: 570px; }
  .span5 { width: 470px; }
  .span4 { width: 370px; }
  .span3 { width: 270px; }
  .span2 { width: 170px; }
  .span1 { width: 70px; }
  .offset12 { margin-left: 1230px; }
  .offset11 { margin-left: 1130px; }
  .offset10 { margin-left: 1030px; }
  .offset9 { margin-left: 930px; }
  .offset8 { margin-left: 830px; }
  .offset7 { margin-left: 730px; }
  .offset6 { margin-left: 630px; }
  .offset5 { margin-left: 530px; }
  .offset4 { margin-left: 430px; }
  .offset3 { margin-left: 330px; }
  .offset2 { margin-left: 230px; }
  .offset1 { margin-left: 130px; }
 
  .sidenav.affix { width: 140px; }
  #contact .section { float: left; text-align: left; width: 115px; }
  .hi-icon-wrap { float: right; width: 225px; text-align: right; }
}

@media (min-width: 768px) and (max-width: 979px) {
  .row { margin-left: -20px; *zoom: 1; }
  .row:before, .row:after { display: table; line-height: 0; content: ""; }
  .row:after { clear: both; }

  .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 724px; }
  .span12 { width: 724px; }
  .span11 { width: 662px; }
  .span10 { width: 600px; }
  .span9 { width: 538px; }
  .span8 { width: 476px; }
  .span7 { width: 414px; }
  .span6 { width: 352px; }
  .span5 { width: 290px; }
  .span4 { width: 228px; }
  .span3 { width: 166px; }
  .span2 { width: 104px; }
  .span1 { width: 42px; }
  .offset12 { margin-left: 764px; }
  .offset11 { margin-left: 702px; }
  .offset10 { margin-left: 640px; }
  .offset9 { margin-left: 578px; }
  .offset8 { margin-left: 516px; }
  .offset7 { margin-left: 454px; }
  .offset6 { margin-left: 392px; }
  .offset5 { margin-left: 330px; }
  .offset4 { margin-left: 268px; }
  .offset3 { margin-left: 206px; }
  .offset2 { margin-left: 144px; }
  .offset1 { margin-left: 82px; }

  .sidenav.affix { width: 74px; top: 20px; }
}

@media (max-width: 979px) {
  body { padding-top: 0; }
  .navbar-fixed-top, .navbar-fixed-bottom { position: static; }
  .navbar-static .navbar-inner { padding-right: 10px; padding-left: 10px; }
  .navbar { border-right: none; border-left: none; }
  .sidebar { margin-top: 0; }
  #zoo { padding-top: 0; }
  #contact .section, .hi-icon-wrap { text-align: center; }
  .hi-icon-wrap { width: 200px; }
}

@media (max-width: 767px) {
  .container { width: auto; }
  .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: auto; }
  .row, .thumbnails { margin-left: 0; }
  .thumbnails > li { float: none; margin-left: 0; }
  [class*="span"], .uneditable-input[class*="span"], .row-fluid [class*="span"] { display: block; float: none; width: 100%; margin-left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .span12, .row-fluid .span12 { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .brand { float: none; margin: 0 auto; }
  .navbar .nav { margin: 0 auto; width: 100%; text-align: center; }
  .navbar .nav > li { float: none; display: inline-block; }
  .sidebar { display: none; }
  .description { max-width: 400px; margin-left: 30px; text-align: left; }
  #contact .section { float: left; text-align: left; width: 115px; }
  .info { padding-top: 5px; }
  .hi-icon-wrap { float: right; width: 225px; text-align: right; }
  .divider { margin: 0; padding: 0; border: none; }
  #experience .period, #qualifications .period { margin-top: 10px; margin-bottom: 10px; padding-top: 20px; border-top: #dfddde 1px solid; }
  .progress { margin-bottom: 5px; }
}

@media (max-width: 480px) {
  body { padding-top: 0; border-top: #fff 15px solid; }

  .text-left, .text-right, .description { text-align: center; }

  section { padding-bottom: 0; }
  [class*="span"], .uneditable-input[class*="span"], .row-fluid [class*="span"] { display: block; float: none; width: 100%; margin-left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .span12, .row-fluid .span12 { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .navbar .span3, .navbar .span5 { width: 100% }
  .navbar .nav { margin-top: 0; }
  .navbar-fixed-top, .navbar-fixed-bottom { position: static; }
  .navbar .container { width: auto; padding: 0; }
  .navbar .brand { float: none; }
  .navbar { border: none; }

  .sidebar { display: none; }
  .noline { border-bottom: #dfddde 1px solid; }
  #contact .section, .hi-icon-wrap { float: none; width: auto; text-align: center; }
}

@media (min-width: 980px) {
  .nav-collapse.collapse { height: auto !important; overflow: visible !important; }
}