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

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

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

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

ul.nav-menu li#menu-item-56 {
		margin-left: 1rem;
	}

	ul.nav-menu li#menu-item-56 a {
		padding-left: 0;
		color: #fff !important;		
	}

/*--------------------------------------------------------------
HOME
--------------------------------------------------------------*/
.home-pg {
	min-height: 560px;
}

/*#home-banner-carousel .carousel-item img {
	height: unset;
	width: 100%;
}*/

#home-banner-carousel .carousel-item img {
	height: 560px;
}

.home-fold-1 h1 {
	font-size: 40px;
}

.home-fold-1 p {
	font-size: 18px;
}

.home-fold-6 .contact-card2 .card-content {
	padding: 0px 40px 30px;
}

.home-fold-6 .contact-card2 .card-img {
	height: 220px;
	object-position: top center;
    border-top-left-radius: 90px;
}

footer .logo {
	text-align: center;
}

footer img {
	margin: auto;
	width: 250px;
}

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

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