/*!
Theme Name: lawnjet
Theme URI: http://lawnjet.com.au
Author: Blackfig Online
Author URI: http://lawnjet.com.au
Description: LawnJet- Built on Performance and Perserverance. At LawnJet we endeavor to uphold a reputation of professionalism and satisfaction for our clients as everyone is important regardless of the size of job we have undertaken.
Version: 5.8.2
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: lawnjet
Tags: lawnjet, custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&display=swap');
@import url('css/base.css');
@import url('css/all.css');
@import url('css/menu.css');
@import url('css/slider.css');
@import url('css/owl.carousel.css');
@import url('css/bootstrap.css');
@import url('css/animate.css');

body {
     color: #585858;
     font: 16px/26px 'Montserrat', sans-serif;
     font-weight: 400;
     overflow-x: hidden;
}
 .hides {
     opacity: 0;
}
 .views {
     opacity: 1;
}
 a {
     text-decoration: none;
     transition: all 200ms ease-in-out;
     -o-transition: all 200ms ease-in-out;
     -ms-transition: all 200ms ease-in-out;
     -moz-transition: all 200ms ease-in-out;
     -webkit-transition: all 200ms ease-in-out;
}
 a img {
     border: none;
}
 img {
     max-width: 100%;
     height: auto;
}
 h1, h2, h3, h4, h5, h6 {
     font-family: 'Montserrat', sans-serif;
     font-weight: 800;
     color: #113f61;
}
 h1 {
     font-size: 40px;
     line-height: 46px;
}
 h2 {
     font-size: 36px;
     line-height: 42px;
}
 h3 {
     font-size: 32px;
     line-height: 36px;
}
 h4 {
     font-size: 28px;
     line-height: 32px;
}
 h5 {
     font-size: 24px;
     line-height: 32px;
}
 h6 {
     font-size: 20px;
     line-height: 28px;
     font-weight: 700;
}
 header, footer{
     padding-top: 35px;
}
 header, .quoteformsection, .membershipform{
     background: #113f61;
}
 header, .quoteformsection .title h2, .servicesection, footer a, footer, .pagetitlesection, #wpcf7-f111-p95-o1{
     color: #ffffff;
}
 .callus, .title, .readmorebtn, .servicecol, #reviewslider .clientname{
     text-transform: uppercase;
}
 .callus, .title, nav, .whychooseuscontent .whychoosecol, #reviewslider .clientname, .pagetitlesection{
     letter-spacing: 0.3px;
}
 .callus{
     font-size: 18px;
     line-height: 28px;
     font-weight: 700;
     padding-left: 65px;
}
.callus::before{
     content: '\f87b';
     font-family: 'Font Awesome 5 Free';
     font-weight: 900;
     font-size: 60px;
     position: absolute;
     top: 15px;
     left: 0px;
}
 .callus a, .callus::before, .banner .title h2 span, .servicesection .title h2, .viewmorelink a, .footercol .title h4, footer a:hover, .contactinfo .title h6, .openinghours .title h6, .membershipform h4{
     color: #f9eeb7;
}
 .callus a{
     font-size: 28px;
     line-height: 30px;
}
 .callus a:hover, footer a:hover, .pagetitlesection a:hover, .post-navigation .nav-links:hover .nav-title{
     text-decoration: underline;
}
 .title, .widget-area section{
     margin-bottom: 15px;
}
 .callus, nav, .banner, .whychooseusgallery, .content-wrapper, footer, .pagetitlesection{
     position: relative;
}
 nav, .quoteform, .whychooseuscontent .whychoosecol, .whychooseus .whychooseuscontent, .servicecol, .copyright, .contactform, .map, #comments{
     margin-top: 30px;
}
 nav{
     background: rgb(226,226,226);
     background: linear-gradient(0deg, rgba(226,226,226,1) 0%, rgba(250,250,250,1) 21%, rgba(255,255,255,1) 75%, rgba(226,226,226,1) 100%);
     z-index: 9999;
}
 nav .overlay, .whychooseusgallery .overlay{
     opacity: 1;
     background: none;
}
 nav .overlay::before, .whychooseusgallery .overlay::before{
     content: '';
     position: relative;
     display: block;
     width: 100%;
     height: 100%;
     top: 0px;
}
 nav .overlay{
     padding: 6px;
}
 nav .overlay::before{
     border: 1px solid #ffffff;
}
 .banner{
     float: left;
     width: 100%;
     margin-top: -25px;
}
 .readmorebtn, .sociallinks ul li{
     display: inline-block;
}
 .readmorebtn a{
     background: #f9eeb7;
     padding: 10px 20px;
     font-size: 18px;
     line-height: 28px;
     font-weight: 700;
     display: inline-block;
     margin-top: 10px;
}
 .readmorebtn a:hover{
     background: #113f61;
     color: #ffffff;
}
 .banner .readmorebtn a:hover{
     background: #ffffff;
     color: #113f61;
}
 .overlay{
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0px;
     left: 0px;
     background: #113f61;
     opacity: 0.6;
}
 .welcomesection{
     margin-top: 75px;
}
 .quoteformsection, .membershipform{
     padding: 30px 30px 10px 30px;
     width: 100%;
     float: left;
     margin-top: -85px;
     z-index: 99;
}
 .quoteform textarea, .membershipform textarea{
     height: 150px;
}
 .quoteform .wpcf7 form .wpcf7-response-output, .membershipform .wpcf7 form .wpcf7-response-output{
     margin: 5px;
     padding: 0.2em 1em;
     border: 2px solid #f9eeb7;
     color: #f9eeb7;
}
 .quoteform .btn-success:hover, .membershipform .btn-success:hover {
     color: #113f61;
     background-color: #ffffff;
     border-color: #ffffff;
}
#wpcf7-f111-p95-o1 .wpcf7-list-item{
	margin: 5px 10px 5px 0px;
}
.membershipform{
     padding: 30px;
}
 .whychooseus, .content-wrapper, .testmonialsection, .main-wrapper{
     padding: 60px 0px;
}
 .whychooseus{
     background: #f9eeb7;
}
 .whychooseusgallery .overlay{
     padding: 12px;
     z-index: 0;
}
 .whychooseusgallery .overlay::before{
     border: 1px solid #f9eeb7;
}
 .whychooseuscontent .whychoosecol{
     font-weight: 500;
     font-size: 18px;
     line-height: 28px;
     padding-left: 100px;
     position: relative;
}
 .whychooseuscontent .whychoosecol .icon{
     position: absolute;
     left: 0px;
     text-align: center;
     width: 95px;
     overflow: hidden;
}
 #whychooseslider .owl-nav {
     float: left;
     width: 100% !important;
     margin-top: -50% !important;
}
 #whychooseslider .owl-nav button.owl-prev, #whychooseslider .owl-nav button.owl-next{
     width: 32px;
     height: 32px;
     line-height: 34px;
     font-size: 18px;
     background: #ffffff;
     z-index: 99;
}
 #whychooseslider .owl-nav button.owl-prev{
     float: left;
     margin-left: 15px;
}
 #whychooseslider .owl-nav button.owl-next{
     float: right;
     margin-right: 15px;
}
 #whychooseslider .owl-nav button.owl-prev:hover, #whychooseslider .owl-nav button.owl-next:hover, .joinusbtn a:hover{
     background: #f9eeb7;
     color: #113f61;
}
 .servicesection, .servicesection2, footer, .pagetitlesection{
     background-size: cover !important;
     background-position: 50% 50% !important;
     background-attachment: fixed !important;
     position: relative 
}
 .servicesection{
     background-image: url(images/bg1.jpg);
}
 .servicesection .overlay, .servicesection2 .overlay, footer .overlay{
     opacity: 0.9 
}
 .servicecol{
     background: url(images/whychoosegalleryimg.jpg);
     background-repeat: no-repeat !important;
     background-size: cover !important;
     background-position: 50% 50% !important;
     padding: 20px;
}
 .servicecol .servicetitle{
     background: #f9eeb7;
     padding: 50px 20px;
     opacity: 0.9;
}
 .servicecol .servicetitle h5{
     font-size: 22px;
	 line-height: 30px;
}
 .servicecol .icon{
     min-height: 85px;
}
 .viewmorelink a{
     font-size: 18px;
     font-weight: 500;
     text-decoration: underline;
}
 .servicecol:hover .servicetitle, .servicesection2 .overlay{
     background: #ffffff;
}
 .servicesection2{
     background-image: url(images/bg2.jpg);
}
 .servicesection2 .viewmorelink a, #reviewslider .clientname h6, #comments footer a, .widget-area section ul li a{
     color: #585858;
}
 #reviewslider{
     margin: 30px auto 0px auto;
     width: 65%;
     text-align: center;
}
 .becomelawnjet{
     box-shadow: 0px 0px 10px #afafaf;
     padding: 45px 0px;
}
 .becomelawnjet p{
     margin-bottom: 5px;
}
 .joinusbtn a{
     background: #113f61;
     color: #ffffff;
     margin-right: 5px;
}
 .becomelawnjetimg{
     position: absolute;
     bottom: -65px;
     right: 0px;
     width: auto;
}
 footer{
     background-image: url(images/banner1.jpg);
     margin-top: 10px;
}
 .footermenu ul, .locationlinks ul, .contactinfo ul, .sociallinks ul, .openinghours ul, .widget-area section ul, .widget-area section ol{
     list-style: none;
     margin: 0px;
     padding: 0px;
}
 .footercol ul li{
     padding: 3px 0px;
     font-weight: 500;
}
 .footermenu ul li{
     width: 50%;
     float: left;
}
 .sociallinks ul li{
     font-size: 32px;
     margin-top: 5px;
     margin-right: 3px;
}
 .copyright{
     padding: 20px 0px;
     border-top: 1px solid #88978a;
}
 .main-wrapper .quoteformsection{
     margin-top: 0px;
}
 .pagetitlesection{
     background-image: url(images/banner3.jpg);
     padding: 50px 0px;
     background-attachment: scroll !important;
}
 .main-wrapper h1{
     font-size: 36px;
     line-height: 42px;
}
 .pagechildren .servicecol, .membershipform{
     margin: 20px 0px;
}
 .page-id-95 .becomelawnjet, .footermenu ul ul, .page-id-98 .becomelawnjet{
     display: none !important;
}
 .contactform textarea{
     height: 175px !important;
}
 .map{
     padding: 5px;
     border: 1px solid #ced4da;
     height: 450px;
}
 .map iframe{
     width: 100% !important;
     height: 100% !important;
}
 .wp-block-embed-youtube .wp-block-embed__wrapper, .wp-video, .video-responsive {
     width: 100% !important;
     padding-bottom: 56.25%;
    /* 16:9 */
     height: 0px !important;
     position: relative;
}
 .wp-block-embed-youtube .wp-block-embed__wrapper iframe, .wp-video video, .video-responsive iframe {
     position: absolute;
     top: 0px;
     left: 0px;
     width: 100% !important;
     height: 100% !important;
}
 .blogcol{
     float: left;
     width: 100%;
     border: 1px solid #ced4da;
     margin-bottom: 20px;
}
 .blogcol .blogtitle{
     margin-bottom: 15px;
}
 .blogcol .blogdetail{
     background: #f6f6f6;
     padding: 20px 15px;
}
 .blogcol .blogdetail .blogdate{
     background: #113f61;
     font-size: 20px;
     line-height: 26px;
     font-weight: 600;
     text-align: center;
     float: left;
     padding: 10px;
     width: 70px;
     margin-right: 15px;
     color: #ffffff;
     text-transform: uppercase;
}
 .blogcol .blogdetail h6{
     font-size: 20px;
     line-height: 26px;
     font-weight: 700;
}
 .blogcol .blogdetail ul li{
     padding: 0px;
     margin-right: 10px;
     display: inline-block;
     font-weight: 500;
}
 .searchbox, .wp-block-search {
     padding: 0px;
     border: 1px solid #ced4da;
     background: #ffffff !important;
}
 .searchbox input, .wp-block-search input {
     border: none !important;
     float: left;
     padding: 12px 15px;
     background: none;
     width: 80%;
     color:#585858;
     font-size: 16px;
}
 .searchbox input[type='submit'], .wp-block-search .wp-block-search__button{
     width: 50px;
     height: 50px;
     float: right;
     background: url(images/search-icon.png) no-repeat 50% 50% #f9eeb7;
     text-indent: -999999px;
     border: none !important;
}
 .searchbox input[type='submit']:hover, .wp-block-search .wp-block-search__button:hover{
     background: url(images/search-icon.png) no-repeat 50% 50% #ededed;
}
 .error-404, .no-results .page-content{
     font-size: 18px;
     font-weight: 600;
}
 .searchcol{
     padding: 25px !important;
     border: 1px solid #ced4da;
     margin-top: 30px;
}
.ngg-galleryoverview{
	margin-bottom: 0px;
}
.ngg-galleryoverview.default-view .ngg-gallery-thumbnail-box {
	width: 20%;
}
.ngg-galleryoverview.default-view .ngg-gallery-thumbnail img{
	width: 100%;
}
.ngg-galleryoverview.default-view{
	text-align: left;
}

