@media only screen and (max-width: 800px) {
        .content .article img {
                width: 100%;
                height: auto;
        }
        .content .article {
        	width: auto;
        }
	.toggle-nav {
		display: block;
		position: absolute;
		right: 15px;
		top: 150px;
		cursor: pointer;
		text-indent: -9999em;
		width: 30px;
		height: 22px;
		background: url(images/mobile-icon.png) no-repeat;
	}
	#mobile-nav {
		position: fixed;
		left: -320px;
		width: 320px;
		height: 100%;
		display: block;
		z-index: 999;
		background: #56565A;
		overflow: scroll;
		padding: 10px 0;
		transition: left 300ms ease 0s;
	}
	#mobile-nav.open {
		left: 0;
	}
	#mobile-nav ul li {
		line-height: 20px;
	}
	#mobile-nav ul li a {
		color: #FFF;
		font-size: 12px;
		margin-left: 25px;
		font-family: 'museo_sans300';
	}
	#mobile-nav ul li a:hover {
		text-decoration: underline;
	}
	#mobile-nav ul li li a {
		font-size: 10px;
		margin-left: 40px;
	}
	.wrapper {
		width: 100%;
	}
	#slider {
		width: 100%;
	}
	#nav {
		display: none;
	}
	#workers {
		display: none;
	}
	#header.front {
		height: 185px;
	}
	ul.social {
		top: 87px;
	}
	#home-slider {
		width: 100%;
		height: auto;
	}
	#home-slider img {
		width: 100%;
		height: auto;
		display: block;
	}
	ul.home-blocks {
		width: 95%;
	    padding: 0 2.5%;
	}
	.block {
		width: 100%;
	}
	#content ul.home-blocks li:nth-child(4n) {
	    margin-right: 40px; 
	}
	#content ul.home-blocks li:nth-child(3n) {
	    margin-right: 0; 
	}
	.title-bar {
		width: 100%;
	}
	.title-bar img {
		width: 100%;
		height: auto;
	}
	#content-pages,
	#content-pages .content-holder {
		width: 100%;
	}
	#content-pages .content {
		width: 100%;
	}
    #content-pages .sidebar {
    	width: 100%;
    }
    iframe {
    	width: 100%;
    }
	p.copyright {
		float: left;
		width: 95%;
		padding: 0 2.5%;
	}
	#footer .overlay {
		display: none;
	}
	#footer .footer-menu h4,
	#footer .footer-menu ul li a {
		color: #56566C;
	}
	.footer-left {
		width: 95% !important;
		padding: 0 2.5%;
	}
	#footer .footer-menu {
		margin-right: 15%;
	}
	#footer .footer-menu:last-child {
		margin-right: 0;
	}
	#footer .footer-block {
		float: left;
		width: 95%;
		clear: both;
		padding: 0 2.5%;
	}
	#footer .footer-block .footer-info,
	#footer .footer-block .latest-news {
		float: left;
		width: 50%;
	}
}
@media only screen and (max-width: 667px) {
	#content ul.home-blocks li:nth-child(3n) {
        margin-right: 40px;
   }
   #footer .footer-menu {
        width: 100%;
        text-align: center;
   }
   .pages #slider span.worker {
		display: none;
   }
   #slider .slide .slider-image  {
		position: relative;
	}
	#slider .slide h2.slide-title {
		z-index: 1;
	}
	#slider .slide .slide-content {
		z-index: 1;
	}
}
@media only screen and (max-width: 480px) {
	#home-slider h2 {
		bottom: 10% !important;
	}
	#content ul.home-blocks li {
		margin-right: 0;
	}
	#content ul.home-blocks li:nth-child(3n) {
    margin-right: 0;
    }
    #content ul.home-blocks li:nth-child(2n) {
		margin-left: 18px;
		margin-right: 0;
	}
	#slider .slide .slide-content {
		width: 100%;
		padding: 0;
	}
}
@media only screen and (max-width: 375px) { 
	ul.buttons {
		display: none;
	}
	.block {
		height: auto;
	}
	#content ul.home-blocks li:nth-child(2n) {
    margin-left: 0px;
    margin-right: 0px;
    }
    #content ul.home-blocks li {
    margin-left: 70px !important;
    }
    #footer .footer-block .footer-info, #footer .footer-block .latest-news {
    	width: 100%;
    	text-align: center;
    }
}
@media only screen and (max-width: 656px) {
    .wpcf7 .hold {
    margin-left: -12px;
    }
    .wpcf7 .wpcf7-text {
    width: 100%;
    }
    div.wpcf7 {
    width: 100;
    }
}
@media only screen and (max-width: 320px) {
	#content-pages .content {
		width: 90%;
		padding: 0 2.5%;
	}
	.content .article {
		width: 100%;
		padding: 0;
	}
	.content .article h1 {
		font-size: 100%;
	}
	.wpcf7 {
		padding: 0 !important;
	}
        .wpcf7 .hold {
            margin-left: 0;
         }
	.block {
		height: auto;
	}
	ul.buttons {
		display: none;
	}
	strong.logo {
		top: 5px;
		width: 100%;
	}
	strong.logo a img {
		width: 100%;
		height: auto;
	}
	ul.social {
		top: 95px;
		width: 100%;
		text-align: center;
	}
	form.work select {
		width: 100%;
	}
	#footer .footer-block .footer-info, #footer .footer-block .latest-news {
		width: 100%;
		text-align: center;
	}
	#content ul.home-blocks li {
		margin-left: 45px !important;
	}
	.contact-top {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	.contact-top .right {
	    margin-right: 35px;
	}
}