@media screen and (max-width: 768px) {
.page {margin-top:29px;}
.mobile-responsive-audit{display:block;}
.desktop-audit{display:none;}
   .hero-section {
   
    display: block;
    align-items: center;
    padding: 100px 100px;
    gap: 20px;
    overflow: hidden;
    background: #111113;
  
}
    .audit-form-wrap .gform_button {
        height: 38px !important;
        font-size: 17px !important;border-radius:6px !important;
    }
    .audit-form-wrap .gform_footer {
    margin: 10px 0 0 !important;}
.audit-form-wrap .gform_fields{gap:7px !important;}
.audit-form-wrap input, .audit-form-wrap select {
        height: 34px !important;}
.audit-section{width:95%;}
.audit-left {padding: 0px 13px 11px;}
.audit-left h3{font-size:18px;margin: 1px 0 15px;}
.audit-list li::before {width: 14px;height: 14px;font-size: 6px;top: 0px;}
.audit-list li{font-size:10px;padding-left: 26px;margin-bottom: 12px;}
.audit-left h2{font-size: 22px !important;margin: 0 0 0px;}
.audit-form-wrap > h3{font-size:15px;margin: 0 0 20px;}
.audit-right {padding: 28px 8px 60px;}

h1{font-size:24px;    line-height: 31px;}
.rw-footer-bottom p{display:none !important ;}
.rw-footer-bottom1 p{color: #F1F7FF;
font-family: Inter;
font-size: 7px;
font-style: normal;
font-weight: 400;
line-height: 160%; /* 28.8px */text-align:center; padding-top:25px;display:block;}

  .site-header {
    height: auto;
    min-height: 76px;
    padding: 14px 20px;
    box-sizing: border-box;
  }
.responsive-phone-icon{display:block;}
  .menu-toggle {
    display: block !important;
    color: #ffffff;
    position: relative;
    z-index: 1002;
  }

  .contact-button {
    display: none;
  }

  .main-nav {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    display: none;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    background: #ffffff;
    padding: 16px 20px 24px;
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.18);
    z-index: 1001;
    box-sizing: border-box;
  }

  .main-nav.active {
    display: flex !important;
    color: #3f78ff;
  }

  .main-nav a {
    display: block;
    width: 100%;
    padding: 14px 0;
    color: #111111 !important;
    font-size: 16px;
    border-bottom: 1px solid #eeeeee;
  }
  .mobile-responsive{
      display: block;
    align-items: center;
    padding: 78px 20px;
    gap: 20px;
    overflow: hidden;
    background: #111113;
  }
  .hero-section{display: none;}
  .hero-eyebrow{font-size:18px;}
  .hero-title{font-size:32px;}
  .hero-description{font-size:12px;}
  .hero-video{padding-top:20px;padding-bottom:20px;}
  .section-inner h1{font-size:24px;
  line-height:25px;}
  .services-section{padding-top:3px !important;}
  .service-mosaic{display: grid !important;}
  .mosaic-tile {min-height:100px !important;}
  .mosaic-tile span{font-size:12px;}
  .services-section{padding-bottom:0px;}
  .scale-heading h2{font-size:24px;}
  .services-section-mob{display:flex;}
  .services-section-mob{display: flex;padding-bottom:25px;
  padding-top: 25px;
  position: relative;
  overflow: hidden;
   background:
    radial-gradient(circle at 92% 86%, rgba(33, 42, 255, 0.24), transparent 28%),
    linear-gradient(rgba(80, 100, 140, 0.28) 1px, transparent 1px),
    linear-gradient(90deg, rgba(80, 100, 140, 0.28) 1px, transparent 1px),
    #111113;
  background-size: auto, 120px 120px, 120px 120px, auto;
}
.services-section{display:none;}
.main-service-mosaic{width:100%;display: flex;}
.service-mosaic1{width:30%;display: contents;}
.service-mosaic2{width:70%;}
.service-mosaic2 .service-mosaic2-top{width:100%;}
.service-mosaic2 .service-mosaic2-bottom{width:100%;display:flex;}
.mosaic-tile {padding: 11px 12px;}
.mosaic-tile  span {font-size: 11px;}
.scale-tab{width:auto;        font-size: 12px; min-height: 31px ! IMPORTANT;}
.scale-tabs{gap:2px;margin-bottom:0px;}
.scale-heading{margin-bottom:19px;}
.scale-copy h3{font-size:18px;}
.scale-copy p {font-size:12px;}
.scale-content{gap:0px;}
.scale-visual{min-height: auto;}
.scale-section {padding: 28px 18px 0;}
.transparency-heading h2{font-size:24px;}
.transparency-heading p{font-size:12px;}
.transparency-card.reverse{display:flex;}
.card-copy{width:75%;}
.card-visual{width:25%;}
.transparency-card.reverse .card-visual{order:2;}
.card-copy h3{font-size:14px;}
.card-copy p{font-size:12px;}
.card-copy{text-align:left;}
.card-copy span{font-size:12px;}
.transparency-card{padding: 8px 12px;}
.transparency-card{min-height:auto;}
.card-copy h3 {margin: 0 0 7px;}
.card-copy span{margin-top:11px;}
.transparency-section{display:none;}
.transparency-card2{display:block;}
.winning-heading h2{font-size:24px;}

