/*
| --------------------------------------------------------
| Theme Name : Yankee Themes
| Version : 1.0
| Theme Date : 07/08/2018
| Modified Date : 23/11/2018
| Platforms : HTML5, CSS3, Bootstrap4, JS, Jquery, Sass
| Theme Author : Yankee Themes
| Author URI : https://themeforest.net/user/yankeethemes
| Author Contact : enquiry[at]yankeeinfoweb[dot]com
| Tags : yankeethemes, yankeeinfoweb, webdesign, boostrap, wordpress, support, html, responsive, css3, wellorganized, retina, animation, html5, sass, support, yakneelife
| File : yit-responsive.css
| --------------------------------------------------------
*/

/*
| --------------------------------------------------------
| TABLE OF CSS CONTENT
| --------------------------------------------------------
| 980 Media General
| 768 * 979 iPad Portrait
| 980 * 1024 iPad Landscape
| 1200 Up to Large
*/

/* Note: This file include all page responsive device css */

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

	/* Global Classes CSS BOC */
	.yit-btn-group .btn + .btn { margin-left:0; }
}

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

	/* Global Classes CSS BOC */
	.hidden-sm { display:none !important; } /* hide in small device */
	.btn { font-size:15px; }
	h1, h2, h3, h4, h5, h6 { line-height:1.22; }
	.font-extra-medium { font-size:14px; }
	section { padding-top:70px; padding-bottom:70px; }

	/* General Small Device Classes CSS BOF */
	.font-xxsmall { font-size:.95rem; }
	.inner-banner-large.bg-fade-overlay, .inner-banner-large.bg-overlay, .inner-banner-large.bg-fade-overlay-dark { background-position:0 0; }
	.inner-banner-large { padding-bottom:100px; padding-top:150px; }

	/* Small Device Spacer Classes CSS BOF */
	.height-full { height:50vh; }
	.sm-text-center { text-align:center !important; }
	.sm-height-auto { height:auto; }
	.sm-section-v-space { padding-top:40px; padding-bottom:40px; }

	/* All Pages Combine Selector CSS BOF */
	.parallax-text { display:none; }

/*** Index Page CSS BOF ***/
.yankee-themes .icon-svg { width:50px; height:50px; }
.yankee-themes-header .yit-nav .navbar-light .navbar-brand::before { width:150px; height:150px; }
.yankee-themes-header .yit-nav .navbar-light .navbar-brand { padding:10px; } 
.yankee-themes-header .yit-nav .navbar-light .navbar-brand img { max-width: 60%; }
.yankee-themes-header .yit-on-scroll-nav.animated .navbar-brand::before { height: 100%; width: calc(100% - 50px); }
.yankee-themes-header .yit-on-scroll-nav.animated .navbar-brand img { max-width: 30%; }
.yankee-themes-header .yankee-themes-banner .banner-scene li { height:70vh; }
.yankee-themes-header .yankee-themes-banner .banner-scene li:nth-child(2) img { top:25% }
.yankee-themes-cta .font-large { font-size:2rem; }
.yankee-themes-support .support-content { margin-right:0; }
.yankee-themes-support .support-icon { display:inline-block; left:0; margin: 0 auto 25px; padding: 15px; position: relative; right: 0; top: 0; transform: none; -moz-transform: none; -webkit-transform: none;
		-o-transform: none; -ms-transform: none; }
.yankee-themes-footer .yit-social { float:none; margin-top:10px; }		

} /* portrait media close */

