/**
Theme Name: Correct Roofing Melbourne
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. 
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: correct-roofing-melbourne
Template: astra
*/

.reviews{margin-top: 20px;}
.reviews a {
    text-decoration: none !important;
}
p.stars {
    margin-bottom: 0;
    width: fit-content;
    grid-column-gap: 7px;
}
.steps-block, p.stars {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
}
.main-ban p {
    color: #003a79;
    font-size: 21px;
    text-transform: capitalize;
    font-weight: 500;
    line-height: 1.5;
}
@media only screen and (min-width: 1366px) and (max-width: 1599px) {
    .main-ban p {
        font-size: 21px !important;
    }
}
p.revs img {
    height: 28px;
    margin-left: 12px;
    width: auto;
}

p.revs{color:#fff !important;}
.ctagreen{background: #E9453B;
    color: #fff;
    font-size: 22px;
    text-align: center;
    font-weight: 800;
    text-transform: uppercase;
    padding: 5px;
    border-radius: 5px;margin-top:20px}

.entry-content p {
	margin-bottom: 15px;
}

.white {
	color: #fff !important;
}

.center {
	text-align: center;
}

*:not(p),
footer p,
header p,
body p:last-child,
.no-mb {
	margin-bottom: 0px !important;
}

.vc_column-inner {
	padding-top: 0px !important;
}

a:focus {
	outline: 0px !important;
}

.pd-side-none>div>div {
	padding-left: 0px !important;
	padding-right: 0px !important
}

.site-primary-header-wrap {
	    background: #fff;
    margin-top: 20px;
    border-radius: 20px;
    padding: 0px 20px !important;
}

#gform_confirmation_message_2{
	text-align:center;
	font-weight:bold;
}

.foot-google img{
	width: 150px!important;
    background: #fff;
    padding: 10px;
    border-radius: 10px;
	position:relative!important;
}

.foot-google{
	padding:5px 0 0px!important;
}

.thank-main-sec p{
	    background: #f5f5f5;
    padding: 20px;
    font-size: 18px;
    border-radius: 10px;
}

.error404 #content{
	background:#fff;
	text-align:center;
	padding-bottom:100px;
	padding-top:30px;
}

.error404 .page-content p{
	text-align:center;
	padding-top:20px;
}

.home .ast-sticky-active .ast-primary-header-bar{
	box-shadow:0 0!important;
}

.home-main-banner {
	  position: relative;
    padding-top: 120px;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 150px;
    align-items: center;
}

.inner-page-bann, .inner-page-bann h1, .inner-page-bann p a:hover {
	color:#fff!important;
	text-align:center;
}

