.inner, .l-content .inner {
  width: auto;
}


.l-header {
  box-shadow: none;
  height: auto;
  min-height: 60px;
  position: relative;
  
}

  .l-header .site-logo {
    padding-left: 1em;
  }

  
  .l-header .menu-btn {
    border: 1px solid #999;
    cursor: pointer;
    display: block;
    padding: 0.5em;
    position: absolute;
    right: 1em;
    top: 0;
  }
  
    .l-header .menu-btn:hover {
      background: #999;
      color: #fff;
    }
    
  .l-header .l-header-right {
    left: 0;
    margin: 0 auto;
    position: relative !important;
    width: 94%;
  }

.l-banner {
  margin-top: 0px;
  min-height: 250px;
}

  .l-banner img {
    min-height: 0;
    min-width: 0 !important;
  }

  .l-banner .caption {
    display: none !important;
    left: 2px;
    margin: 0;
    width: auto;
  }
  
  .l-banner .slides {
    height: 250px !important;
    width: auto;
  }
  
    .l-banner .slides li {
      height: 250px !important;
      min-width: 0 !important;
    }

.l-utility {
  display: none;
}

  .l-utility-left {
    display: none;
  }
  

.home .l-content {
  margin-top: -95px;
}

.home .l-content .l-content-left {
  margin: 0;
  width: auto;
}

  .home .l-content .l-content-left .quicklink {
    background-size: 100% auto;
    margin: 0 0.3em 1em 0;
    width: 200px;
  }
  
    .home .l-content .l-content-left .quicklink:last-child {
      background-size: 100% auto;
      margin: 0 0 1em;
      width: 200px;
    }

  


  .l-content-right-box.first {
    padding-top: 0;
  }

.sub .l-container {
  background: #fff;
  margin-top: 0;
}
  
  .sub .l-container .inner {
    box-shadow: none;
    margin: 0 auto;
    padding: 20px 10px 0;
    width: auto;
  }
  
  .sub .breadcrumbs {
  	margin: 0 0 15px 0;
    width: 100%;
  }
  
  .sub .item-page {
    float: none;
    margin: 0 0 20px;
    width: 100%;
  }
  
    .sub .item-page .header-image {
      overflow: hidden;
    }
    
    .sub .item-page .header-image img {
    	max-width: none;
    }
    
    .sub .item-page h1 {
      padding: 10px 0 10px 2%;
      width: 98%;
    }
    
    .sub .item-page .image img {
      height: auto;
      width: 100%;
    }
    
    .sub .l-content .l-content-left {
      left: 0;
      margin: 0;
      position: relative;
      top: 0;
      width: 100%;
    }

    .l-content .l-content-left .menu {
      margin: 0 -10px;
    }

    .l-content .l-content-left .menu > li {
      background: #ddd;
      border-bottom: 1px solid #fff;
      margin: 0;
    }

    .l-content .l-content-left .menu > li > a {
      display: block;
      padding: 7px 10px;
    }

    
    .sub .l-content .l-content-right {
      float: none;
      margin: 0;
      width: 100%;
    }
    
    
    .l-content .item-page img {
    	height: auto !important;
	    max-width: 100%;
    }
    
  .project-page {
    
  }
  
    .project-page h2 {
      margin: 0;
    }
    
    .project-page h3 {
      margin: 1em 0 0;
    }
    
    .project-page .contact-block {
      margin: 20em 0;
      max-width: 100%;
    }
    
    .sub .contact {
	    margin-bottom: 20px;
	    max-width: 100%;
    }
    
  .table-wrapper {
    overflow: auto;
    width: 100%;
  }
    
  .sub .l-content .item-page table {
    width: 100%;
  }

      .sub .l-content .item-page table tr {
    
      }

          .sub .l-content .item-page table td {
            font-size: 1em;
            white-space: nowrap;
          }
          
          
    
    table.product td {
		padding: 5px 10px !important;
		white-space: normal !important;
	}
		
	table.product td:last-child {
		display: none;
	}
	
	table .no-bg-mobile {
		background: none !important;
	}

