/*!
Theme Name: PSI Landscape & Irrigation
Theme URI: http://underscores.me/
Author: Webrammer
Author URI: http://www.webrammer.com
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: psi-land
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.

PSI Landscape & Irrigation is based on Underscores https://underscores.me/, (C) 2012-2020 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/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

 
@import url('https://fonts.googleapis.com/css2?family=Prata&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap');
@import url('owlcarousel/owl.carousel.css');
@import url('css/jquery.mCustomScrollbar.css');
@import url('css/grass.css');
@import url('https://unpkg.com/aos@2.3.1/dist/aos.css');

@media (min-width: 1400px) { .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1440px; } }

body {
	margin: 0;
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
}

.fonts
{
	font-family: 'Prata', serif;
	font-family: 'Poppins', sans-serif;
}

a, a:hover
{
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0px;
  padding: 0px;
  margin-bottom: 15px;
  font-family: 'Prata', serif;
}
h1 {
	font-size: 36px;
	text-transform: uppercase;
	font-weight: 600;
}
h2 {
	font-size: 30px;
}
h3 {
	font-size: 24px;
}
h4 {
	font-size: 22px;
}
h5 {
	font-size: 20px;
}
.alignleft
{
  float: left;
  margin: 0 15px 10px 0;
}
.alignright
{
  float: right;
  margin: 0 0px 10px 15px;
}

.owl-carousel
{
  display: block !important;
  position: relative;
}

.owl-carousel .owl-nav.disabled
{
  display: block !important;
}

/*.....Header.....*/
.header_sec
{
	position: absolute;
	width: 100%;
	z-index: 999;
	padding: 15px 0;
}

.header_line
{
	height: 2px !important;
	margin: 0px;
	margin-top: 7px;
  opacity: 1;
  background: rgb(36,167,126);
  background: linear-gradient(90deg, rgba(36,167,126,0) 25%, rgba(36,167,126,0.9444152661064426) 40%, rgba(36,167,126,1) 100%);
}

.header_detail a
{
	font-size: 18px;
	color: #fff;
}

.head_phone
{
	text-align: center;
}

.head_social
{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	color: #fff;
	font-size: 18px;
}

.head_social ul.cnss-social-icon li.cn-fa-icon a
{
	background-color: transparent !important;
}

.head_social ul.cnss-social-icon
{
	margin-top: -5px !important;
}

.head_review
{
	text-align: right;
}

.logo
{
	width: 330px;
	height: auto;
}

.logo img
{
	width: 100%;
	height: auto;
}

.head_menu
{
	margin-top: 10px;
}

.head_menu .navbar-nav .menu-item a
{
	color: #fff !important;
	padding: 3px 15px !important;
	font-size: 16px;
	font-weight: 600;
	font-family: 'Prata', serif;   
	text-transform: uppercase;
	margin: 0px 5px;
}

.head_menu .navbar-nav li.current_page_item a.active, 
.head_menu .navbar-nav li.menu-item-type-post_type a.active,
.head_menu .navbar-nav .menu-item a:hover
{
  color: #24a77e !important;
}

.quote_btm 
{
  margin-top: 14px;
  text-align: right;
}

.quote_btm a
{
	-webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 15% 100%);
	clip-path: polygon(0 0, 100% 0%, 100% 100%, 15% 100%);
	background: #24a77e;
	padding: 15px 20px 15px 35px;
	color: #fff;
	font-size: 16px;
	text-transform: uppercase;
}

/*.quote_btm a:hover
{
	background: #42bfdd;
}*/


/*.....Off-Canvas Menu......*/
.mob_nav_btn
{
  display: none;
}

.btn
{
  background: transparent;
  border-radius: 0px;
  padding: 0px 4px;
  position: relative;
  outline: none;
  line-height: 1;
}

.btn-primary
{
  border-color: transparent;
  font-size: 38px;
}

.btn-primary i
{
  color: #fff;
}

.btn-primary:hover
{
  color: #fff;
  background-color: transparent;
  border-color: none;
  outline: none !important;
}

.btn-primary:hover
{
  border-color: transparent;
}

.offcanvas-header .btn-close
{
  color: #efe7dc !important;
  opacity: 1;
}

.m_logo img
{
  max-width: 90%;
  height: auto;
}

.offcanvas
{	
  max-width: 80%;
}

.offcanvas-start
{
  border-right: none !important;
}

.offcanvas-header
{
  background: #121212;
}

.offcanvas-body
{
  background: url(images/footer-bg.webp) no-repeat top center;
  background-size: cover;
  padding: 20px 0 !important; 
}

.mob_navigation
{
  padding: 0px 20px;
}

.mob_navigation .navbar-nav .menu-item a
{
  color: #fff !important;
  padding: 5px 0px !important;
  font-size: 20px;
  font-weight: 500;
  font-family: 'Prata', serif;
  text-transform: uppercase;
  margin: 5px 0px;
}

.mob_navigation .navbar-nav li.current_page_item a.active, 
.mob_navigation .navbar-nav li.menu-item-type-post_type a.active,
.mob_navigation .navbar-nav .menu-item a:hover
{
  color: #0d98ba !important;
}

.offcanvas_detail
{
  border-top: 2px solid #fff;
  padding-top: 20px;
  padding-left: 20px;
}

.offcanvas_appoint
{
  margin: 25px 0;
}

.offcanvas_appoint a
{
  background: transparent;
  padding: 8px 45px;
  color: #fff;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 500;
  border: 2px solid #fff;
}

.offcanvas_phone a
{
  font-family: 'Rajdhani', sans-serif;
  font-weight: 700;
  font-size: 28px;
  color: #fff;
}

.offcanvas_phone a i
{
  margin-right: 5px;
}

.offcanvas_social
{
  margin-top: 15px;
}

.offcanvas .btn-close
{
  filter: brightness(0) invert(1) !important;
}

.modal-dialog
{
	max-width: 570px;
}

/*....Common CSS....*/
.cta_btm
{
  margin-top: 30px;
}

.cta_btm a
{
  background: #fff;
  color: #24a77e;
  border: 2px solid #24a77e;
  font-size: 18px;
  padding: 10px 30px;
  text-transform: uppercase;
}

.cta_btm a:hover {
	color: #42bfdd;
  border: 2px solid #42bfdd;
}