.stats-grid{gap:10px !important;}
.stat-number{font-size: 18px;}
.stat-card h3{font-size:11px;}
.stat-card p{font-size:9px;line-height: 14px;}
.stat-card{padding: 11px 12px;min-height: auto;border-radius: 14px;}
 .growing-clients-card::after {
    width: 150px !important;
    height: 140px !important;
    right: 12px;
    top: 24px;
    bottom: auto;
    opacity: 0.5;
  }

  .growing-clients-card {
    min-height: auto;
    padding-right: 95px;
  }
.stat-card.wide{display: flex; gap:0px ;}
.winning-heading{margin-bottom: 30px;}
.winning-section{min-height: auto;padding: 32px 24px;}
.transparency-section{padding: 30px 24px;}
.transparency-card{border-radius: 14px;}
.portfolio-header h2{font-size:24px;}
.portfolio-header p { margin: 10px 0 0;font-size:11px;}
.portfolio-card img{width:50%;}
.portfolio-copy h3{font-size:14px;}
.portfolio-copy p{font-size:11px;}
.portfolio-copy a{font-size:9px;}
.portfolio-card {flex-basis: calc(67vw - 48px);}
.portfolio-section {padding: 26px 16px; }
.portfolio-card {padding: 15px 15px;}
.portfolio-copy a{margin-top:9px !important;}
.contact-content h2 {font-size: 24px;}
.contact-content p {font-size:12px;line-height:18px;}
.contact-panel{gap: 15px;min-height: auto;}
  .contact-panel1 {
    min-height: auto;
    padding: 24px 35px 24px 35px;
    display: grid;
    align-items: center;
    gap: 80px;
    border-radius: 32px;
    background: rgba(0, 3, 25, 0.72);
    overflow: hidden;
  }
  #rw-footer-inner{display:none;}.rw-footer-responsive{display:block;}
  .contact-panel {display:none;}
  .contact-section{display: none;}
  .contact-section1{padding: 29px 24px;display:block;}
  .rw-footer-brand img {width: 106px;}
  .rw-footer-brand p, .rw-footer-column a, .rw-footer-column p{font-size:10px;}
      .rw-footer-column h3 {font-size:12px;}
      .rw-footer-responsive2{display:flex;gap:15px;}
      .rw-footer-column h3 {margin: 8px 0 2px;}
    .rw-footer {
        padding: 25px 20px;
    }
    
    
    .about-hero-content {
    width: 100%;
    display: grid;
    align-items: center;
   padding-top: 165px;
        padding-bottom: 30px;
        padding-left: 20px;
        padding-right: 20px;
        margin-top: -100px;}
    .about-copy p {font-size:12px;line-height:20px;}
    .about-copy h1 {font-size:28px;}
    .about-copy {width: 100%;}
    .about-visual img {padding-top:50px;} .about-visual{width:70%;}
    .service-section{padding-left:20px;padding-right:20px;padding-bottom:0px;}
    .Why-choose-us p {font-size:12px;  line-height:20px;padding-right: 20px;
        padding-top: 10px;}
    .Why-choose-us h1{font-size:28px;margin: 0 0 9px;}
    .Why-choose-us ul{font-size:12px;line-height:20px;}
    .growth-cards{grid-template-columns: repeat(2, 1fr);gap: 9px; width: 100%;}
    .growth-card h3{font-size:10.5px;margin:0px;}.growth-card p{font-size:9px;line-height:12px;}
    .growth-card { min-height: auto; padding: 9px 13px;}
    .growth-icon img {
    width: 58px;
    height: 58px;
    object-fit: contain;
    max-width: 60% !important;}
    .growth-icon {
    width: 57px;
    height: 57px;margin:0px;}
    .growth-section {padding: 21px 0%;}
    .contact-map-section{padding:20px;}
    .contact-info-card h2{font-size:24px;}.contact-subtitle{font-size:10px;}
    .contact-map-inner{    grid-template-columns: auto;}.contact-text h3{font-size:14px;}.contact-text p{font-size:12px;}
    .contact-info-card { padding: 22px 18px;}
    .contact-icon { width: 60px;height: 60px;}.contact-map-section{height:428px;}.faq-eyebrow{font-size:12px;}.faq-title{font-size:14px;}.faq-question{font-size:12px;line-height:20px;}.faq-answer-inner{font-size:12px;}
    .faq-question {min-height: 48px; padding: 10px 41px 10px 18px;}.faq-section{min-height:auto;}
    
    .main-contact-bg{padding-top:134px;}
    .main-contact-bg h1{font-size:13px;}
    .main-contact-bg h2{font-size:22px;line-height: 27px;}
    .main-contact-bg p{font-size:10px;line-height: 16px;padding-top: 15px;}
    .contact-cards-wrap{gap:10px;}
    .main-contact-bg p{line-height:1px;}
    .info-card h3{font-size:16px;}
    .message-section{padding: 19px 20px;}
    .message-form-box .gform_fields{gap:8px !important;}
    .gform-theme--framework input, .gform-theme--framework textarea {padding: 12px !important;font-size:12px !important;}.message-form-box .gfield_checkbox label {font-size: 12px;}.gform-theme--foundation .gfield textarea.large {
    min-block-size: 7rem !important;}

  .hero-copy #gform_fields_2 {
         display: block !important;
    gap: 8px !important;
  }

  .hero-copy #input_2_1 {
    height: 48px !important;
    padding: 0 12px !important;
    font-size: 12px !important;
  }

  .hero-copy #gform_submit_button_2 {
    height: 48px !important;
    padding: 0 12px !important;
    font-size: 12px !important;
    width:100% !important;margin-top:10px !important;
  }