@media screen and (max-width: 679px) {

.table-wrapper {
  padding: 25px 0 0 0;
}

.table-wrapper .arrow {
  position: absolute;
  margin-top: -25px;
  right: 0;
  opacity: 0.3;
}

.table-wrapper .arrow-right {
  width: 0; 
  height: 0; 
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid #646464;
}

.table-wrapper .arrow-left {
  width: 0; 
  height: 0; 
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent; 
  border-right: 8px solid #646464; 
  margin-right: 12px;
}

.table-wrapper .arrow.is-active {
  opacity: 1;
}

.main-nav {
    display: none;
    padding-bottom: 1em;
  }
  
    .main-nav.active {
      display: block;
    }

      .main-nav ul {
        width: 100%;
      }
      
        .main-nav ul li, .main-nav ul li:hover {
          border: none !important;
          float: none !important;
          margin: 0 !important;
          padding: 0 !important;
        }
        
        .main-nav .dropdown, .main-nav .dropbox.columns1 {
          border: none !important;
          box-shadow: none !important;
          margin: 0px !important;
          top: 0 !important;
          position: relative !important;
          width: 100% !important;
          
        }
        
        header ul.joomla-nav > li > div.dropdown .column {
          margin: 0 !important;
        }
        
        header ul.joomla-nav > li > div.dropdown .width100 {
          width: 100% !important;
        }


  .home .l-content .l-content-left .features {
    background: #F3E800;
    height: auto;
    width: auto;
  }
  
    .home .l-content .l-content-left .feature-box {
      width: 200px;
    }
    
      .home .l-content .l-content-left .features .row {
        border: none;
      }
    
      .home .l-content .l-content-left .feature-box .box-top-left {
        background-position: 0 0;
        border: none;
      }

      .home .l-content .l-content-left .feature-box .box-top-middle {
        background-position: -221px 0;
        border: none;
      }
  
      .home .l-content .l-content-left .feature-box .box-top-right {
        background-position: -407px 0em;
        border: none;
      } 
  
  .l-footer {
  	height: auto;
  }

  .l-footer .inner {
    background-position: 22px 9px;
    border: none;
    height: auto;
    padding-bottom: 10px;
    width: 100%;
  }

    .l-footer .joomla-nav {
      margin-top: 0;
      padding: 60px 0 0 20px;
      position: relative;
      right: 0;
      top: 0;
    }
    
      .l-footer .joomla-nav li {
        border: none;
        float: none;
        margin: 0;
        padding: 5px 0;
      }
      
	.footer-logos .inner {
		padding-bottom: 20px;
		width: 100%;
	}
	
	.footer-logos .dia {
		margin-right: 20px;
	}
	
	.l-footer .footer-link {
		display: none;
	}
	      
	      
	.item-page form input[type="text"],
	.item-page form input[type="email"],
	.item-page form select,
	.item-page form textarea {
		max-width: 96%;
		padding-left: 2%;
		padding-right: 2%;
	}
	
	
		
	#searchForm #search-searchword {
		margin: 0 1% 0 0;
		padding-left: 2%;
		padding-right: 2%;
		width: 73%
	}
	
	#searchForm .button {
		background-image: none;
		padding-left: 2%;
		padding-right: 2%;
		width: 19%;
	}
}  

.home .l-content .l-content-right {
  left: 0;
  position: relative;
  width: auto;
}

.home .l-content-right-box.first {
  height: auto !important;
}
  


.moduletable.contact-form {
  display: none;
}



@media screen and (min-width: 680px) {
  
	  .l-header {
	    height: 105px;
	  }
	  
	  .l-header .l-header-right {
	    left: 80px !important;
	    top: -40px !important;
	    width: 70%;
	  }
	  
	    .l-header .menu-btn {
	      display: none;
	    }
	  
	  .l-utility {
	    display: block;
	  }
	  
	  .quicklinks {
	    margin: 0;
	  }
	  
	    .quicklink {
	      margin-bottom: 0em;
	    }
	
	  .l-banner .caption {
	    left: 50%;
	    margin-left: -337px;
	    width: 624px;
	  }
	
	  .inner, .l-content .inner {
	    margin: 0 auto;
	    width: 624px;
	  }
	  
	  header .inner {
		  width: auto;
	  }
	  
	  .home .l-content {
	    margin-top: -100px;
	  }
	  
	  .l-footer {
	  
	  }
	
	  .l-footer .inner {
	    background-position: 100% 9px;
	    width: 660px;
	  }
	  
	.footer-logos .inner {
		width: 660px;
	}


}