/*
| --------------------------------------------------------
| Theme Name : Samarpan Meditation
| Theme Date : 24/03/2024
| Fronted Platform : HTML5, CSS3, Bootstrap4, JS, Jquery
| --------------------------------------------------------
*/

/*
| --------------------------------------------------------
| 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 */

/* 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; }
section { padding-top:70px; padding-bottom:70px; }

	/* General Small Device Classes CSS BOF */
	.font-xxsmall { font-size:.95rem; }

	/* Small Device Spacer Classes CSS BOF */
	.height-full { height:100%; }

	/* Small Device Spacer Classes CSS BOF */
	.pad-100-all { padding:50px; } /* overide large padding with section */

/*** Index Page CSS BOF ***/

} /* 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.2rem; }
.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.65rem; }
.font-xxsmall { font-size:.85rem; }
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 { width:100%; padding:10px; font-size:14px; margin-bottom:10px; }
	.btn-xxxsmall { padding:5px 8px; }

	/* General Mobile Classes CSS BOF */
	.yit-top-nav .top-nav-left, .yit-top-nav .top-nav-right { float: none; text-align: center; }
	.display-center-mob { display:table; margin:0 auto; } /* center all in mobile */
	.xs-bg-image-none { background-image:none !important; } /* hide background-image in mobile */
	.xs-height-auto { height:auto; } /* height auto in mobile */
	.xs-btn-auto { width:auto !important; } /* apply this class when you don't need full button in mobile version */

	/* 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-pad-15-all { padding:15px !important; } /* padding all side */
	.xs-pad-small { padding:35px; } /* padding all side in small spacer */
	.xs-pad-medium { padding:50px !important; } /* padding all side in medium spacer */
	.xs-pad-extra-medium { padding:60px !important; } /* padding all side in extra medium spacer */
	.xs-pad-large { padding:70px !important; }
	.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 */

/*** Index Page CSS BOF ***/
.web-header { padding:0; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; }
.our-cta .cta-card:after, .our-cta .cta-card:before { display:none; }

} /* 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; }
.pad-100-all { padding:70px; } /* override full with section padding */

} /* landscape media close */

/* Large Device (1200 * 1920)
============================================================== */
@media (min-width:1200px){
	.hidden-lg { display:none !important; }
	.container { max-width:1280px; }
}