/*......Home Page.....*/
.about_us
{
	background: url(images/about_bg.webp) top center no-repeat;
	width: auto;
	min-height: 200px;
	position: relative;
	z-index: 999;
	margin-top: -150px;
	padding-top: 120px;
	padding-bottom: 40px;
}

.about_sec
{
	background: #fff;
	padding: 40px 0 50px 0;
}

.about_content h1
{
	text-transform: inherit;
}

.top
{
	background: url(images/top-bg.webp) top left no-repeat;
	padding-left: 55px;
}

.top h1
{
	text-transform: inherit;
	font-size: 30px;
}

h1.title
{
	color: #24a77e;
	text-transform: uppercase;
	margin-bottom: 0px;
	font-family: 'Poppins', sans-serif;
	font-size: 20px;
	font-weight: 400;
	text-transform: uppercase;
}

.aboutus_image
{
	text-align: center;
	position: relative;
}

.aboutus_image::before
{
	content: '';
	width: 200px;
	height: 200px;
	background: url(images/shape1.webp) no-repeat;
	position: absolute;
	left: -75px;
	top: 25%;
	z-index: 0;
}

.aboutus_image::after
{
	content: '';
	width: 200px;
	height: 200px;
	background: url(images/shape2.webp) no-repeat;
	position: absolute;
	right: -65px;
	top: 10%;
	z-index: 0;
}

.whyus_box
{
	background: #fff;
	width: 200px;
	height: 200px;
	border-radius: 50%;
	padding: 15px 15px;
	text-align: center;
	box-shadow: 0px 0px 10px 0px #ccc;
}

.whyus_box .whyus_img
{
	width: 100px;
	height: 80px;
	overflow: hidden;
	margin: 0 auto;
	margin-bottom: 15px;
}

.whyus_box h3
{
  font-size: 20px;
  margin-bottom: 0px;
  font-weight: 600;
}

.guarantee_box
{
	position: absolute;
	top: 0px;
	left: 40px;
	z-index: 1;
}

.environment_friendly
{
	position: absolute;
	bottom: -10px;
	left: 50px;
	z-index: 1;
}

.expert_team
{
	position: absolute;
  bottom: 100px;
  right: 10px;
  z-index: 1;
}

/*......Service Section.......*/
.service_sec
{
	/*background: url(images/service-bg.webp) top center no-repeat;*/
	background: url(images/our-service-bg.webp) top center no-repeat;
	padding-top: 60px;
	padding-bottom: 30px;
}

/*.service_list
{
	background: #fff;
	box-shadow: 0px 0px 7px 0px #ededed;
}*/
.service_list {
	 box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.service_list .nav-tabs
{
	border-bottom: none !important;
	position: relative;
	z-index: 2;
}

.service_list .nav-tabs .nav-link
{
	width: 33.33%;
	height: 225px;
	background: #fff;
	padding: 20px 20px;
	border-radius: 0px !important;
	position: relative;
	text-align: center;
	box-shadow: 0px 0px 7px 0px #ededed;
	box-shadow: none;
	border-right: 1px solid #ededed;
}

.service_list .nav-tabs .nav-link.active,
.service_list .nav-tabs .nav-item.show .nav-link
{
	color: #fff !important;
	background-color: #0d98ba !important;
	border: none !important;
	box-shadow: none;
}

.service_list .nav-tabs .nav-link::before
{
	content: '\f061';
	font-family: fontawesome;
	width: 30px;
  height: 30px;
  border: 1px dashed #000;
  border-radius: 50%;
  padding-top: 2px;
  text-align: center;
	font-size: 16px;
	color: #000;
	position: absolute;
	right: 10px;
	bottom: 15px;
}

.service_list .nav-tabs .nav-link.active::before,
.service_list .nav-tabs .nav-link:hover::before
{
  content: '\f063';
	font-family: fontawesome;
	width: 30px;
  height: 30px;
  border: 1px dashed #fff;
  border-radius: 50%;
  padding-top: 2px;
  text-align: center;
	font-size: 16px;
	color: #fff;
	position: absolute;
	right: 10px;
	bottom: 15px;
}

.service_title ul
{
	padding-left: 0px;
	margin-bottom: 0px;
	list-style: none;
}

/*.service_title ul li
{
	display: inline-block;
}*/

.service_title ul li.service_icon
{
	width: 85px;
	height: 90px;
	overflow: hidden;
	margin: 0 auto;
}

.service_title ul li.s_title
{
	/*width: 70%;
	vertical-align: top;*/
	margin-top: 10px;
}

.service_title ul li h2
{
	font-size: 20px;
  font-weight: 600;
  color: #000;
}

.service_list .nav-tabs .nav-link.active h2,
.service_list .nav-tabs .nav-item.show .nav-link h2,
.service_list .nav-tabs .nav-link:hover h2
{
  color: #fff;
}

.service_list .nav-tabs .nav-link.active .service_icon img,
.service_list .nav-tabs .nav-link:hover .service_icon img
{
  filter: brightness(0) invert(1) !important;
}

.service_list .nav-tabs .nav-link:hover, 
.service_list .nav-tabs .nav-link:focus
{
	color: #fff !important;
	background-color: #0d98ba !important;
	border: none;
}

.service_content
{
	/*background: url(images/service-content-bg-img.webp) bottom right no-repeat;
	background-size: 18%;*/
	margin-top: -15px;
  position: relative;
  z-index: 1;
}

.service_content .col-lg-5
{
	padding-left: 0px !important;
}

.service_img
{
	position: relative;
}

.appoint_box
{
	width: 300px;
	height: 300px;
	background: #24a77e;
	color: #fff;
	padding: 15px 15px;
	text-align: center;
	position: absolute;
	top: 20%;
	right: 0px;
}

.appoint_box .img
{
	width: 55px;
	height: 60px;
	margin: 0 auto;
	margin-bottom: 15px;
}

.appoint_box h2
{
	font-size: 26px;
	color: #fff;
	font-weight: 600;
	margin-bottom: 5px;
}

.appoint_btm
{
  margin-top: 25px;
}

.appoint_btm a
{
  border: 1px solid #fff;
  padding: 8px 20px;
  color: #fff;
  font-size: 18px;
  text-transform: uppercase;
}

.service_content_detail
{
	padding-top: 100px;
	padding-right: 30px;
}

.service_content_detail h2
{
	font-size: 32px;
	font-weight: 600;
	margin-top: 10px;
}

.service_content_detail .serv_title
{
	display: flex;
	margin-bottom: 10px;
}

.service_content_detail .serv_title .serv_icon
{
  width: 65px;
  height: 65px;
  overflow: hidden;
  margin-right: 15px;
}


.service_content_detail .cta_btm {
	margin-top: 50px;
}

/*.....Gallery Section.....*/
.gallery_sec
{
	padding: 40px 0;
	background: url(images/gallery_sec_bg.webp) left bottom no-repeat;
}
.light_gallery_sec {
	padding-bottom: 60px;
}

.top_detail
{
	margin-top: 30px;
}

.top_detail h4
{
  font-size: 16px;
  font-weight: 500;
  font-family: 'Poppins', sans-serif;
  margin-bottom: 0px;
}

.top_detail h4 a
{
	font-size: 18px;
	text-transform: uppercase;
	color: #24a77e;
}

#gallery .item
{
	padding: 20px 10px;
}

.gallery_box
{
  position: relative;
  text-align: center;
}

.gallery_box .gallery_title
{
	width: 100%;
	padding: 5px 5px;
	text-align: center;
  position: absolute;
  bottom: 5%;
  z-index: 2;
  transition: all 0.2s linear;
}

.gallery_box .gallery_title h2
{
  color: #fff;
  font-size: 30px;
  margin-bottom: 5px;
}

.gallery_box .gallery_title h2 a
{
	color: #fff;
}

.gallery_box .overly
{
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%);
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
}
.gallery_box:hover .overly {
	background: rgba(0,0,0,0.8);
}
.gallery_box .arrow
{
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: -30px;
	z-index: 2;
	opacity: 0;
	transition: all 0.2s linear;
}

