/* iPad */
@media only screen and (max-width: 768px) {
	.wrapper{width: 100% !important; margin: 0; padding: 0;}
	.menu-container ul li a{padding:10px;}
	.menu-container ul li ul li a{text-align: center; width: 180px;}		
	
	.segment-section-c8-c4 .c8{margin-bottom: 10px;}
	.segment-section-c4-white .c4{min-height: 180px;}
	
	.segment-section h2{margin-top: 20px;}
	
	.footer-container .c3{font-size: 0.7rem;}
	.footer-container .c3 p{font-size: 0.7rem;}
}

/* iPhone */
@media only screen and (max-width: 640px) {
	.wrapper{width: 100% !important; margin: 0; padding: 0;}
	.c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c10, .c11, .c12{width: 95% !important; margin: 10px 0 !important; padding: 0 2.5% !important;}

	.borders{border: none;}

	/* Header container */
	.header-container{height: auto; text-align: center; padding-top: 30px;}
	.header-container .wrapper{height: auto;}
	.header-container #searchclickmenu{cursor: pointer; position: absolute; top: 4px; right: 10px; padding: 2px; color: #fff; text-decoration: none;}
	.header-container #submenumobile{display: block; background-color: #488EEA; margin: 0; padding: 5px 0;}
	.header-container #submenumobile li{float: left; border-right: 1px solid white; padding: 2px 10px; margin-bottom: 0;}

	/* Header container - Mobile Menu - Lines or Down arrow for the icon */
	.header-container #mobileclickmenu{background: #004728 url("../images/mobile-menu-lines.png") no-repeat 4px 7px; border-bottom: 1px solid #5c5c5c; height: 28px; width: 92%; cursor: pointer; position: absolute; top: 0px; left: 0px; padding: 6px 0 0 8%; color: #fff; text-align: left;}

	.header-container #mobileclickcategoriesmenu{background: #004728 url("../images/mobile-menu-lines.png") no-repeat 4px 7px; border-bottom: 1px solid #5c5c5c; height: 28px; width: 92%; cursor: pointer; position: relative; top: 0px; left: 0px; padding: 6px 0 0 8%; color: #fff; text-align: left;}
	
	/* Header container - logo */
	.header-container .wrapper {text-align: center;}
	.header-container .wrapper .logo{position: relative; top: auto; left: auto; max-width: 100%;}

	.header-container .wrapper .logo {position:static; margin:0 auto 10px auto;}
	.header-container .wrapper .tagline1 {position:static; margin:0 auto 10px auto;}
	.header-container .wrapper .tagline2 {position:static; margin:0 auto 10px auto;}
	.header-container .wrapper p.telephone {position:static; margin:0; padding:0;}
	
	
	/* Main menu */
	.menu-container .c12{width: 100% !important; padding: 0 !important}
	.menu-container ul{z-index: 100; height: auto; width: auto; position: relative; top: auto; right: 0; margin: 0; padding: 0; border-top: 1px solid #fff;}
	.menu-container ul li{width: 100%; float: none; top: auto; display: block; margin: 0 !important; text-align: center; border-bottom: 1px solid #fff; padding: 0;}
	.menu-container ul li a {display:block; padding: 10px 0; height: auto !important; cursor: pointer; border: none !important;}
	.menu-container ul li ul{position: relative; top: auto; z-index: 1000; width: 100%}
	.menu-container ul li ul li{width: 100%}
	.menu-container ul li ul li a{text-align: center; width: 100%}	

	.category-menu-container ul{z-index: 100; height: auto; width: auto; position: relative; top: auto; right: 0; margin: 0; padding: 0; border-top: 1px solid #fff;}
	.category-menu-container ul li{border:1px solid #eaeaea; border-right:none; border-left:none; width: 102%; float: none; top: auto; display: block; margin: 0 !important; text-align: center; border-bottom: 1px solid #fff; padding: 0;}
	.category-menu-container ul li a {display:block; padding: 10px 0; height: auto !important; cursor: pointer; border: none !important;}
	.category-menu-container ul li ul{display:none; position: relative; top: auto; z-index: 1000; width: 100%}
	.category-menu-container ul li.hover ul{display:block;}
	.category-menu-container ul li ul li{width: 100%; border:1px solid #eaeaea; border-right:none; border-left:none;}
	.category-menu-container ul li ul li a{text-align: center; width: 100%}
	.category-menu-container ul li ul li a:before {content:""}
	
	/* Header container */
	.header-container .wrapper .tel{position: relative; top: auto; right: auto; text-align: center; font-size: 0.9rem;}
	.header-container .wrapper .email{position: relative; top: auto; right: auto; text-align: center; font-size: 0.9rem;}

	/* Header Container */
	.banner-container{min-height: 100px;}
	.index .banner-container{min-height: 100px;}

	.main-container{padding: 0;}

	/* Category - Product List */
	.product-list .product p{line-height: 1.2rem;}
	.product-list .product .product-image img{max-width: 40%; margin-right: 10px;}
	.product-list .product .viewmore{display: block; position: relative; bottom: auto; right: auto; float: right;}

	/* Contact form */
	.contact-form .c4-left{width: 95%; margin: 0 2.5%;}
	.contact-form .c8-right{width: 95%; margin: 0 2.5%;}
	.contact-form textarea{min-height: 150px; max-height: 150px;}

	/* Footer */
	.footer-container .wrapper ul{margin: 10px 0}
	.footer-container .wrapper ul li{display: block; padding: 5px 0}
	.footer-container .wrapper ul li a{padding: 5px 0}

	aside{display: none;}

    .desktophidden{display: block;}
    .mobilehidden{display: none;}

	/* Cookie Specifics */
	.cookie-container aside{display: block !important; font-size: 0.8rem}
	.cookie-container aside p{display: inline-block !important; line-height: 1rem}
	.cookie-container aside div{display: inline-block !important;}
	.cookie-container aside #cookiespopupclose{text-align: right; display: inline-block !important; position: static !important; top: auto !important; right: auto !important; margin-left: 1% !important; width: 98% !important}
}