/*------------------------------------*\
    MOBILE RESPONSIVE DESIGN
\*------------------------------------*/

@media screen and (max-width: 1450px) {
	.section-header { font-size: 1.6em; }
}

@media screen and (max-width: 1350px) {
	/* .testimonial-slide, .arrow { height: 250px; } */
}

@media screen and (max-width: 1250px) {
	.section-header { font-size: 1.4em; }
}

@media screen and (max-width: 1050px) {
	.section-header { margin-top: 0.3em; }
}

@media screen and (max-width: 1024px) {
	.form { padding: 40px 20px; }
	.form .title { margin: 0 0 12px; }
	
	.form .fields #first_name,
	.form .fields #last_name { width: 47.3%; }
}

@media screen and (max-width: 950px) {
	#hero-content { font-size: 1.2em; }
	/* .testimonial-slide, .arrow { height: 300px; } */
}

@media screen and (max-width: 850px) {
	.testimonial-slide {
		width: 85%;
	}
}

@media screen and (max-width: 767px) {
	.form { padding: 30px 15px 80px; }
	.form .title { font-size: initial; }
	
	.form .fields #first_name,
	.form .fields #last_name { width: 47.4%; }
}

@media screen and (min-width: 768px) {
	/* .contact-form { position: relative; width: 50%; display: table-cell; vertical-align: top; } */
}

@media screen and (max-width: 768px) {
	
	/* HEADER */
	
	header #page-header {
		display: block;
		margin-bottom: 20px;
		text-align: center;
		width: 100%;
	}
	
	/* HERO */
	
	.hero {
		min-height: 300px;
	}
	
	.hero-content {
		padding-top: 80px;
	}
	
	.hero-title {
		font-size: 30px;
	}
	
	.hero-content p {
		font-size: 16px;
		margin-bottom: 30px;
	}
	
	.hero-content a {
		background: #FFF;
		border-width: 1px;
		color: #333;
		font-size: 14px;
		padding: 10px 15px;
	}
		
	.service-box {
		padding: 20px 0;
	}
	
	/* TESTIMONIAL BOXES */
	
	.testimonial-box {
		display: block;
		padding: 20px 0;
		width: 100%;
	}

	#container {
		width: 95%;
	}
	
	h1 {
		font-size: 1em;
	}
	
	h2 {
		/* font-size: 0.7em !important; */
	}
	
	#calculator {
		width: 200px;
	}
	
	#num1 {
		width: 8em;
	}
	
	#num2 {
		width: 8em;
	}
}

@media screen and (max-width: 750px) {
	/* .testimonial-slide, .arrow { height: 350px; } */
}

@media screen and (max-width: 650px) {
	#hero-content { font-size: 1.1em; }
	#content-area, .article-content { width: 90%; }
	.section-header { margin-top: 0.1em; }
	#profile-image { display: block; float: none; margin-right: auto; margin-bottom: 10px; margin-left: auto; width: 200px; }
	#form-messages { font-size: 0.9em; }
}

@media screen and (max-width: 450px) {
	.nav-menu.menu-id-2.mobile .menu-toggle {
		top: 5px;
	}
	
	#hero-content { font-size: 1em; }
	#content-area, .article-content { padding: 20px 10px; }
	.site-section { margin: 20px 0; }
	.contact-form { padding: 0 0 10px; }
}

/* --- */

@media screen and (max-width: 849px) {
	.footer {
		text-align: center;
	}
	
	.footer .widget.copyright {
		font-size: 0.875em;
	}
	
	.footer .widget.social-media {
		margin-bottom: 0.5rem;
	}
	
	.footer .widget.social-media a:last-child {
		margin-right: 0;
	}
}

@media screen and (max-width: 649px) {
	.about p {
		margin-left: 15px;
		margin-right: 15px;
		text-align: center;
	}
}

@media screen and (max-width: 449px) {
	#title > span {
		display: none;
	}
}

@media screen and (min-width: 550px) {
	#title {
		font-size: 1em;
	}
	
	.testimonial-author {
		height: 50px;
	}
	
	.testimonial-author img {
		display: inline-flex;
		height: 100%;
		margin-right: 15px;
		margin-bottom: 0;
		vertical-align: top;
	}

	.testimonial-author h5 {
		display: inline-flex;
		  align-items: center;
		height: 100%;
		vertical-align: top;
	}
}

@media screen and (min-width: 850px) {
	.footer .widget.social-media {
		text-align: right;
	}
	
	.testimonial-slider-track {
		padding: 10px 30px;
	}
	
	.arrow.left {
		left: 30px;
	}
	
	.arrow.right {
		right: 30px;
	}
}

@media screen and (min-width: 1250px) {
	#title {
		font-size: 1.125em;
	}
}