@charset "UTF-8";
/*
Theme Name: Astorga & Sons
Theme URI: 
Author: Techno Dream LLC
Author URI: https://technodreamwebdesign.com/
Description: A theme for WordPress 5.
Requires at least: WordPress 4.9.6
Version: 1.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wp5default
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

WP Default is based on Underscores https://underscores.me/, (C) 2012-2018 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*###################################
# General Styles
###################################*/
html {font-size: 16px; /* 1em */ overflow: auto; line-height: 1.15; -webkit-text-size-adjust: 100%;}
body {background: url('assets/images/front-content-background.jpg') no-repeat; background-size: 100% 100%; font-family: "Cinzel", sans-serif; margin: 0 auto; width: 100%; min-width: 1200px;}
a, a:visited {color: inherit; text-decoration: none !important;}
a:focus {outline: none !important;}
h1, h2, h3, h4, h5, li, a, p {line-height: 1.2; margin: 0; padding: 0;}

/*###################################
## Layouts
###################################*/
.site {margin: 0 auto;}
.full {width: 100%;}
.main {max-width: 100%;}
.entry-content {margin: 0;}
.hentry, .so-panel, .panel-grid {margin-bottom: 0!important;}
.has-1-columns .wp-block-column {flex-basis: 100%;}
.wp-block-column, .blocks-gallery-item {margin: 0 !important;}
.wp-block-gallery.is-cropped .blocks-gallery-item img {height: auto; width: auto; object-fit: contain;}
.screen-reader-text {border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important;}
.container, .container-fluid {max-width: 1000px; margin: 0 auto; padding: 0 10px; box-sizing: border-box;}
.row {max-width: 100%; margin: 0 auto;}
.clearfix {clear: both;}