.gallery_box .arrow a {
	color: #fff;
	background: #24a77e;
	border-radius: 50%;
	font-size: 20px;
	padding: 9px 15px;
}

.gallery_box:hover .gallery_title
{
  bottom: 30%;
}

.gallery_box:hover .arrow
{
  opacity: 1;
  bottom: -13px;
}

#gallery .owl-nav button.owl-prev
{ 
  color: #24a77e;
  font-size: 34px;
  position: absolute;
  top: 40%;
  left: -30px;
}

#gallery .owl-nav button.owl-next
{
  color: #24a77e;
  font-size: 34px;
  position: absolute;
  top: 40%;
  right: -30px;
}

/*.....Testimonial Section......*/
.testimonial_sec
{
	background: url(images/testimonial-sec-bg.webp) top center no-repeat;
	background-size: cover;
  padding: 45px 0 80px 0;
}

.testimonial_sec .top
{
  margin-bottom: 30px;
}

#reviews .item, #aboutus_reviews .item
{
  padding: 15px;
}

.testinomial_box
{
  background: #fff;
  border: 1px solid #24a77e;
  padding: 20px 15px;
  text-align: left;
  position: relative;
  margin-bottom: 25px;
}

.testinomial_box .content
{
  height: 145px;
}

.testinomial_box .mCSB_inside > .mCSB_container
{
	margin-right: 20px;
}

.testinomial_box::before
{
  content: "";
  position: absolute;
  bottom: -31px;
  left: 16%;
  transform: translateX(-25%) rotate(63deg);
  width: 32px;
  height: 60px;
  background-color: #fff;
  border-right: 1px solid #24a77e;
  border-bottom: 1px solid #24a77e;
}

.testinomial_box .client_info .review a i
{
  margin-right: 5px;
}

.client_info
{
  display: flex;
  margin-top: 30px;
  position: relative;
}

.client_icon
{
  background: #24a77e;
  width: 110px;
  height: 110px;
  padding-top: 10px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 15px;
}

.c_detail h2
{
  font-size: 26px;
  color: #24a77e;
  font-weight: 700;
  margin-bottom: 7px;
}

.c_detail span
{
  color: #44d566;
  font-size: 20px;
}

.client_info .review
{
  position: absolute;
  right: 0px;
  bottom: 35px;
}

.review ul li
{
  display: inline-block;
  margin: 5px 0;
  color: #f7f7f7;
  font-size: 24px;
}

.client_info .review ul li a
{
  font-size: 30px;
  font-weight: 500;
  font-family: 'Rajdhani', sans-serif;
  color: #23783d;
}

#reviews .owl-nav button.owl-prev
{ 
  color: #24a77e;
  font-size: 34px;
  position: absolute;
  right: 45px;
  bottom: 10px;
}

#reviews .owl-nav button.owl-next
{
  color: #24a77e;
  font-size: 34px;
  position: absolute;
  right: 0px;
  bottom: 10px;
}

.main_form
{
  background: #fff;
  padding: 20px 30px;
  border: 2px solid #4cb795;
  margin-top: 25px;
}

.main_form h2
{
	text-align: center;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 600;
	font-family: 'Poppins', sans-serif;
	color: #24a77e;
	background: #fff;
	margin-top: -35px;
	padding: 5px 15px;
	width: 180px;
	margin-bottom: 0px;
}

div.wpforms-container-full
{
  margin: 5px auto !important;
}

.wpforms-container .wpforms-field
{
  padding: 3px 0 !important;
}

div.wpforms-container-full input[type="date"], 
div.wpforms-container-full input[type="datetime"], 
div.wpforms-container-full input[type="email"], 
div.wpforms-container-full input[type="number"], 
div.wpforms-container-full input[type="tel"], 
div.wpforms-container-full input[type="text"], 
div.wpforms-container-full input[type="time"], 
div.wpforms-container-full input[type="url"], 
div.wpforms-container-full select, 
div.wpforms-container-full textarea
{
  background-color: transparent !important;
  border-radius: 0px !important;
  height: 45px;
  border: 1px solid #8bd0bb !important;
  margin: 5px 0 !important;
}

div.wpforms-container-full .wpforms-form textarea
{
  height: 100px !important;
}

div.wpforms-container-full input[type="date"]::placeholder, 
div.wpforms-container-full input[type="datetime"]::placeholder, 
div.wpforms-container-full input[type="email"]::placeholder, 
div.wpforms-container-full input[type="number"]::placeholder, 
div.wpforms-container-full input[type="tel"]::placeholder, 
div.wpforms-container-full input[type="text"]::placeholder, 
div.wpforms-container-full input[type="time"]::placeholder, 
div.wpforms-container-full input[type="url"]::placeholder, 
div.wpforms-container-full select::placeholder, 
div.wpforms-container-full textarea::placeholder
{
  opacity: 0.9 !important;
}

