@media only screen
and (min-width : 1500px) {
	.homepage-slider .metaslider .caption-wrap {
		background-size: cover;
	}
}

@media only screen
and (max-width : 900px) {
	.homepage-slider .metaslider .caption {
		padding: 30px 15px !important;
	}
	.homepage-slider .metaslider .slides img {
		width: 200%;
		max-height: 380px !important;
	}
}

@media only screen
and (max-width : 767px) {
	.mix {
		width: 100%;
	}
	article.grid-item {
		padding: 0 6px;
	}
	.row {
		padding: 0 15px;
	}
	.top-contact {
		text-align: center;
	}
	.top-contact br {
		display: block;
	}
	.top-bar-left {
	    width: 70% !important;
	}
	.top-bar-right {
	    width: auto !important;
	}
	.top-bar-right.show-for-small-only a {
	    background-color: #12579E;
	    color: #fff;
	}
	.homepage-slider, .homepage-slider .metaslider {
		height: auto;
	}
	.homepage-slider .metaslider .caption {
		padding: 15px;
	}
	.homepage-slider .metaslider .flexslider {
		margin: 0;
	}
	.caption h2 {
	    font-size: 24px;
	}
	.clients h2 {
		display: block;
		text-align: center;
		margin-top: 10px;
		margin-bottom: 30px;
	}
	.client-list {
		float: none;
		text-align: center;
	}
	.client-list li {
		margin-bottom: 5px;
	}
	.services .large-6 + .large-6 {
		margin-top: 30px;
	}
	.about {
	    padding: 15px 0;
	    margin-top: 30px;
	}
	.about-right, .recent-project-right {
	    display: none;
	}
	.recent-projects .slick-initialized .slick-slide {
		display: block;
	}
	.recent-projects > .row > h2 {
		margin-bottom: 60px;
	}
	.recent-project {
		display: block;
		overflow: hidden;
	}
	footer.footer {
		padding: 30px 0;
	}
	section.related.products {
	    margin-bottom: 0;
	    padding: 30px 0;
	}
	.related.products ul.products li.product {
		width: 100% !important;
	}
	.related.products ul.products li.product + li.product {
		margin-top: 15px;
	}
	.single-product .row > .product {
	    padding: 0 15px;
	}
	.woo-breadcrumb {
		padding: 10px 15px 15px 15px;
	}
	img.logo {
	    width: 80%;
	    margin-left: 15px;
	    margin-top: 24px;
	    max-width: 225px;
	}
	.footer-bottom {
		padding: 15px;
	}
	.modal-form {
		width: 100%;
		max-height: 100%;
		overflow: scroll;
	}
	.btn-excerpt {
	    position: relative;
	    left: 0;
	    bottom: 0;
	}
	.blog-single img {
		width: 100%;
		margin: 0 0 15px 0;
	}
	.blog-single h2 {
		clear: both;
	}
	.blog-single h2 a {
		padding: 0 15px 0 15px;
	}
	.blog-single p {
		padding: 15px;
	}
	.btn-excerpt {
		width: 100%;
	}
	.col-text:after {
		display: none;
	}
	.vc_google-map {
	    position: relative;
	    height: 300px;
	    margin-bottom: 30px;
	}
	.phone-email {
		margin-bottom: 30px;
	}
	.contact-form .columns {
	    padding: 0;
	}
	.contact-form input[type="submit"] {
		margin-left: 0 !important;
		width: 100%;
	}
	#content div.product div.images {
		width: 100% !important;
		margin: 0 !important;
	}
	.twist-pgs, .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
		width: 100% !important;
	}
	.single-product h1.product_title.entry-title {
	    margin-top: 30px;
	}
}