@media only screen and (max-width: 1120px) {
    .modal .modalcontent {
        width: 1040px !important;
    }
}
@media only screen and (max-width: 1060px) {
    .modal .modalcontent {
        width: 90% !important;
    }
	.modal .modalcontent iframe {
        width: 95%;
		height: 420px;
    }
}
@media only screen and (max-width: 1000px) {
    .products ul li h3{
		font-size: 18px;
	}
	 
}
@media only screen and (max-width: 804px) {
	 .modal .modalcontent iframe {
		height: 380px;
    }
}
@media only screen and (max-width: 600px) {
	.main {
		background-size: auto 100%;
		background-position: center top;
		background-attachment:inherit;
	}
	
	.main .logo {
		margin: 0 auto 0 auto;
		left: 0; right: 0;
	}
	
	.products ul li {
		float: none;
		width: 100%;
	}
    .products.all ul li {
		float: none;
		width: 100%;
	}
	.padding {
		padding: 10%;
	}
	.footer.padding {
		padding: 3% 0 1% 0;
	}
	.products ul li h3{
		font-size: 18px;
	}
	.modal .modalcontent iframe {
		height: 280px;
    }
}