/*
Theme Name: The Beauty Buffet (Tablet)
Theme URI: http://prosoft-phils.com/
Author: PLD | Prosoft Phils
Author URI: http://prosoft-phils.com/
Description: Responsive Theme for The Beauty Buffet (Tablet)
*/

@media (min-width: 768px) and (max-width: 991px) {
	
/*--------------------------------------------------------------
GENERAL STYLES
--------------------------------------------------------------*/
body {
	/* font-size: ;
	line-height: ; */
	overflow-x: hidden;
}

h2.historia {
	font-size: 55px !important;
}

/*--------------------------------------------------------------
HOME PAGE
--------------------------------------------------------------*/

.home-container .banner-fold {
	height: 520px !important;
	padding: 0;
	margin-top: 0;
}

#banner-slides .carousel-item {
	background-size: contain;
	background-position: bottom;
}

#banner-slides .carousel-item .slide h1 {
	font-size: 28px;
	line-height: 2.5rem !important;
}

	#banner-slides .carousel-item .slide h1.historia {
		font-size: 200%;
	}

#banner-slides-indicators.slide-indicators {
	bottom: 0%;
}

	#banner-slides-indicators.slide-indicators .carousel-indicators {
		padding-left: 0;
		margin-left: 4rem;
	}

#locations .location-img img {
	max-height: 200px;
}

.home-container .fold-6 .container {
	padding-top: 4rem;
	padding-bottom: 4rem;
}

/*--------------------------------------------------------------
HEADER/FOOTER
--------------------------------------------------------------*/

.header .logo {
	display: flex;
	align-items: center;
}

ul.nav-menu li:last-child {
	width: 100%;
	display: flex;
	justify-content: end;
	margin-top: .5rem;
}

ul.nav-menu > li > a {
	font-size: 16px;
}

footer .links {
	margin-top: 1rem;
}

/*--------------------------------------------------------------
CONTACT FORM / Google ReCAPTCHA
--------------------------------------------------------------*/
[title~=recaptcha] {
	width: 400px !important;
	height: 580px !important;
}

.google-recaptcha iframe {
	min-width: 304px !important;
	height: auto !important;
}

.contact-input {
	text-align: right;
}

/*--------------------------------------------------------------
Full Width Video iFrame on Modal 
--------------------------------------------------------------*/
.video-modal-content {
    width: 72%;
}

} /*END of @media 768px - 991px*/


/* both tablet & mobile */

@media (max-width: 991px) { 

#packages .package-card {
	margin-bottom: 1rem;
}

#packages .package-card .title,
.home-container .fold-3 .container {
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.home-container .fold-3 {
	background: transparent;
	overflow: hidden;
}

.home-container .fold-3 .mobile-img img {
	object-fit: cover;
	z-index: -99;
	position: relative;

	transform: scale(1.3);
	margin: 2rem 0;
}

.home-container .fold-4 {
	background-size: auto;
}

#promo-slides-indicators {
	left: 0;
}

#promos-signup input {
	width: 80%;
	margin-bottom: 1.5rem;
}

#contact img {
	height: 350px;
	width: auto;
	object-fit: contain;
	margin-bottom: 2rem;
}

} /*END of @media <991px*/


/*--------------------------------------------------------------
CUSTOM IPAD BREAKPOINTS
--------------------------------------------------------------*/
/*IPAD Portrait & Landscape*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { 

} /*END of IPAD Portrait & Landscape*/

/*IPAD in Landscape*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {

} /*END of IPAD in Landscape*/


/*IPAD in Portrait*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {

} /*END of IPAD in Portrait*/