/*
.gallery {
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
-webkit-column-width: 25%;
-moz-column-width: 25%;
column-width: 25%; }
.gallery .pics {
-webkit-transition: all 350ms ease;
transition: all 350ms ease; }
.gallery .animation {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1); }

@media (max-width: 450px) {
.gallery {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
-webkit-column-width: 100%;
-moz-column-width: 100%;
column-width: 100%;
}
}

@media (max-width: 400px) {
.btn.filter {
padding-left: 1.1rem;
padding-right: 1.1rem;
}
}*/
/*.uncover_main_div{
	background: url("images/arya-saffron_product_header.png") repeat fixed;
	background-color: transparent;width: 100%;
	border: 1px solid red;}*/

/* Within style tags in your html file*/
.uncover_main_div * { box-sizing: border-box; }

.grid:after {
  content: '';
  display: block;
  clear: both;
}

.grid-sizer,
.grid-item {
  width: 25%;
  height: 535px;
/*height: 18%;	*/
  float: left;
  background: transparent;
  margin-bottom:0px;
}

.grid-item--width2 { width: 50%; }
.grid-item--width3 { width: 75%; }
.grid-item--width4 { width: 75%; }

.grid-item--height2 { height: 1070px; }
.grid-item--height3 { height: 770px; }
.grid-item--height4 { height: auto;}

@media (max-width: 767.9px) {
.grid-sizer,
.grid-item {
  width: 100%;
  height: 460Px;
  float: left;
  background: transparent;
  margin-bottom:0px;
}
.grid-item--height5{height: 250px;}	
}

@media (min-width: 768px) and (max-width: 768.1px) {
.grid-sizer,
.grid-item {
  width: 50%;
  height: 512px;
  float: left;
  background: transparent;
  margin-bottom:0px;
}
	
	.grid-item--height4{height: auto;}
	.grid-item--height5{height: 380px;}	
	.grid-item--width4 { width: 100%; }
}

@media (min-width: 768.1px) and (max-width: 1024px) {
	.grid-sizer,
	.grid-item {
	  width: 33%;
	  height: 456px;
	  float: left;
	  background: transparent;
	  margin-bottom:0px;
	}
	.grid-item--width2{width: 66%;}
	.grid-item--width3{width: 66%;}
	.grid-item--width4 { width: 66%; }
	.grid-item--height2{height: 912px;}
}

@media (max-width: 640px) and (orientation: landscape) {
.grid-sizer,
.grid-item {
  width: 50%;
  height: 426px;
  float: left;
  background: transparent;
  margin-bottom:0px;
}
	.grid-item--width4{width: 100%}
	.grid-item--height4{height: auto;}
}

@media (min-width: 640.1px) and (max-width: 854px) and (orientation: landscape) {
.grid-sizer,
.grid-item {
  width: 50%;
  height: 535px;
  float: left;
  background: transparent;
  margin-bottom:0px;
}
	.grid-item--width4{width: 100%}
	.grid-item--height4 { height: auto;}
	
}

@media (min-width: 768.1px) and (max-width: 823.1px)  {
	.grid-sizer,
	.grid-item {
	  width: 50%;
	  height: 535px;
	  float: left;
	  background: transparent;
	  margin-bottom:0px;
	}
	.grid-item--width4{width: 100%}
	.grid-item--height4 { height: auto;}
	
}

@media (min-width: 823.1px) and (max-width: 1280.1px) {
.grid-sizer,
.grid-item {
  width: 25%;
  height: 429px;

  float: left;
  background: transparent;
  margin-bottom:0px;
}
	
.grid-item--width2 { width: 50%; }
.grid-item--width3 { width: 75%; }
.grid-item--width4 { width: 50%; }
	
.grid-item--height2 { height: 858px; }
.grid-item--height3 { height: 618px; }
.grid-item--height4 { height: auto;}
}

@media (min-width: 1280.1px) and (max-width: 1366.1px) {
.grid-sizer,
.grid-item {
  width: 25%;
  height: 458px;

  float: left;
  background: transparent;
  margin-bottom:0px;
}
	
.grid-item--width2 { width: 50%; }
.grid-item--width3 { width: 75%; }
.grid-item--width4 { width: 50%; }
	
.grid-item--height2 { height: 916px; }
.grid-item--height3 { height: 660px; }
.grid-item--height4 { height: 180px; }
}

@media (min-width: 1366.1px) and (max-width: 1440.1px) {
.grid-sizer,
.grid-item {
  width: 25%;
  height: 482px;

  float: left;
  background: transparent;
  margin-bottom:0px;
}
	
.grid-item--width2 { width: 50%; }
.grid-item--width3 { width: 75%; }
.grid-item--width4 { width: 50%; }
	
.grid-item--height2 { height: 964px; }
.grid-item--height3 { height: 695px; }
.grid-item--height4 { height: 180px;}
}

@media (min-width: 1440.1px) and (max-width: 1536.1px) {
.grid-sizer,
.grid-item {
  width: 25%;
  height: 515px;

  float: left;
  background: transparent;
  margin-bottom:0px;
}
	
.grid-item--width2 { width: 50%; }
.grid-item--width3 { width: 75%; }
.grid-item--width4 { width: 50%; }
	
.grid-item--height2 { height: 1030px; }
.grid-item--height3 { height: 740px; }
.grid-item--height4 { height: 180px;}
}

@media (min-width: 1536.1px) and (max-width: 1680px) {
.grid-sizer,
.grid-item {
  width: 25%;
  height: 562px;

  float: left;
  background: transparent;
  margin-bottom:0px;
}
	
.grid-item--width2 { width: 50%; }
.grid-item--width3 { width: 75%; }
.grid-item--width4 { width: 75%;}
	
	
.grid-item--height2 { height: 1124px; }
.grid-item--height3 { height: 810px; }
.grid-item--height4 { height: 180px;}
}

@media (min-width: 1680.1px){
	.grid-sizer,
	.grid-item {
	  width: 20%;
	  height: 515px;
	  float: left;
	  background: transparent;
	  margin-bottom:0px;
	}
	.grid-item--width2{width: 40%;}
	.grid-item--width3{width: 40%;}
	.grid-item--width4{width: 40%}
	
	.grid-item--height2{height: 1030px;}
	.grid-item--height4{ height: 180px;}
	
}

@media (min-width: 1920.1px){
	.grid-sizer,
	.grid-item {
	  width: 20%;
	  height: 580px;
	  float: left;
	  background: transparent;
	  margin-bottom:0px;
	}
	.grid-item--width2{width: 40%;}
	.grid-item--width3{width: 40%;}
	.grid-item--width4{width: 40%;}
	
	.grid-item--height2{height: 1160px;}
	.grid-item--height4{ height: 180px;}
}

@media (min-width: 2160.1px) {
	.grid-sizer,
	.grid-item {
	  width: 20%;
	  height: 585px;
	  float: left;
	  background: transparent;
	  margin-bottom:0px;
    border: 1px solid transparent;	
	}
	.grid-item--width2{width: 40%;}
	.grid-item--width3{width: 40%;}
	.grid-item--width4{width: 40%;}

	.grid-item--height2{height: 1170px;}
	.grid-item--height4{ height: 180px;}
}