/*###################################
## Forms
###################################*/
.quick-form .ctc-form {background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ffffff 57%, #9e9a91 100%) repeat scroll 0 0; box-shadow: 0 7px 10px rgba(0, 0, 0, 0.5); border-radius: 10px; padding: 25px 20px;}
.quick-form .ctc-form p {margin-bottom: 0;}
.quick-form .ctc-form label {font-weight: 400;} 
.quick-form .ctc-form textarea {max-height: 110px;}
.quick-form .ctc-form textarea, .quick-form .ctc-form input {font-family: "Arial", sans-serif; font-size: 15px;}
.quick-form .ctc-form textarea, .quick-form .ctc-form input:not([type="checkbox"]), .quick-form .ctc-form select {padding: 10px 20px;}
.quick-form .ctc-form input:not([type="checkbox"]), .quick-form .ctc-form select {height: 40px; margin-bottom: 10px;}
.quick-form .ctc-form input[type="submit"] {color: #FFF !important; font-size: 17px; font-family: 'Cinzel', sans-serif; background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #6eb471 0%, #103e0d 100%) repeat scroll 0 0; border: none; border-bottom: 5px solid #6AAE6C; border-radius: 10px; display: block; width: 250px; margin: 20px auto 0; padding: 22px 0; height: auto !important;}
.quick-form .ctc-form input[type="submit"]:hover {background: #6AAE6C; border-color: #103E0D;}
.quick-form .ctc-form .ctc-hide {display: none;}
.quick-form .ctc-form .form-control {border-radius: 0px;}
.quick-form .ctc-form .wpcf7-response-output {text-align: center; background: #fff;}
.quick-form .ctc-form .wpcf7-acceptance span.wpcf7-list-item {font-family: 'Arial', sans-serif; font-size: 15px; margin: 15px auto 0; text-align: center;}

/*###################################
## Buttons
###################################*/
.btn {font-size: 16px; color: #000!important; background: #ddd; padding: 15px 40px; display: inline-block; position: relative; z-index: 10;}
.btn:before {width: 100%; height: 0; background: #333; left: 0; right: 0; margin: 0 auto; top: 50%; transform: translateY(-50%); position: absolute; content: ""; transition: all ease 0.5s; z-index: -1;}
.btn:hover:before {height: 100%;}
.btn:hover {color: #fff!important;}

/*###################################
## Menus
###################################*/
/*Main Menu*/
.main-navigation {clear: both; display: block; width: 100%;}
.main-navigation ul {list-style: none; margin: 0; padding-left: 0; display: flex;}
.main-navigation li {border-left: 1px solid #000; border-right: 1px solid #6BB06E; float: none; position: relative;}
.main-navigation li.menu-item-has-children a:after {font-family: "FontAwesome"; content: "\f0d7"; margin-left: 10px;}
.main-navigation li.menu-item-has-children:hover a:after {content: "\f0d8";}
.main-navigation a {color: #FFF; display: block; font-weight: 700; padding: 20px 55px; text-decoration: none; text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.24); transition: all 0.5s ease;}
.main-navigation a:hover, .main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a {background: #6AAE6C none repeat scroll 0 0;}

/* Sub Menu */
.main-navigation li.menu-item-has-children .sub-menu a:after {display: none;}
.main-navigation ul li.menu-item-has-children:hover ul {top: 100%; opacity: 1;}
.main-navigation ul ul {background: rgba(0, 0, 0, 0.7); opacity: 0; text-align: left; top: 50%; display: block; transition: all ease 0.5s;}
.main-navigation ul ul li.menu-item-has-children:hover ul {top: 50%!important; opacity: 1!important; z-index: 1!important;}
.main-navigation ul ul ul { left: 100%; top: -100%!important; transition: all ease 0.5s; opacity: 0!important; z-index: -1!important;}
.main-navigation .sub-menu li {display: block; text-align: left; margin-right: 0; margin-left: 0;}
.main-navigation .sub-menu a {color: #fff; width: 300px; padding: 15px 10px!important;}
.main-navigation .sub-menu a:hover, .main-navigation .sub-menu .current-menu-item > a, .main-navigation .sub-menu .current-menu-ancestor > a {color: #000; background: rgba(255,255,255,0.7)!important;}

/*Footer Menu*/
.footer-navigation ul {margin: 0; padding: 0; text-align: center;}
.footer-navigation li {display: inline-block; float: none;}
.footer-navigation li a {color: #fff; display: block; padding: 12px;}
.footer-navigation a:hover, .footer-navigation .current_page_item a, .footer-navigation .current-menu-item a {background: #ddd;}

/*Social Menu*/
.social-navigation ul {margin-bottom: 0;}
.social-navigation li {margin: 0 10px;}
.social-navigation li.sm-loc a:before {content: "\f041";}
.social-navigation li:first-of-type {margin-left: 0px;}
.social-navigation li:last-of-type {margin-right: 0px;}
.social-navigation a {font-size: 13px; color: #fff; display: inline-block; height: auto!important; width: auto!important;}
.social-navigation a:before {width: 30px!important; height: 30px!important; line-height: 30px!important; background: #eee; border-radius: 50%; transition: all ease 0.5s;}
.social-navigation a:hover:before {transform: rotate(360deg); border-radius: 0px; background: #ddd; box-shadow: 0 0 10px #333;}

/*###################################
## Header
###################################*/
.site-header {position: relative; z-index: 10;}
.site-header .top-bar {background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #6eb471 0%, #103e0d 100%) repeat scroll 0 0; border-bottom: 5px solid #6AAE6C;}
.site-header .info-section {background: url('assets/images/header-info-background.png') no-repeat center bottom; background-size: 100% 100%; padding: 10px 0 35px;}
.site-header .info-section .container {display: flex; justify-content: space-between; align-items: center;}
.site-header .info-section .social h5, .site-header .info-section .contact-us h5 {font-size: 15px; color: #225520; line-height: 1.5;}
.site-header .info-section .social .cnss-social-icon img {margin-top: 0 !important; margin-bottom: 0 !important;}
.site-header .info-section .logo {flex-basis: 390px;}
.site-header .info-section .logo img {display: block; width: 100%;}
.site-header .contact-us .phone, .site-header .contact-us .fax, .site-header .contact-us .email {display: flex;}
.site-header .contact-us .phone p, .site-header .contact-us .fax p, .site-header .contact-us .email p {font-family: 'Arial', sans-serif; font-size: 15px; color: #463F3F; margin-right: 5px;}
.site-header .contact-us .phone a, .site-header .contact-us .fax a, .site-header .contact-us .email a {font-family: 'Arial', sans-serif; font-size: 15px; font-weight: 700; color: #463F3F; transition: all 0.5s ease;}
.site-header .contact-us .phone a:hover, .site-header .contact-us .fax a:hover, .site-header .contact-us .email a:hover {color: #6AAE6C;}

/*###################################
## Banner
###################################*/
#banner {margin-top: -70px; position: relative;}
#banner:after {content: ""; background: url('assets/images/services-top-overlay.png') no-repeat; background-size: 100% 100%; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 86px;}
#banner .container {max-width: 100%; padding: 0;}
#banner .caption {position: absolute; top: 50%; left: 0; right: 0; max-width: 840px; margin: 0 auto; transform: translateY(-50%); text-align: center;}
#banner .caption h2 {color: #FFF; font-size: 42px; font-weight: 400; text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.65); line-height: 1;}
#banner .caption p {color: #FFF; font-family: 'Arial', sans-serif; font-size: 21px; text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.65);}
#banner .caption a {color: #FFF; font-size: 17px; background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #6eb471 0%, #103e0d 100%) repeat scroll 0 0; border-bottom: 5px solid #6AAE6C; border-radius: 10px; display: block; width: 250px; margin: 10px auto 0; padding: 22px 0;}
#banner .caption a:hover {background: #6AAE6C; border-color: #103E0D; text-shadow: 0px 0px 5px #000;}

/*###################################
## Content
###################################*/
.site-content {}
#services-top {position: relative; padding: 15px 0 75px;}
#services-top:after {content: ""; background: url('assets/images/services-top-overlay-bottom.png') no-repeat; background-size: 100% 100%; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; max-width: 1000px; margin: 0 auto; height: 20px;}
#services-top .top {margin-bottom: 50px;}
#services-top .service {text-align: center;}
#services-top .service .hero-image img {display: block; width: 100%; border: 6px solid #FFF; border-radius: 50%; box-shadow: 0 7px rgba(0, 0, 0, 0.20);}
#services-top .service .arrow img {display: block; margin: 20px auto 10px;}
#services-top .service a {font-size: 18px; color: #181412; transition: all 0.5s ease; line-height: 1.4;}
#services-top .service a:hover {color: #6AAE6C;}
#services-bottom {padding: 40px 0 15px;}
#services-bottom .about .title {margin-bottom: 20px;}
#services-bottom .about .title h1 {font-size: 30px; font-weight: 400; color: #181312; line-height: 1;}
#services-bottom .about .title h5 {font-size: 18px; font-weight: 400; color: #181312;}
#services-bottom .about .hero-image {margin-bottom: 20px;}
#services-bottom .about .hero-image img {display: block; width: 100%; border: 10px solid #FFF; box-shadow: 0 10px 10px #464E52;}
#services-bottom .about .content p {font-family: 'Arial', sans-serif; font-size: 15px; color: #463F3F; line-height: 1.5;}
#services-bottom .about .content p:not(:last-of-type) {margin-bottom: 15px;}
#services-bottom .about .button {color: #FFF !important; font-size: 17px; background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #6eb471 0%, #103e0d 100%) repeat scroll 0 0; border: none; border-bottom: 5px solid #6AAE6C; border-radius: 10px; display: block; width: 250px; margin: 20px auto 0; padding: 22px 0;}
#services-bottom .about .button:hover {background: #6AAE6C; border-color: #103E0D; text-shadow: 0px 0px 5px #000;}
#services-bottom .side .list:first-of-type {margin-bottom: 20px;}
#services-bottom .side .list .title {background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #6eb471 0%, #103e0d 100%) repeat scroll 0 0; border-radius: 10px 10px 0 0; border-bottom: 5px solid #6AAE6C; padding: 25px;}
#services-bottom .side .list .title h3 {font-size: 24px; color: #FFF;}
#services-bottom .side .list .content {background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ffffff 57%, #9e9a91 100%) repeat scroll 0 0; border: 1px solid #C3C0bA; border-radius: 0 0 10px 10px; box-shadow: 0 7px rgba(0, 0, 0, 0.12);}
#services-bottom .side .list .content ul {padding: 15px; margin: 0; list-style: inside;}
#services-bottom .side .list .content ul li {font-family: 'Arial', sans-serif; font-size: 15px; color: #463F3F; line-height: 1.6;}
#portfolio {padding: 20px 0 40px;}
#portfolio .title {margin-bottom: 25px; text-align: center;}
#portfolio .title h2 {font-size: 36px; color: #FFF; max-width: 1000px; margin: 0 auto; position: relative;}
#portfolio .title h2:before {content: ""; background: rgba(255,255,255,0.5); position: absolute; top: 50%; left: 0; width: 330px; height: 1px; transform: translateY(-50%);}
#portfolio .title h2:after {content: ""; background: rgba(255,255,255,0.5); position: absolute; top: 50%; right: 0; width: 330px; height: 1px; transform: translateY(-50%);}
#portfolio .wrapper img {display: block; width: 100%; height: 285px !important; object-fit: cover;}

/*###################################
## Footer
###################################*/
.site-footer {position: relative; padding: 50px 0 20px;}
.site-footer .contact-section .container {display: flex; justify-content: space-between;}
.site-footer .contact-section .quick-form {flex-basis: 380px;}
.site-footer .contact-section .quick-form h2 {background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #6eb471 0%, #103e0d 100%) repeat scroll 0 0; font-size: 24px; font-weight: 400; color: #FFF; border-bottom: 5px solid #6AAE6C; border-radius: 10px 10px 0 0; padding: 25px; text-align: center;}
.site-footer .contact-section .info {text-align: center;}
.site-footer .contact-section .info .logo img {display: block; margin: 0 auto 15px;}
.site-footer .contact-section .info .phone, .site-footer .contact-section .info .fax, .site-footer .contact-section .info .email {display: flex; justify-content: center;}
.site-footer .contact-section .info .location p, .site-footer .contact-section .info .phone p, .site-footer .contact-section .info .fax p, 
.site-footer .contact-section .info .email p {font-family: 'Arial', sans-serif; color: #463F3F; margin-bottom: 15px;}
.site-footer .contact-section .info .phone p, .site-footer .contact-section .info .fax p, .site-footer .contact-section .info .email p {margin-right: 5px;}
.site-footer .contact-section .info .location a, .site-footer .contact-section .info .phone a, .site-footer .contact-section .info .fax a, 
.site-footer .contact-section .info .email a {font-family: 'Arial', sans-serif; font-weight: 700; color: #463F3F; transition: all 0.5s ease;}
.site-footer .contact-section .info .location a:hover, .site-footer .contact-section .info .phone a:hover, .site-footer .contact-section .info .fax a:hover, 
.site-footer .contact-section .info .email a:hover {color: #6AAE6C;}
.site-footer .info-bottom {margin-top: 45px;}
.site-footer .info-bottom .container {display: flex; justify-content: space-around; text-align: center;}
.site-footer .info-bottom .social h5, .site-footer .info-bottom .payment h5, .site-footer .info-bottom .operation h5 {font-size: 13px; color: #1E501C; line-height: 1.5;}
.site-footer .info-bottom .social .cnss-social-icon a {margin: 0;}
.site-footer .info-bottom .social .cnss-social-icon img {margin: 0 3px !important;}
.site-footer .info-bottom .payment img {display: block; margin: 0 auto;}
.site-footer .info-bottom .operation p {font-family: 'Arial', sans-serif; font-size: 15px; color: #46403F;}
.site-footer .navigation-bottom {background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #6eb471 0%, #103e0d 100%) repeat scroll 0 0; border-bottom: 5px solid #6AAE6C; margin-top: 20px;}
.site-footer .navigation-bottom ul {list-style: none; margin: 0; padding-left: 0; display: flex;}
.site-footer .navigation-bottom li {border-left: 1px solid #000; border-right: 1px solid #6BB06E; float: none; position: relative;}
.site-footer .navigation-bottom a {color: #FFF; display: block; font-weight: 700; padding: 20px 55px; text-decoration: none; text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.24); transition: all 0.5s ease;}
.site-footer .navigation-bottom a:hover, .navigation-bottom .current-menu-item > a, .navigation-bottom .current-menu-ancestor > a {background: #6AAE6C none repeat scroll 0 0;}
.site-footer .cartel {margin-top: 20px; text-align: center;}
.site-footer .cartel p, .site-footer .cartel a {font-family: 'Arial', sans-serif; font-size: 15px; color: #46403F; line-height: 1.3;}
.site-footer .cartel img {max-width: 50px; vertical-align: middle;}

/*###################################
## Sidebar
###################################*/
#primary.sideMain {float:left; width: 70%;}
#secondary {float:right; width: 30%; padding: 20px; box-sizing: border-box; border: 1px solid #535353; box-sizing: border-box;}
.search-form {display: flex;}
.search-form .search-submit {width: 100%; max-width: 85px;}

/*###################################
## Inner Pages
###################################*/
.inner #content {min-height: 500px; padding-top: 40px;}
.inner #content h1 {font-size: 30px; font-weight: 400; color: #181312; margin-bottom: 20px;}
.inner #content p {font-family: 'Arial', sans-serif; font-size: 15px; color: #463F3F; line-height: 1.4; margin-bottom: 15px;}

/*###################################
## Services Page
###################################*/
.services-inner h3 {border-bottom: 1px solid #6AAE6C; font-size: 15px; color: #6AAE6C; margin-bottom: 25px; padding: 5px 0;}
.services-inner .areas {margin-top: 5px;}
.services-inner .areas .title {margin-bottom: 15px;}
.services-inner .areas .title h2 {font-size: 28px; font-weight: 400; color: #4B884B;}
.services-inner .areas ul {margin: 0; columns: 3; column-gap: 20px; max-width: 565px; padding-left: 35px;}
.services-inner .areas ul li {border-bottom: 1px dashed #4B884B; color: #222; line-height: 1.5; max-width: 150px;}

/*###################################
## Specials & Tips Page
###################################*/
.specials-tips h2 {font-size: 25px; font-weight: 400; color: #476832; margin-bottom: 15px; text-align: center;}

/*###################################
## About Us Page
###################################*/
.about-inner .info {background-color: #F6F1E6; border: 1px solid #6AAE6C; padding: 10px;}
.about-inner .info .top {border-bottom: 1px dashed #476832;}
.about-inner .info .operation {text-align: center;}
.about-inner .info .operation h5 {font-size: 18px; color: #285627; margin: 10px 0 15px;}

/* error404 */
.inner #content .error-404 h1 {font-size: 35px;}
.inner #content .error-404 h2 {font-size: 70px;}
.error-404 .search-form {margin: 0 auto 20px;}
.error-404 {text-align: center;}

/*###################################
## Responsive
###################################*/
@media screen and (max-width: 1024px) {
  body {min-width: 320px;}
  .main-navigation ul, .site-footer .navigation-bottom ul {justify-content: center;}
  .main-navigation a, .site-footer .navigation-bottom a {padding: 20px 50px;}
  .site-header .info-section {padding-bottom: 50px;}
  #banner .metaslider img {min-height: 470px;}
}

@media screen and (max-width: 960px) {
	.main-navigation a, .site-footer .navigation-bottom a {padding: 20px 35px;}
	.site-header .info-section .logo {flex-basis: 330px;}
	#portfolio .title h2:before, #portfolio .title h2:after {display: none;}
	.specials-tips .wrapper, .about-inner .wrapper {flex-direction: column !important;}
	.specials-tips .wrapper .panel-grid-cell, .about-inner .wrapper .panel-grid-cell {width: 100% !important; margin-bottom: 0 !important;}
	.specials-tips .wrapper .so-panel {text-align: center;}
	.specials-tips .wrapper p {text-align: left;}
	.about-inner .info {max-width: 480px; margin-bottom: 30px;}
}

@media screen and (max-width: 850px) {
	.main-navigation a, .site-footer .navigation-bottom a {padding: 20px 25px;}
	.site-header .info-section .social .cnss-social-icon img {margin: 0 3px !important;}
	.site-header .info-section .logo {flex-basis: 260px;}
	#banner:after {bottom: -5px;}
	#banner .caption h2 {font-size: 30px; max-width: 620px; margin: 0 auto;}
	#banner .caption p {font-size: 17px;}
	#banner .caption a, #services-bottom .about .button, .quick-form .ctc-form input[type="submit"] {font-size: 15px; width: 230px; padding: 18px 0;}
	#services-top {padding-bottom: 20px;}
	#services-top .top {margin-bottom: 0;}
	#services-top .wrapper {flex-direction: row !important; flex-wrap: wrap !important;}
	#services-top .wrapper .panel-grid-cell {width: 26% !important; margin-bottom: 10px !important;}
	#services-top .wrapper .service .panel-grid-cell {width: 100% !important;}
	#portfolio .wrapper {flex-direction: row !important; flex-wrap: wrap !important;}
	#portfolio .wrapper .panel-grid-cell {width: 24.9% !important; margin-bottom: 3px !important;}
	#portfolio .wrapper img {height: 210px !important;}
	.site-footer .contact-section .info .logo {max-width: 300px;}
	.site-footer .info-bottom .container {flex-wrap: wrap;}
	.site-footer .info-bottom .operation {margin-top: 20px;}
}

@media screen and (max-width: 767px) {
	.site-header .info-section {background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ffffff 57%, #9e9a91 100%) repeat scroll 0 0; padding: 20px 0;}
	.site-header .info-section .container {flex-direction: column; text-align: center;}
	.site-header .info-section .logo {flex-basis: auto; max-width: 270px; margin: 0 auto 20px; order: 1;}
	.site-header .info-section .social {order: 2; margin-bottom: 20px;}
	.site-header .info-section .contact-us {order: 3;}
	#banner {margin-top: 0;}
	#banner:after {display: none;}
	#banner .metaslider img {min-height: 400px;}
	#banner .caption {padding: 0 10px;}
	.site-footer .contact-section .container, .site-footer .info-bottom .container {flex-direction: column;}
	.site-footer .contact-section .info {margin-top: 50px;}
	.site-footer .contact-section .info .logo {margin: 0 auto;}
	.site-footer .info-bottom {margin-top: 30px;}
	.site-footer .info-bottom .payment {margin-top: 20px;}
	.site-footer .navigation-bottom .container {padding: 0;}
	.site-footer .navigation-bottom ul {flex-direction: column;}
	.site-footer .navigation-bottom li {border: none; border-bottom: 1px solid #6AAE6C;}
	.site-footer .navigation-bottom a {padding: 15px 0;}
	.services-inner .wrapper .panel-grid-cell {margin-bottom: 10px !important;}
	.services-inner h3 {border: none;}
	.services-inner .areas .title img {display: none;}
	.specials-tips h2 {font-size: 22px;}
	#wprmenu_bar {border-bottom: 3px solid #6AAE6C;}
	.wprm-overlay {background: rgba(0,0,0,0.5) !important;}
	#wprmenu_bar .menu_title a {top: 0 !important; font-family: 'Arial', sans-serif;}
}

@media screen and (max-width: 600px) {
	.services-inner .areas .title {margin-bottom: 0;}
	.services-inner .areas ul {columns: 2; max-width: 440px;}
}

@media screen and (max-width: 480px) {
	.site-header .info-section .logo {max-width: 240px;}
	#banner .caption h2 {font-size: 22px;}
	#banner .caption p {font-size: 15px;}
	#banner .caption a, #services-bottom .about .button, .quick-form .ctc-form input[type="submit"] {font-size: 14px; width: 200px; padding: 15px 0;}
	#banner .metaslider img {min-height: 340px;}
	#services-top .service a {font-size: 15px;}
	#services-bottom .about .title h1, #portfolio .title h2 {font-size: 24px;}
	#services-bottom .side .list .title {padding: 15px;}
	#services-bottom .side .list .title h3 {font-size: 22px;}
	.site-footer .contact-section .info .logo {max-width: 240px;}
	.specials-tips h2 {font-size: 20px;}
}

@media screen and (max-width: 445px) {
	#banner .caption h2 {font-size: 20px;}
	#banner .metaslider img {min-height: 300px;}
	#services-top .wrapper .panel-grid-cell {width: 28% !important;}
	#portfolio .wrapper img {height: 150px !important;}
	.site-footer .cartel p, .site-footer .cartel a {font-size: 13px;}
	.site-footer .cartel img {max-width: 40px;}
}

@media screen and (max-width: 395px) {
	#services-top .wrapper .panel-grid-cell {width: 44% !important;}
	.services-inner .areas ul {columns: 1;}
	.services-inner .areas ul li {line-height: 2;}
}