.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
/*== 1200px and beyond ===================================================
========================================================================*/
/* Large desktop */
@media (min-width: 1200px) {
  
}
/*== Up to 1200px =====================================================
========================================================================*/
/* Large desktop */
@media (max-width: 1200px) {
h3 {
    
  }
  h4 {
  }

}
/*== Up to 980px ======================================================
========================================================================*/
/* Narrow desktop */
@media (max-width: 979px) {
  .navigation ul.sf-menu > li {
    margin: 0 0 0 2.2em;
  }
  /*footer*/
  #back-top {
    display: none !important;
  }
  
}
/*== Up to 980px and beyond 768px ======================================
========================================================================*/
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
  
}
/*== Up to 767px ======================================================
========================================================================*/
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
  body {
    padding: 0;
  }

  #wrapper {
    margin: 0;
  }
  #footer-wrapper {
    height: auto;
  }
  #push {
    display: none;
  }
  #top-row {
    padding-top: 20px;
  }
  
  #jform_contact_services {
height:auto;
margin-bottom:10px;
}

.contact-spacing {
min-height:0px;
}
  
  .navigation {
    padding-bottom: 20px;
  }
  .navigation ul.sf-menu {
    float: none;
    margin-bottom: 0px;
  }
  /*content*/
  [class*="cols"] [class*="span"] {
    width: 100%;
  }
.row-fluid [class*="span"] {
    display: block;
    float: none;
    margin-left: 0;
    width: auto;
  }
  
  .services-group {
height: 100%;
}

  /*gallery*/
  .page-gallery ul.gallery .gallery-grid {
    width: 48.5%;
    max-width: 48.5%;
  }
  .page-gallery ul.gallery .gallery-grid .view .item_img {
    max-width: 100%;
  }
  .page-gallery ul.gallery .gallery-grid .view .item_img a {
    display: block;
  }
  /*contact*/
  .contact_details .contact_details_item {
    width: 30%;
    float: left;
  }
  .page-gallery ul.gallery .gallery-grid .view {
    margin: 0 auto;
  }
  .page-gallery ul.gallery .gallery-grid .view .item_img {
    float: none;
    margin: 0 !important;
  }
  /*Modules*/
  /*search*/
  /*login*/
  #back-top {
    display: none !important;
  }
}
/*== Up to 640px ==================================================
====================================================================*/
@media (max-width: 640px) {
  /*contact*/
  .contact_details {
    margin-bottom: 20px;
  }
  .contact_details .contact_details_item {
    width: 100%;
    float: none;
  }
  .layout-mode {
    float: none;
    margin-bottom: 20px;
  }
  
  
}
/*== Up to 480px ==================================================
====================================================================*/
/* Landscape phones and down */
@media (max-width: 479px) {

/*Buttons*/
ul#filters li, ul#filters li a{
  width: 94.5%;
}
ul#grid-list li, ul#grid-list li a {
}

  /*contact*/
  .contact_form {
    width: 100%;
  }
  /*registration*/
  /* pagination */
  /*gallery*/
  .page-gallery .item_img.img-intro {
    float: none;
    margin: 0 0 18px 0;
  }
  .page-gallery ul.gallery .gallery-item, 
  .page-gallery ul.gallery .gallery-item .services-title {
    text-align: center;
    max-width: 100%;
    width: 100%;
  }
  .page-gallery ul.gallery .gallery-item .item_img {
    float: none;
    margin: 0 auto 18px !important;
    max-width: 100%;
  }
  .page-gallery ul.gallery .gallery-item .item_img img {
    width: 100%;
  }
  .page-gallery ul.gallery .gallery-item a.zoom {
    display: block;
  }
  /*blog*/
  .item_img {
    margin: 0 0 18px 0;
    max-width: 100%;
    width:100%;
  }
  /*archive*/
  /*contact*/
  .contact_details .contact_details_item {
    width: 100%;
    float: none;
  }
  /*Modules*/
  /*search*/
  /*login*/
}
/*== Up to 340px =====================================================
========================================================================*/
/* Portrait phones */
@media (max-width: 340px) {
  
}