.inner-page-bannner:before{
	  content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0;
    background: linear-gradient(87deg, transparent, #000000bf, transparent);
}

.inner-page-bann p{
	font-weight:600;
	font-size:20px;
	padding-top:10px;
}

.small-head {
	display: inline-block;
	border: 1px solid #fff;
	padding: 0px 25px;
	font-size: 15px;
	color: #fff;
	border-radius: 30px;
}

.sub-head {
	font-size: 23px;
	line-height: 36px;
}

.homepage-banner:after {
	    content: '';
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    background: #000000bf;
    width: 100%;
    height: 100%;
}

.ban-subhead {
	font-size: 20px;
	line-height: 32px;
}

.banner-pointers {
   margin-top: 0px !important;
    padding: 0 0 40px 0 !important;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 50px;
}

.banner-pointers li img{
	    width: 70px;
    background: #fff;
    padding: 10px;
    border-radius: 10px;
}

.banner-pointers li {
	color: #fff;
    display: flex;
    font-weight: 600;
    line-height: 25px;
    column-gap: 20px;
    align-items: center;
}

.bullet-points {
	display: grid;
	grid-row-gap: 15px;
	padding: 0 0 10px 0 !important;
}

.bullet-points li {
	color: #fff;
	font-size: 18px;
	list-style-type: none;
	line-height: 30px;
	position: relative;
	padding-left: 37px;
}

.bullet-points li {
	color: #000;
}

.bullet-points li:before {
	content: '✓';
	display: block;
	width: 25px;
	height: 25px;
	background: #1EBC2F;
	text-align: center;
	border-radius: 25px;
	line-height: 26px;
	font-size: 15px;
	position: absolute;
	left: 0;
	top: 3px;
	color: #fff;
}

.home-ban-right img {
	       margin-bottom: -120px !important;
    position: absolute;
    bottom: 0px;
    right: -450px;
    width: 1041px;
}

.home-ban-right {
	text-align: right;
}

.site-btn a {
	background: #1EBC2F;
	padding: 14px 30px;
	line-height: 20px;
	color: #fff;
	font-weight: 600;
	border-radius: 30px;
	display: inline-block;
	transition: 0.5s all;
}

.site-btn a:hover {
	background: #000;
}

.why-choose-bottom {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-column-gap: 30px;
	padding-top: 40px;
}

.why-head, .ser-in-head, .pro-head {
	font-size: 20px;
	font-weight: 700;
	border-bottom: 1px solid #000;
	padding-bottom: 15px;
}

.why-choose-top {
	width: 70%;
}

.ser-slide-img:before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background: linear-gradient(1deg, #000000c7, transparent, #000000c9);
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 20px;
}

.ser-slide-in {
	position: relative;
}

.ser-icon {
	position: absolute;
	top: 20px;
	left: 20px;
}

.ser-slide-img {
	position: relative;
}

.ser-txt-sec {
	position: absolute;
	bottom: 10px;
	left: 10px;
	right: 10px;
	background: #fff;
	border-radius: 20px;
	padding: 20px;
	text-align: left;
}

.slick-slide {
	padding: 0px 10px;
}

.slick-track {
	margin: 0px -10px;
}

.ser-slide-img img {
	border-radius: 20px;
}

.sub-head {
	font-size: 22px;
}

.home-about-section {
	display: grid;
	grid-template-columns: 1.6fr 1.4fr;
	grid-column-gap: 100px;
}

.home-about-right {
	background: url('/wp-content/uploads/2026/06/home-about-img.webp');
}

.bg-img {
	background-size: cover !important;
	background-position: center !important;
	border-radius: 20px;
}

.sub-head {
	font-size: 20px;
	line-height: 32px;
}

.ser-head {
	font-size: 18px;
	margin-bottom: 5px !important;
	font-weight: 600;
	line-height: 24px;
	color: #000;
}

.ser-txt {
	color: #000;
	font-size: 15px;
}

.why-bot-in img {
	width: 80px;
	padding-bottom: 25px;
}

.home-faq {
	display: grid;
	grid-template-columns: 1fr 2fr;
	grid-column-gap: 100px;
}

.faq-head {
	font-size: 20px;
	font-family: 'Figtree', sans-serif;
	font-weight: 600;
	letter-spacing: 0;
}

.faq-item {
	border: 1px solid #f5f5f5;
	border-radius: 20px;
}

.faq-question {
	background: #f5f5f5;
    padding: 15px 20px;
    border-radius: 20px;
    display: grid;
    justify-content: space-between;
    cursor: pointer;
    grid-template-columns: auto 50px;
    grid-column-gap: 10px;
    justify-items: end;
}

.faq-item.active .faq-question {
	background: #1ebc2f;
	border-radius: 19px 19px 0 0;
	color: #fff;
}

.faq-item.active {
	border-color: #1ebc2f;
}

.faq-plus {
	width: 39px;
    height: 39px;
    background: #1ebc2f;
    text-align: center;
    border-radius: 30px;
    font-size: 17px;
    color: #fff;
    transition: 0.5s all;
    line-height: 39px;
}

.faq-item.active .faq-plus {
	background: #fff;
	color: #000000;
	transform: rotate(90deg);
}

.accordion {
	display: grid;
	grid-row-gap: 15px;
}

.ser-icon img {
	background: #1EBC2F;
	width: 70px;
	padding: 10px;
	border-radius: 10px;
}

.home-ser-slides {
	text-align: center;
	padding: 20px 0 60px;
}

.ser-arrow {
	position: absolute;
	bottom: 0px;
}

.ser-arrow p {
	background: #1EBC2F;
	width: 40px;
	height: 40px;
	line-height: 42px;
	border-radius: 30px;
	color: #fff;
	font-weight: 700;
	cursor: pointer;
	transition: 0.5s all;
}

.ser-arrow p:hover {
	background: #fff;
	color: #1EBC2F;
}

.slick-slide a:hover .ser-txt-sec p {
	color: #1EBC2F;
}

.ser-prev {
	right: 50.5%;
}

.ser-next {
	left: 50.5%;
}

.faq-answer {
	padding: 20px;
	display: none;
}

.process-container {
	display: flex;
	gap: 30px;
	position: relative;
	padding: 25px 0 40px;
}

.process-container::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 10%;
	right: 10%;
	height: 2px;
	background-color: #1EBC2F;
	z-index: 1;
}

