@media(max-width:1230px){
	 .grid-item{	
		 width: 32.303% !important; /* 300px */ 

	}
}


@media(max-width:730px){
	 .grid-item{	
		 width: 44% !important; /* 300px */ 

	}
}

@media(max-width:590px){
	 .grid-item{	
		 width: 43% !important; /* 300px */ 
	}
}

@media(max-width:510px){
	 .grid-item{	
		 width: 85% !important; /* 300px */ 
	}
	
	
}

@media(max-width:450px){
   .grid-item{	
		 width: 98% !important; /* 300px */ 
	}
	
}


@media(max-width:320px){

	.grid-item{	
		 width: 100% !important; /* 300px */ 
	}
}




@media(max-width: 1200px){
	header .main .col{
		display:block;
		width: 100%;
		text-align: center;
	}

	header.scroll{
		position: static;
		top:0;
		left:0;
		z-index:200;
		background:#FFF;
		font-size:1em;
		transition: all ease 2s;
	}

	header.scroll #top-add{
		display:block;
	}

	header .main .col:first-child #logo{
		float:none;
		margin-top:-18px;
		width:80px;
	}

	header ul#nav{
		margin-top:4px;
	}

	header #search-form{
		margin:-2px auto 3px auto;
		width:60%;
		display: block;
	}


}



@media(max-width: 990px){
	section#collections #categories .category{
		display:inline-block;
		padding:5px 20px;
		margin:5px;
	}

	section#show .small,
	section#show .big,
	section#advertisement .img{
		background:none;
		height:auto !important;
		overflow: auto !important;
		min-height:20px !important;
	}

	section#show img,
	section#advertisement .img img{
		height:auto;
		object-fit: fill;
	}

}

@media(max-width: 780px){
	header #top-add{
		display:none;
	}
}

@media(max-width: 765px){

	section#product div#similar .product,
	section#popular .product{
		min-height:100px;
	}

	section#product div#similar .product img,
	section#popular .product img{
		height:auto;
	}
}

@media(max-width: 750px){

	footer #nav-tag{
		margin-top:15px;
	}
}

@media(max-width: 700px){

	header .main .col:first-child{
		text-align: left;
	}

	header ul#nav{
		display:none;
		text-align: center;
	}

	header ul#nav li{
		display: block;
		width:150px;
		margin:10px auto;
		text-align: center;
		font-size:0.8em;
		border:1px solid #000;
		padding:5px 4px;
	}

	#toggle-nav{
		display:block;
	}
}


@media(max-width: 600px){

	header #search-form{
		margin:6px auto;
		width:90%;
	}
}

@media(max-width: 550px){
	section#product #info #brand,
	section#product #info #category{
		width:90%;
		display:block;
	}

	section#product #info #stores{
		margin-top:20px;
	}

	section#product #info #notes{
		margin:20px 0px 10px 0px;
		text-align: right;
	}


}

@media(max-width: 400px){

	header .main .col:first-child{
		text-align: center;
	}

	#toggle-nav{
		float:none;
		margin:5px auto;
	}

	header #search-form{
		width:100%;
	}

	section#banner #title{
		font-weight: bold;
		text-transform: capitalize;
		font-size:2.5em;
	}
}

@media(max-width: 360px){
	header .main .col:first-child #logo{
		width:60px;
	}

	header #company{font-size:0.9em;}

	section#show .name{
		font-size:2.5em;
	}
}

@media(max-width: 300px){
	header .main .col:first-child #logo{
		width:80px;
		margin-top:10px;
	}

	header #company{
		margin-top:-10px;
		text-align: center;
	}

	#toggle-nav{
		margin-top:-4px;
	}
}