/* All Mobile Device (iPhone, Android, Window)(480 * 640)
============================================================== */
@media (max-width: 767px) {

	/* Global Classes CSS BOC */
	.hidden-xs { display:none !important; } /* hide in mobile */

	/* Trypography CSS BOC */
	h1, h2, h3, h4, h5, h6 { line-height:1.30; text-align:center; }
	h1 { font-size:2rem; }
	h2 { font-size:1.75rem; }
	h3 { font-size:1.60rem; }
	h4 { font-size:1.45rem; }
	h5 { font-size:1.325rem; }
	h6 { font-size:1.13rem; }
	.font-xxlarge { font-size: 3.25rem; }
	.font-xlarge { font-size: 3rem; }
	.font-large { font-size: 2.40rem; }
	.font-medium { font-size: 2.26rem; }
	.font-small { font-size: 2rem; }
	.font-xsmall { font-size: 1.5rem; }
	.font-xxsmall { font-size:.85rem; }
	.font-extra-medium { font-size:14px; }
	p { line-height:1.8; text-align:center; padding-top:3px; padding-bottom:3px; /*margin-bottom:0rem;*/ }

	/* Image CSS BOC */
	img, .yit-img-left, .yit-img-right { float:none; margin:0px auto; display:block; text-align:center; }
	img.left-in-mob { float: left !important; margin-right: 15px !important; }
	img.right-in-mob { float:right !important; margin-left:15px !important; }

	/* General Classes CSS BOC */
	.yit-lead { font-size:16px; }
	ul li { display:block; line-height:1.7; }
	.form-control { height:43px; }
	.flex { display:block; }
	.icon-l { float:none; text-align:center; margin:10px auto; display:block; }
	.height-full { height:100vh; }
	section, section.mini-section, footer { padding-top:40px; padding-bottom:40px; }
	.content-l-space { margin-left:0; }
	.section-h-space .container-fluid { padding-left:15px; padding-right:15px; }
	.gmap-locaton.section-h-space .container-fluid { padding-left:0; padding-right:0; }

	/* Button Classes CS BOF */
	.btn[class*="gradient-"] { font-size:14px; padding:10px; }
	.btn { width:100%; padding:10px; margin-bottom:10px; }
	.btn-xxxsmall { padding:5px 8px; }

	/* General Mobile Classes CSS BOF */
	.display-center-mob { display:table; margin:0 auto; } /* center all in mobile */
	.xs-height-auto { height:auto; } /* height auto in mobile */
	.xs-space-none.section-h-space .container-fluid { padding-left:0; padding-right:0; } /* apply this class when you remove padding from container-fluid */
	.xs-border-none { border:medium none !important; }
	.xs-btn-auto { width:auto !important; } /* apply this class when you don't need full button in mobile version */

	/* Mobile Banner Classes CSS BOF */
	.xs-banner-space { margin-top:50px; margin-bottom:50px; } /* common banner space when item is position:fixed */
	.xs-banner-space-top { margin-top:50px; } /* apply this class when you want to item space from top */
	.xs-banner-small-space { margin-top:60px; margin-bottom:60px; } /* common small banner space when item is position:fixed */
	.xs-banner-medium-space { margin-top:100px; margin-bottom:100px; } /* common medium banner space when item is position:fixed */
	.xs-banner-large-space { margin-top:150px; margin-bottom:150px; } /* common large banner space when item is position:fixed */

	/* Mobile Text Alignment Classes CSS BOF */
	.xs-icon-center { text-align:center; display:block; } /* apply this class for icon center */
	.xs-text-center { text-align:center; } /* center text in mobile */

	/* Mobile Spacer Classes CSS BOF */
	.xs-section-v-space { padding-top:40px; padding-bottom:40px; }
	.xs-pad-none { padding:0 !important; } /* apply this class for remove all side paddding in mobile version */
	.pad-50-all { padding:40px 15px; }
	.xs-pr-none { padding-right:0 !important; } /* apply this class when you want to padding-right(zero) in mobile version */
	.xs-pb-section { padding-bottom:40px !important; } /* apply this class when you add padding-bottom(zero) classes in section */
	.xs-mrg-none { margin:0 !important; } /* apply this class for remove all side margin in mobile version */

	/* All Pages Combine Selector CSS BOF */
	.section-h-space .container-fluid { padding-left:0; padding-right:0; }
	.parallax-text { display:none; }

/*** Index Page CSS BOF ***/
.yankee-themes .icon-svg { width:45px; height:45px; }
.yankee-themes-header .yit-nav .navbar-nav { opacity:1; }
.yankee-themes-header .yit-nav .navbar-light .navbar-brand::before { display:none; }
.yankee-themes-header .yit-nav .navbar-light .navbar-brand, .yankee-themes-header .yit-nav .yit-on-scroll-nav.animated .navbar-brand { padding:0; }
.yankee-themes-header .yit-nav .navbar-light .navbar-brand img, .yankee-themes-header .yit-nav .yit-on-scroll-nav.animated .navbar-brand img { max-width:30%; display:inline-block; }
.yankee-themes-header .yit-nav .navbar-light .navbar-toggler { -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; padding:20px; border:medium none; }
.yankee-themes-header .yit-nav .navbar-light .navbar-brand { position:absolute; }
.yankee-themes-header .mobile-banner { margin-bottom:60px; }
.yankee-themes-header .arrow-animate { bottom:30px; }
.yankee-themes-header .yankee-themes-banner .banner-content { top:50%; }
.yankee-themes-about .yit-feature.style-1 .yit-feature-item img { float:none; margin:0 auto 10px; }
.yankee-themes-support .support-content { margin-right:0; }
.yankee-themes-support .support-icon { display: table; left: auto; margin: 0 auto 25px; padding: 15px; position: relative; right: 0; top: 0; transform: none; -moz-transform: none; -webkit-transform: none;
		-o-transform: none; -ms-transform: none; }
.yankee-themes-client::after { display:none; }		
.yankee-themes-cta .font-large { font-size:1.8rem; }
footer .yit-foot-widget { margin-top:25px; }
footer .yit-footer .quick-links li { display:inline-block; }	
footer .yit-social.float-right { margin-top:15px; }	

} /* mobile media close */

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

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

	/* Global CSS BOF */
	.hidden-md { display:none !important; } /* hide in medium device */
	h1, h2, h3, h4, h5, h6 { line-height:1.3; }
	section { padding-top:70px; padding-bottom:70px; }
	.parallax-text { display:none; }