.step-card {
	background: #ffffff;
	border-radius: 24px;
	padding: 30px;
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02);
	position: relative;
}

/* Connecting swoops/indicators pointing to the line */
.step-card::after {
	content: '';
	position: absolute;
	bottom: -40px;
	left: 50%;
	transform: translateX(-50%);
	width: 2px;
	height: 40px;
	background-color: #1EBC2F;
	z-index: 2;
}

.card-top {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.icon-wrapper img {
	width: 100px;
}

.step-title {
	font-size: 22px;
	font-weight: 600;
}

.step-description {
	padding-top: 100px;
}

.roof-img img {
	position: absolute;
	top: -100px;
	right: -245px;
	width: 500px;
	opacity: 0.4;
}

.foot-big-head {
	color: #fff;
	font-size: 35px;
	line-height: 42px;
}

.foot-big-txt {
	color: #fff;
	padding: 25px 0 30px;

}

.foot-mid {
	display: grid;
	grid-template-columns: 1fr 2fr;
	grid-column-gap: 100px;
}

.foot-mid-right-top {
	display: grid;
	grid-template-columns: 1.4fr 1.6fr;
	grid-column-gap: 50px;
}

.foot-head {
	color: #fff;
	font-size: 22px;
	padding-bottom: 20px;
	font-family: 'Inter Tight';
}

.foot-mid-r-right .foot-links li{
	display: inline-block;
    padding-right:10px;
	margin-right:10px;
}

.foot-mid-r-right .foot-links li:not(:last-child) a:after{
	      content: '';
    display: inline-block;
    width: 1px;
    height: 12px;
    background: #fff;
    position: absolute;
    margin-left: 10px;
    top: 3px;
}

.foot-mid-r-right .foot-links li a{
	position:relative;
}

.foot-mid-r-right .foot-links li:first-child{
	padding-left:0px!important;
}

.foot-links a,
.contact-details a,
.ast-footer-copyright a,
.ast-footer-copyright p {
	color: #ffff;
	font-size: 15px;
}

footer li a:hover,
.contact-details a:hover,
.ast-footer-copyright a:hover {
	color: #1EBC2F;
}

.contact-details img {
	width: 30px;
	position: absolute;
	left: 0;
	top: 0;
}

.contact-details {
	display: grid;
	grid-row-gap: 20px;
}

.contact-details p {
	position: relative;
	padding-left: 45px;
	font-size: 15px;
}

.ast-footer-copyright img {
	width: 30px;
	vertical-align: sub;
}

.site-btn.white a:hover {
	background: #fff;
	color: #000;
}

body:not(.home) .site-primary-header-wrap {
	margin-top: 0px;
	border-radius: 0px;
}

.about-main-sec {
	grid-template-columns: 1.4fr 1.6fr;
}

.commit-head {
	font-size: 22px;
	font-weight: 700;
	display: inline-block;
	border-bottom: 1px solid #000;
	background: #f5f5f5;
	padding: 10px 20px;
	border-radius: 10px;
	margin: 15px 0 25px !important
}

.set-apart-section {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-column-gap: 30px;
	padding-top: 35px;
}

.set-apart-section .why-bot-in {
	background: #fff;
	padding: 30px;
	border-radius: 20px;
}

.foot-top-right{
	background:url('/wp-content/uploads/2026/06/roof-replacement-img2.webp');
	border-radius:0px;
}

.site-above-footer-wrap[data-section="section-above-footer-builder"] .ast-builder-grid-row{
	padding:0px!important;
}

.footer-top-sec{
	display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.foot-top-left{
	       background: #1EBC2F;
    padding: 70px 200px 70px 70px;
    color: #fff;
}

.foot-c-head{
	      font-family: 'Inter Tight', sans-serif;
    font-size: 35px;
    padding-bottom: 20px;
    line-height: 45px;
}

.foot-p-txt{
	font-size: 22px;
    line-height: 35px;
	padding-bottom:25px;
}

.person-img img{
	      position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 260px;
}

.foot-white a{
	background:#000;
	color:#fff;
}

.foot-mid-left img{
	width:200px;
}

.inner-page-banner:before{
	    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0;
    background: linear-gradient(87deg, black, transparent);
}

.inner-page-ban{
	      position: relative;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 100px;
    align-items: center;
}

.inner-ban-points{
	    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 30px;
	padding-top:50px;
}

.inner-ban-points p img{
	    width: 45px;
    background: #fff;
    padding: 10px;
    border-radius: 10px;
}

.inner-ban-points p{
	    display: flex;
    align-items: anchor-center;
    column-gap: 10px;
	margin-bottom:0px!important;
}

.inner-page-ban h1{
color: #fff;
   
}

.inner-page-ban-left p{
	    color: #fff;
    font-weight: 600;
}

.ban-r-head{
	    font-size: 25px;
    font-family: 'Inter Tight';
	margin-bottom:10px!important;
}

.ban-r-txt{
	padding-bottom:10px;
}

.contact-page-right{
	background:url('/wp-content/uploads/2026/06/contact-us-img.webp');
}

.contact-page-in{
	    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 50px;
}

.cont-form{
	    background: #f5f5f5;
    padding: 30px;
    border-radius: 20px;
}

#gform_fields_1, #gform_fields_2{
	grid-row-gap:15px;
}

.inner-page-ban-right.cont-form{
	background:#fff;
}

.inner-page-ban-right.cont-form input[type=text], .inner-page-ban-right.cont-form input[type=email], .inner-page-ban-right.cont-form input[type=tel], .inner-page-ban-right.cont-form select{
background:#f5f5f5!important;
}

.inner-page-ban-right.cont-form .gform-footer{
	justify-content: center;
}

.cont-form input[type=text], .cont-form input[type=email], .cont-form input[type=tel], .cont-form select, .cont-form textarea{
	    box-shadow: 0px 0px!important;
	border:0px!important;
    padding: 15px 20px!important;
    line-height: 20px !important;
    height: inherit!important;
    border-radius: 30px !important;
	    font-size: 15px !important;
}

#gform_submit_button_1, #gform_submit_button_2{
	    background: #36bc2e;
    font-size: 17px;
    font-family: 'Figtree';
    padding: 14px 30px;
    line-height: 19px;
    color: #fff;
    font-weight: 600;
    border-radius: 30px;
    display: inline-block;
    transition: 0.5s all;
}

