﻿.smallMenuLink {
		display: none;
}

.smallMenuHolder {
		width: 100vw !important;
		position: absolute;
		left: 0px;
		top: 0px;
		height: 100vh !important;
		background-color: var(--headerBg) !important;
		z-index: 1 !important;
		animation-name: fadeInSearch;
		animation-fill-mode: both;
		animation-duration: 0.35s;
		display: none;
		overflow:auto !important;
}

		.smallMenuHolder.popup-box-on {
				display: block;
		}

		.smallMenuHolder ul {
				list-style-type: none !important;
				margin-top: 30px;
		}

				.smallMenuHolder ul li {
						padding-bottom: 10px !important;
				}

						.smallMenuHolder ul li a {
								color: var(--headerFc) !important;
								font-size: 22px !important;
						}

.closeSmallMenu {
		position: fixed;
		color: var(--headerFc) !important;
		font-size: 30px !important;
		top: 10px;
		right: 10px;
		z-index: 1 !important;
		display: block;
}

.smallMenuHolder ul li ul {
		margin-top: 10px;
}

@media only screen and (max-width: 1024px) {
		.mainProductImage img {
				float: none !important;
				width: 100%;
		}

		.thumbnailImage {
				float: none;
		}

	/*	.productImageHolder {
				float: none !important;
				text-align: center !important;
		}*/

		.maxContentWidth {
				max-width: 1190px !important;
				width: 100% !important;
		}

		.smallMenuLink {
				display: inline-block;
				padding-left: 20px;
		}

		.menu {
				display: none !important;
		}

		.customHeader_1 .logo img {
				max-width: 130px !important;
				max-height: 75px !important;
				margin-top: 10px;
		}

		.customHeader_2 .logo img {
				max-width: 130px !important;
				max-height: 75px !important;				
		}

		.customHeader_3 .logo img {
				max-width: 130px !important;
				max-height: 75px !important;
				margin-top: 10px;
		}

		.customHeader_4 .logo img {
				max-width: 130px !important;
				max-height: 75px !important;
				margin-top: 10px;
		}

		.customHeader_5 .logo img {
				max-width: 130px !important;
				max-height: 75px !important;
				margin-top: 10px;
		}

		.customHeader_2 .social .menuCentre {
				width: 170px !important;
		}

		.customHeader_2 .smallMenuLink {
				float: left;
				margin-right: 10px;
		}

		.customHeader_4 .smallMenuLink {
				float: right;
				padding-right: 10px;
				padding-left: 0px;
		}

		.customHeader_1 .social a {
				font-size: 18px !important;
				display: none;
		}

		.customHeader_2 .social a {
				font-size: 18px !important;
				display: none;
		}

		.customHeader_3 .social a {
				font-size: 18px !important;
				display: none;
		}

		.customHeader_4 .social a {
				font-size: 18px !important;
				display: none;
		}

		.customHeader_5 .social a {
				font-size: 18px !important;
				display: none;
		}

		.show-search {
				display: inline-block !important;
		}

		.cartText {
				display: inline-block !important;
		}

		.smallMenuLink {
				display: inline-block !important;
		}

		.displayBlock {
				position: relative !important;
				left: 0px !important;
				top: 0px !important;
				float: left;
				width: 100vw !important;
				transform: translate(0%,0%) !important;
		}

		.w3-display-left {
				top: 10% !important;
		}

		.w3-display-right {
				top: 10% !important;
		}

		h1, h2, h3, h4, h5, h6 {
				padding: 10px !important;
		}

		.siteTabButton {
				display: block !important;
				width: 100% !important;
		}

		.customHeader_1 .smallMenuLink {
				margin-right: 10px !important;
				margin-left: 0px !important;
		}

		.customHeader_2 .smallMenuLink {
				float:left !important;
				padding-left: 0px !important;
				padding-right: 8px;
		}

		.customFooter_2 .footerLinks {				
				width: 100%;
				text-align:center;
				margin: 0px;
		}

		.customFooter_2 .footerSocial {
				width: 100%;
				text-align: center;
				margin: 0px;
		}

		.customFooter_2 .footerSocial li {
				display:block;
		}

		.customFooter_4 .footerLinks {
				width: 100%;
				text-align: center;
				margin: 0px;
		}

		.customFooter_4 .footerSocial {
				width: 100%;
				text-align: center;
				margin: 0px;
		}

				.customFooter_4 .footerSocial li {
						display: block;
				}		

}

@media only screen and (max-width: 640px) {
		.customTextImage_Left {
				display: block;
		}

				.customTextImage_Left .colCentre {
						transform: none !important;
				}

		.menuCentre i {
				font-size: 1.2em !important;
		}

		.mainProductImage img {
				max-width: 100%;
				float: none !important;
				margin: auto !important;
		}

		.mfp-container {
				text-align: center;
				position: relative;
				width: 100%;
				height: auto;
				left: 0;
				top: 0;
				padding: 0 8px;
				box-sizing: border-box;
		}

		.videoPopUp {
				min-width: 100%;
				max-width: 100%;
				max-height: 100%;
				background-color: #fff;
				padding: 0px;
				margin: auto;
				font-size: 1rem;
				font-weight: bold;
				text-align: center;
				position: fixed;
				top: 10px;
				left: 0px;
		}	

}