.wpforms-container .wpforms-submit-container
{
  padding: 0px !important;
  padding-top: 10px !important;
  text-align: center;
}

div.wpforms-container-full button[type="submit"]
{
  color: #fff !important;
  background: #24a77e !important;
  border: none !important;
  border-radius: 0px !important;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 600;
  font-family: 'Poppins', sans-serif;
  padding: 14px 35px !important;
  padding-right: 55px !important;
  height: auto !important;
  position: relative !important;
}

div.wpforms-container-full .wpforms-form button[type="submit"]::before
{
  content: '\f0da';
  font-family: fontawesome;
  font-size: 18px;
  font-weight: 400;
  color: #fff;
  position: absolute;
  top: 13px;
  right: 30px;
}

div.wpforms-container-full button[type="submit"]:hover
{
  background: #42bfdd !important;
}

/*......Grass Sec......*/
.grass_sec
{
	width: 100%;
	height: 50px;
	margin-top: -50px;
	background: url(images/grass-image.webp) repeat top center;
	animation-name: grass-anmi;
  animation-duration: 500s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
	display:none;
}

.top_grass_sec
{
	filter: brightness(0) invert(1) !important;
	position: relative;
	z-index: 9;
}

@keyframes grass-anmi {
   from {
    background-position: 0 0;
  }
/*use negative width if you want it to flow right to left else and positive for left to right*/
  to {
    background-position: 10000px 0;
  }
}

/*......Footer......*/
.footer
{
  background: #14362b;
  padding: 30px 0 10px 0;
  color: #fff;
}

.footer_logo
{
  width: 220px;
  height: auto;
}

.footer_logo img
{
  width: 100%;
  height: auto;
}

.servicearea_list ul
{ 
	margin-bottom: 0px;
	padding-left: 0px;
	list-style: none;
}

.servicearea_list li
{
	position: relative;
	padding-left: 25px;
	font-size: 18px;
	font-weight: 500;
}

.servicearea_list li::before
{
	content: '\f0da';
	font-family: fontawesome;
	font-size: 16px;
	color: #fff;
	position: absolute;
	top: 3px;
	left: 3px;
}

.footer h2
{
  color: #fff;
  font-size: 26px;
  font-weight: 600;
}

.footer h3
{
  color: #fff;
  font-size: 22px;
  font-weight: 600;
}

.working_hour
{
	margin-bottom: 20px;
	font-size: 18px;
}

.fcontact
{
	display: flex;
	margin: 10px 0;
}

.fcontact .icon
{
	width: 40px;
	height: 40px;
	border: 1px dashed #fff;
	border-radius: 50%;
	text-align: center;
	margin-right: 15px;
	font-size: 18px;
	padding-top: 5px;
}

.fcontact a
{
  color: #fff;
}

.footer_email
{
  margin-bottom: 10px;
}

.footer_social ul.cnss-social-icon li.cn-fa-icon a, 
.footer_social ul.cnss-social-icon li.cn-fa-icon a:hover
{
  background-color: transparent !important;
}

.copyright
{
  margin-top: 30px;
  padding: 15px 0;
  background: #24adce;
}

.copyright h4
{
  color: #fff;
  margin-bottom: 0px;
  font-size: 16px;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
}

.powered_by
{
  text-align: right;
}

.powered_by a
{
  color: #fff;
}

.powered_by img
{
  margin-left: 15px;
}

/*.....Innerpage Header......*/
.innerpage_header
{
	position: inherit;
	background: url(images/innerpage-header-bg.webp) no-repeat top center;
	background-size: cover;
	padding: 15px 0 70px 0;
}

/*.....About Us Page......*/
.aboutus_sec
{
	padding: 40px 0;
}

.experience_box
{
	width: 170px;
	height: 170px;
  position: absolute;
  left: -25px;
  top: 40%;
}

.experience_box h1
{
  font-size: 60px;
  color: #24a77e;
  margin-bottom: 3px;
}

.experience_box h3
{
	font-size: 20px;
	margin-bottom: 0px;
}

.whyus_sec
{
	background: url(images/testimonial-sec-bg.webp) top center no-repeat;
	background-size: cover;
  padding: 40px 0;
}

#mission .item
{
	padding: 15px 5px;
}

.our_mission_box
{
	display: flex;
}

.mission_icon
{
	width: 61px;
	height: 61px;
	overflow: hidden;
	margin-right: 15px;
}

.mission_info
{
	width: 80%;
}

.mission_info h2
{
	font-size: 24px;
	font-weight: 600;
}

#mission .owl-dots
{  
	text-align: center;
	margin-top: 10px;
}

#mission button.owl-dot
{  
	width: 20px; 
	height: 15px; 
	margin-right: 4px;
	background: #fff; 
	border: 1px solid #24a77e;
	border-radius: 12px;
}

#mission button.owl-dot.active
{  
	background: #24a77e; 
}

#mission .owl-nav button.owl-prev,
#mission .owl-nav button.owl-next 
{ 
	display: none;
}

.whyus_sec .right ul
{
	padding-left: 0px;
	list-style: none;
}

.whyus_sec .right ul li
{
	display: inline-block;
	width: 30%;
	margin: 0px 12px;
	text-align: center;
}

.whyus_sec .right .mission_title
{
	margin-top: 5px;
	padding: 10px 0;
}

.whyus_sec .right .mission_title h2
{
	font-size: 24px;
	font-weight: 600;
}

.aboutus_review_sec
{
	background: inherit;
	background-color: #fff;
}

#aboutus_reviews .owl-nav button.owl-prev
{ 
  color: #24a77e;
  font-size: 34px;
  position: absolute;
  right: 45px;
  top: -50px;
}

#aboutus_reviews .owl-nav button.owl-next
{
  color: #24a77e;
  font-size: 34px;
  position: absolute;
  right: 0px;
  top: -50px;
}

/*.........Service Page.......*/
.our_service_sec
{
	background: url(images/service-sec-bg.webp) top center no-repeat;
	background-size: cover;
	padding: 40px 0 60px 0;
}

.service_box {
	position: relative;
	margin: 20px 0;
	margin-bottom: 160px;
}

.service_box .serv_img
{
	height: 415px;
	position: relative;
}

.service_box .overly
{
  width: 100%;
  height: 100%;
  background: rgb(4,41,26);
  background: linear-gradient(90deg, rgba(4,41,26,0.6) 50%, rgba(4,41,26,0.6) 50%);
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
  opacity: 0;
}

