#fieldtabproductsisotope {
    display: block;
    position: relative;
    width: 100%;
	padding-top:15px;
	float:left;
}
#fieldtabproductsisotope .isotope-item{
    overflow: hidden;
	padding:15px;
}
  @media (max-width: 479px) {
#fieldtabproductsisotope .isotope-item{
	width:100%;	
    text-align: center;
}
  }
#fieldtabproductsisotope .fieldtabproductsisotope-filters {
    font-size: 0;
    margin-bottom: 14px;
	display:inline-block;
	width:100%;
	float:left;
	text-align:center;
}

#fieldtabproductsisotope .fieldtabproductsisotope-filter {
    display: inline-block;
    white-space: nowrap;
	float:none;
	width: 25%;
}
#fieldtabproductsisotope .fieldtabproductsisotope-filter a {
	border-right:1px solid #fff;
    display: block;
    text-align: center;
    padding:10px 28px;
    cursor: pointer;
    font-size: 17px;
	line-height:17px;
	text-transform:uppercase;
	text-decoration:none;
	color:#fff;
	transition:all 0.3s ease-in-out 0s;
	-webkit-transition:all 0.3s ease-in-out 0s; 
	-ms-transition:all 0.3s ease-in-out 0s;    
	-o-transition:all 0.3s ease-in-out 0s; 
		background:#3b4348;
		margin-bottom:1px;
}
@media(max-width:1199px){
	#fieldtabproductsisotope .fieldtabproductsisotope-filter {
		float:none !important;
	}
}
#fieldtabproductsisotope .fieldtabproductsisotope-filter:last-child {
    padding-right: 0;
}
#fieldtabproductsisotope .fieldtabproductsisotope-filter:last-child a{
	border:none;
	text-align:center;
}
.no-touch #fieldtabproductsisotope .fieldtabproductsisotope-filter a:hover,
#fieldtabproductsisotope .fieldtabproductsisotope-filter a.active {
    color: #ffffff;
    background: #53afd8;
		transition:all 0.3s ease-in-out 0s;
	-webkit-transition:all 0.3s ease-in-out 0s; 
	-ms-transition:all 0.3s ease-in-out 0s;    
	-o-transition:all 0.3s ease-in-out 0s; 
}

#fieldtabproductsisotope .fieldtabproductsisotope-products {
    width: 100%;
	display:inline-block;
	float:left;
}

#fieldtabproductsisotope .grid-sizer {
    opacity: 0;
    visibility: hidden;
    margin: 0 1%;
    padding: 0;
}
.isotope-grid {
    -webkit-transition: height 0.5s;
    -moz-transition: height 0.5s;
    -ms-transition: height 0.5s;
    -o-transition: height 0.5s;
    transition: height 0.5s;
	margin-bottom:0;
}
.no-touch .isotope-grid .item-buttons {
    opacity: 0;
}

.no-touch .isotope-grid .item:hover .item-buttons {
    opacity: 100;
}

.touch .isotope-grid .item-buttons {
    opacity: 100!important;
}

/*----------------------------------------------------------*/
/*
/* Media Queries
/*
/*----------------------------------------------------------*/

/*---------------------------------------*/
/* width >= 1680px
/*---------------------------------------*/
@media only screen and (min-width: 1680px)
{

}

/*---------------------------------------*/
/*  1280px <= width < 1680px
/*---------------------------------------*/
@media only screen and (max-width: 1679px)
{

}

/*---------------------------------------*/
/* 1136px <= width < 1280px
/*---------------------------------------*/
@media only screen and (max-width: 1279px)
{

}

/*---------------------------------------*/
/* 1024px <= width < 1136px
/*---------------------------------------*/
@media only screen and (max-width: 1135px)
{
    #fieldtabproductsisotope .fieldtabproductsisotope-filter {
        width:33%;
    }
}

/*---------------------------------------*/
/* 960px <= width < 1024px
/*---------------------------------------*/
@media only screen and (max-width: 1023px)
{

}

/*---------------------------------------*/
/* 768px <= width < 960px
/*---------------------------------------*/
@media only screen and (max-width: 959px)
{
    #fieldtabproductsisotope .fieldtabproductsisotope-filter {
        width:50%;
    }
}

/*---------------------------------------*/
/* 640px <= width < 768px
/*---------------------------------------*/
@media only screen and (max-width: 767px) {

}

/*---------------------------------------*/
/* 480px <= width < 640px
/*---------------------------------------*/
@media only screen and (max-width: 639px)
{

}

/*---------------------------------------*/
/* 420px <= width < 480px
/*---------------------------------------*/
@media only screen and (max-width: 479px){

  #fieldtabproductsisotope .fieldtabproductsisotope-filter {
    width: 50%;
  }
  #fieldtabproductsisotope .fieldtabproductsisotope-filter a {
    padding: 7px;
    font-size: 12px;
  }

}

/*---------------------------------------*/
/* 320px <= width < 420px
/*---------------------------------------*/
@media only screen and (max-width: 419px)
{

}

/*---------------------------------------*/
/* 0px <= width < 320px
/*---------------------------------------*/
@media only screen and (max-width: 319px)
{

}