/*** Index Page CSS BOF ***/
.yankee-themes-header .yit-nav .navbar-light .navbar-brand::before { width:200px; height:200px; }
.yankee-themes-header .yit-nav .navbar-light .navbar-brand img { max-width:80%; }
.yankee-themes-header .yit-nav .navbar-light .navbar-brand { padding:15px; }
.yankee-themes-header .yit-on-scroll-nav.animated .navbar-brand::before { height: 100%; width: calc(100% - 50px); }
.yankee-themes-header .yit-on-scroll-nav.animated .navbar-brand img { max-width: 30%; }
.yankee-themes-header .yit-on-scroll-nav.animated .navbar-brand { padding:10px; }
} /* landscape media close */

/* Small Tablet Landscape (980 * 1023)
============================================================== */
@media (min-width: 980px) and (max-width:1023px) { 

/*** Index Page CSS BOF ***/
.yankee-themes-header .yit-nav .navbar-light .navbar-brand::before { width:150px; height:150px; }
.yankee-themes-header .yit-nav .navbar-light .navbar-brand { padding:10px; } 
.yankee-themes-header .yit-nav .navbar-light .navbar-brand img { max-width: 60%; }
.yankee-themes-header .yit-on-scroll-nav.animated .navbar-brand::before { height: 100%; width: calc(100% - 50px); }
.yankee-themes-header .yit-on-scroll-nav.animated .navbar-brand img { max-width: 30%; }
.yankee-themes-header .yankee-themes-banner .banner-scene li:nth-child(2) img { top:25% }
}/* tablet media close */

/* Large Device (1200 * 1920)
============================================================== */
@media (min-width:1200px){

	/* Global CSS BOF */	
	.hidden-lg { display:none !important; }
}