.service_box .service_icon
{
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 78%, 0% 100%);
  clip-path: polygon(0 0, 100% 0, 100% 78%, 0% 100%);
  background: #24a77e;
  width: 80px;
  height: 90px;
  padding: 15px;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 2;
}

.service_box .service_icon img
{
	filter: brightness(0) invert(1);
}

.service_box .service_info
{
  background: #fff;	
  padding: 25px 15px;
  padding-bottom: 40px;
  text-align: center;
  box-shadow: 0px 0px 7px 0px #ededed;
  position: absolute;
  bottom: -135px;
  left: 0px;
  z-index: 2;
}

.service_box .service_info h2
{
	font-size: 24px;
	font-weight: 600;
}

.service_box .service_info h2 a
{
	color: #000;
}

.service_info .cta_btm
{
  display: none;
  transition: all 0.2s linear;
}

.service_box:hover .cta_btm
{
	display: block;
}

.service_box:hover .overly
{
  opacity: 1;
}

/*.service_box:hover .service_icon
{
  background: #fff;
}

.service_box:hover .service_icon img
{
	filter: inherit;
}
*/

/*.......Single Service Page........*/

.single_service_sec
{
  padding: 40px 0 70px 0;
}

.service_banner
{
  width: 100%;
  height: auto;
  min-height: 300px;
  background: #1e8f6b;
  position: relative;
  margin-bottom: 20px;
}

.service_banner img
{
  width: 100%;
  height: auto;
}

.single_service_detail
{
  margin-bottom: 35px;
  position: relative;
}

.single_service_detail h2, 
.single_service_detail h3, 
.single_service_detail h4, 
.single_service_detail h5
{
  color: #262626;
  margin: 15px 0;
}

.single_service_detail  ul
{
  list-style: none;
  margin-bottom: 25px;
  padding-left: 0px;
}

.single_service_detail ul li
{
  position: relative;
  padding-left: 25px;
}

.single_service_detail ul li::before
{
  content: '\f0da';
  font-family: fontawesome;
  font-size: 16px;
  color: #000;
  position: absolute;
  top: 3px;
  left: 3px;
}

.single_service_list
{
  margin-bottom: 35px;
}

.s_list ul
{
  list-style: none;
}

.s_list ul li
{
  padding: 10px 10px;
  padding-left: 20px;
  border-bottom: 1px solid #000;
  margin: 15px 0;
  position: relative;
}

.s_list ul li a
{
  font-weight: 500;
  font-family: 'Poppins', sans-serif;
  font-size: 18px;
  color: #000; 
}

.s_list ul li::before
{
  content: '\f0da';
  font-family: fontawesome;
  font-size: 18px;
  color: #000;
  position: absolute;
  top: 10px;
  left: 0px;
}

.s_list ul li.current_page, 
.s_list ul li:hover
{
  border-bottom: 1px solid #24a77e;
}

.s_list ul li.current_page a, 
.s_list ul li:hover a
{
  color: #24a77e;
}

.s_list ul li.current_page::before, 
.s_list ul li:hover::before
{
  color: #24a77e;
}

.single_service_list .top h1,
.service_form .top h1
{
  font-size: 28px;
}

.single_service_list .top h1.title,
.service_form .top h1.title
{
  font-size: 22px;
}

/*......Contact Us Page......*/
.contactus_sec
{
	background: url(images/contactus-bg.webp) top center no-repeat;
	padding: 30px 0 70px 0;
}

.contact_information .top
{
	margin-bottom: 50px;
}

.contact_info
{
	display: flex;
	margin: 20px 0;
}

.contact_info .icon
{
	width: 40px;
	height: 40px;
	border: 1px dashed #000;
	border-radius: 50%;
	text-align: center;
	margin-right: 15px;
	font-size: 18px;
	padding-top: 5px;
	color: #1e8f6b;
}

.contact_info a
{
  color: #000;
  font-size: 18px;
}

.contact_info .icon a
{
  color: #1e8f6b;
}

.working_hours_sec
{
	margin-top: 50px;
}

.working_hours
{
	color: #000;
}

.contact_form_sec
{
	background: url(images/contact-form-sec-bg.webp) top center no-repeat;
	padding: 25px 30px;
	background-size: cover;
}

.contact_form_sec .top h1
{
	color: #fff;
}

.contact_form_sec .top h1.title
{
	color: #24a77e;
}

.contact_form div.wpforms-container-full input[type="date"], 
.contact_form div.wpforms-container-full input[type="datetime"], 
.contact_form div.wpforms-container-full input[type="email"], 
.contact_form div.wpforms-container-full input[type="number"], 
.contact_form div.wpforms-container-full input[type="tel"], 
.contact_form div.wpforms-container-full input[type="text"], 
.contact_form div.wpforms-container-full input[type="time"], 
.contact_form div.wpforms-container-full input[type="url"], 
.contact_form div.wpforms-container-full select, 
.contact_form div.wpforms-container-full textarea
{
  color: #fff !important;
}

.contact_form div.wpforms-container-full input[type="date"]::placeholder, 
.contact_form div.wpforms-container-full input[type="datetime"]::placeholder, 
.contact_form div.wpforms-container-full input[type="email"]::placeholder, 
.contact_form div.wpforms-container-full input[type="number"]::placeholder, 
.contact_form div.wpforms-container-full input[type="tel"]::placeholder, 
.contact_form div.wpforms-container-full input[type="text"]::placeholder, 
.contact_form div.wpforms-container-full input[type="time"]::placeholder, 
.contact_form div.wpforms-container-full input[type="url"]::placeholder, 
.contact_form div.wpforms-container-full select::placeholder, 
.contact_form div.wpforms-container-full textarea::placeholder
{
  color: #fff;
}

.contact_form .wpforms-container .wpforms-submit-container
{
  text-align: right;
}

.map 
{
  width: 100%;
  height: auto;
}

.map iframe
{
  width: 100%;
}

/*.......FAQS Page......*/
.faqs_sec
{
	padding: 40px 0 70px 0;
}

.faqs_sec .accordion
{
	padding-left: 55px;
  padding-right: 50px;
  margin: 35px 0;
}

.accordion-item
{
  background-color: transparent;
  border: none;
  padding: 5px 25px;
  border: 1px solid #e7e7e7 !important;
  margin-bottom: 20px;
}

