/* Large Screens (Desktop) */

@media only screen and (max-width : 1450px) {
	#header #navigation ul li {
		margin-left: 37px;
	}
		
	#header .sika {
		margin-left: 31px;
	}
		
	#categories ul li {
		font-size: 27px;
	}

}

/* Medium Screens (Tablets - Landscape) */

@media only screen and (max-width : 1225px) {
	.section {
		max-width: 970px;
	}
	
	#header .searchBtn {
		width: 80px;
	}
	
	#header #navigation {
		margin-right: 22px;
		margin-top: 61px;
	}
	
	#header #navigation ul li {
		margin-left: 25px;
		margin-left: 19px;
	}
	
	#mainWrapper {
		padding-top: 98px;
	}
	
	#header {
		height: 98px;
	}
	
	#header .logo {
		width: 176px;
	}
	
	#header .sika {
		width: 272px;
		margin-left: 20px;
	}
	
	#banner .section {
		margin-left: -485px;
	}
	
	#subCategories ul li a span {
		width: 77.1px;		
		height: 77.1px;		
	}
	
	#categories ul li a span {
		width: 155px;
		height: 155px;
	}
	
	#specials ul li {
		width: 155px;
	}
	
	#intro .categories ul li .image em {
		height: 469px;
	}
	
	#footer .newsletter {
		width: 420px;
	}

}

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

/* Small Screens  (Tablets - Portrait ) */

@media only screen and (max-width : 991px) {
	.section {
		max-width: 750px;
		padding-left: 15px;
		padding-right: 15px;
	}
	
	#mainWrapper {
		padding-top: 75px !important;
	}
	
	#header {
		height: 75px !important;
	}
	
	#header:before, 
	#banner:before,
	#subBanner::before {
		margin-left: -4093px;
	}
	
	#header #navigation,
	body.scrolled #header #navigation {
		margin-top: 31px;
		margin-right: 17px;
	}
	
	#header #navigation ul li {
		margin-left: 23px;
	}
	
	#header #navigation li ul {
		padding-top: 28px;
	}
	
	#header .logo,
	body.scrolled #header .logo {
		margin-top: 8px;
		margin-left: 15px;
		width: 135px;
	}
	
	#header .sika,
	body.scrolled #header .sika {
		width: 156px;
		margin-left: 13px;
	}
	
	#header .searchBtn {
		width: 65px;
	}
	
	#searchOverlay .overlay .form .search {
		max-width: 560px;
	}
	
	#banner .section {
		margin-left: -375px;
	}
	
	#banner .section .inner {
		font-size: 23px;
	}
	
	#banner .section .inner .text {
		width: 330px;
	}
	
	#categories ul li a {
		font-size: 20px;
	}
	
	#categories ul li a span {
		width: 137.6px;
		height: 137.6px;
	}
	
	#specials ul li {
		width: 137.6px;
	}
	
	#subCategories ul li a {
		font-size: 11px;
	}
	
	#subCategories ul li a span {
		width: 68.3px;
		height: 68.3px;
	}
		
	#intro .categories ul li .image em {
		height: 340px;
	}
	
	#intro .categories ul li .name {
		font-size: 22px;
	}
	
	.heading {
		font-size: 35px;
	}

	#intro .section {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	#featured .section {
		padding-bottom: 50px;
	}
	
	#featured ul {
		margin-left: -10px;
		margin-right: -10px;
	}
	
	#featured ul li {
		padding-left: 10px;
		padding-right: 10px;
	}
	
	#featured ul li .image em {
		height: 227px;
	}
	
	.productsListing .product .image {
		width: 284px;
	}

	#content {
		border-bottom-width: 75px;
	}
	
	#footer .newsletter {
		width: 300px;
	}
	
	#footer #links {
		width: 133px;
	}
	
	#footer .categories {
		width: 232px;
	}
	
	#footer .newsletter .form {
		margin-top: 60px;
	}
	
	#footer .bottom {
		padding-top: 50px;
	}

}

