/*add new css by kp*/
.mobile_header { display: none; }
.mobile_navigation { display: none; }


@media (min-width:1024px) and (max-width:1500px) {  
/* .hero-section {       background-repeat: no-repeat;    background-size: contain;    padding: 130px 0;	}	 */
	.hero-section h1 {

    font-size: 38px;

}
}

@media (max-width:1024.98px) {    
.navigation ul.nav li { margin: 0 7px;}
 .hero-section h1 { font-size: 40px;}
 .hero-section h1::after { background-size: 45%;}
 .title-section h2 {font-size: 34px; line-height: 38px;}
/* .subtitle { font-size: 18px; margin-bottom: 5px;}*/
 .her-cnt{ flex-direction:column; align-items: start; }
 .her-cnt p { width: 100%; }
 .her-cnt p::after{ display:none; }
 .her-cnt .logos { margin-bottom: 20px;}
 .our-services-section::before { width: 220px; background-size: 100%;}
.our-range-section::before{ width: 220px; background-size: 100%;}
.faq-section::before{ width: 220px; background-size: 100%;}
 .pt-100 { padding-top: 80px;}
 .mt-100 { margin-top: 80px;}
 .location-top-cnt::before, .zig-zag-section::before{ display:none; }
.CTA-cnt .CTA-title { font-size: 44px;}
.CTA-bg { width: 100%; padding: 50px 50px;}
.landers-slider .slick-prev {left: 85%;}
.testimonial-slider ul.slick-dots { bottom: 0;}
.hero-section { background-size: 100%; }
.logo img { max-width: 230px;}
.what-path-section .path-common-box h4 { font-size: 24px;}

.contact-address p { font-size: 15px;}
.navigation ul.nav li a { position: relative; font-size: 14px;}
.hero-section .hero-lft-box { width: 50%;  padding: 50px 0;}
.contact-page { padding: 30px 0;}
.hero-section .hero-Imgbox {
    top: 54px;
}
.why-section .title-section {
    max-width: 100%;
}
	
.g-boxes-row li {
    padding: 30px 15px;
}

}
@media (max-width: 991.98px){
  #header { display: none;}
/*****Mobile Menu****/
.mobile_header { display: block; padding: 20px 10px 20px 20px;  box-shadow: 1px 1px 10px rgb(0 0 0 / 20%); position: sticky; top: 0; width: 100%; z-index: 1000; background: #fff;}
.logo_m { max-width: 200px;  margin-bottom: 20px;}
  .mobile_header .nav-icon {cursor: pointer;}
  .mobile_header .nav-icon:after, .nav-icon:before, .nav-icon div {  background-color: #000;  border-radius: 3px;  content: '';  display: block;  height: 5px;  margin: 7px 0;  transition: all .2s ease-in-out;}
  .mobile_header .nav-icon.active:before {  transform: translateY(12px) rotate(135deg);}
  .mobile_header .nav-icon.active:after {  transform: translateY(-12px) rotate(-135deg);}
  .mobile_header .nav-icon.active div {  transform: scale(0);}
  .mobile_header .nav-icon { margin: 0;width: 40px; position: absolute; right: 20px; top: 23px;}
  .mobile_navigation { background: #008FA2;border-top: 1px solid #bae6ec; position: fixed;width: 100%;  top: 125px; max-height: calc(100% - 59px);  left: 0;  padding: 0px 0px;  display: none;  z-index: 1000;  overflow: auto;}
  .mobile_navigation ul.nav{ margin: 0px; padding: 0px; }
  .mobile_navigation ul.nav li { list-style: none; width: 100%; margin-bottom: 0px; padding-bottom: 0px; position: relative; }
  .mobile_navigation ul.nav li a{ color: #fff;border-bottom: 1px solid #bae6ec; padding: 12px 25px; display: block; text-decoration: none !important; }
  .mobile_navigation ul.nav > li + li { border-top:rgba(255, 255, 255,0.1) solid 1px ; }
  .mobile_navigation ul.nav ul { display: none; margin: 0px; padding: 0px; }
  .mobile_navigation ul.nav li a:hover { background: #008FA2;}
  .submenu-caret {position: absolute;width: 50px;  height: 48px;  right: 0;  top: 0;  background: #0000001c;  cursor: pointer; text-align: center;}
  
  .submenu-caret i {color: #fff;    position: relative;    top: 13px;      line-height: 1;}
  em.submenu-caret.toggled i {    transform: rotate(180deg);    top: 13px;}
  .mobile_navigation ul.nav ul li a{ padding: 10px 25px 10px 40px; }  

  /*****Mobile Menu End****/
.m-head { background: #008FA2; margin: 0 -10px -20px -20px; display: flex;}
.m-call { width: 50%;color: #fff;line-height: 2;height: 50px; padding: 6px 20px;}
.m-btn a {color: #fff; text-align: center; display: block; padding: 12px 0; font-weight: 600; font-size: 16px;}
.m-btn { width: 50%; background: #000;}
.m-call a.v-phone { display: block; text-align: center; position: relative;}
.m-call a.v-phone::before{ content: ""; display: block; position: absolute; left: 47px; top: -2px; width: 43px; height: 43px; background-size: 100%; background-image: url(../images/top-call-icon.png); background-repeat: no-repeat; background-position: 0 0;}
.m-call a { color: #fff; font-weight: 600; font-size: 20px; padding-top: 0;}


 .pt-100 { padding-top: 50px;}
 .mt-100 { margin-top: 50px;}
 .hero-section { padding: 25px 0; width: 100%;}
.hero-section .hero-lft-box { width: 65%; padding: 25px 0;}
.hero-section .hero-Imgbox {
        width: 300px;
        position: absolute;
        right: 15px;
        top: 0;
 }
	
 .hero-section h1 { font-size: 34px;}
 .title-section h2 {font-size: 30px; line-height: 38px;}
 .subtitle { font-size: 18px; margin-bottom: 5px;}
 .her-cnt p { width: 60%; font-size: 20px;}
 
.g-boxes-row { margin-top: 40px;}

.ftr-top-section {margin-bottom: 30px;}
.ftr-top-section .ftr-logo { width: 20%; margin-bottom: 30px;}
.ftr-top-section .ftr-links{ width: 30%; margin-bottom: 30px;}
.ftr-address { width: 40%;}
.why-section .title-section { max-width: 100%;}
.what-path-section .path-common-box {max-width: 100%;}
.what-path-section .path-common-box h4 { font-size: 24px;}
.what-path-section .path-common-box p { font-size: 16px;}
.navigation ul.nav { margin: 0;}
.CTA-bg {  width: 100%; padding: 30px 35px;}
.CTA-bg .subtitle { font-size: 18px;}
.CTA-bg h2 { font-size: 36px;}
.CTA-bg a { font-size: 32px; padding-left: 60px;}
.CTA-bg a::before { width: 44px;height: 44px;}
.landers-slider .slick-prev {left: 82%;}
.testimonial-slider ul.slick-dots { bottom: 0;}
.logo { position:relative; }
.logo img { max-width: 160px;}
.hero-section::before { display:none; }
.testimonial-slider { max-width: 100%;}
.calculator-card-boxes a {  width: 43%; }
.calculator-detail-page h2 { font-size: 30px;}
.calculator-detail-page .wp-block-spacer { height: 40px !important;}
.contact-page { padding: 30px 0;}
.abt-lft-cnt { padding: 30px 0;}
.about-heroSec {padding: 0;}
.brokersDtl { padding-left: 0;}
.g-boxes-row li {
    padding: 40px 20px;
}	
	
	
	
}
@media (max-width: 767.98px){
.pt-100 { padding-top: 30px;}
.mt-100 { margin-top: 30px;}
 .hero-section { padding: 25px 0; width: 100%;}
.hero-section .hero-lft-box { width: 100%; padding: 0;}
.hero-section h1 { font-size: 28px;}
.title-section h2 {font-size: 28px; line-height: 30px;}
.subtitle { font-size: 16px; margin-bottom: 5px;}
.her-cnt{ flex-wrap:wrap; margin: 30px 0 0 0; }
.her-cnt p { width: 100%; font-size: 18px;}

.g-boxes-row li{ width:100%;}
.ftr-bg { padding: 0;}
.ftr-top-section .ftr-logo { width: 100%; margin-bottom: 30px;}
.ftr-top-section .ftr-links{ width: 100%; margin-bottom: 30px;}

.m-call a { font-size: 17px;}

.CTA-bg { justify-content: center;  text-align: center;padding: 30px 25px; background-size: cover; background-position: center center;border-radius: 25px;}
.CTA-bg .subtitle { font-size: 16px;}
.CTA-bg h2 { font-size: 30px; margin-bottom: 20px;}
.CTA-bg a { font-size: 27px;}
.CTA-bg a::before { width: 44px;height: 44px;}
.hero-section { background-size: 100%; text-align: center;  padding: 25px 0 0 0;}
.what-path-section .path-common-box h4 { font-size: 22px;}
.what-path-section .path-common-box p { font-size: 14px; line-height: 22px;}
.testimonial-box { padding: 25px 20px 30px 20px; margin-right: 0; max-width: 100%;}
.testimonial-box .client-profile { margin-top: 40px;}
.brand-logo-row li { margin: 0;}
.landers-slider .slick-prev {left: 65%;}
.brand-logo-row li img { width: 100%;}
.testimonial-section { padding: 50px 0 60px 0;}
.testimonial-slider ul.slick-dots { bottom: 0;}
.contact-page { padding: 30px 0;}
.input-d-flex div { width: 100%;}
.contact-page h1 { font-size: 32px;}
.contact-page h5 {font-size: 16px;}
.ftr-top-section .ftr-logo img { max-width: 150px;}
.hero-section::before { display:none; }
p { font-size: 14px;line-height: 22px;}
.ftr-links li { font-size: 14px;}
.calculator-card-boxes a {  width: 95%;  margin: 30px 0 0;}
.feature-bnr h1 { font-size: 30px;}
.hero-section::after{ display: none !important;}
.hero-section .hero-Imgbox {width: 100%; position: relative; top: 0; right: 0;}
.hero-section .hero-Imgbox .hero_bnr_img { display: none;}
.hero-section .hero-Imgbox .mobile_hero_bnr { display: block;  padding: 40px 15px 0;}
.calculator-card-boxes { margin-top: 10px;}
.calculator-detail-page { padding: 30px 0 20px 0;}
.calculator-detail-page .wp-block-spacer { height: 30px !important;}
.abt-top-sec { padding: 10px 0 0;}
.abt-lft-cnt { width: 100%; margin-top: 0;}
.abt-rgt-img { width: 100%; padding: 0;}
.ftr-address { width: 100%;}
.about-heroSec {
    padding: 0;
}
	
}
@media (max-width: 640px) {
  .m-call { line-height: 2.4;}
  .m-call a.v-phone::before { left: 25px;}


}

@media (max-width: 540px) {
  .m-call a.v-phone::before { left: 0px;}

}

@media (max-width: 480px) {
.m-call { line-height: 2.6;height: 46px;}
.m-call a { font-size: 14px;}
.m-call a.v-phone { padding-left: 20px;}
.m-call a.v-phone::before {left: 0; top: -3px;width: 40px;height: 40px;}
.m-btn a { padding: 12px 0; font-size: 14px;}
.calculator-detail-page h2 { font-size: 24px;}

}
@media (max-width: 425px) {
.m-call a.v-phone::before {left: 0;}

}
@media (max-width: 390px) {
.m-call a.v-phone::before {left: -12px;}

}

@media (max-width: 320px) {
 .landers-slider .slick-prev { left: 60%;}
.m-call {  padding: 6px 5px 6px 15px;}	
.m-call a.v-phone {padding-left: 15px;}
.m-call a.v-phone::before { top: -1px; width: 36px; height: 36px;}
	
	
}