@media only screen and (min-width: 768px) and (max-width: 991px) {

	/*------- Banner Section Starts -------*/
	
	.bg-banner { height: 50vh; }
	.banner-information { top: 50%; }
	.section-heading > h1 { font-size: 6rem; }

	/*------- Banner Section Ends -------*/

	/*------- How to Work Section Starts -------*/

	.bg-milk { height: 500px; }
	.media-milk-home > .media-left { padding-right: 5px; }

	/*------- How to Work Section Ends -------*/

	/*------- Copyright Section Starts -------*/

	.copyright { font-size: 1.6rem; }

	/*------- Copyright Section Ends -------*/

}

@media only screen and (max-width: 767px) and (orientation: landscape) {
	
	/*------- How to Work Section Starts -------*/

	.bg-milk { height: 500px; }
	.milk-products { width: 75%; }
	
	/*------- How to Work Section Ends -------*/

}

@media only screen and (max-width: 767px) {

	/*------- Header Section Starts -------*/

	.top-header { position: relative; }
	.social-header-listing > li { display: block; margin: 0 0 10px 0; text-align: center; }
	.social-header-listing > li:last-child { margin-bottom: 0; }
	.social-header-listing > li > a { color: #272727; font-size: 1.4rem; }

	/*------- Header Section Ends -------*/

	/*------- Banner Section Starts -------*/

	.bg-banner { background: url("../images/mobile-banner.jpg") no-repeat top/cover; color: #272727; height: 55vh; }
	.banner-information { left: 50%; position: absolute; top: 85%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); }
	.qrcode-adjust > img { display: none; }
	.section-heading > h1 { font-size: 3rem; line-height: 1.2; }
	/*------- Banner Section Ends -------*/

	/*------- How to Work Section Starts -------*/

	.bg-how-to-work-home { padding: 15px 15px 0; }
	.section-heading > h2 { font-size: 3rem; }
	.img-products-home { margin: 0 auto; }
	.block-mob { display: block; }
	.media-milk-home { margin-bottom: 15px; }
	.media-first-body-milk-home > h2, .media-sec-body-milk-home > h2, .media-third-body-milk-home > h2, .media-fourth-body-milk-home > h2 { font-size: 3rem; }
	.bg-milk { margin-bottom: 15px; }
	.media-third-body-milk-home > h2, .media-third-body-milk-home > p, .media-fourth-body-milk-home > h2, .media-fourth-body-milk-home > p { text-align: left; }

	/*------- How to Work Section Ends -------*/

	/*------- Copyright Section Starts -------*/

	.copyright { display: block; font-size: 1.4rem; }
	.copyright > a > img { display: inline-block; }

	/*------- Copyright Section Ends -------*/

}