.accordion-button:focus
{
  box-shadow: none;
  border: none;
}

.accordion-button:not(.collapsed)
{
  color: #202020;
  background-color: transparent;
  font-size: 20px;
  font-weight: 600;
  box-shadow: none;
  position: relative;
  border: none;
  padding: 10px 0px 10px 0px;
  position: relative;
}

.accordion-button
{
  color: #202020;
  background-color: #fff;
  font-size: 20px;
  font-weight: 600;
  box-shadow: none;
  position: relative; 
  padding: 10px 0px 10px 0px;
  position: relative;
}

.accordion-button:not(.collapsed)::after
{
  content: "\f0dd";
  width: 40px;
  height: 40px;
  color: #fff;
  background-color: #24a77e;
  border: 2px solid #24a77e;
  text-align: center;
  padding-top: 5px;
  border-radius: 0px;
  font-family: fontawesome;
  background-image: none;
  transform: none;
  font-size: 18px;
  position: absolute;
  left: -80px;
  top: 0px;
}

.accordion-button::after
{
  content: "\f0da";
  width: 40px;
  height: 40px;
  color: #24a77e;
  background-color: #fff;
  border: 2px solid #24a77e;
  text-align: center;
  padding-top: 10px;
  border-radius: 0px;
  font-family: fontawesome;
  background-image: none;
  transform: none;
  font-size: 18px;
  position: absolute;
  left: -80px;
  top: 0px;
}

.accordion-item .show
{
  background: transparent;
  width: 100%;
}

.accordion-body
{
  padding: 15px 0px;
  color: #000;
  background-color: #fff;
}

.faqs_form
{
	border: 2px solid #1e8f6b;
	padding: 20px;
	margin: 30px 0;
}

.faq_contact
{
	background: url(images/faq-contact-bg.webp) top center no-repeat;
	background-size: cover;
	padding: 25px 20px;
	margin: 25px 0;
	display: flex;
}

.faq_contact a
{
	color: #fff;
}

.faq_contact h1
{
	font-size: 56px;
	margin-right: 15px;
	margin-bottom: 0px;
}

.faq_contact h2
{
	font-size: 16px;
	font-family: 'Poppins', sans-serif;
	text-transform: uppercase;
	font-weight: 300;
	margin-bottom: 3px;
	color: #fff;
}

.faq_contact h3
{
	font-size: 30px;
	margin-bottom: 0px;
}

/*......Our Project Page.......*/
.our_project_sec
{
	padding: 40px 0 70px 0;
}

.our_project_sec .top_detail
{
	margin-top: 10px;
}

.our_project_sec .top_detail h4
{
	font-weight: 400;
}

.our_project_sec .gallery_box
{
	margin: 25px 0;
}

/*......Single Gallery Page.......*/
.single_gallery_sec
{
	padding: 40px 0;
	text-align: center;
}

.main_sec
{
	padding: 40px 0;
}

/*.....404 Error.....*/
.error_sec
{
	background: url(images/contactus-bg.webp) no-repeat top center;
	background-size: 100%;
	padding: 100px 0;
	text-align: center;
}

.error_img
{
	width: 400px;
	height: auto;
	margin: 0 auto;
	margin-bottom: 25px;
}
.error_content h2
{
	font-size: 46px;
	font-weight: 600;
}
.error_content h4
{
	font-weight: 600;
}
.service_title_sec {
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
	background: #fff;
	padding: 30px;
	position: relative;
	z-index: 99;
}
.srv_top_margin {
	margin-top: -45px;
}
.lighting_service .s_title h1 {
	font-size: 40px;
	text-transform: inherit;
}

/*........Responsive..........*/

@media only screen and (min-width:240px) and (max-width:375px)
{
/*....Header......*/
.logo { width: 250px; }
.offcanvas_appoint a { padding: 8px 20px; font-size: 16px; }

.about_content h1 { font-size: 22px; }
.top h1 { font-size:22px; }
h1.title { font-size: 20px; }

.service_list .nav-tabs .nav-link { width: 100%; height: 190px; padding: 15px 15px; }
.service_title ul li.service_icon {	width: 75px;	height: 80px;  }
.service_content { background: transparent; margin-top: 20px; }
.appoint_box { position: inherit; margin:0 auto; }
.service_content_detail { padding-top: 20px; padding-right: 0px; }
.service_content_detail .serv_title .serv_icon {	width: 85px; margin-right: 5px; }
.service_content_detail h2 { font-size: 22px; }

#reviews .item { padding: 0px; }
.testinomial_box {	padding: 10px 10px; }
.client_icon { width: 90px; height: 90px; }
.c_detail h2 { font-size: 20px; }
.c_detail h4 { font-size: 16px; }
.client_info .review { right: 10px; bottom: -10px; }

}


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

/*....Header......*/
.logo { width: 250px; }
.offcanvas_appoint a { padding: 8px 22px; font-size: 18px; }

.about_content h1 { font-size: 22px; }
.top h1 { font-size:22px; }
h1.title { font-size: 20px; }

.service_list .nav-tabs .nav-link { width: 50%; padding: 15px 15px; }
.service_title ul li.service_icon {	width: 75px;	height: 80px;  }
.service_title ul li h2 { font-size: 16px; }
.service_content { background: transparent; margin-top: 20px; }
.appoint_box { position: inherit; margin:0 auto; }
.service_content_detail { padding-top: 20px; padding-right: 0px; }
.service_content_detail .serv_title .serv_icon {	width: 85px; margin-right: 5px; }
.service_content_detail h2 { font-size: 22px; }

#reviews .item { padding: 0px; }
.testinomial_box {	padding: 10px 10px; }
.client_icon { width: 90px; height: 90px; }
.c_detail h2 { font-size: 20px; }
.c_detail h4 { font-size: 16px; }
.client_info .review { right: 10px; bottom: -10px; }

}

@media only screen and (min-width:481px) and (max-width:575px) 
{
.logo { width: 250px; }

.about_us h1 { font-size: 30px; }
.top h1 { font-size:30px; }
h1.title { font-size: 24px; }
.why_us_detail { justify-content: left; }

.service_list .nav-tabs .nav-link { width: 50%; padding: 15px 15px; }
.service_title ul li h2 { font-size: 18px; }

.service_content { background: transparent; margin-top: 20px; }
.appoint_box { position: inherit; margin:0 auto; }
.service_content_detail { padding-top: 20px; padding-right: 0px; }
.service_content_detail h2 { font-size: 24px; }

}