/* Extra Small Screens (Mobiles) */
@media only screen and (max-width : 767px) {
	#searchOverlay .overlay .form .search .textbox {
		font-size: 17px;
	}
	
	#menuBtn {
		display: block;
	}
	
	#header #navigation {
		display: none;
	}
	
	#header .logo,
	body.scrolled #header .logo {
		width: 103px;
		margin-top: 15px;
		margin-left: 44px;
	}
	
	#header .sika,
	body.scrolled #header .sika {
		float: right;
		margin-right: 15px;
		margin-left: 0;
		margin-top: 20px;
		width: 136px;
	}
	
	#header .searchBtn {
		width: 60px;
		-webkit-background-size: 22px;
		-moz-background-size: 22px;
		background-size: 22px;
	}
	
	#banner .section {
		margin-left: 0;
		left: 0;
		width: 100%;
	}
	
	#header:before, 
	#banner:before,
	#subBanner::before {
		margin-left: -4000px;
	}
	
	#banner .section .inner {
		font-size: 11px;
	}
	
	#banner .section .inner .text {
		width: 40%;
	}
	
	#banner .section .inner .text p {
		margin: 0;
	}
	#banner .section .inner .text p.title {
	color: #D8282F;
	margin-bottom: 5px;
}	
	#subBanner .title,
	#subBanner ul {
		display: none;
	}
	
	#subBanner .section {
		min-height: 137px;
	}
	
	select.subCategories {
		display: block;
	}
	
	#categories ul {
		display: none;
	}
	
	#categories ul li {
		display: inline-block;
		width: 50%;
		margin-right: -4px;
		border: 0;
		border-bottom: 1px solid #999999;
		font-size: 16px;
	}
	
	#categories ul li:nth-child(even) {
		border-left: 1px solid #999999;
	}
	
	#categories ul li a span {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	
	#specials ul li {
		display: inline-block;
		width: 50%;
		margin-right: -4px;
		border: 0;
	}
	
	#intro .section {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	
	#intro .categories ul li {
		display: block;
		margin-right: 0;
		width: auto;
	}
	
	#intro .categories ul li.alt {
		background-color: #ecebeb;
	}
	
	#intro .categories ul li:nth-child(even) {
		background-color: #d9d8d8;
	}
	
	#intro .categories ul li .image em {
		height: 268px;
	}	
	
	#intro .categories {
		margin-top: 45px;
	}
	
	#intro .categories ul li {
		margin: 20px 0;
	}
	
	#featured .section {
		padding-bottom: 20px;
	}
	
	#featured ul {
		margin-left: 0;
		margin-right: 0;
	}
	
	#featured ul li {
		display: block;
		margin: 0 0 30px;
		width: auto;
		padding-left: 0;
		padding-right: 0;
	}
	
	#featured ul li .image {
		margin-bottom: 20px;
	}
	
	#featured ul li .image em {
		height: 301px;
	}
	
	.productsListing {
		display: block;
	}
		
	.productsListing .product {
		margin-bottom: 20px;
	}
	
	.productsListing .product:last-child {
		margin-bottom: 0;
	}
	
	.productsListing .product .image {
		display: block;
		width: auto;
		margin-bottom: 20px;
	}
	
	.productsListing .product .image .innerMost {
		height: 308px;
	}
	
	.productsListing .product .desc  {
		display: block;
		width: auto;
		padding: 0;
	}
	
	.productsListing .product .desc .title {
		font-size: 25px;
	}
	
	#content {
		border-bottom-width: 60px;
	}
	
	#content .section {
		padding-top: 25px;
		padding-bottom: 25px;
	}
	
	#subCategories {
		display: none;
	}
	
	#footer .section {
		padding-top: 40px;
		padding-bottom: 30px;
	}
	
	#footer #links {
		float: none;
		width: auto;
		margin-bottom: 50px;
		padding-right: 0;
		text-align: center;
	}
	
	#footer .newsletter {
		float: none;
		width: auto;
		text-align: center;
		margin-bottom: 50px;
	}
	
	#footer .newsletter .form {
		max-width: 400px;
		margin: 30px auto 0;
	}
	
	#footer .categories {
		float: none;
		width: auto;
		text-align: center;
	}
	
	#footer .categories ul li {
		margin-bottom: 28px;
	}
		
	#footer .bottom {
		padding-top: 25px;
	}
	
	#footer .socials {
		float: none;
		text-align: center;
		margin-bottom: 40px;
	}
	
	#footer .socials ul li {
		float: none;
		display: inline-block;
		margin-right: -4px;
		padding: 0 10px;
	}
	
	#footer .moreLinks {
		float: none;
		width: auto;
	}
	
	#footer .moreLinks ul li {
		float: none;
		text-align: center;
		margin: 10px 0;
	}
	
	#footer .moreLinks ul li:first-child {
		margin-bottom: 30px;
	}

}

@media only screen and (max-width : 500px) {
 .topsearch {
 	display: none;
 }
}

@media only screen and (max-width : 478px) { 
	#specials ul li {
		display: inline-block;
		width: 50%;
		margin-right: -4px;
		border: 0;
	}
}