@media (max-width: 768px) {
	body {
		padding: 15px !important;
	}

	.navbar-nav {
		float: left !important;
		margin: 7.5px -15px !important;
	}
	
	.caption h1 {
		font-size: 36px !important;
	}

	.caption h2 {
		font-size: 20px !important; 
	}

	.product-entry {
		margin-right: 12px !important;
		margin-bottom: 30px !important;
	}

	.best-product-entry {
		margin-right: 12px !important;
		margin-bottom: 30px !important;
	}

	.promo .promo-content {
		left: 0% !important; /* was 8% */
		top: 0% !important;
	}

	.promo .promo-content h2 {
		font-size: 20px !important;
	}

	.promo .promo-content p {
		font-size: 14px !important;
	}

	.promo .promo-content .button {
		padding: 5px 15px !important;
		font-size: 14px !important;
	}

	.features {
		margin-right: 12px !important;
	}

	.footer-content h5 {
		font-size: 16px !important;
	}

	.footer-content p {
		font-size: 15px !important;
	}

	.footer-content ul li {
		font-size: 15px;
	}

	.checkout {
		margin-right: 12px;
	}

	.about-us img {
		margin-bottom: 20px;
	}

}

@media (max-width: 640px) {
	.navbar-brand h1 {
		line-height: 33px;
	}

	.navbar .yamm-content .mr-b {
		margin-bottom: 20px;
	}

	.navbar .navbar-collapse {
		margin-top: 26px;
	}

	.product-entry {
		margin-right: 0 !important;
	}

	.best-product-entry {
		margin-right: 0 !important;
	}

	.promo img {
		width: 100% !important;
		height: 170px !important;
	}

	.promo .promo-content {
		left: 24px !important;
	}

	.features {
		margin-right: 0;
		margin-bottom: 16px;
	}

	.footer-content {
		padding: 10px 0 !important;
	}

	.section .login .button {
		margin-bottom: 14px;
	}

	.section .register .button {
		margin-bottom: 12px;
	}

	.section .checkout .button {
		margin-bottom: 40px;
	}

	.single-product img {
		margin-bottom: 30px;
	}

	.contact-us .button {
		margin-bottom: 30px;
	}
}

@media (max-width: 480px) {
	.promo .promo-content h2 {
		font-size: 18px !important;
	}

	.promo .promo-content p {
		font-size: 12px !important;
	}

	.promo .promo-content .button {
		font-size: 12px !important;
	}
}

@media (max-width: 360px) {
	body {
		padding: 0;
	}

	.col-m {
		width: 100%;
	}

	.promo .promo-content h2 {
		font-size: 26px !;
	}

	.promo .promo-content p {
		font-size: 15px !important;
	}

	.promo .promo-content .button {
		font-size: 14px !important;
	}

    .footer-content {
        padding: 15px !important;
    }

    .promo img {
    	margin-bottom: 20px !important;
    }

    .promo .promo-content {
		position: absolute;
		top: 0 !important;  /*  12% */
		display: block;
		left: 0px; /* 50px */
		right: 0;
		color: #ffffff;
	}

	.table {
		font-size: 12px;
	}

	.cart .button {
		font-size: 12px;
	}

}

@media (max-width: 320px) {
	#slider .caption {
		top: 20% !important;
	}
	
	.table {
		font-size: 9px;
	}

	.cart .quantity {
		width: 35px;
		height: 26px;
	}

}