@media only screen and (min-width:576px) and (max-width:640px) 
{
.logo { width: 270px; }

.about_us h1 { font-size: 30px; }
.top h1 { font-size:30px; }
h1.title { font-size: 24px; }
.why_us_detail { justify-content: left; }

.service_list .nav-tabs .nav-link { width: 50%; padding: 15px 15px 15px 15px; }
.service_title ul li.service_icon {	width: 75px;	height: 80px; }

.service_content { background: transparent; margin-top: 20px; }
.appoint_box { position: inherit; margin:0 auto; }
.service_content_detail { padding-top: 20px; padding-right: 0px; }
.service_content_detail h2 { font-size: 24px; }

	/*.......Service Page........*/
.service_box .serv_img { height: 320px; }

}

@media only screen and (min-width:641px) and (max-width:767px) 
{
.logo { width: 270px; }

.about_us h1 { font-size: 30px; }
.top h1 { font-size:30px; }
h1.title { font-size: 24px; }
.why_us_detail { justify-content: left; }

.service_list .nav-tabs .nav-link { width: 50%;  padding: 15px 15px 15px 15px; }
.service_title ul li.service_icon {	width: 75px;	height: 80px; }

.service_content { background: transparent; margin-top: 20px; }
.appoint_box { position: inherit; margin:0 auto; }
.service_content_detail { padding-top: 20px; padding-right: 0px; }
.service_content_detail h2 { font-size: 24px; }

	/*.......Service Page........*/
.service_box .serv_img { height: 320px; }

}

@media only screen and (min-width:240px) and (max-width:767px)
{

/*....Header......*/
.header_top { display: none; }
.header_line { display:none; }
.head_menu { display: none; }
.quote_btm {	display: none; }
.mob_nav_btn { display: block; margin-left: -30px; margin-top: 5px;}

.aboutus_image {	margin-top: 50px; }
.aboutus_image::before, .aboutus_image::after { display:none; }
.whyus_box { width: 150px; height: 150px; padding: 10px 5px; }
.whyus_box .whyus_img {	width: 70px; height: 55px; margin-bottom: 10px; }
.whyus_box h3 { font-size: 16px; }
.guarantee_box {	top: 0px;	left: 5px; }
.environment_friendly {	bottom: -40px; left: 10px; }
.expert_team { bottom: -10px;	right: 0px; }

}

@media only screen and (min-width:768px) and (max-width:860px) 
{

/*....Header......*/
.container { max-width: 85%; }
.head_phone, .head_social { display:none; }
.head_menu { display: none; }
.quote_btm {	display: none; }
.mob_nav_btn { display: block; margin-top: 5px; text-align: right; }

.logo { width: 300px; }
.header_right { margin-top: 10px; }

.aboutus_image::before { left: -30px; }
.service_list .nav-tabs .nav-link { width: 33.33%; padding: 15px 15px 15px 15px; }
.service_title ul li.service_icon { width: 80px; height: 85px;  }
.service_title ul li h2 { font-size: 16px; }
.appoint_box { top: 50%; }
.service_content_detail { padding-top: 55px; }
.gallery_box .gallery_title h2 { font-size: 22px; }
	
/*.......Service Page........*/
.service_box .serv_img { height: 280px; }

}

@media only screen and (min-width:861px) and (max-width:991px) 
{

/*....Header......*/
.head_phone, .head_social { display:none; }
.head_menu { display: none; }
.quote_btm {	display: none; }
.mob_nav_btn { display: block; margin-top: 5px; text-align: right; }

.logo { width: 300px; }
.header_right { margin-top: 10px; }

.aboutus_image::before { left: -30px; }
.service_list .nav-tabs .nav-link { width: 33.33%; padding: 15px 15px 15px 15px; }
.service_title ul li.service_icon { width: 80px; height: 85px;  }
.service_title ul li h2 { font-size: 16px; }
.appoint_box { top: 50%; }
.service_content_detail { padding-top: 55px; }
.gallery_box .gallery_title h2 { font-size: 22px; }

/*.......Service Page........*/
.service_box .serv_img { height: 280px; }
	
}

@media only screen and (min-width:240px) and (max-width:767px)
{

/*....Header......*/
/*.mob_nav_btn { display: block; margin-left: -30px; margin-top: 5px;}*/

/*.....About Us Page.....*/
.whyus_box { width: 135px; height: 135px; padding: 10px 5px; left: 13px; top: 50%; }
.experience_box h1 { font-size: 50px; }
.whyus_sec { padding: 20px 0; }
.whyus_sec .right { display:none; }

/*.......Service Page........*/

.service_box .service_info h2 { font-size: 20px; }
.mob_feature_sec {padding-bottom: 70px;}
}


@media only screen and (min-width:240px) and (max-width:991px) 
{

/*....Header.....*/
.header_right ul li.phone_num,
.header_right ul li.get_touch_btn,
.header_right ul li .head_social { display:none; }

.aboutus_image {	margin-top: 50px; }
.main_form_sec {	padding-top: 30px; }
#reviews .owl-dots, #aboutus_reviews .owl-dots {  text-align: center; margin-top: 15px; }
#reviews button.owl-dot, #aboutus_reviews button.owl-dot {  width: 20px;  height: 15px;  margin-right: 4px;  background: #fff;  border: 1px solid #24a77e; border-radius: 12px;}
#reviews button.owl-dot.active, #aboutus_reviews button.owl-dot.active {  background: #24a77e;  }
#reviews .owl-nav button.owl-prev, #reviews .owl-nav button.owl-next, 
#aboutus_reviews .owl-nav button.owl-prev, #aboutus_reviews .owl-nav button.owl-next { display: none; }

/*....Footer.....*/
.footer { text-align: center; }
.footer_logo { margin: 0 auto; margin-bottom: 25px; }
.servicearea_list li { display:inline-block; margin:10px 10px; }
.working_hour {	margin-top: 20px; }
#f_social { text-align:center !important; }
.footer_contact {	margin-top: 20px; }
.fcontact { margin: 20px 0; justify-content: center; }
.powered_by { text-align: center; margin-top: 20px; }

}


