/* ==========================================================================
# Image Gallery - begin
========================================================================== */

/* Image Gallery Grid - begin
========================================================================== */

.edgtf-image-gallery {

	.edgtf-gallery-grid-with-space.edgtf-gallery-columns-2 {

		.edgtf-gallery-image {

			@include phone-portrait {
				width: 100%;
				margin-right: 0;
				margin-bottom: 2%;
			}

		}

	}

	.edgtf-gallery-grid-no-space.edgtf-gallery-columns-2 {

		.edgtf-gallery-image {

			@include phone-landscape {
				width: 100%;
			}
		}
	}

	.edgtf-gallery-grid-with-space.edgtf-gallery-columns-3 {

		.edgtf-gallery-image {

			@include ipad-portrait {
				width: 49%;
				margin-right: 2%;
				margin-bottom: 2%;

				&:nth-child(2n) {
					margin-right: 0;
				}

				&:nth-child(2n+1) {
					clear: both;
					margin-right: 2%;
				}

				&:nth-child(3n+1) {
					clear: none;
				}

			}

			@include phone-portrait {
				width: 100%;
				margin-right: 0;
				margin-bottom: 2%;
			}

		}

	}

	.edgtf-gallery-grid-no-space.edgtf-gallery-columns-3 {

		.edgtf-gallery-image {

			@include ipad-portrait {
				width: 50%;

				&:nth-child(2n+1) {
					clear: both;

				}

				&:nth-child(2n+1) {
					clear: none;
				}

			}

			@include phone-portrait {
				width: 100%;
			}

		}

	}

	.edgtf-gallery-grid-with-space.edgtf-gallery-columns-4 {

		.edgtf-gallery-image {

			@include ipad-landscape {
				width: 49%;
				margin-right: 2%;
				margin-bottom: 2%;

				&:nth-child(3n) {
					margin-right: 0;
				}

				&:nth-child(3n+1) {
					clear: both;
					margin-right: 2%;
				}

				&:nth-child(4n+1) {
					clear: none;
				}
			}

			@include ipad-portrait {
				width: 49%;
				margin-right: 2%;
				margin-bottom: 2%;

				&:nth-child(2n) {
					margin-right: 0;
				}

				&:nth-child(2n+1) {
					clear: both;
					margin-right: 2%;
				}
				
				&:nth-child(3n+1) {
					clear: none;
				}

			}

			@include phone-portrait {
				width: 100%;
				margin-right: 0;
				margin-bottom: 2%;
			}

		}

	}

	.edgtf-gallery-grid-no-space.edgtf-gallery-columns-4 {

		.edgtf-gallery-image {

			@include ipad-landscape {
				width: 50%;

				&:nth-child(2n+1) {
					clear: both;
				}

				&:nth-child(4n+1) {
					clear: none;
				}
			}

			@include phone-portrait {
				width: 100%;
			}

		}

	}

	.edgtf-gallery-grid-with-space.edgtf-gallery-columns-5 {

		 .edgtf-gallery-image {

			 @include laptop-landscape {
				 width: 24%;
				 margin-right: 1.33333%;
				 margin-bottom: 1.33333%;

				 &:nth-child(4n) {
					 margin-right: 0;
				 }

				 &:nth-child(4n+1) {
					 clear: both;
					 margin-right: 1.33333%;
				 }

				 &:nth-child(5n+1) {
					 clear: none;
				 }

			 }

			 @include ipad-landscape {
				 width: 32%;
				 margin-right: 2%;
				 margin-bottom: 2%;

				 &:nth-child(3n) {
					 margin-right: 0;
				 }

				 &:nth-child(3n+1) {
					 clear: both;
					 margin-right: 2%;
				 }

				 &:nth-child(4n+1) {
					 clear: none;
				 }

			 }

			 @include ipad-portrait {
				 width: 49%;
				 margin-right: 2%;
				 margin-bottom: 2%;

				 &:nth-child(2n) {
					 margin-right: 0;
				 }

				 &:nth-child(2n+1) {
					 clear: both;
					 margin-right: 2%;
				 }

				 &:nth-child(3n+1) {
					 clear: none;
				 }
			 }

			 @include phone-portrait {
				 width: 100%;
				 margin-right: 0;
				 margin-bottom: 2%;
			 }

		 }

	}

	.edgtf-gallery-grid-no-space.edgtf-gallery-columns-5 {

		.edgtf-gallery-image {

			@include laptop-landscape {
				width: 25%;

				&:nth-child(4n+1) {
					clear: both;
				}

				&:nth-child(5n+1) {
					clear: none;
				}

			}

			@include ipad-landscape {
				width: 33%;

				&:nth-child(3n+1) {
					clear: both;
				}

				&:nth-child(4n+1) {
					clear: none;
				}

			}

			@include ipad-portrait {
				width: 50%;

				&:nth-child(2n+1) {
					clear: both;
				}

				&:nth-child(3n+1) {
					clear: none;
				}
			}

			@include phone-portrait {
				width: 100%;
			}

		}

	}

}

/* Image Gallery Grid - end
========================================================================== */

/* Image Gallery Slider - begin
========================================================================== */


/* Image Gallery Slider - end
========================================================================== */

/* ==========================================================================
# Image Gallery - end
========================================================================== */