#gform_submit_button_1:hover, #gform_submit_button_2:hover{
	background:#000;
}

:focus{
	outline:0px!important;
}

.ser-page-bottom{
	    padding-top: 30px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 30px;
    grid-row-gap: 30px;
}

.ser-page-in{
	background: #f5f5f5;
    padding: 30px;
    border-radius: 20px;
}

.ser-page-in img{
	     background: #000;
    width: 60px;
    padding: 10px;
    border-radius: 10px;
	transition:0.5s all;
}

.ser-page-in:hover img{
	background:#1EBC2F;
}

.ser-page-bot{
	    padding-top: 50px;
}

.ser-page-in .site-btn{
	padding-top:10px;
}

.mega-menu-right{
	background:url('/wp-content/uploads/2026/06/roof-replacement-img2.webp');
    margin-right: -1px;
	border-radius:0 20px 20px 0;
}

.mega-menu-sec{
	    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-column-gap: 100px;
}

.astra-megamenu{
	    border: 0px!important;
    padding: 0px!important;
    border-radius: 20px;
}

.astra-megamenu .ast-mm-custom-content{
	    margin: 0px!important;
    padding: 0px;
}

.mega-menu-left{
	padding:30px;
}

.m-m-head{
	    font-size: 25px;
    font-family: 'Inter Tight';
	padding-bottom:15px;
}

.m-m-links{
	    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 12px;
}

.m-m-links a{
	    color: #000;
    font-weight: 100;
}

.m-m-links li:before{
	content: '→';
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    color: #fff;
    background: #1EBC2F;
    font-size: 14px;
    text-align: center;
    line-height: 22px;
    border-radius: 20px;
    left: 0;
    top: 2px;
}

.m-m-links li{
	    position: relative;
    padding-left: 30px;
}

.m-m-links a:hover{
	color:#1EBC2F;
}

.site-header-focus-item{
	padding:0px;
}

.ast-site-identity{
	padding:0.7em 0;
}

.ser-process-sec{
	       display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 50px;
    padding-top: 25px;
}

.ser-pro-in img{
	       background: #f5f5f5;
    padding: 15px;
    width: 80px;
    border-radius: 10px;
    margin-bottom: 20px !important;
}