.contact-section .gform_wrapper,
.contact-section1 .gform_wrapper {
  width: 100% !important;
  max-width: 100% !important;
}

  .main-nav {
    flex-direction: column;
    align-items: flex-start;
  }

  .nav-item {
    width: 100%;
  }

  .submenu {
    position: static;
    width: 100%;
    transform: none;
    margin-top: 8px;
    box-shadow: none;
  }

  .submenu a {
    font-size: 16px;
    padding: 12px 20px;
    white-space: normal;
    color:#fff !important;
  }

  .has-submenu:hover .submenu {
    display: flex;
  }
.has-submenu{padding:0px;}

.portfolio-copy p {line-height:20px;}
.phone-no1{padding-bottom:10px;}
.seohermainbg1{padding-top:112px;padding-left:5px;padding-right:5px;}
.seohero h2{font-size:15px !important;padding-bottom:2px !important;}
.seohero h1{font-size: 24px;
        line-height: 1.3;padding-bottom: 16px;}
         .seo-hero-inner {
       flex-direction: column-reverse;
    }

    .seo-hero-inner-right {
        flex: none;
        width: 100%;
    }

    .seo-hero-inner-right img {
      
        margin: 0 auto;
    }
 .seohero p {
    font-size: 18px;
    line-height: 1.4;
    padding-top: 20px;
 } 
    
 .chicago-premiur h2 {font-size:15px;    padding-bottom: 4px;}   
 .chicago-premiur h1 span{font-size:24px;line-height:1.5;} 
   .chicago-premiur h1  {font-size:24px;line-height:1.5;} 
   .chicago-premiur-inner-left,
