body#body {/*overflow-x:hidden;*/width:100%;min-width:0;}

#main {width:100%;margin:0;}
#header {padding:34px 0 0;}
#header .section-1 .col2 {display:none;}
#header .section-2 {display:none;}
.container-12 {width:96%;margin:0 auto;}
.container-12 .grid-12 {width:96%;margin:0 2%;}
.hire-text {margin:10px 0;width:100%;}
.hire-text strong {font-weight:normal;}
.hire-button {float:none;}

.products-block .view {position:relative;}
.products-block .view-content {position:absolute;top:30px;left:30px;z-index:1;padding:0;}
.products-block .view-header {position:absolute;top:122px;left:30px;z-index:2;}
.products-block .view-content.fright {position:absolute;top:30px;right:30px;left:auto;z-index:1;padding:0;}
.products-block .view-header.fright {position:absolute;top:122px;right:30px;left:auto;z-index:2;}
.products-block .view-header .product-title a {font-size:12px;line-height:14px;}

.container-12 .grid-views-4 .views-row {width:auto;}

.field-type-image {width:31%;margin:0 2% 2% 0;}
.field-type-image:nth-child(3n+1) {clear:both;}
.field-type-image img {width:100%;height:auto;}

#backtotop {display:none !important;}

#curtain {
    display:none;
    position:absolute;
    z-index:10000;
    top:36px;
    left:0;
    right:0;
    bottom:-2em;
    background:#333;
    opacity: 0.8;
}
#responsive-menu {
    display:none;
    position:absolute;
    z-index:10001;
    top:36px;
    left:-100%;
    bottom:-2em;
    background:#444;
    overflow-x:hidden;
    overflow-y:auto;
    text-align: left;
}
#responsive-menu ul {padding:0 1em;list-style:none;}
#responsive-menu ul ul {padding:0 0 0 1em;}
#responsive-menu ul.padding-top {padding-top:1em;}
#responsive-menu ul.padding-bottom {padding-bottom:1em;}
#responsive-menu ul.border-bottom {border-bottom:2px solid #777;}
#responsive-menu ul li {border-top:1px solid #999;padding:0;background:none;font-size:100%;}
#responsive-menu ul li li {font-size:75%;}
#responsive-menu ul li li li {font-size:50%;}
#responsive-menu>ul>li:first-child {border-top:0;}
#responsive-menu ul li a, #responsive-menu ul li div {
    display:block;
    padding:0.5em;
    color:#fff;
    white-space:nowrap;
    text-decoration:none;
}
#responsive-menu ul li a.first {padding-top:0;}
#responsive-menu ul li.active>a {color:#cc0000;}
#responsive-menu-bar {
  display: block;
  position: absolute;
  z-index: 10000;
  top: 0;
  left: 0;
  width: 100%;
  vertical-align:middle;
  color: #fff;
  text-align: left;
  background: -webkit-linear-gradient(#dda073, #c97455);
  background: -o-linear-gradient(#dda073, #c97455);
  background: -moz-linear-gradient(#dda073, #c97455);
  background: linear-gradient(#dda073, #c97455);
}
.navbar-toggle {
  background: none;
  border-radius: 0.3em;
  margin: 5px;
  padding: 5px;
  position: relative;
  border: 1px solid #ccc;
  cursor: pointer;
  outline: none;
  vertical-align:middle;
}
.navbar-toggle:hover {background:#dda073;}
.icon-bar {
  border-radius: 2px;
  display: block;
  height: 2px;
  width: 25px;
  background-color: #fff;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top:4px;
}
.responsive-menu-search {
    position:absolute;
    top:0;
    right:0;
    margin:5px 5px 0 0;
}
.responsive-menu-search input[type="text"] {
  width:200px;
  background:none;
  border-radius: 2px;
  border:0;
  border-bottom:1px solid #ccc;
  padding: 3px;
  line-height:16px;
  outline:none;
  color:#fff !important;
}
.responsive-menu-search button {
  background:none;
  border-radius: 2px;
  padding: 4px 6px;
  position: relative;
  border:1px solid #ccc;
  cursor:pointer;
  outline:none;
  line-height:16px;
  color:#fff;
}
.responsive-menu-search button:hover {background:#444;}


@media screen and (max-width:980px) {
  #show-pics {width:99%;height:auto;}
  #show-pics .detail-pic {width:99%;height:auto;}
  #show-pics .detail-pic img {width:100%;height:auto;}
  #show-pics .small-pics {display:none;}
  #show-pics .pic-prev {bottom:auto;top:45%;left:3px;background-position: center center;width:32px;height:32px;border-radius:20px;}
  #show-pics .pic-next {bottom:auto;top:45%;right:4px;background-position: center center;width:32px;height:32px;border-radius:20px;}
  
  .view-portfolio .views-row .views-field-body {float:none;width:100%;margin:0 0 10px;}
  .view-portfolio .views-row .views-field-title {float:none;width:100%;margin:0 0 10px;}
  .view-portfolio .views-row .views-field-field-portfolio-image {float:none;margin:0 0 10px;}
  .view-portfolio .views-row .views-field-field-portfolio-image img {width:100%;height:auto;}
  
  #sidebar-second {display:none;}
}
@media screen and (max-width:700px) {
  .left, .right {float:none;width:100%;}
  .products-block .view-content.fright {position:absolute;right:auto;left:30px;z-index:1;padding:0;}
  .products-block .view-header.fright {position:absolute;right:auto;left:30px;z-index:2;}
  .products-block .views-row {margin:0;}
  
  .view-portfolio .views-row .views-field-field-portfolio-image {width:100%;}
  
  .node-teaser .field-type-image, .node-employee .field-type-image {width:46%;margin:0 4% 4% 0;}
  
  .field-type-image:nth-child(3n+1) {clear:none;}
  .field-type-image:nth-child(2n+1) {clear:both;}
  .panel-pane.pane-contact.grid-6 {width:100%;margin:0;}
}
@media screen and (max-width:580px) {
  .container-12 .grid-6 {width:96%;margin:0 2% 30px;}
  #contact-form label {width:100%;}
  #contact-form input[type="text"], #contact-form textarea {width:93%;padding:3%;}
}
@media screen and (max-width:460px) {
  #logo img {width:240px;height:auto;}
  
  .field-items img {width:100%;height:auto;}
  
  .node-teaser .field-type-image, .node-employee .field-type-image {width:100%;margin:0 0 4% 0;}
}
@media screen and (max-width:350px) {
  .products-block .view-content img {width:200px;height:auto;}
  .products-block .view-header, .products-block .view-header.fright {top:100px;}
}