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

@media (min-width: 992px) {

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

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

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

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

} /*END of @media - 992px*/

/*--------------------------------------------------------------
CUSTOM BREAK POINTS
--------------------------------------------------------------*/

@media (min-width: 1400px) and (max-width: 1599px) {
	.carousel-item__content.bottom {
	    top: auto;
	    bottom: -30%;
	}
}

@media (min-width: 1200px) and (max-width: 1399px) {
	.carousel-item__content.bottom {
	    top: auto;
	    bottom: -20%;
	}

	.btn-header__screening {
	    font-size: 13px;
	}

	.header-phone {
	    font-size: 14px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.carousel-item__content.bottom {
	    top: auto;
	    bottom: -10%;
	}

	section#location-footer {
	    padding: 24px 5px 32px;
	    background: var(--ke-blue700);
	    color: var(--white);
	}

	/*ul.location-footer__list li:nth-child(1) {
	    border-left: none;
	    padding: 16px 5px;
	    padding-left: 0;
	}

	ul.location-footer__list li {
	    padding: 16px 5px;
	    border-left: 1px solid var(--ke-blue800);
	    min-width: 120px;
	    flex: 1 0 5%;
	    text-align: center;
	}*/

	ul.location-footer__list li {
	  width: 33%;
	}

	ul.contact-pills li, ul.staff-pills li{
		margin: 0 8px 5px;
	}

	.contact-us-content {
	    margin-top: 30px;
	    margin-bottom: 100px;
	}
}

@media (min-width: 993px) and (max-width: 1199px) {

} /*end of 993px - 1199px*/


