@media (max-width: 992px) {
    nav {
        background-color: #3e3e3e;
    }
    .navbar-brand img {
        width: 45%;
    }
	nav div.container {
		max-width: 100%;
	}
	nav div.row {
		justify-content: space-between;
		margin: 0 !important;
	}
	nav a.navbar-brand {
		margin-left: 30px;
	}
	nav ul {
		width: 100%;
		text-align: center;
	}
	nav ul li a {
		padding: 15px 0;
	}
	nav button {
		margin-right: 20px;
	}
	nav form div {
		margin: 0 auto;
	}
	header {
		padding-top: 70px !important;
	}
	header h1 {
		width: 100% !important;

	}
	header p {
		width: 74% !important;

	}
	header a {
		height: 50px;
	}
	header div.item {
		overflow: unset;
		height: 100% !important;
	}
	main h3 {
		width: 90%;
		text-align: center;
		margin: 0 auto;
	}
	main div.row h4 {
		text-align: center;
		margin: 10px 0 !important;
	}
	main div.row p {
		width: 95% !important;
		text-align: center;
		margin: 0 auto !important;
	}
	div.contact div.col-lg-6 {
		margin: 60px 0;
		margin-bottom: 0;
	}
	div.contact div.col-lg-6 h2 {
		font-weight: 500;
	}
	div.contact div.col-lg-6 p {
		margin-bottom: 35px;
		line-height: 0;
	}
	div.contact form input:last-child {
		width: 100%;
	}
	footer div.col-lg-4 {
		margin-bottom: 35px;
	}
	footer div.col-lg-4 input {
		width: 100%;
	}
    div.product h2 {
        font-size: 21px;
        margin-bottom: 25px;
    }
    div.product {
        margin-top: 0;
    }
    div.product p {
        width: 100% !important;
        text-align: center;
        margin-top: 10px;
    }
    div.product div.item-color {
        margin: 0 auto;
    }
}
@media (max-width: 768px) {
	section span {
	margin: 0 auto;
	}
	section h4 {
		text-align: center;
	}
	section div.col-lg-4 div {
		margin: 10px 0;
	}
	header {
		padding-top: 60px !important;
	}
	header h1 {
		width: 100% !important;
		font-size: 30px !important;
		font-weight: 350 !important;
	}
	header p {
		width: 100% !important;
		top: 210px;
        font-size: 14px !important;
	}
	header a {
		height: 50px;
	}
	header div.item {
		overflow: unset;
		height: 100% !important;
	}
}
@media (max-width: 576px) {
    .load {
        position: absolute !important;
        left: 38%;
    }
    .navbar-brand img {
        width: 50%;
    }
	header {
		padding-top: 56px !important;
	}
	header h1 {
		width: 100% !important;
		font-size: 25px !important;
		font-weight: 300 !important;
	}
    header div.text h3 {
        font-size: 16px;
    }
	header a {
		height: 50px;
	}
	header div.item {
		overflow: unset;
		height: 100% !important;
	}
    .col-12 h1 {
        font-size: 25px !important;
    }
    div.services div.col-lg-6 p {
        font-size: 15px;
    }
    div.about div.col-12 p {
        font-size: 15px;
    }
    div.contact div.col-lg-6 h1 {
        font-size: 24px;
        text-align: center;
    }
    div.contact {
        margin-top: 0;
    }
    div.contact div.col-lg-6 p {
        line-height: 1;
    }
}