/*
Theme Name: Ascent Child
Theme URI: https://ascenttheme.com/
Template: ascent
Author: Pitabas Behera
Author URI: http://ascenttheme.com/
Description: Ascent is a fully responsive theme which perfectly adjusts as per your device’s screen and resolution. A multipurpose, beautiful and clean theme perfect for businesses, portfolios, and blogs. Easily customize the theme as per your liking. Also, supports WooCommerce integration for eCommerce businesses. It is compatible with all the major page builders like Elementor, SiteOrigin etc. Ascent is SEO friendly & Schema.org code integrated to help your website rank organically for specific keywords and phrases in the SERP(Search engine results page). The theme is light-weight to help your website load quickly, so the users don’t have to wait too long. Other features: RTL, Translation Ready, Regularly updated.
Tags: one-column,two-columns,left-sidebar,right-sidebar,custom-background,custom-menu,featured-images,post-formats,theme-options,translation-ready
Version: 3.8.7.1624976528
Updated: 2021-06-29

*/
@media (min-width: 1200px){
    .container{
        width: 1344px;
      }
}
@media (min-width: 992px){
  .our-solution-mob-image{
    display: none;
    }
}
@media (max-width: 991px){
  .our-solution-sec::after {
    background: none;
  }
  .our-solution-sec .container {
    padding: 0;
  }
  
.solution-content{
  padding: 27px  15px 158px;
  position: relative;
  background: url('images/our-solution-bg.svg') no-repeat right bottom #EFF2F4;
  max-width: 100%;
}
.our-solution-sec {
  background-image: none !important;
  margin: 0;
  height: inherit;
}
.solution-content::after{
  content: '';
  background: url('images/alpha-roofing-symbol.svg') no-repeat left bottom;
  height: 100%;
  width: 46px;
  position: absolute;
  bottom: 17px;
  left: 16px;
}
.our-expert-sec {
  padding: 18px 0px 50px;
  margin: 0px 0px 55px;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
  .home-customer-review-sec h2{
    font-size: 40px;
  }
  /* About us page design start */
  .common-element-design-wrap h2{
    font-size: 40px;
  }
  .box-content-para p{
    font-size: 26px;
  }
  .box-grid-repeater-wrap{
    margin-top: 35px;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
  }
  .box-grid-repeater-box h4{
    margin-bottom: 30px;
  }
  .accordian-content-img-sec {
    padding: 90px 0 90px;
  }
  .accordian-content-img-sec .service-image {
    padding-right: 0;
    order: 2;
    text-align: center;
  }  
  .accordian-content-img-sec .service-image img{
    max-width: 400px;
    width: 100%;
  }
  .accordian-content-img-sec .service-content{
    order: 1;    
  }
  .expert-content{
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 30px;
  }
  .meet-owners-sec .our-expert-sec{
    padding-bottom: 60px;
  }
  .content-col{
    padding: 30px 25px;
    width: 50%;
  }
  .content-col-para li{
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 10px;
  }
  .content-col-para li::before{
    left: 10px;
    top: 11px;
  }
  .common-element-design-wrap .content-col h2 {
    font-size: 30px;
  }
  .image-col {
    width: 50%;
  }
  .common-element-design-wrap .customer-review-top-wrap h2{
    margin-bottom: 0;
  }
  .customer-review-top-wrap{
    flex-direction: column;
    padding-right: 15px;
    padding-bottom: 40px;
  }
  .review-read-more-wrap{
    width: 100%;
    text-align: right;
  }
  .contact-us-cta-wrap{
    padding: 50px 30px;
  }
  /* About us page design end */
}
@media (min-width: 768px) and (max-width: 991px) {
  .banner-sec-main {
    gap: 29px;
  }
  .heading {
    font-size: 51px;
  }
  .our-servies-main {
    grid-template-columns: 1fr;
  gap: 19px;
  }
  .experts-profile-content {
    left: 14px;
    bottom: 10px;
  }
  .experts-repeater-main {
    padding: 20px;
  }
  .contact-content {
    padding: 25px 27px;
  }
  .contact-main .sub-title {
    font-size: 37px;
  }
  .page-template-thank-you-template .main-content {
    padding: 110px 0 0px;
  }
  .single-post .post-inner-container{
    padding-top: 56px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 30px;
  }
  nav.main-menu ul > li a{
    padding: 8px 13px;
  }
  .single-post #content .single-post-title{
    font-size: 48px;
    line-height: 54px;
  }
  .single-post .main-content{
    padding-bottom: 80px;
  }
  .blog-archive-hero-content{
    flex: 0 0 50%;
  }
  .blog-archive-hero-image {
    flex: 0 0 50%;
  }
  .blog-archive-h2{
    font-size: 42px;
    line-height: 54px;
  }
  /* privacy policy page design start */
  .page-template-privacy-policy-template .main-content {
    padding-top: 120px;
  }
  /* privacy policy page design end */
  .footer-menu-wrap {
    padding-top: 30px;
  }
  .footer-menu{
    padding-left: 0;
  }
}
@media (min-width: 768px){
  .banner-content-sec{
    background-image: none !important;
  }
  .site-info-right-mobile{
    display: none!important;
  }
  .mobile-contact {
    display: none;
  }
  .faq-main-page{
    width: 890px;
    max-width: 100%;
    margin: 0 auto;
  }
  .call-mbl-btn-wrap{
    display: none;
  }
  .desktop-display-none{
    display: none;
  }
}
@media (max-width: 767px){
  .readmore-cont-wrap{
    display: none;
  }
  .toggle-readmore-link{
    text-decoration-line: underline;
    color: #000;
  font-feature-settings: 'ss01' on;
  font-family: 'Inter-Bold';
  }
  .toggle-readmore-link:focus,
  .toggle-readmore-link:active{
    text-decoration-line: underline;
  }
  .mobile-display-none{
    display: none;
  }
  .Short-heading{
    font-size: 18px;}
  .heading {
    font-size: 40px;
  }
  .sub-heading {
    font-size: 20px;
  }
  .btn-sec{
   margin-top: 24px;
  }
  .our-servies-main {
    grid-template-columns: 1fr;
    gap: 33px;
  }
  .sub-title {
    font-size: 40px;
  }

  .experts-repeater-main{
    grid-template-columns: 1fr;
    gap: 32px;
    padding: 0px 20px;
  }
  .experts-profile-content {
    padding-left: 16px;
  }

  .contact-main {
    grid-template-columns: 1fr;
  }
  .contact-content {
    padding: 44px 23px;
  }
  .expert-subheading {
    padding: 0px 15px;
    font-size: 16px;
  }
  .site-navigation, .header-search.pull-right{
    margin-top: -55px;
  }
  #logo{
    width: 192px;
  }
  .mean-container .mean-bar {
    background-color: inherit;
  }
  .mean-container .mean-bar .meanmenu-reveal{
    background: none;
  }
  .mean-container a.meanmenu-reveal span{
    background: none;
  }
  #responsive-menu-container .meanmenu-reveal {
    background: url('images/mobile-menu.svg') no-repeat !important;
  }
  #responsive-menu-container .meanmenu-reveal.meanclose {
    background: url('images/menu-close-btn.svg') no-repeat !important;
    height: 22px;
  }
  #responsive-menu-container.mean-container .meanmenu-reveal.meanclose{
  /* background: none !important; */

  }
  #responsive-menu-container .fa-times::before {
    color: #000;
    display: none;
  }
  #masthead  {
    margin-bottom: 0;
  }
  .banner-sec-main{
    grid-template-columns: 1fr;
    gap: 0;
  }   
  .contact-form-sec {
    padding: 17px 17px;
  }
  .banner-sec {
    height: auto;
  }
  .footer-social-section h3, #colophon .social-list li a  {
    font-size: 14px;
  }
  .footer-social-section h3 {
    padding-top: 10px;
  }
  .banner-content-sec {
    height: 961px;
    background-size: 100%;
    padding: 80px 15px 0px;
    background-repeat: no-repeat;
  }
  .banner-sec{
    /*background-image: none !important;*/
    padding: 0px;
  }
  .banner-sec .container{
    padding: 0px;
  }
  .contact-form-sec {
    margin-top: -12px;
  }
  .expert-content .sub-title {
    padding: 20px;
  }
  .mean-container .mean-nav {
    background: #fff;
  }
  .mean-nav li {
    border-top: 1px solid #E2E2E9;
  }
  .mean-nav li.mean-last{
    display: none;
  }
  .mean-container .mean-bar .mean-nav ul li a{
    color: #000;
    font-size: 18px; 
    text-transform: capitalize;
  }
  .mean-container .mean-nav {
    margin-top: 55px;
  }
  .header-bottom{
    padding: 17px 0 0px;
    background: #fff;
    border-top: 4px solid #FFE800;
  }

  #header-main.sticky{
    box-shadow: none;
    -webkit-box-shadow:none;
    -moz-box-shadow: none;
  }
  .mbl-menu-opened.site-header  .header-bottom{
    background: #fff;
  }
  .our-servies-sec{
    padding: 28px 0px;
  }
  .service-subheading{
    padding-bottom: 20px;
  }
  .site-info-right-mobile{
    text-align: center;
  }
  .site-info-right .back-btn{
    display: none;
  }
  .site-info, .site-info-right li {
    font-size: 12px;
  }
  #colophon .site-info-right-mobile p a{
    color: #666; 
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal; 
  }
  .site-info-right ul {
    padding:0px;
  }
  .site-info {
    padding-top: 3px;
  }
  .our-contact-sec
  {
    padding-bottom: 30px;
  }
  .site-footer #footer-info {
    padding: 34px 0px 22px;
  }
  .accordian-service-ul .accordian-sec-heading {
    padding-right: 50px;

  }
  .site-info-right li{
    margin-right: 5px;
  }
  /* faq page start */
  h1.faq-title {
    font-size: 40px;
    text-align: left;
  }

  .faq-content {
    font-size: 16px;
  }

  a.accordian-sec-heading {
    font-size: 18px;
  }

  .accordion.accordian-service-content.accordian-section {
    font-size: 16px;
  }

  .page-template-faq-page .banner-sec {
    height: auto;
  }
  .page-template-faq-page .banner-content-sec{
    height: 580px;
  }
  /* faq page end */
  #header-main .header-bottom-inner .col-md-2.col-sm-3 {
    z-index: 999;
    width: 80%;
  }
  #header-main .header-bottom-inner .col-md-10.col-sm-9 {
    z-index: 1;
  }
  /* customer review section design start */
  .customers-review-sec .container{
/*     padding-right: 0; */
  }
  .customers-review-col{
    padding: 25px;
    margin-right: 15px;
  }
  .customers-review-col h4{
    font-size: 18px;
  }
  .review-content-wrap p{
    font-size: 16px;
  }
  .starts-review img {
    width: 20px;
  }
  .posted-on img {
    width: 110px;
}
/* customer review section design end */
	.sec-hd {
	  font-size: 40px;
	  line-height: 46.6px;
	}
	.thank-you-wrap p {
	  font-size: 18px;
	}
	.thank-you-sec {
	  padding: 20px 0px 95px;
	  border-radius: 12px 12px 0px 0px;
	  margin: 0;
	}
  .page-template-thank-you-template .main-content {
    padding: 77px 0 0px;
  }
  .call-mbl-btn-wrap {
    padding: 20px 15px;
    background: #fff;
    margin-top: 70px;
    text-align: center;
    position: fixed;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 9;
  }
  .call-mbl-btn-wrap span{
    display: inline-block;
    text-align: center;
    padding: 16px 40px;
    max-width: 335px;
    border-radius: 8px;
    background: #FFE800;
    color: #000;
    font-family: 'Inter-Bold';
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 116.5%; /* 23.3px */
  }
  .call-mbl-btn-wrap a{
    text-decoration: none;
    color: #000;
  }
  .call-mbl-btn-wrap a:hover{
    text-decoration: none;
    color: #000;
  }
  .site-header {
    box-shadow: none;
  }
  .banner-content-sec{
    padding-top: 190px;
  }
  .main-content {
    padding-top: 210px;
  }
  .home .main-content {
    padding-top: 50px;
  }
  .single-post .main-content{
    padding-bottom: 60px;
  }
  /* privacy policy page design start */
  .page-template-privacy-policy-template .main-content {
    padding-top: 160px;
  }
  .privacy-policy-parent-sec{
    padding: 40px 0 50px;
  }
  .header-wrap h1{
    font-size: 42px;
  }
  /* privacy policy page design end */
  .footer-menu-wrap {
    padding-top: 30px;
  }
  .footer-menu{
    padding-left: 0;
  }
  .footer-menu-wrap .footer-menu{
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;
  }
  .home-customer-review-sec h2{
    font-size: 34px;
  }
  .common-banner-sec{
    min-height: 220px;
    background-size: 100%;
    padding-top: 42%;
    padding-bottom: 0;    
    background-position: bottom center;
    margin-top: 120px;
  }
  .common-banner-content-sec h1{
    font-size: 32px;
    line-height: 120%; /* 38.4px */
    letter-spacing: -0.64px;
  }
  /* About us page design start */
  .content-heading-sec{
    padding: 0 0 25px;
  }
  .common-element-design-wrap h2{
    font-size: 32px;
  }
  .box-content-para p{
    font-size: 24px;
  }
  .box-grid-content-wrap{
    padding: 40px 10px 25px;
  }
  .box-grid-repeater-wrap{
    margin-top: 30px;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }
  .box-grid-repeater-box{
    padding: 32px 15px 25px;
  }
  .box-grid-repeater-box h4{
    font-size: 18px;
    margin-bottom: 25px;
  }
  .common-element-design-wrap p{
    font-size: 18px;
    line-height: 140%;
  }
  .about-us-parent .box-content-para {
      max-width: 230px;
      width: 100%;
      margin: 0 auto;
  }
  .common-element-design-wrap .box-content-para p{
    font-size: 20px;
  }
  .accordian-content-img-sec .service-image {
    padding-right: 0;
  }  
  .meet-owners-sec .our-expert-sec{
    padding-top: 50px;
    padding-bottom: 70px;
  }
  .accordian-content-img-sec.our-servies-sec {
    padding: 48px 0px;
  }
  .common-element-design-wrap .expert-para p{
    font-size: 16px;    
    opacity: 0.8;
  }
  .accordian-content-img-sec .our-servies-main {
    gap: 25px;
  }
  .about-us-parent.common-element-design-wrap .service-content h2{
    font-size: 40px;
  }
  .accordian-content-img-sec a.accordian-sec-heading {
    line-height: 140%;
    font-size: 20px;
  }
  .accordian-content-img-sec p{
    width: 95%;
  }
  .common-element-design-wrap .expert-content h2{
    margin-bottom: 16px;
  }
  .common-element-design-wrap .accordian-content-img-sec p{
    font-size: 16px;
  }
  .meet-owners-sec .expert-content{
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 30px;
  }
  .content-image-section {
    padding: 48px 0;
  }
  .content-image-row{
    flex-direction: column;
    gap: 24px;
  }
  .content-col{
    padding: 30px 20px;
  }
  .content-col-para li{
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 10px;
  }
  .content-col-para li::before{
    left: 10px;
    top: 11px;
  }
  .customer-review-top-wrap{
    flex-direction: column;
    padding-right: 15px;
    padding-bottom: 40px;
  }
  .review-read-more-wrap{
    width: 100%;
    text-align: right;
  }
  .contact-us-cta-section {
    padding: 48px 0 15px;
  }
  .contact-us-cta-wrap{
    padding: 50px 25px;
    flex-direction: column;
    gap: 15px;
  }
  .contact-us-content-col,
  .contact-us-cta-col {
    width: 100%;
  }
  .contact-us-content-wrap h2 br{
    display: none;
  }
  .call-us-span{
    font-size: 20px;
    line-height: 160%;
  }  
  .call-us-span span{
    display: block;
  }
  .page-template-about-us-template .main-content {
    padding-top: 48px;
  }
  .common-banner-sec .container{
    width: 100%;
  }
  .meet-owners-sec .experts-repeater-main{
    grid-template-columns: 1fr 1fr 1fr;
    gap: 8px;
    padding: 0px 10px;
  }
  .meet-owners-sec .experts-profile-content {
    bottom: 10px;
    left: 0;
  }
  .meet-owners-sec .experts-profile-content {
    padding-left: 5px;
  }
  .common-element-design-wrap p.experts-name{
    font-size: 12px;
    margin-bottom: 0;
  }
  .common-element-design-wrap p.experts-designation{
    font-size: 10px;
    margin-bottom: 0;
    color: rgba(255, 255, 255, 0.80);
  }
  .common-element-design-wrap .contact-us-content-wrap h2{
    font-size: 40px;
    margin-bottom: 24px;
  }
  .common-element-design-wrap .contact-us-content-wrap p{
    line-height: 116%;
  }
  .common-customers-review-sec{
	overflow: hidden;	
  }
  .mobile-accordian-serivec{
    text-align: left;
    margin-top: 24px;
  }
  .mobile-accordian-serivec .accordian-service-section.text-animate.active, 
  .mobile-accordian-serivec .active .accordian-sec-heading,
  .mobile-accordian-serivec .accordian-sec-heading{
    background: #FFF;
    margin-bottom: 16px;
  }
  .mobile-accordian-serivec a.accordian-sec-heading {
    font-size: 20px;
  }
  .common-element-design-wrap .mobile-accordian-serivec p{
    font-size: 16px;
  }
  .mobile-accordian-serivec .accordion.accordian-service-content.accordian-section p{
    margin-bottom: 0;
	}
  .meet-owners-sec .experts-image-sec .experts-bx-img {
    border-radius: 10px;
  }
  /* About us page design end */
  .home .banner-sec{
    background-position: top 115px center;
    background-size: contain;
    background-color: #DAE3F2;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
  }
}

@media (max-width: 575px){
  .banner-content-sec {
    height: 803px;
  }
  .home .banner-content-sec{
    height: 910px;
  }
  .page-template-faq-page .banner-content-sec{
    height:500px;
  }
   
} 
@media (max-width: 479px){
  .banner-content-sec {
    height: 681px;     
  }
  .home .banner-content-sec{
    height: 790px;
  } 
  .page-template-faq-page .banner-content-sec {
    height: 460px;
  }
  .call-mbl-btn-wrap span{
    max-width: 100%;
    width: 100%;
  }
}
@media (max-width: 405px){
  .banner-content-sec  {
    height: 628px;     
  }
  .home .banner-content-sec{
    height: 790px;
  } 
  .page-template-faq-page .banner-content-sec {
    height: 380px;
  }
  .thank-you-wrap {
    padding: 100px 5px 5px 5px;
  }
}