@media only screen and (min-width:992px) and (max-width:1024px) 
{
.header_detail a { font-size: 16px; }
.logo { width: 270px; }
.head_menu .container-fluid { padding-left:0px !important; padding-right:0px !important; }
.head_menu .navbar-nav .menu-item a { padding: 0px 10px !important; font-size: 15px; }
.quote_btm { display: none; }
.head_social label {display: none;}
.top h1 { font-size: 28px; }
.about_content h1 { font-size: 30px; }
h1.title { font-size: 22px; }
.whyus_box { width: 150px; height: 150px; padding: 10px 5px; }
.whyus_box .whyus_img {	width: 70px; height: 55px; margin-bottom: 10px; }
.whyus_box h3 { font-size: 16px; }
.guarantee_box {	top: 0px;	left: 5px; }
.environment_friendly {	bottom: -40px; left: 10px; }
.expert_team { bottom: -10px;	right: 0px; }
.service_title ul li.service_icon { width: 75px; height: 80px; }
.service_title ul li h2 { font-size: 16px; }
.service_content { background: transparent;	margin-top: -5px; }
.service_content_detail { padding-top: 30px; padding-right: 0px; }
.service_content_detail h2 { font-size: 24px; }
.appoint_box { width: 270px; height: 270px; top: 20%; }
.appoint_box h2 { font-size: 20px; }
.top_detail { margin-top: 15px; }
.gallery_box .gallery_title h2 { font-size: 22px; }
#gallery .owl-nav button.owl-prev {	left: -20px; }
#gallery .owl-nav button.owl-next { right: -20px; }
/*.....Footer.....*/
.footer h2 { font-size: 22px; font-weight: 600; }
.footer_contact { margin-left: -15px; }
.fcontact .icon { width: 35px; height: 35px; margin-right: 8px; font-size: 16px; }
/*......Service Page......*/
.service_box .service_info h2 { font-size: 20px; }
.wpforms-container .wpforms-field {padding: 1px 0 !important;}
/*.....FAQs Page.....*/
.faqs_sec .accordion { padding-right: 20px; }
.faq_contact { padding: 15px 20px; }
.faq_contact h1 { font-size: 48px; margin-right: 10px; }
.faq_contact h3 { font-size: 22px; }

/*.....Project Page.....*/
.our_project_sec .top_detail { margin-top: 0px; }
#mission .owl-dots {position: absolute;top: 0px;right: 0px;}
.service_box .serv_img {height: 310px;}

}


@media only screen and (min-width:1024.5px) and (max-width:1199.5px) 
{
.header_detail a { font-size: 16px; }
.logo { width: 270px; }
.head_menu .container-fluid { padding-left:0px !important; padding-right:0px !important; }
.head_menu .navbar-nav .menu-item a {	padding: 3px 4px !important; }
.quote_btm { display: none; }

.top h1 { font-size:28px; }
.about_content h1 { font-size: 28px; }
h1.title { font-size: 22px; }

.whyus_box { width: 150px; height: 150px; padding: 10px 5px; }
.whyus_box .whyus_img {	width: 70px; height: 55px; margin-bottom: 10px; }
.whyus_box h3 { font-size: 16px; }
.guarantee_box {	top: 0px;	left: 5px; }
.environment_friendly {	bottom: -40px; left: 10px; }
.expert_team { bottom: -10px;	right: 0px; }

.service_title ul li.service_icon { width: 75px; height: 80px;  }
.service_title ul li h2 { font-size: 16px; }
.service_content {	margin-top: -5px; }
.service_content_detail { padding-top: 30px; padding-right: 0px; }
.service_content_detail h2 { font-size: 24px; }
.appoint_box { width: 270px; height: 270px; top: 20%; }
.appoint_box h2 { font-size: 20px; }
.service_content_detail .cta_btm { margin-top: 35px; }
.top_detail { margin-top: 15px; }
.gallery_box .gallery_title h2 { font-size: 22px; }
#gallery .owl-nav button.owl-prev {	left: -20px; }
#gallery .owl-nav button.owl-next { right: -20px; }

/*.....FAQs Page.....*/
.faqs_sec .accordion { padding-right: 20px; }
.faq_contact { padding: 15px 20px; }
.faq_contact h1 { font-size: 48px; margin-right: 10px; }
.faq_contact h3 { font-size: 22px; }

/*.....Project Page.....*/
.our_project_sec .top_detail { margin-top: 0px; }
#mission .owl-dots {position: absolute;top: 0px;right: 0px;}
	/*.......Service Page........*/
.service_box .serv_img { height: 320px; }


}

@media only screen and (min-width:1200px) and (max-width:1399px) 
{
.logo { width: 270px; } 
.head_menu .container-fluid { padding-left:0px !important; padding-right:0px !important; }
.head_menu .navbar-nav .menu-item a { padding: 3px 7px !important; margin: 0px 4px; }
.quote_btm a { padding: 15px 15px 15px 30px; }

.top h1 { font-size:30px; }
.about_content h1 { font-size: 30px; }
h1.title { font-size: 24px; }

.service_list .nav-tabs .nav-link { padding: 10px 10px; }
.service_title ul li h2 { font-size: 18px; }
.service_content { margin-top: -25px; }
.service_content_detail { padding-top: 55px; padding-right: 25px; }
.service_content_detail h2 { font-size: 30px; }
.appoint_box { width: 270px; height: 270px; top: 30%; }
.appoint_box h2 { font-size: 20px; }
.gallery_box .gallery_title h2 { font-size: 24px; }

/*......About Us Page......*/
.whyus_sec .right ul li {	margin: 0px 10px; }

/*.....FAQs Page.....*/
.faq_contact h3 { font-size: 26px; }

/*.......Service Page........*/
.service_box .serv_img { height: 345px; }

	
}	

@media only screen and (min-width:1400px) and (max-width:1440px) 
{

.appoint_box { width: 270px; height: 270px; top: 35%; }
.appoint_box h2 { font-size: 20px; }

/*......About Us Page......*/
.whyus_sec .right ul li {	margin: 0px 10px; }

}

@media only screen and (min-width:1400px) and (max-width:1550px) 
{
	#gallery .owl-dots{  text-align: center; margin-top: 15px; }
	#gallery button.owl-dot {  width: 20px;  height: 15px;  margin-right: 4px;  background: #fff;  border: 1px solid #24a77e; border-radius: 12px;}
	#gallery button.owl-dot.active {  background: #24a77e;  }
	#gallery .owl-nav button.owl-prev, #reviews .owl-nav button.owl-next { display: none; }
}