/* Add here all your CSS customizations */


#footer p {
    color: #fff !important;
    line-height: 24px;
    margin: 0 0 20px;
}

#menu_product{
	width: 50%;
	margin-left: 33%;
}

ul.breadcrumb a {
    color: #fff;
}

.breadcrumb>.active {
    color: #dfdbd4;
}

.inquery_img{
    width: 90%;
    height: 500px;
 }
@media (min-width: 320px) and (max-width: 991px) {
	#footer .logo {
	    display: block;
	    width: 100px;
	    height: 100px;
	}
	ul#menu_product{
		width: 100%;
	}

	.menu_image{
		width: 20%;
	}
	.inquery_img{
    width: 90%;
    height: 300px;
 }

}

@media (min-width: 992px) and (max-width: 1200px) {

	.menu_image{
		width: 80%;
	}

	ul#menu_product{
	    width: 90% !important;
    	margin-left: 10% !important;
	}
	.inquery_img{
    	width: 90%;
    	height: 400px;
 	}
}