/*** 
Left Header Gradient: 		255, 255, 255
Right Header Gradient:		135, 45, 47
***/

.transp-bg-left {
    background: rgb(255, 255, 255); /* Old browsers */
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 35%, rgba(255, 255, 255, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.transp-bg-right {
    background: rgb(135, 45, 47); /* Old browsers */
    background: linear-gradient(to left, rgba(135, 45, 47, 1) 0%, rgba(135, 45, 47, 1) 35%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}

@media only screen and (min-width: 1100px) and (max-width: 1500px) {
	.transp-bg-left {
		background: linear-gradient(to right, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	}
	.transp-bg-right {
		background: linear-gradient(to left, rgba(135, 45, 47, 0.9) 0%, rgba(135, 45, 47, 1) 10%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	}
}

@media only screen and (min-width: 800px) and (max-width: 1099px) {
	.transp-bg-left {
		background: linear-gradient(to right, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 1) 5%, rgba(255, 255, 255, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	}
	.transp-bg-right {
		background: linear-gradient(to left, rgba(135, 45, 47, 0.95) 0%, rgba(135, 45, 47, 1) 5%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	}
}