/* ==========================================================================
   Instagram widget responsive style - begin
   ========================================================================== */

@media only screen and (max-width: $laptop-landscape) {

	.edge-instagram-feed:not(.edge-instagram-carousel) {

		li {

			img {
				width: 100%;
			}
		}

		$instagram_columns: ('edge-col-6', 'edge-col-9');

		@for $i from 0 to length($instagram_columns) {
			&.#{nth($instagram_columns,$i+1)} {
				$instagram_column_width: 100%/4;

				li {
					width: $instagram_column_width;
				}
			}
		}
	}
}

@media only screen and (max-width: $ipad-landscape) {

	.edge-instagram-feed:not(.edge-instagram-carousel) {

		$instagram_columns: ('edge-col-6', 'edge-col-7', 'edge-col-8', 'edge-col-9');

		@for $i from 0 to length($instagram_columns) {
			&.#{nth($instagram_columns,$i+1)} {
				$instagram_column_width: 100%/3;

				li {
					width: $instagram_column_width;
				}
			}
		}
	}
}

@media only screen and (max-width: $phone-landscape) {

	.edge-instagram-feed:not(.edge-instagram-carousel) li {
		width: 50% !important;
	}
}
/* ==========================================================================
   Instagram widget responsive style - end
   ========================================================================== */