.chicago-premiur-inner{flex-direction:column;}.chicago-premiur-inner p{font-size: 18px;
    line-height: 1.4;
    padding-top: 20px;}.seoboost-inner {gap:1px;}
    .seo-statistic h2{font-size:15px;}
    .seo-statistic h1 {font-size:24px;line-height:1.5;
    }
    .static-grid{gap:10px;}.grid-main{padding:2px;}.grid-main img{width:45px !important;height:45px !important;margin-bottom:0px;}.grid-main h4 {font-size: 18px;padding-bottom:0px;}.grid-main p {    line-height: 21px;
    text-align: center;font-size:15px;}
    .seo-main{padding:10px;gap:0px;}.seo-approch-phase-top h6{width:40px;height:40px;    font-size: 18px;}.seo-approch-phase-top h5{font-size:15px;line-height:18px;}
    .seo-approch-phase-bottom img{width:50px;height:50px;}
    .seo-approach-inner{grid-template-columns: repeat(1, 1fr);}
    .seo-approach-inner3{width:100%;}
    .seo-approach-last {
    grid-template-columns: repeat(1, 1fr);}
    .key-benefits-inner{flex-direction:column-reverse;}.key-benefits-inner-right{width:100%;}.key-benefit-inner-left img{width:300px !important;height:300px !important;}.faq-section2{pading-top:60px;}.faq-inner h2{font-size:24px;}
    .practice-goals{flex-direction:column;padding-top:3px;}.practice-goals-inner-right{width:100%;}.practice-golas-inner-left{width:100%;    justify-content: flex-start;min-height:auto;}
    .seo-price-inner{flex-direction:column;}.bronce-border ul li{font-size:11px;}.bronce-border ul {
    padding: 23px;}.bronce-border ul li {line-height:22px;}.brown-header {padding:13px;}.why-seo p {font-size:15px;line-height:25px;padding-top:0px;}.faq-section2{padding-top:10px;}
    .seo-price-inner-bronse{width: 100%;}
    .website-design-inner-one{flex-direction:column-reverse;
    }

.website-design-inner h3{font-size:13px;line-height:1.4;}.website-design-inner-left p{width:100%;}.website-design-inner{padding-left:5px;padding-right:5px;}.website-design-inner h1{line-height:1.3;}
.website-design-inner-left p{font-size:18px;line-height:1.5;}.website-design-inner-right img{object-fit:contain;width:300px;height:315px;}.website-design-inner-one{gap:0px;}.website-design-inner-two{margin-top:23px;gap:12px;}
.website-design-inner-two-right p{line-height:23px;}.business-level h1{font-size:32px;}.website-design-inner-two-left{width:20%;}
.buissiness-level-grid-column h4{font-size:13px;line-height:1.4;}.buissiness-level-grid-column{flex-direction:column; padding: 8px;}
.buissiness-level-grid-column p{font-size:11px;line-height:1.5;}.custom-website-grid h1{font-size:32px;line-height:1.4;}.custom-website-grid h3{font-size:14px;line-height:1.4;}
.custom-website-grid-inner{flex-direction:column-reverse;}
.approach-section h1{font-size:28px;line-height:1.5;}.approach-section p{font-size:14px;}.custom-website-grid-inner2 img{width:100%;object-fit:container;max-width: 556px;
    height: auto;
    display: block;
    margin-left: auto;
}.custom-website-grid-inner1 p{font-size:18px;line-height:1.5;}.why-choose-official-inner3{flex-direction:column !important;}.custom-website-grid{padding-right:5px;padding-left:5px;}
.building-section h1{width:100%;}
.paid-ads-hero-inner h3{font-size:13px;line-height:1.4;}.paid-ads-hero-inner h1{font-size:32px;line-height:1.4;}
.paid-ads-hero{padding-left:5px;padding-right:5px;}.paid-ads-hero1{flex-direction:column;}.paid-ads-hero{padding-top:140px;}








    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
}