/* Blog ---------------------------------------------------------- */
 .widget-area section {
     padding: 20px 15px;
     border: 1px solid #ced4da;
     font-weight: 500;
}
 .widget-area section select {
     padding: 10px 15px;
     border: 1px solid #ced4da;
     width: 100%;
     margin-bottom: 0px;
}
 .widget-area section h4{
     margin-bottom: 10px;
     font-size: 24px;
}
 .widget-area section.widget_search{
     padding: 0px !important;
     border: none;
}
 #comments{
     width: 100%;
     float: left;
}
 #comments ol {
     list-style: none 
}
 #comments h2 {
     font-size: 28px;
}
 ol.comment-list li .comment-body {
     background: none repeat scroll 0 0 #fafafa;
     padding: 15px;
     border: 1px solid #ced4da;
}
 #comments footer.comment-meta, .wp-block-latest-comments footer {
     padding: 0px;
     background: none;
}
 #comments footer {
     color: #585858 
}
 .wp-block-latest-comments footer a, .wp-block-latest-comments footer{
     color: #282828;
}
 .widget-area section ul li a:hover, .comment-metadata a, .entry-meta a:hover, .entry-footer a:hover, nav.navigation .nav-links a:hover, .widget-area aside ul li a:hover, nav.navigation .nav-links a:hover, .entry-meta a:hover, .blog-col h3 a:hover, .says a {
     color: #113f61;
}
 .reply {
     text-align: right !important;
     text-transform: uppercase;
}
 .comment-respond form label {
     display: block;
     margin-bottom: 10px;
     font-size: 16px;
     font-weight: 600;
     text-transform: uppercase;
}
 .comment-respond form input[type="checkbox"] + label {
     display: inline-block;
     font-weight: 400;
     letter-spacing: 0;
     margin: 0 0 0 5px;
     text-transform: none;
}
 .comment-form-author, .comment-form-email {
     display: block;
     width: 47.5%;
     float: left;
}
 .comment-form-email {
     float: right;
}
 .comment-form-url {
     clear: both;
}
 #respond input, #respond textarea {
     width: 100%;
     background: #fafafa;
     padding: 10px 0px;
     text-indent: 10px;
     border: 1px solid #ced4da;
}
 #respond input[type='checkbox'] {
     margin-right: 5px;
}
 #respond input[type='checkbox'], #respond .comment-form-cookies-consent label {
     display: inline-block;
     width: auto !important;
}
/* In Comment List --------------------------- */
 .comment-list .comment-respond {
     padding: 40px 0 15px;
     max-width: 100%;
}
 .comments-title-container, .comment-reply-title {
     padding: 10px 0px;
     border-bottom: 1px solid #ced4da;
     margin-bottom: 15px;
     vertical-align: bottom;
     font-size: 24px;
}
 .comment-list #cancel-comment-reply-link {
     font-weight: 500;
     margin-left: 5px;
     display: inline-block;
     position: relative;
     text-decoration: underline;
     color: #585858;
}
 .commentlist #cancel-comment-reply-link:hover {
     text-decoration: underline;
}
 .comment-content {
     margin: 10px 0px 
}
 #respond .comment-form-cookies-consent {
     margin-top: 15px;
}
 #respond input[type='submit'] {
     width: auto;
     margin: 10px 0px;
     padding: 13px 25px;
     border: none;
     font-size: 20px;
     font-weight: 800;
     background: #f9eeb7;
     text-transform: uppercase;
     color: #113f61;
     text-indent: 0px;
}
 #respond input[type='submit']:hover {
     background: #113f61;
     color: #f9eeb7;
}
 .comment-author .avatar {
     float: left;
     height: 24px;
     margin-right: 0.8em;
     width: 24px;
    994 
}
 .widget h4.widget-title {
     font-size: 20px;
     line-height: 30px;
     margin: 10px 0px;
}
 .widget-area section ul li {
     padding: 8px 0px;
     list-style: none;
     border-bottom: 1px solid #ced4da;
     line-height: 25px;
     font-weight: 500;
}
 .widget-area section ul li:last-child {
     border: none;
}
 .widget-area section ul li a {
     text-decoration: none;
}
 .widget-area section ul li a:hover {
     text-decoration: underline;
}
 .widget-area section#search-2 {
     padding: 0px;
     border: none;
}
 .widget-area label.screen-reader-text {
     display: none;
}
 .entry-content input {
     padding: 3px 10px;
     border: 1px solid #ced4da;
}
 .entry-content input[type='submit'] {
     background: #005495;
     line-height: 25px;
     border: none;
     color: #fff;
}
 #content h3.screen-reader-text {
     line-height: 35px;
     padding: 8px 0px;
}
 .tagcloud a {
     background-color: #113f61;
     border-radius: 0 2px 2px 0;
     display: inline-block;
     margin: 5px 4px 5px 10px;
     padding: 3px 10px;
     position: relative;
     text-decoration: none;
    /*text-transform: uppercase;
    */
     color: #ffffff;
     font-weight: 600;
     transition-duration: 0s 
}
 .tagcloud a:hover {
     background-color: #113f61;
     color: #113f61;
     transition-duration: 0s;
     text-decoration: none;
}
 .tagcloud a:before {
     border-bottom: 15px solid transparent;
     border-right: 10px solid #113f61;
     border-top: 15px solid transparent;
     content: "";
     height: 0;
     left: -10px;
     position: absolute;
     top: 0;
     width: 0;
}
 .tagcloud a:hover:before {
     border-right-color: #113f61;
     transition-duration: 0s;
}
 .tagcloud a:after {
     background-color: #ffffff;
     border-radius: 50%;
     content: "";
     height: 6px;
     left: 0px;
     position: absolute;
     top: 12px;
     width: 6px;
}
 .tagcloud a:hover:after {
     background-color: #113f61 
}
/* Post Navigation --------------------------- */
 .post-navigation, .navigation {
     border-top: 1px solid #ced4da;
     border-bottom: 1px solid #ced4da;
     position: relative;
     background: none;
     width: 100%;
     float: left;
     padding-right: 0px;
}
 .post-navigation:before {
     content: "";
     display: block;
     width: 1px;
     height: 100%;
     background: #ddd;
     position: absolute;
     left: 50%;
     top: 0px;
}
 .post-navigation .nav-links, .navigation .nav-links {
     padding: 20px 0px;
     width: 100%;
     float: left;
}
 .post-navigation .nav-previous, .post-navigation .nav-next, .navigation .nav-previous, .navigation .nav-next {
     display: inline-block;
     float: left;
     width: 47.5%;
}
 .post-navigation span.nav-subtitle {
     display: block;
     font-size: 16px;
     color: #585858;
     font-weight: 700;
     margin: 0;
     text-transform: uppercase;
}
 .post-navigation span.nav-title {
     font-size: 15px;
     font-weight: 500;
     text-transform: none;
}
 .post-navigation .nav-next, .navigation .nav-next {
     float: right;
     text-align: right;
}
 .post-navigation a, .navigation .nav-links a {
     text-decoration: none;
}
 .post-navigation h2.screen-reader-text, .navigation h2.screen-reader-text {
     display: none;
}
 .navigation .nav-links a{
     font-size: 18px;
     text-transform: uppercase;
     font-weight: 700;
}
 .entry-meta {
     clear: both;
     margin-bottom: 15px;
}
 .entry-meta a, .entry-footer a, .comment-metadata a {
     color: #585858;
     font-weight: 600 
}
 .entry-meta > span, .entry-footer span {
     margin-right: 15px;
     line-height: 30px;
     display: inline-block;
}
 .entry-meta > span:last-child {
     margin-right: 0;
}
 .featured-post:before {
     content: "\f408";
     margin-right: 2px;
     font-family: "Font Awesome 5 Free";
}
 .entry-meta .posted-on a:before, .entry-footer .posted-on a:before {
     content: "\f073";
     font-family: "Font Awesome 5 Free";
     margin-right: 6px 
}
 .comments-link a:before {
     content: "\f086";
     font-family: "Font Awesome 5 Free";
     margin-right: 6px;
     position: relative;
     top: -1px;
}
 .entry-meta .author a:before {
     content: "\f007";
     position: relative;
     font-family: "Font Awesome 5 Free";
     top: -1px;
     margin-right: 4px 
}
 .categories-links a:first-child:before, .entry-footer .cat-links a:first-child:before {
     content: "\f07c";
     font-family: "Font Awesome 5 Free";
     margin-right: 6px 
}
 .tags-links a:first-child:before, .entry-footer .tags-links a:first-child:before {
     content: "\f02e";
     position: relative;
     font-family: "Font Awesome 5 Free";
     top: 0px;
     margin-right: 6px 
}
 .edit-link a:before, .blog-meta .edit-link a:before {
     content: "\f044 ";
     font-family: "Font Awesome 5 Free";
     position: relative;
     top: -1px;
     margin-right: 6px 
}
 .says {
     margin-left: 3px 
}
 span.edit-link {
     margin-left: 5px 
}
 .reply a {
     background: #113f61;
     padding: 8px 15px;
     font-weight: 600;
     color: #ffffff;
     text-decoration: none;
}
 .reply a:hover {
     background: #f9eeb7;
     color: #113f61;
}
 @media all and (max-width:1400px) {
     .callus a {
         font-size: 26px;
         line-height: 30px;
    }
     #cssmenu .menu-header-menu-container>ul>li>a{
         padding: 12px 15px;
         font-size: 16px;
    }
     .banner-descp .banner-descp-wrapper {
         max-width: 1320px;
    }
     .banner-descp .banner-descp-wrapper .banner-descp-detail {
         width: 50%;
    }
     .whychooseuscontent .whychoosecol{
         padding-left: 75px;
         letter-spacing: 0px;
    }
     .whychooseuscontent .whychoosecol, .servicecol{
         margin-top: 25px;
    }
     .whychooseuscontent .whychoosecol .icon {
         width: 70px;
    }
     .servicecol {
         padding: 15px;
    }
     .servicecol .servicetitle {
         padding: 35px 15px;
    }
     .servicecol .servicetitle h5{
         font-size: 22px;
         line-height: 28px;
    }
     #reviewslider {
         width: 75%;
    }
     .main-wrapper .quoteformsection{
         padding: 25px 15px;
    }
     .main-wrapper .quoteformsection .quoteform .col-xl-6{
         width: 100%;
    }
     .main-wrapper .quoteformsection .title h2{
         font-size: 32px;
         line-height: 36px;
    }
     .main-wrapper .quoteformsection .quoteform{
         margin-top: 15px;
    }
}
 @media all and (max-width:1366px) {
     .banner-descp .banner-descp-wrapper{
         max-width: 1170px;
    }
}
 @media all and (max-width:1200px) {
     nav .overlay::before{
         display: none;
    }
     .banner{
         margin-top: 0px;
         float: none;
    }
     .banner-descp {
         top: 20%;
    }
     .banner-descp .banner-descp-wrapper {
         max-width: 960px;
    }
     .banner-descp .banner-descp-wrapper .banner-descp-detail {
         width: 65%;
    }
     .quoteformsection, .membershipform{
         padding: 25px;
    }
     .quoteformsection .quoteform {
         margin-top: 10px;
    }
     .quoteformsection .title h2 {
         font-size: 32px;
         line-height: 36px;
    }
     .whychooseuscontent .whychoosecol, .footercol, .rightsidebar {
         margin-top: 20px;
    }
     #reviewslider {
         width: 85%;
    }
     .footercol{
         margin-bottom: 20px;
    }
     .footermenu ul li {
         width: 33.333333333%;
    }
     .main-wrapper .quoteformsection{
         margin-top: 15px;
    }
     .becomelawnjetimg, .main-wrapper .quoteformsection .quoteform .col-xl-6 {
         width: 50%;
    }
     .map{
         height: 375px;
    }
}
 @media all and (max-width:992px) {
     .callus {
         font-size: 15px;
         line-height: 22px;
         padding-left: 60px;
    }
     .callus::before {
         font-size: 52px;
         top: 13px;
    }
     .callus a {
         font-size: 24px;
         line-height: 28px;
    }
     .banner-descp .banner-descp-wrapper {
         max-width: 720px;
    }
     .banner-descp .banner-descp-wrapper .banner-descp-detail {
         width: 75%;
    }
     .banner-descp .banner-descp-wrapper .banner-descp-detail .title h2{
         font-size: 32px;
         line-height: 36px;
    }
     .welcomesection {
         margin-top: 50px;
    }
     .quoteformsection {
         margin-top: 15px;
    }
     .whychooseusgallery img, #reviewslider{
         width: 100%;
    }
     .whychooseuscontent .whychoosecol {
         margin: 15px 0px;
    }
     .becomelawnjetimg {
         width: 100%;
         position: relative;
         text-align: center;
         top: 0px;
         margin-bottom: -65px;
    }
     .footermenu ul li {
         width: 50%;
    }
	.ngg-galleryoverview.default-view .ngg-gallery-thumbnail-box {
		width: 25%;
	}
}
 @media all and (max-width:767px) {
     .callus {
         font-size: 14px;
         line-height: 20px;
         padding-left: 45px;
    }
     .callus::before {
         font-size: 40px;
         top: 10px;
    }
     .callus a {
         font-size: 18px;
         line-height: 25px;
    }
     .banner-descp {
         top: 15%;
    }
     .banner-descp .banner-descp-wrapper {
         max-width: 540px;
    }
     .banner-descp .banner-descp-wrapper .banner-descp-detail {
         width: 100%;
         font-size: 16px;
         line-height: 24px;
    }
     .banner-descp .banner-descp-wrapper .banner-descp-detail .title{
         margin-bottom: 0px;
    }
     .banner-descp .banner-descp-wrapper .banner-descp-detail .title h2{
         font-size: 32px;
         line-height: 36px;
    }
     .banner-descp .banner-descp-wrapper .banner-descp-detail .readmorebtn a{
         font-size: 15px;
         padding: 7px 15px;
         line-height: 24px;
         margin-top: -10px !important;
    }
     .welcomesection .title h1{
         font-size: 36px;
         line-height: 42px;
    }
     .copyright{
         text-align: center;
    }
     .copyright span{
         float: none !important;
    }
     .main-wrapper .quoteformsection .quoteform .col-xl-6{
         width: 100%;
    }
}
 @media all and (max-width:575px) {
     header{
         text-align: center;
    }
     .logo img{
         width: 330px;
    }
     .callus, nav{
         margin-top: 20px;
    }
     .callus{
         float: none !important;
         display: block;
         font-size: 16px;
         line-height: 26px;
         padding: 10px;
         background: #053a59;
    }
     .callus::before {
         display: none;
    }
     .callus a {
         font-size: 24px;
         line-height: 28px;
    }
     .callus a::before {
         display: inline-block;
         content: '\f879';
         font-family: 'Font Awesome 5 Free';
         font-weight: 900;
         margin-right: 8px;
         font-size: 22px;
         position: relative;
         top: -1px;
    }
     .banner-descp {
         top: 22.5%;
    }
     .banner-descp .banner-descp-wrapper {
         width: 100%;
    }
     .banner-descp .banner-descp-wrapper .banner-descp-detail {
         width: 100%;
         font-size: 14px;
         line-height: 20px;
    }
     .banner-descp .banner-descp-wrapper .banner-descp-detail .title h2{
         font-size: 20px;
         line-height: 24px;
         margin-bottom: 5px;
    }
     .banner-descp .banner-descp-wrapper .banner-descp-detail .readmorebtn a{
         font-size: 14px;
         padding: 5px 10px;
         line-height: 22px;
    }
     .servicecol .servicetitle h5 {
         font-size: 26px;
         line-height: 30px;
    }
     .whychooseuscontent .whychoosecol{
         width: 100%;
         min-height: 50px;
         display: flex;
         align-items: center;
    }
	.ngg-galleryoverview.default-view .ngg-gallery-thumbnail-box {
		width: 33.3333333%;
	}
}
 @media all and (max-width:480px) {
     .banner-descp {
         top: 15%;
    }
     .banner-descp .banner-descp-wrapper .banner-descp-detail {
         width: 100%;
         font-size: 13px;
         line-height: 18px;
    }
     .banner-descp .banner-descp-wrapper .banner-descp-detail .title h2{
         font-size: 16px;
         line-height: 24px;
         margin-bottom: 0px;
    }
     .banner-descp .banner-descp-wrapper .banner-descp-detail .readmorebtn a{
         font-size: 13px;
         padding: 4px 10px;
         line-height: 20px;
    }
     .becomelawnjet .readmorebtn a{
         min-width: 250px;
         text-align: center;
    }
     .footermenu ul li {
         width: 100%;
    }
}
 @media all and (max-width:400px) {
     .logo img{
         width: auto;
    }
     .callus a {
         font-size: 22px;
         line-height: 26px;
    }
     .callus a::before {
         font-size: 20px;
    }
     .default-flex .flexslider .slides img.flex-slide-img{
         min-height: 180px;
    }
     .banner-descp {
         top: 12.5%;
    }
     .banner-descp .banner-descp-wrapper .banner-descp-detail {
         width: 100%;
         font-size: 12px;
         line-height: 15px;
    }
     .banner-descp .banner-descp-wrapper .banner-descp-detail .title h2{
         font-size: 22px;
         line-height: 26px;
         margin-bottom: 0px;
    }
     .welcomesection .title h1, .title h2{
         font-size: 32px;
         line-height: 36px;
    }
     .servicecol .servicetitle h5 {
         font-size: 24px;
         line-height: 30px;
    }
     .quoteformsection {
         padding: 25px 15px;
    }
     .quoteformsection .title h2 {
         font-size: 24px;
         line-height: 32px;
    }
     .becomelawnjetimg {
         top: 15px;
    }
	.ngg-galleryoverview.default-view .ngg-gallery-thumbnail-box {
		width: 50%;
	}
}