/*
Theme Name: Lightning
Theme URI: http://lightning.bizvektor.com
Description: Lightning is a very simple & easy to customize theme which is based on the Bootstrap. It is also very friendly with custom post types and custom taxonomies. When you add a new one, the breadcrumbs will be adjusted and posts will look beautifully without editing or adding a template files.
Author: Vektor,Inc.
Author URI: http://www.vektor-inc.co.jp
Version:0.2.3
Tags: responsive-layout, white, red, blue, black, green, orange, purple, two-columns, one-column, right-sidebar, custom-colors, custom-menu, editor-style,theme-options
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lightning

Lightning WordPress theme, Copyright (C) 2015 Vektor,Inc.
Lightning WordPress theme is licensed under the GPL.
*/


div.instagram {
	float: left;
	width: 32%;
	height: 300px;
	overflow: hidden;
	position: relative;
	margin: 5px;
 
}

img.instagram2 {
	height: 100%;
	width: auto !important;
	position: absolute;
top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
}

div.instagram1 {
  display: none;
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 10px;
  background: rgba(255,255,255,.8);
}

.instagram:hover .instagram1 {
  display: block
}
.clearfix{
clear: both;
}


/* ----------- iPhone 4 and 4S ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {
div.instagram {
	float: left;
	width: 29%;
	height: 100px;
	overflow: hidden;
	position: relative;
	margin: 5px;
}
}
/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
div.instagram {
	float: left;
	width: 29%;
	height: 130px;
	overflow: hidden;
	position: relative;
	margin: 5px;
}
}

/* ----------- iPhone 5 and 5S ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {
div.instagram {
	float: left;
	width: 29%;
	height: 100px;
	overflow: hidden;
	position: relative;
	margin: 5px;
}
}
/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
div.instagram {
	float: left;
	width: 30%;
	height: 160px;
	overflow: hidden;
	position: relative;
	margin: 5px;
}
}
/* ----------- iPhone 6 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
div.instagram {
	float: left;
	width: 30%;
	height: 100px;
	overflow: hidden;
	position: relative;
	margin: 5px;
}
}
/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
div.instagram {
	float: left;
	width: 31%;
	height: 200px;
	overflow: hidden;
	position: relative;
	margin: 5px;
}
}
/* ----------- iPhone 6+ ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
div.instagram {
	float: left;
	width: 30%;
	height: 100px;
	overflow: hidden;
	position: relative;
	margin: 5px;
}
}
/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
div.instagram {
	float: left;
	width: 30%;
	height: 200px;
	overflow: hidden;
	position: relative;
	margin: 5px;
}
}
/* ----------- iPad 1 and 2 ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
div.instagram {
	float: left;
	width: 30%;
	height: 200px;
	overflow: hidden;
	position: relative;
	margin: 5px;
}
}
/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
div.instagram {
	float: left;
	width: 32%;
	height: 300px;
	overflow: hidden;
	position: relative;
	margin: 5px;
}
}
/* ----------- iPad 3 and 4 ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {
div.instagram {
	float: left;
	width: 30%;
	height: 200px;
	overflow: hidden;
	position: relative;
	margin: 5px;
}
}