/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.12,
* Autoprefixer: v10.4.4
* Browsers: 
*/

/*
Theme Name: Sun Landscaping
Theme URI: 
Author: the Development team
Author URI: https://wordpress.org/
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.

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

* { box-sizing: border-box;  }
html {line-height: 1.15; -webkit-text-size-adjust: 100%;}
body {font-family: 'Poppins', sans-serif; margin: 0 auto; width: 100%; }


/*###################################
## Layouts
###################################*/
.screen-reader-text {clip: rect(1px, 1px, 1px, 1px); position: absolute !important; word-wrap: normal !important; overflow: hidden; height: 1px; margin: -1px; padding: 0; width: 1px; border: 0;}
.wp-block-column, .blocks-gallery-item {margin: 0 !important;}
.has-1-columns .wp-block-column {flex-basis: 100%;}
.container {width: 100%; max-width: 1600px; margin: 0 auto; padding: 0;}
.row {max-width: 1440px; margin: 0 auto;}
.cta {display: none;}
.grecaptcha-badge {z-index: 999999;}
.db { display: block; }

/*TEXT ALIGN*/
.tl { text-align: left; }
.tc { text-align: center; }
.tr { text-align: right; }

/*COLOR*/
.white { color: #FFFFFF; }
.green { color: #496E59; }
.black { color: #333333; }


/*###################################
## Fonts
###################################*/
a, a:visited { -webkit-transition: all .5s ease; text-decoration: none !important; text-decoration: none; transition: all .5s ease;color: #555;}
a:focus {outline: none !important;}
h1, h2 , h3, h4, h5, h6 { font-family: 'Poppins', sans-serif; font-weight: 700; line-height: 120%; margin: 0 auto; } 
p, ul, ol {font-family: 'Poppins', sans-serif; line-height: 180%; font-weight: 400; font-size: 18px; }


/*###################################
## Buttons
###################################*/
.btn { max-width: 200px; width: 100%; box-sizing: border-box; position: relative; z-index: 1; display: inline-block; background: linear-gradient( to bottom, #F49C1C, #EEB21C ); font-weight: 700; text-align: center; color: #FFFFFF!important; padding: 20px 0; font-family: 'Poppins', sans-serif; border: none; font-size: 18px; line-height: 120%; }
.btn:hover { box-shadow: 0px 10px 20px -10px #000; text-decoration: none!important; text-shadow: 0px 0px 5px #000; }
.btn::after {content: ""; background: linear-gradient( to bottom, #F49C1C, #EEB21C ); transition: all .3s linear; transform: scaleY(0); transform-origin: top; position: absolute;  height: 100%; width: 100%;z-index: -1;left: 0; top: 0; ; }
.btn:hover::after {transform: scaleY(1);}
.button p { margin: 0!important; }


/*###################################
## Search
###################################*/
.sidebar form, 
.error-404 form {position: relative; max-width: 700px; margin: 10px auto;}
.sidebar input[type="search"], 
.error-404 input[type="search"] {width: 100%; padding: 5px 10px;}
.sidebar input[type="submit"], 
.error-404 input[type="submit"] {background: linear-gradient(to bottom, #FFF, #ccc);border: 1px solid #000; position: absolute; padding: 6px; right: 0; top: 0;}
.sidebar .widget:not(:nth-of-type(1)) {background: rgba(255, 255, 255, .5);border-bottom: 1px solid #CCC;padding-bottom: 20px;margin-bottom: 20px;  padding: 10px 20px;}
.sidebar input[type="submit"], 
.error-404 input[type="submit"] {transition: all .4s linear;}
.sidebar input[type="submit"]:hover, 
.error-404 input[type="submit"]:hover {box-shadow: 0px 0px 20px #000;}

/*###################################
## Flexbox
###################################*/
.flex { display: flex; }
.flexs { display: flex; justify-content: space-between; align-items: flex-start; }
.flexc { display: flex; justify-content: space-between; align-items: center; }
.flexe { display: flex; justify-content: space-between; align-items: flex-end; }

/*###################################
## Forms
###################################*/

form p {margin: 0 0 10px !important;width: 100%;}
form label {display: inline-block; color: #FFF; line-height: 0.5!important; width: 100%; }
form input[type="submit"] {transition: all .5s linear;}
.ctc-hide { display: none!important; }
/*.formLabel { display: inline-block; } */
/*.formLabel label { width: 32.52%; position: relative; }*/
.formLabel input[type="text"], .formLabel input[type="email"], .formLabel input[type="tel"] { width: 100%; box-sizing: border-box; font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 16px; color: #888888; padding: 5px 10px; box-sizing: border-box;  height: 45px; margin: 0 auto 8px; }
.formLabel span.wpcf7-not-valid-tip { color: red; font-size: 10px; font-weight: 400; display: block; position: absolute; top: -10%; right: 3%; }
.formTextarea textarea { width: 100%; box-sizing: border-box; font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 16px; color: #888888; padding: 10px; box-sizing: border-box; height: 180px; margin-top: 0; position: relative; }
.formConsent { text-align: center;padding: 5px 0; box-sizing: border-box; }
.formConsent .wpcf7-list-item-label { color: #111111;font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 12px; line-height: 120%; }
.formTextarea span.wpcf7-not-valid-tip { color: red; font-size: 10px; font-weight: 400; display: block; position: absolute; bottom: 115px; right: 1%; }
span.wpcf7-list-item { margin: 0!important; }


/*###################################
## Menus
###################################*/

/*Main Menu*/
.main-navigation {}
.main-navigation ul { justify-content: space-between; display: -webkit-flex; list-style: none; display: flex; margin: 0; padding: 0;}
.main-navigation ul li {padding: 0;}
.main-navigation ul li:first-of-type {padding-left: 0;}
.main-navigation ul li:last-of-type {padding-right: 0;}
.main-navigation ul li.menu-item-has-children a::after {content: "\f0d7"; font-family: 'FontAwesome'; color: #FFF; transition: all .2s linear; display: inline-block; vertical-align: middle; font-size: 18px; margin-left: 10px; position: relative; top: -2px;}
.main-navigation ul li.menu-item-has-children a:hover::after {transform: rotateZ(180deg);}
.main-navigation ul li a { position: relative; font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 18px; text-transform: uppercase; line-height: 120%; letter-spacing: 0.15em; display: inline-block; background: -webkit-linear-gradient(#EBBF1C, #F5951C); -webkit-background-clip: text; -webkit-text-fill-color: transparent; padding-bottom: 25px; }
.main-navigation ul li a::before { content: ''; background: linear-gradient( to right, #EBBF1C, #F5951C ); width: 100%; max-width: 100%; height: 4px; border-radius: 0; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; transition: all .3s linear; transform: scaleX(0); transform-origin: left; }
.main-navigation ul li a:hover::before,
.main-navigation .current-menu-item a::before {transform: scaleX(1);}
.main-navigation ul li a:hover, 
.main-navigation .current-menu-item a,
.main-navigation .current_page_item a {text-shadow: 0px 0px 20px #000;}
.main-navigation ul li:hover ul {visibility: visible; opacity: 1; margin-top: 0;}

/*Sub Menu*/
.main-navigation ul ul {background: rgba(106, 123, 100, .9); transition: all .3s linear; box-shadow: 0px 0px 2px #555; box-sizing: border-box; padding: 10px 5px; position: absolute; visibility: hidden; margin-top: 50px; width: 250px;display: block; opacity: 0;}
.main-navigation ul ul li {display: block; margin-right: 0;}
.main-navigation ul ul li a {padding: 10px; display: block; box-sizing: border-box;}
.main-navigation ul ul li a::after, .main-navigation ul ul li a::before {display: none !important;}
.main-navigation ul ul li a:hover {background: #D7BA5A;}

/*Sub Sub Menu*/
/*.main-navigation ul ul ul {visibility: hidden !important; margin-top: -48px !important; opacity: 0 !important; position: absolute; margin-left: 240px; 	}
.main-navigation ul ul li:hover ul {visibility: visible !important; opacity: 1 !important; margin-left: 182px;  }
.main-navigation ul ul ul li {}*/

/*Footer Menu*/

.footer-navigation {  }
.footer-navigation ul {margin: 0; padding: 0; list-style: none; display: block;}
.footer-navigation ul li {display:  block; margin: 0; line-height: 200%; }
.footer-navigation ul li a { font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 16px; color: #333333; }
.footer-navigation ul li a:hover {text-shadow: 0px 0px 20px #FFF, 0px 0px 20px #FFF, 0px 0px 20px #FFF;}

/*Social Menu*/
.social-navigation {}
.social-navigation .svg-icon {display: none;}
.social-navigation ul {margin: 0 !important; list-style: none; display: block; padding: 0; 	}
.menu-social-container {margin-top: 1em;}
.social-navigation ul li {transition: all .4s linear; border-radius: 50%; margin: 0 0 0 10px; height: 40px; width: 40px; background:#f19a31;}
.social-navigation ul li:hover {box-shadow: 0px 0px 20px #000; transform: rotateZ(360deg);}
.social-navigation ul li a {color: #FFF;}
.social-navigation ul li a::before {font-size: 18px; position: relative; top: 12px;}

/*###################################
## HEADER
###################################*/

.site-header { position: absolute; width: 100%; left: 0; right: 0; z-index: 999; padding: 10px 15px 0; }
.site-header .container { max-width: 1600px; width: 100%; margin: 0 auto; }
.header-left { width: 24.37%; }
.header-logo img { width: 100%; height: 100%; display: block; }
.header-right { width: 75.63%; }
.header-right .header-content { max-width: 580px; width: 100%; margin-left: auto; }
.header-right .header-info a { position: relative; font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 18px; color: #FFFFFF; }
.header-right .header-info { padding-bottom: 5%; }
.header-right .header-info .mail { width: 60.34%; }
.header-right .header-info .tel { width: 31.89%; }
.header-right .header-info .mail a::before, .header-right .header-info .tel a::before { content: ''; font-family: 'FontAwesome'; font-size: 16px; color: #FFFFFF; background: linear-gradient( to left, #EBBF1C, #F5951C); border-radius: 100%; display: inline-block; vertical-align: middle; max-width: 45px; width: 100%; padding: 13px 0; text-align: center; margin-right: 10px; }
.header-right .header-info .mail a::before { content: '\f0e0'; }
.header-right .header-info .tel a::before { content: '\f095'; }


/*###################################
## BANNER
###################################*/

.site-banner, .site-banner .banner-video { position: relative; }
.site-banner::before { content: ''; background: linear-gradient( to bottom, rgb( 0 0 0 / 30% ), transparent); width: 100%; height: 43.72%; position: absolute; top: 0; left: 0; right: 0; z-index: 3; }
.site-banner::after { content: ''; background: transparent; position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; z-index: 2; }
.site-banner .banner-video { height: 100%; }
.site-banner .banner-video video { width: 100%;  height: 100vh!important; object-fit: cover; }
.site-banner .banner-container { max-width: 1630px; width: 100%; margin: 0 auto; position: absolute; left: 0; right: 0; bottom: 145px; padding: 0 15px; z-index: 4; }
.banner-content { max-width: 830px; width: 100%; }
.banner-content .content-text h2, .banner-content .content-text h5 { text-shadow: 0 0 7px rgb( 0 0 0 / 50% ); }
.banner-content .content-text h2 { margin: 10px 0 15px; }
.banner-content .content-text h5 { font-size: 30px; letter-spacing: 0.15em; }
.banner-content .button .btn { margin: 3px; }

/*###################################
## CONTENT
###################################*/

.site-content { position: relative; }
.content-text h1, .content-text h2 { font-size: 60px; }
.content-text h3 { font-size: 65px; }
.content-text h4 { font-size: 45px; }
.content-text h5 { font-size: 35px; }
.content-text h6 { font-size: 25px; }
.content-img img { width: 100%; height: 100%; display: block; object-fit: cover; }

	/*WELCOME*/

	.welcome-section { position: relative; padding: 120px 15px 90px; }
	.welcome-section .row { max-width: 1160px; width: 100%; margin: 0 auto; }
	.welcome-content .content-text h5 { font-weight: 600; margin-bottom: 20px; }
	.welcome-content .content-text h6 { font-weight: 400; font-size: 20px; letter-spacing: 0.5em; margin: 20px 0; }

	/*ICON*/

	.icon-section { position: relative; padding: 0 15px 155px; }
	.icon-section .row { max-width: 1600px; width: 100%; margin: 0 auto; }
	.icon-desc { max-width: 430px; margin: 0 auto; padding: 60px 40px; border-radius: 15px; box-shadow: 2px 2px 10px rgb(0 0 0 / 10%); }
	.icon-desc .sow-image-container { max-width: 170px; width: 100%; margin: 0 auto 30px;  }
	.icon-desc .sow-image-container img { width: 100%; height: 100%; display: block; object-fit: contain; }
	.icon-desc .widget-title { font-size: 25px; }

	/*SERVICES*/

	.services-section, .services-img, .services-img-alt { position: relative; }

	.services-section .row { max-width: 100%; width: 100%; }
	.services-desc { position: relative; max-width: 765px; margin-right: -190px; margin-left: auto; padding-left: 15px; z-index: 2; }
	.services-desc-alt { position: relative; max-width: 765px; margin-left: -190px; padding-right: 15px; z-index: 2; }
	.services-desc .content-text p, .services-desc-alt .content-text p { margin: 20px 0 40px; }
	.services-img::before { content: ''; background: linear-gradient( to right, #FFFFFF, transparent); width: 100%; height: 100%; position: absolute; top: 0; right: 0; left: -1%; }
	.services-img-alt::before { content: ''; background: linear-gradient( to left, #FFFFFF, transparent); width: 100%; height: 100%; position: absolute; top: 0; right: -1%; }
	.left-aligned h3.widget-title {text-align: left;font-size: 2em;color: #496e59;}

	/*TESTIMONIALS*/

	.testimonials-section { position: relative; padding: 100px 15px; }
	.testimonials-section .row { max-width: 1160px; width: 100%; margin: 0 auto; }
	.testimonials-slider .testimonial-inner { text-align: center!important; padding: 0!important }
	.testimonials-slider .testimonial-content p { font-size: 16px; font-style: italic; margin: 30px 0!important; }
	.testimonials-slider .testimonial-name { font-weight: 700; font-size: 20px; color: #496E59; letter-spacing: 0.15em; margin: 20px 0 70px; }

	/*QUOTE*/

	.quote-section { position: relative; padding: 0 15px; }
	.quote-section .row { position: relative; max-width: 1600px; width: 100%; margin: 0 auto -60px; z-index: 2; }
	.quote-wrap { box-shadow: 0 8px 10px -5px rgb(0 0 0 / 20%); border-radius: 15px; }
	.quote-wrap .content-img { position: relative; margin-top: -150px; }
	.quote-wrap .content-img::before { content: ''; background: linear-gradient( to right, #FFFFFF 10%, transparent); width: 20%; height: 63%; position: absolute; right: 0; bottom: 0; left: -1%; }
	.form-box { background: #FFFFFF; box-shadow: 2px 2px 10px rgb( 0 0 0 / 10% ); padding: 8.5% 0; border-top-left-radius: 15px; border-bottom-left-radius: 15px; }
	.form-box .form-wrap { max-width: 890px; margin-right: -60px; margin-left: auto; padding-left: 15px; }
	.form-wrap .content-text { padding-right: 15px; }
	.form-wrap .content-text p { margin: 20px 0 0; }


/*###################################
## FOOTER
###################################*/

.site-footer { position: relative; background: #F7F7F7; padding: 120px 0 0; }
.site-footer .row { max-width: 100%; width: 100%;  }
.footer-wrap { max-width: 1600px; width: 100%; margin: 0 auto; padding: 0 15px; }
.footer-logo { max-width: 38.43%; width: 100%; margin: 0 auto; }
.footer-link { max-width: 1350px; width: 100%; margin: 0 auto; padding: 60px 0; }
.footer-col { width: 33.33%; }
.footer-wrap .content-text h6 { font-size: 20px; text-transform: uppercase; letter-spacing: 0.15em; margin-bottom: 20px; }
.footer-info a, .footer-info p { font-family: 'Poppins', sans-serif; font-size: 16px; margin: 0; line-height: 200%; }
.footer-info .tel a::before, .footer-info .mail a::before, .footer-info .loc p::before { content: ''; font-family: 'FontAwesome'; font-size: 18px; color: #496E59; display: inline-block; vertical-align: middle; margin-right: 10px; width: 32px; text-align: center; }
.footer-info .tel a::before { content: '\f095'; }
.footer-info .mail a::before { content: '\f0e0'; }
.footer-info .loc p::before { content: '\f041'; }
.footer-serv { max-width: 200px; width: 100%; margin: 0 auto; }
.footer-info { max-width: 310px; width: 100%; margin-left: auto; }
.footer-mid { padding-bottom: 60px; }

.footer-navigation #menu-service-areas { display: inline-block!important; }
.footer-navigation #menu-service-areas li { position: relative; display: inline-block!important; padding: 5px 20px; }
.footer-navigation #menu-service-areas li::after { content: '|'; font-size: 20px; color: #DDDDDD; position: absolute; top: 50%; transform: translatey(-50%); right: -3%; }
.footer-navigation #menu-service-areas li:last-of-type::after { display: none; }


	/*COPYRIGHT*/

	.copyright { position: relative; padding: 30px 0; border-top: 1px solid #D6D6D6; }
	.copyright p { font-weight: 400; font-size: 16px; letter-spacing: 0.15em; margin: 0; }


/*###################################
## Sidebar Blog
###################################*/

.sidebar {border: 1px solid #535353; box-sizing: border-box; flex-basis: 30%; padding: 20px; }
.sidebar h2 {font-size: 25px; margin: 0; }
.sidebar .widget_search {box-sizing: border-box; background: #6A7A64; margin-bottom: 25px; padding: 20px; width: 100%; }
.sidebar .widget:last-of-type {margin-bottom: 0;}

/*###################################
## Inner Pages
###################################*/

/*HEADER*/

.inner .page-header { position: relative; }
.inner .page-header::before { content: ''; background: linear-gradient( to bottom, rgb( 0 0 0 / 50% ), transparent); width: 100%; height: 43.72%; position: absolute; top: 0; left: 0; right: 0; z-index: 3; }
.inner .page-header::after { content: ''; background: transparent; position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; z-index: 2; }
.inner .page-bg img { height: 70vh!important; }
.inner .page-title { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; z-index: 3; padding: 0 15px; }
.inner .page-title h1 { font-size: 50px; text-shadow: 0 0 7px rgb( 0 0 0 / 50% ); text-transform: uppercase; letter-spacing: 0.02em; }

/*CONTENT*/

.inner #content {padding: 60px 15px 30px; min-height: 600px;}
.inner #content .row { max-width: 1200px; width: 100%; margin: 0 auto; }
.inner #content .entry-header { display: none!important; }
.inner #content h1 {margin: 10px auto 30px; text-align: center;}

/*###################################
## Blog Page
###################################*/

.blog-container {padding-right: 5%; flex-basis: 65%;}
.blog-list article {transition: all .3s linear; border: 1px solid #535353; box-sizing: border-box; padding: 20px; }
.blog-list article:not(:last-of-type) {margin-bottom: 40px;}
.blog-list article:hover {box-shadow: 0px 0px 20px #000;}
.blog-title h2 {margin: 0 0 20px !important; font-size: 30px;}
.blog-header { align-items: flex-end; margin-bottom: 10px; 	}
.blog-header p {margin: 0;}
.blog-header p span {font-style: italic;}
.blog-image {text-align: center;}
.blog-image img {transition: all .5s linear; max-width: 500px !important; height: auto !important;}
.blog-container .btn {margin-top: 10px !important; padding: 10px 20px; font-size: 13px;}
.pagination-n {text-align: right; margin-top: 15px;}
.pagination-n a {background: #D7BA5A; padding: 2px 10px; }
.pagination-n .current {background: #6A7A64; padding: 2px 10px; color: #FFF;}


/*###################################
## Search Page
###################################*/

.page-description {text-align: center; margin-bottom: 40px; font-weight: 700; font-size: 25px; display: block;}
.page-description::after {content: ' "';}
.page-description::before {content: '" ';}
.search article {transition: all .5s linear; border: 1px solid #000; margin-bottom: 30px; padding: 20px; display: block; }
.search article:hover {box-shadow: 0px 0px 20px #000;}
.search article:last-of-type {margin-bottom: 0;}
.search article h2 {margin: 0 0 20px; font-size: 35px;}
.search-con {padding-right: 5%; flex-basis: 65%;}


/*###################################
## Error Page
###################################*/

.error-404 {text-align: center;}

/*###################################
## RESPONSIVE
###################################*/

@media screen and (max-width: 1495px) {

	/*ICON*/

	.icon-desc { margin: 0 15px; padding: 60px 15px; }
	.icon-desc .widget-title { font-size: 20px; }
	
	/*QUOTE*/

	.form-box { padding: 7.5% 0; }

}

@media screen and (max-width: 1295px) {

	/*QUOTE*/

	.form-box { padding: 6.5% 0; }
	.form-wrap .content-text h4 { font-size: 40px; }


}

@media screen and (max-width: 1200px) {

	/*FORM*/

	.form-box { padding: 8.5% 0; }
	.form-wrap .content-text h4 { font-size: 35px; }
	.form-wrap .content-text p { font-size: 16px; margin: 5px 0 0; }

}

@media screen and (max-width: 1023px) {

	/*HEADER*/

	.header-right .header-info a, .main-navigation ul li a { font-size: 14px; }
	.header-right .header-info { padding-bottom: 3%; }
	.header-right .header-content { max-width: 480px; }

	/*FORM*/

	.form-box { padding: 7.5% 0; }

}

@media screen and (max-width: 980px) {

	p { font-size: 16px; }


	/*BANNER*/

	.banner-content .content-text h5 { font-size: 25px; }

	/*CONTENT*/

	.content-text h1, .content-text h2 { font-size: 60px; }
	.content-text h4 { font-size: 35px; }

		/*SERVICES*/

		.services-desc .content-text p, .services-desc-alt .content-text p { margin: 15px 0; }

		/*FORM*/

		.form-wrap .content-text h4 { font-size: 30px; }

	/*FOOTER*/

	.footer-info .tel a::before, .footer-info .mail a::before, .footer-info .loc p::before { font-size: 14px; }
	.footer-navigation ul li a, .footer-info a, .footer-info p { font-size: 14px; }

}

@media screen and (max-width: 800px) {

	body {min-width: 320px;}
	p { font-size: 14px; margin: 15px 0!important; }

	/*BUTTON*/

	.btn { max-width: 130px; padding: 12px 0; font-size: 14px; }

	/*FLEX*/

	.flex, .flexs, .flexc, .flexe { flex-wrap: wrap; }

	/*TEXT ALIGN*/

	.tl, .tr { text-align: center; }

	/*BANNER*/

	.site-banner .banner-video video { height: 100%!important; }
	.site-banner .banner-container { top: 50%; transform: translateY(-50%); bottom: unset; }
	.banner-content .content-text h5 { font-size: 20px; }
	.banner-content .content-text h2 { font-size: 40px; }

	/*CONTENT*/

	.welcome-section, .services-section, .testimonials-section, .form-box, .site-footer { padding: 30px 15px; }
	.icon-section  { padding: 0 15px 30px; }

	.content-text h1, .content-text h2 { font-size: 40px; }
	.content-text h4 { font-size: 30px; }

		/*WELCOME*/

		.welcome-content .content-text h5 { font-size: 25px; margin-bottom: 5px; }
		.welcome-content .content-text h6 { margin: 15px 0; }
		.welcome-content .content-text h6 { font-size: 18px; letter-spacing: 0.3em; }

		/*ICON*/

		.icon-wrap { flex-direction: unset!important; flex-wrap: wrap!important; }
		.icon-wrap > div { width: 50%!important; margin: 0 auto!important; }
		.icon-desc { padding: 30px 15px; margin: 15px; }

		/*SERVICES*/

		.services-wrap.alt { flex-direction: column-reverse!important; }
		.services-img::before, .services-img-alt::before { display: none; }
		.services-desc { position: relative; max-width: 100%; margin-right: 0; margin-left: auto; padding-left: 0; padding: 20px 0; }
		.services-desc-alt { position: relative; max-width: 100%; margin-left: 0; padding-right: 0; z-index: 2; padding: 20px 0; }

		/*TESTIMONIALS*/

		.testimonials-slider .testimonial-content p { margin: 15px 0!important; font-size: 14px!important }
		.testimonials-slider .testimonial-name { margin: 10px 0; }


		/*QUOTE*/

		.quote-section .row { margin: 0; }
		.quote-wrap > div:last-child { order: -1; }
		.quote-wrap .content-img { margin-top: 0; }
		.quote-wrap .content-img::before { display: none; }
		.form-box { border-top-left-radius: 0; border-bottom-left-radius: 0; }
		.form-box .form-wrap { max-width: 100%; margin-right: 0; margin-left: auto; padding-left: 0; }

	/*FOOTER*/

	.footer-logo { max-width: 300px; width: 100%; }
	.footer-wrap { padding: 0; }
	.footer-col { width: 50%; margin: 15px auto; }
	.footer-col.left { display: none; }
	.footer-serv { max-width: 100%; }
	.footer-info .tel a::before, .footer-info .mail a::before, .footer-info .loc p::before { font-size: 18px; display: block; margin: 0 auto; }
	.footer-info a, .footer-info p { margin: 0!important; }
	.footer-info .tel { margin: 15px 0; }
	.footer-link { padding: 30px 0; }
	.footer-mid { padding-bottom: 30px; }

		/*COPYRIGHT*/

		.copyright { padding: 0; }
		.copyright p { font-size: 14px; margin-bottom: 0!important; }

	/*INNER*/

	.inner .page-bg img { height: 200px!important; }
	.inner .page-title h1 { font-size: 40px; }


	/*.blog-wrap {-webkit-flex-direction: column; flex-direction: column;}
	.blog-container {margin-bottom: 30px; padding-right: 0;}
	.search-wrap {-webkit-flex-direction: column; flex-direction: column; }
	.search-con {margin-bottom: 30px; padding-right: 0;}*/

	#wprmenu_bar {box-shadow: 0px 0px 2px #000;}
	#wprmenu_bar .menu_title a {color: #FFF; top: 0;}
	#wprmenu_bar .bar_logo { height: 42px; }
	#mg-wprm-wrap li.menu-item a { font-size: 16px; }
	html body div.wprm-overlay {background: transparent;}
	.logged-in #wprmenu_menu_ul {top: 47px !important;}

}

@media screen and (max-width: 630px) {

	/*CONTENT*/

		/*ICON*/

		.icon-wrap > div { width: 100%!important; margin: 0 auto!important; }
		.icon-desc { margin: 15px auto; }




}


@media screen and (max-width: 500px) {

	/*.blog-header {-webkit-flex-direction: column; flex-direction: column;}
	.blog-header p, .blog-header h2 {text-align: center; width: 100%;}
	.blog-list article {text-align: center;}
	.blog-header h2 {font-size: 30px;}
	.blog-container .btn {margin-top: 20px !important;}*/

}

@media screen and (max-width: 480px) {

	/*BANNER*/

	.banner-content .content-text h2 { font-size: 30px; }
	.banner-content .content-text h5 { font-size: 16px; }

	/*CONTENT*/

	.content-text h1, .content-text h2 { font-size: 35px; }
	.content-text h4 { font-size: 25px; }

		/*WELCOME*/

		.welcome-content .content-text h5 { font-size: 20px; }
		.welcome-content .content-text h6 { font-size: 16px; letter-spacing: 0.1em; }

	/*FOOTER*/

	.footer-col { width: 100%; }
/* 	.footer-serv { margin-bottom: 30px; } */
	.footer-info { max-width: 100%; width: 100%; margin-left: auto; }


}