/*
| --------------------------------------------------------
| Theme Name : Premier Store
| Theme Date : 06/04/2020
| Fronted Platform : HTML5, CSS3, Bootstrap3, JS, Jquery
| --------------------------------------------------------
*/

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

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

	/*** General Header CSS BOF ***/
	.site-header .navbar-brand { margin-right:0; width:75%; }
	.site-header .navbar-nav { margin-top:15px; }
	.site-header .navbar-nav .nav-link { text-align:left; padding-left:0; padding-right:0; }
	.site-header .navbar-light .navbar-toggler { background-color:#fff; }
	.site-header .navbar-light .navbar-toggler-icon { background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(234, 122, 22, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") }
	.site-header .header-cta { text-align:left; }
	.site-header .header-cta li { display:inline-block; margin:10px 5px 7px 5px; }
	.site-header .header-cta .btn { width:auto; }	
	.common-form.header-search { width:100%; }	
	.banner-slider .banner-content .lead-title { font-size:35px; margin-top:30px; }
	.banner-inner .banner-content .lead-title { margin-top:30px; }
	.banner-slider .banner-img { margin-top:20px; }	
} 

/* 02 iPad & Small Tablet (Portrait)
============================================================== */
@media (min-width: 768px) and (max-width: 979px) {
	
/*** Global Classes CSS BOF ***/
body { font-size:16px; }
h1, h2, h3, h4, h5, h6 { line-height:1.22; }
h1 { font-size:40px; }
h2 { font-size:35px; }
h3 { font-size:30px; }
h4 { font-size:25px; }
section, .banner-slider, footer { padding-top:70px; padding-bottom:70px; }

/* INDEX PAGE CSS BOF
-------------------------------------------------------------- */
.our-stores .stores-listing .item .store-content p i { display:block; text-align:center; margin-right:0; }
.our-stores .stores-listing .item { text-align:center; }
}

/* 03 General Mobile Device (iPhone, Android, Window)
============================================================== */
@media (max-width: 767px) {
	
/*** Global Classes CSS BOF ***/
body { font-size:14px; text-align:center; }
h1, h2, h3, h4, h5, h6 { line-height:1.22; text-align:center; }
h1 { font-size:40px; }
h2 { font-size:35px; }
h3 { font-size:30px; }
h4 { font-size:25px; }
p { line-height:1.7; text-align:center; padding-top:3px; padding-bottom:3px; }
ul li { display:block; line-height:1.7 }
.btn { width:100%; }
.flexbox { display: block; }
img, .img-left, .img-right { float:none; margin:0px auto; display:block; text-align:center; }
section, footer, .banner-slider { padding-top:60px; padding-bottom:60px; }
hr, hr.l-divider, hr.r-divider { margin:20px auto; }

/* INDEX PAGE CSS BOF
-------------------------------------------------------------- */
.Welcome img { margin-top:20px; }	
footer .middle-footer hr { display:none; }
footer .middle-footer ul.quick-links li { display:inline-block; }
footer .middle-footer .footer-item .social { margin-top:15px; }
}

@media (max-width: 430px) {
	.our-stores .stores-listing .collapse-item .st-title { font-size: 16px;	}
}

/* 05 iPad & Small Tablet Landscape 	
============================================================== */
@media (min-width: 979px) and (max-width: 1200px) { 
		
/*** Global Classes BOF ***/
h1 { font-size:50px; }
h2 { font-size:45px; }
h3 { font-size:35px; }
h4 { font-size:30px; }
section, .banner-slider, footer { padding-top:80px; padding-bottom:80px; }

	/*** Header CSS BOF ***/
	.site-header .navbar-nav .nav-link { font-size:15px; padding-left:10px; padding-right:10px; }
	.site-header .header-cta li .btn { font-size:12px; padding:10px 13px; }
}

/* 06 Android Tablet
============================================================== */
@media (min-width: 980px) and (max-width: 1023px) { /*code here*/ }

/* 07 Extra Large Desktop (1920)  	
============================================================== */
@media (min-width: 1200px) 
{
	.container { max-width:1400px; }

}