.pro-bot-txt{
	      background: #f5f5f5;
    padding: 30px;
    border-radius: 20px;
    margin-top: 50px !important;
}

.pro-bot-txt p{
	margin-bottom:0px!important;
}

.inner-page-ban a:hover{
	color:#fff;
}

.roof-paint-right{
	background:url('/wp-content/uploads/2026/06/roof-paint-img-main.webp');
}

.sark-batten-right{
	background:url('/wp-content/uploads/2026/06/re-sark-and-batten-big.webp');
}

.backtray-flash-right{
	background:url('/wp-content/uploads/2026/06/backtray-flashing-big.webp');
}

.new-roof-right{
	background:url('/wp-content/uploads/2026/06/new-terracotta-roof-img.webp');
}

.roof-replace-right{
	background:url('/wp-content/uploads/2026/06/roof-replacement-big.webp');
}

.gutter-downpipe-right{
	background:url('/wp-content/uploads/2026/06/guttering-downpipe-big-img.webp');
}

.repoint-rebed-right{
	background:url('/wp-content/uploads/2026/06/repoint-rebedding-big-img.webp');
}

.about-page-right{
	background:url('/wp-content/uploads/2026/06/about-roof-img.webp');
}

.colorbond-roof-right{
	background:url('/wp-content/uploads/2026/06/new-colorbond-roof-img2.webp');
}

.new-tile-right{
	background:url('/wp-content/uploads/2026/06/new-tile-roof-big.webp');
}

.roof-restore-right{
	background:url('/wp-content/uploads/2026/06/new-roof-img2.webp');
}

.flat-roof-right{
	background:url('/wp-content/uploads/2026/06/new-flat-roof-big.webp');
}

.roof-repair-right{
	background:url('/wp-content/uploads/2026/06/roof-repair-large.webp');
}

.wall-cap-right{
	background:url('/wp-content/uploads/2026/06/roof-repair-img2.webp');
}

.box-gutter-right{
	background:url('/wp-content/uploads/2026/06/new-box-guttering-big.webp');
}
.trimdek-right{
	background:url('/wp-content/uploads/2026/06/trimdek-big.webp');
}

.homepage-banner, .inner-page-banner, .inner-page-bannner{
	position:relative;
}

/* – Media Screen Css – */

@media only screen and (min-width:1600px) {
	.wd-contained {
		max-width: 1440px;
		margin: auto !important;
	}
}

@media only screen and (min-width:768px) {
	.stretchMe {
		position: relative;
		width: 100vw !important;
		left: 50% !important;
		margin-left: -50vw !important;
		max-width: inherit !important;
	}

	nav#primary-site-navigation ul.main-header-menu li:last-child a {
		padding-right: 0px !important;
	}
}


@media only screen and (min-width:1024px) {
	.pd-100 {
		padding: 120px 0px !important;
	}

	.pd-top {
		padding-top: 120px !important;
	}

	.pd-bottom {
		padding-bottom: 120px !important;
	}
}

