/*
Theme Name: Ecofam
Theme URI: http://prosoft-phils.com/
Author: LCRP | Prosoft Phils
Author URI: http://prosoft-phils.com/
Description: Responsive Theme for Ecofam (Tablet)
*/

@media (min-width: 768px) and (max-width: 991px) {

/*--------------------------------------------------------------
GENERAL STYLES
--------------------------------------------------------------*/
body {
	font-size: ;
	line-height: ;
	overflow-x: hidden;
}

.slick-next {
	right: -10px !important;
}

.products-carousel .slick-prev {
	left: -30px;
}

/*--------------------------------------------------------------
LANDING PAGE
--------------------------------------------------------------*/
/*.logo {
	width: 400px;
	margin: auto;
}*/

.landing-pg p {
	font-size: 20px;
}

.btn-learn-more {
	width: fit-content;
	margin: auto;
}

/*--------------------------------------------------------------
HOME
--------------------------------------------------------------*/
.home-fold-1 {
	padding-top: 170px;
	background-position: center;
	/*padding-bottom: 150px;*/
}

	.home-fold-1 h2 {
		font-size: 48px;
		line-height: 50px;
	}

.home-fold-1-1 {
	background-position: top right 32%;
}

.home-fold-2 {
	padding-top: 0;
}

.home-fold-3 .slick-list {
	padding-bottom:30px;
}

#reviews-carousel .slick-list {
	margin: 0 40px;
}

	#reviews-carousel .slick-next {
		right: 0;
	}

	#reviews-carousel .slick-prev {
		left: -30px;
	}

	.review-box img {
		width: 100px;
	}

/*--------------------------------------------------------------
ABOUT
--------------------------------------------------------------*/
.about-fold-1 {
   background: url('../img/about-banner-mobile.png') no-repeat top;
   background-size: contain;
}

	.about-fold-1 img {
	    width: 450px;
	    bottom: -50px;
	    top: unset;
	}

/*--------------------------------------------------------------
JOIN
--------------------------------------------------------------*/
.join-fold-1 {
   background: url('../img/join-banner-mobile.png') no-repeat top;
   background-size: contain;
}

	.join-fold-1 ul li img {
	   width: 200px;
	}

/*--------------------------------------------------------------
SHOP
--------------------------------------------------------------*/
.shop-fold-1 {
   background: url('../img/shop-banner-mobile.png') no-repeat top;
   background-size: contain;
   padding-bottom: 80px;
}

.modal-shop-item .modal-footer {
	text-align: center;
}

.price-info {
   width: 100%;
   text-align: center;
}

/*--------------------------------------------------------------
HEADER
--------------------------------------------------------------*/
ul.nav-menu > li > a {
	font-size: 14px;
}

.floating-header {
	padding: 15px 30px;
}

/*--------------------------------------------------------------
FOOTER
--------------------------------------------------------------*/
footer {
	padding-top: 120px;
	padding-bottom: 80px;
}

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

.contact-fold .form-heading img {
	top: -20px;
}

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

} /*END of @media 768px - 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*/