/*
| --------------------------------------------------------
| Plugin Name : Ecommerce Grid
| Plugin Version : 1.1
| Created Date : 17/01/2018
| Modified Date : 21/11/2018
| Platforms : HTML5, CSS3, Bootstrap3, JS, Jquery
| Plugin Author : Yankee Themes
| Author URI : https://themeforest.net/user/yankeethemes
| Author Contact : enquiry[at]yankeeinfoweb[dot]com
| File : media.css
| --------------------------------------------------------
*/

/*
| --------------------------------------------------------
| TABLE OF CSS CONTENT
| --------------------------------------------------------
|  1. 980 Media General
|  2. 768 * 979 iPad Portrait
|  3. 980 * 1024 iPad Landscape	
|  4. 1200 Up to large
*/

/* Note : media.css is only used for preview page, do not include any plugin css in this file */

/* 01 General Media Query (iPhone, iPad, Small Tablet, 979 / 80 px)
=============================================================== */
@media (max-width:980px) {  } 

/* 02 iPad & Small Tablet (Portrait) (768 * 797)
============================================================== */
@media (min-width: 768px) and (max-width: 980px) { 

/*** Global classes CSS BOF ***/
body { font-size:13px }	
h1 { font-size:30px; }
h2 { font-size:25px; line-height:1.3 }
h3 { font-size:20px; }
h4 { font-size:16px; }
section { padding-top:50px; padding-bottom:50px; }
	
/*** Header CSS BOF ***/
header .navbar-nav { margin:0 auto; } 	
header .social-links { margin:0 auto 10px; }	
header .navbar-nav.navbar-right { float:none !important; }
	
/* INDEX PAGE CSS BOF
-------------------------------------------------------------- */
.intro-banner h1 { font-size:22px; margin-bottom:20px; }
.intro-banner .btn { display:inline-block; width:49%; font-size:15px; }	
.intro-banner .btn + .btn { margin-left:2px; }	
.intro-banner .intro-thumbnail { max-width:100%; position:relative; }	
.flex-grid { height:auto; }
.grid-list-page header .social-links { margin:30px auto; }	
.grid-list-page header .navbar-nav.navbar-right { float:right !important; }		
}

/* 03 All Mobile Device (iPhone, Android, Window)(480 * 640)	
============================================================== */
@media (max-width: 767px) {
	
/*** Global Classes CSS BOF ***/
h1, h2, h3, h4, h5, h6 { text-align:center; }
h1 { font-size:25px; }
h2 { font-size:20px; line-height:1.3 }
h3 { font-size:18px; }
h4 { font-size:15px; }
p { text-align:center; padding-top:3px; padding-bottom:3px; }
ul li { line-height:1.2 }
section { padding-top:30px; padding-bottom:30px; }
hr.style-two { margin:15px auto; }
.mob-right { float:right; }
figcaption { display:none; }

/*** Image CSS BOF ***/
img, .img-left, .img-right { float:none; margin:0px auto 0; display:block; text-align:center; } 
	
	/*** Navigation CSS BOF ***/
	header .navbar-nav { display:block; margin:10px auto; }
	header .navbar-toggle { margin-top:30px; }	

/*** Social Links CSS BOF ***/
ul.social-links li { display:inline-block; }	
ul.social-links li a { margin:0 2px; }	
	
/* INDEX PAGE CSS BOF
-------------------------------------------------------------- */
.intro-banner::after { display:none; }	
.intro-banner { padding:2em 0 5em; }
.intro-banner .btn { display:block; width:100%; }	
.intro-banner h1 { font-size:22px; margin-bottom:20px; }	
.intro-banner hr.style-two  { margin:15px auto;}	
.intro-banner .intro-thumbnail { max-width:100%; position:relative; margin:0 auto 20px; }	
.intro-banner .btn + .btn { margin-left:0; }
.flex-grid { display:inherit; height:auto; }
.principle-ecom-grid img { margin:25px auto; }
.showcase ul.showcase-listing li { display:block; }	
.showcase ul.showcase-listing li a { margin-bottom:20px; }	
.showcase ul.showcase-listing li img { width:100%; }
.buynonw .item { margin-bottom:20px; }	
}

/* 04 All Mobile Device (iPhone, Android, Window)(480 * 640)
============================================================== */
@media (min-width:320px) and (max-width:480px) {  }

/* 05 iPad & Small Tablet Landscape (1024 * 768)  	
============================================================== */
@media (min-width: 979px) and (max-width: 1200px) { 

/* INDEX PAGE CSS BOF
-------------------------------------------------------------- */
.intro-banner .intro-thumbnail { max-width:100%; position:relative; }	
}