@media only screen and (max-width:1023px){
	.home .ast-primary-header-bar{
    border-radius: 0;
    margin-top: 0;
	}
	
	.faq-plus {
    width: 30px;
    height: 30px;
    line-height: 30px;
		font-size:15px;
	}
	
	.home-main-banner{
		padding-top:0px;
	}
	
	.home-main-banner, .home-about-section, .home-faq, .foot-mid, .contact-page-in, .inner-page-ban{
		    grid-template-columns: 1fr;
		grid-row-gap:30px;
	}
	
	.bg-img{
		height:300px;
	}
	
	.site-primary-footer-wrap .footer-widget-area{
		text-align:left!important;
	}
	
	.site-below-footer-wrap{
		border-top:1px solid #fff!important;
	}
	
	#menu-toggle-close:active, #menu-toggle-close:focus{
		outline:0px!important;
		border:0px!important;
	}
	
	.person-img{
		display:none;
	}
	
		.footer-top-sec{
		grid-template-columns:1fr;
	}
}

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

	.pd-100 {
		padding: 100px 0px !important;
	}

	.pd-top {
		padding-top: 100px !important;
	}

	.pd-bottom {
		padding-bottom: 100px !important;
	}

	.site-primary-footer-inner-wrap,
	.wd-contained {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	.site-primary-footer-wrap[data-section="section-primary-footer-builder"] .ast-builder-grid-row,
	.site-below-footer-inner-wrap,
	.site-above-footer-inner-wrap {
		padding-left: 20px !important;
		padding-right: 20px !important;
		column-gap: 30px;
	}
	
	.ser-process-sec{
		    grid-template-columns: repeat(2, 1fr);
    grid-row-gap: 50px;
	}
	
	.foot-top-left{
		padding:70px 50px;
	}
	
	.roof-img img{
		right:-50px;
		opacity:0.1;
	}
	
	.why-choose-top{
		width:100%;
	}
	
	.why-choose-bottom{
		    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 40px;
    grid-row-gap: 30px;
	}
	
	.why-head, .ser-in-head, .pro-head{
		font-size:18px;
		padding-bottom:10px;
		  line-height: 25px;
	}
	
	.icon-wrapper img, .why-bot-in img{
		width:60px;
	}
	
	.step-description {
    padding-top: 10px;
}
	
	.process-container{
		gap:20px;
	}
	
	.step-title, .sub-head, .faq-head, .foot-p-txt{
		font-size: 18px;
    line-height: 26px;
	}
	
	.foot-c-head{
		    font-size: 25px;
    padding-bottom: 10px;
    line-height: 34px;
	}
	
	.set-apart-section{
		grid-column-gap:20px;
	}

	.why-bot-in img{
		padding-bottom:10px;
	}
	
	.ser-page-bottom{
		grid-template-columns:repeat(2, 1fr);
		grid-column-gap:20px;
		grid-row-gap:20px;
	}
	
	.ser-head {
    font-size: 17px;
    margin-bottom: 0px !important;
    line-height: 21px;
}
}

@media only screen and (min-width:1024px) and (max-width: 1365px) {
	.ast-primary-header-bar .site-primary-header-wrap {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}


	.site-above-footer-inner-wrap,
	.ast-container,
	.wd-contained, .ast-primary-header-bar, .site-primary-footer-inner-wrap {
		padding-left: 30px !important;
		padding-right: 30px !important;
	}


	h2,
	.entry-content h2,
	h1,
	.entry-content h1 {
		font-size: 35px;
		line-height: 45px;
	}
	
	.foot-top-left {
    padding: 40px 130px 40px 30px;
	}
	
	.foot-c-head {
    font-size: 28px;
    padding-bottom: 10px;
    line-height: 38px;
	}
	
	.foot-p-txt {
    font-size: 18px;
    line-height: 27px;
	}
	
	.person-img img{
		width:200px;
	}
	
	.faq-head{
		font-size: 18px;
    line-height: 25px;
	}
	
	.sub-head, .ban-subhead {
           font-size: 18px;
        line-height: 30px;
        font-weight: 500!important;
	}
	
	.home-faq, .home-main-banner, .home-about-section, .inner-page-ban{
		grid-column-gap:50px;
	}
	
	.commit-head{
		font-size:20px;
	}
	
	.why-head, .ser-in-head, .pro-head {
    font-size: 19px;
    padding-bottom: 10px;
	line-height: 26px;
	}
	
	.inner-ban-points{
		    grid-template-columns: 1fr;
    padding-top: 30px;
    grid-row-gap: 15px;
	}
	
	.why-bot-in img{
		padding-bottom:15px;
	}
	
	body:not(.home) .site-primary-header-wrap{
		padding:0px!important;
	}
	
	.step-description{
		padding-top:50px;
	}
	
	.icon-wrapper img{
		width:70px;
	}
	
	.step-title {
    font-size: 20px;
	}
	
	.roof-img img{
		right:-50px;
		opacity:0.2;
	}
	
	.home .banner-pointers{
		    grid-template-columns: 1fr;
    grid-row-gap: 15px;
	}
	
	.banner-pointers li img{
		width:50px;
	}
	
	.ast-builder-menu-1 .menu-item > .menu-link{
		    font-size: 17px !important;
    padding: 0px 0.7em;
	}
	
	.site-btn a, #gform_submit_button_1, #gform_submit_button_2{
		font-size:16px!important;
	}
	
	.cont-form{
		padding:20px;
	}
	
	.ser-page-bot{
		padding-top:15px;
	}

}

