@-ms-viewport
{
	width:device-width;
}
@-viewport
{
	width:device-width;
}
@media only screen and (max-width:1200px)
{
	img
	{
		max-width:100%;
	}
	.nav
	{
		position: absolute;
		right: 0;
		z-index: 9999999;
		float: right;
		padding: 0 0;
		margin: 0;
		top: 0;
	}
	.nav ul li
	{
		margin: 0;
	}
	.nav ul li a
	{
		padding: 8px 0px;
		text-align:center;
    	background: rgba(0,0,0,0.8);
		color:#fff;
	}
	.nav-shrink .nav ul li a
	{
		padding: 8px 0px;
		text-align:center;
	}
	.nav ul li ul li a, .nav-shrink .nav ul li ul li a
	{
    	background: #fff;
		color:#000;
		text-align:center;
	}
	.nav ul li a i
	{
		display:none;
	}
	.nav ul li ul
	{
		position: relative;
		left:0;
		width: auto;
		-webkit-transform: translateX(-0%);
		transform: translateX(-0%);
		padding: 20px;
	}
	.nav ul ul li a, .nav-shrink .nav ul li ul li a
	{
		text-align:center;
	} 
	.nav ul li ul:before
	{
		top: -12px;
		left: 0;
		right:0;
	}
	.nav ul li a span
	{
		display: block;
	}
	.nav ul li:hover > a, .nav ul li.active > a 
	{
		color:#fff;
	}
	.nav-shrink .nav ul li a
	{
		color:#fff;
	}
	.nav ul li a::after
	{
		display:none;
	}
	.nav ul li a span, .sortby span strong
	{
		right: 8px;
	}
	.nav ul li a span:before, .nav ul li a span:after
	{
    background: #fff;
	}
	.header-top h1, .loginregister, .cart
	{
		position:relative;
		z-index:9999999999;
	}
	.loginregister{display: flex;}
	.nav-shrink.header {top: -45px;}
	.cart{margin-left: 25px;margin-top: 15px;}
}
@media only screen and (max-width:1024px)
{
	.row, .testimonials .row
	{
		width: auto;
	}
	.header-strip marquee
	{
		width:350px;
	}
}
@media only screen and (max-width:960px)
{
	.container
	{
		padding-top: 50px;
		padding-bottom: 25px;
		padding-left:20px;
		padding-right:20px;
	}
	.row
	{
		width: auto;
	}
	.our-products ul li
	{
		width:50%;
	}
	.our-products .itemproduct, .products-list .itemproduct
	{
		width:33.333333%;
	}
	.footer article
	{
		padding: 30px 20px;
	}
	.footer article aside
	{
		margin:15px 0;
		text-align:center;
		float:none;
		width:auto;
	}
	.footer p
	{
		text-align: center;
	}
	.social-icon-footer a
	{
		display: inline-block;
		float: none;
		margin: 0 2px;
	}
	.footer-bottom p
	{
		float:none;
		text-align:center;
	}
	.modal-content
	{
		width: auto;
	}
}
@media only screen and (max-width:768px)
{
	.header-top h1 img
	{
		height: 60px;
	}
	.cart-list article h3 {
    font-size: 17px;
    margin-top: 0;
    margin-bottom: 15px;
    color: #1a1a18;
    font-family: 'Prata', serif;
}
.page-title nav {
    position: absolute;
    bottom: -26px;
    right: 0;
    z-index: 9999;
}
.cart-list article aside {
    padding: 0 20px;
    margin-top: 25px;
}
	.cart a
	{
		margin-left: 5px;
	}
	.loginregister a
	{
		font-size:14px;
		padding: 8px 12px;
		margin: 0 0 0 5px;
	}
	.header-strip h3, .login .row:before
	{
		display:none;
	}
	.alignmiddle, .banner, .sidess, .BannerCarousel .item, .testimonials .itemcarousel, .vision-mission article, .contact article, .cart-list article
	{
		display:block;
	}
	.banner
	{
		margin-top: 150px;
	}
	.BannerCarousel
	{
		padding: 0 5px;
	}
	.container h2
	{
		font-size: 24px;
	}
	.container h3
	{
		font-size: 16px;
	}
	a.linkbutton
	{
		padding: 10px 12px;
	}
	.header-strip marquee
	{
		width:300px;
	}
	p
	{
		line-height: 20px;
		font-size: 15px;
	}
	.tabs ul li, .our-products .itemproduct, .products-list .itemproduct
	{
		width: 50%;
	}
	.categories ul li, .contact aside
	{
		width: 100%;
	}
	.testimonials .itemcarousel figure, .testimonials .itemcarousel figure
	{
		float:none;
	}
	.testimonials .itemcarousel aside, .banner-slides, .banner-grids, .fan-favourites figure, .fan-favourites aside, .banner aside, .banner figure, .video-container, .testimonials, .footer article h1, .newsletter, .vision-mission article figure, .vision-mission article aside, .login .formfield, .login aside, .products-filter, .products-list, .products-image, .products-details, .cart-list, .cart-totals, .checkoutform, .faqcat, .faqcont, .dashboard aside, .dashboard nav
	{
		float:none;
		width:auto;
	}
	.fan-favourites aside
	{
		padding:20px;
	}
	.categories ul
	{
		margin: 0 0px;
	}
	.categories ul li:first-of-type
	{
		padding: 0 0px;
	}
	.categories ul li a
	{
		margin: 0 0;
	}
	.categories ul li
	{
		margin: 15px 0;
	}
	.categories ul li:nth-of-type(odd)
	{
		margin-top: 0px;
	}
	.testimonials
	{
		padding:20px 0;
	}
	.testimonials:before
	{
		font-size: 50px;
		top: 20px;
		left: 10px;
	}
	.testimonials:after
	{
		font-size: 50px;
		bottom: 20px;
		right: 10px;
	}
	.video-container a h2
	{
		font-size: 26px;
		text-align: center;
	}
	.newsletter
	{
		width:auto;
	}
	.footer article h1
	{
		text-align:center;
		margin:0 0 20px 0;
	}
	.vision-mission article figure .vmimg
	{
		display:none;
	}
	.our-products .itemproduct .alignmiddle, .products-list .itemproduct .alignmiddle, .KitCarousel .itemcarousel .alignmiddle
	{
		display:flex;
	}
	.contact aside
	{
		border-left: none;
		border-top: dashed 1px #e1bf41;
	}
	.contact aside:first-of-type
	{
		border-top: none;
	}
	.contact .formfield
	{
		width:auto;
	}
	.products-list
	{
		margin-top:30px;
		clear:both;
	}
	.cart-list article figure, .cart-list article aside
	{
		float: left;
	}
	.modal-content
	{
		width: auto;
		height:400px;
		overflow:auto;
		margin:0 20px;
	}
	.faqcat, .products-filter, .dashboard nav
	{
		position:static;
	}
	.tablecontent
	{
		overflow:auto;
	}
	.tablecontent table
	{
		width:750px;
	}
	.feedback .formfield
	{
		width: 300px;
		margin: auto;
	}
}
@media only screen and (max-width:580px)
{
	.header-strip marquee
	{
		width:200px;
	}
	.tabs ul li, .our-products ul li, .sidess aside, .our-products .itemproduct, .products-list .itemproduct
	{
		width: 100%;
	}
}
@media only screen and (max-width:320px)
{
	
}