@media only screen and (max-width:767px) {
	.ctagreen{text-align: left !important;}
	.pd-100 {
		padding: 70px 0px !important;
	}

	.pd-top {
		padding-top: 70px !important;
	}

	.pd-bottom {
		padding-bottom: 70px !important;
	}

	.wd-contained {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	.ast-builder-footer-grid-columns.site-primary-footer-inner-wrap.ast-builder-grid-row {
		grid-template-columns: 1fr;
		row-gap: 20px;
		padding-left: 20px;
		padding-right: 20px;
	}

	.site-below-footer-inner-wrap {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	
	.inner-ban-points{
		    padding-top: 20px;
    grid-template-columns: 1fr;
    grid-row-gap: 10px;
	}

	.process-container {
		flex-direction: column;
		gap: 20px;
		padding-bottom: 0;
		        padding-top: 15px;
	}

	.process-container::after {
		display: none;
	}

	.step-card::after {
		display: none;
	}

	.step-card {
		min-height: auto;
		gap: 15px;
		padding:20px;
	}
	
	.head-sep{
		height:15px!important;
	}
	
	.step-description{
		padding-top:0px;
	}
	
	.card-top{
		gap:10px;
	}
	
	.ban-subhead, .sub-head {
           font-size: 17px;
        line-height: 27px;
        margin-bottom: 5px !important;
}
	
	.banner-pointers{
		    grid-template-columns: 1fr;
        grid-row-gap: 15px;
        padding-bottom: 25px !important;
	}
	
	.banner-pointers li img {
    width: 50px;
	}
	
	.cont-form, .set-apart-section .why-bot-in, .ser-page-in{
    padding: 20px;
}
	
	.ban-r-head {
    font-size: 20px;
	}
	
	#gform_fields_1, #gform_fields_2 {
    grid-row-gap: 10px;
}
	
	.why-choose-top{
		width:100%;
	}
	
	.roof-img img{
		right: 0;
    top: -70px;
    opacity: 0.2;
	}
	
	.why-choose-bottom{
		grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 20px;
    padding-top: 20px;
    grid-row-gap: 20px;
	}
	
	.why-bot-in img {
    width: 50px;
    padding-bottom: 10px;
	}
	
	.icon-wrapper img {
    width: 50px;
}
	
	.why-head, .ser-in-head, .pro-head {
    font-size: 18px;
    padding-bottom: 10px;
}
	
	.slick-slide{
		padding:0px;
	}
	
	.faq-head {
    font-size: 18px;
	}
	
	.foot-top-left{
		padding:70px 20px;
	}
	
	.mob-hide, #ast-scroll-top{
		display:none!important;
	}
	
	.foot-c-head{
		    font-size: 25px;
    padding-bottom: 10px;
    line-height: 35px;
	}
	
	.foot-p-txt {
    font-size: 17px;
    line-height: 27px;
    padding-bottom: 20px;
}
	
	.foot-big-txt {
    padding:5px 0 0;
	}
	
	.foot-mid-right-top{
		grid-template-columns:1fr;
		grid-row-gap:40px;
	}
	
	.foot-head{
		padding-bottom:10px;
	}
	
	.ast-footer-copyright a{
		display:block;
	}
	
	    .commit-head {
        margin-top: 10px !important;
    margin-bottom: 20px !important;
		    font-size: 18px;
	}
	
	.set-apart-section, .ser-page-bottom{
		padding-top: 20px;
    grid-template-columns: 1fr;
    grid-row-gap: 20px;
	}
	
	.ser-page-bot {
    padding-top: 15px;
}
	
	.btn-sep{
		height:20px!important;
	}
	
	.ser-process-sec{
		    padding-top: 10px;
    grid-template-columns: 1fr;
    grid-row-gap: 20px;
	}
	
	.ser-pro-in{
		    background: #f5f5f5;
    padding: 20px;
    border-radius: 20px;
	}
	
	.ser-pro-in img{
		    background: #fff;
    width: 55px;
    margin-bottom: 12px !important;
	}
	
	.pro-bot-txt{
		margin-top:20px!important;
	}
	
}

@media only screen and (min-width:1366px) and (max-width: 1599px) {

	.ast-container,
	.ast-container-fluid {
		max-width: 1240px;
	}

	.wd-contained {
		max-width: 1200px;
		margin: auto !important;
	}

	h2,
	.entry-content h2,
	h1,
	.entry-content h1 {
		font-size: 40px;
	}
	
	.home-main-banner{
		grid-column-gap:100px;
	}
	
	.roof-img img{
		right:-145px;
	}

}

@media only screen and (min-width:1600px){
	.ast-container,
	.ast-container-fluid {
		max-width: 1440px;
	}
}