@media (max-width: 767.9px) {
  /*******   HEADER NON CRITICAL   *******/
  h1 div:nth-child(2) {
    margin-top: -8px; }
  h1 div:last-child {
    margin-top: -8px; }

  h2 {
    font-size: calc(40px + 2.5vw); }
    h2 .serif {
      font-size: calc(40px + 2.5vw); }

  h3 {
    font-size: calc(32px + 1vw); }

  .benefit h3 {
    font-size: calc(22px + 1vw); }

  .pretitle {
    font-size: 11.5px;
    padding: 0px 27px 0px 48px;
    margin-bottom: 15px;
    line-height: 280%; }
    .pretitle:before {
      left: 5px;
      height: 25px;
      width: 30px;
      background-size: 14px; }

  button, .submit {
    min-width: unset; }

  .whatsapp {
    display: unset;
    border-radius: 8px;
    background-size: 100px 100px;
    background-position: -100px -100px;
    background-repeat: no-repeat;
    border-bottom: 3px solid #1CA64F;
    background-color: #25D366;
    color: #063218;
    line-height: 16px; }
    .whatsapp:hover {
      background-color: #1CA64F; }

  .whatsapp:before {
    position: absolute;
    content: url(../images/whatsapp.svg);
    width: 18px;
    height: 18px;
    margin-left: -33px;
    margin-top: -4px; }

  .websitelatenmaken header .sticker {
    margin-top: calc(-150px - 3%); }
  .websitelatenmaken header .headerButton {
    margin: 20px 0 7px 0; }
  .websitelatenmaken header #headerTitle {
    width: calc(100% - 50px); }
    .websitelatenmaken header #headerTitle h4 {
      margin-bottom: 15px; }
  .websitelatenmaken header .hlight {
    line-height: 100%; }
  .websitelatenmaken .serviceTitle {
    font-size: calc(40px + 1.5vw); }

  .packages .starter {
    margin-left: 0 !important; }

  .subAssistent {
    margin: 0; }

  .subPro {
    margin: 0; }

  .subContent .subHeader {
    display: none; }
    .subContent .subHeader .subtitle {
      width: 100%;
      margin-left: 0;
      transform: translateX(0); }
  .subContent .selfTitle {
    margin-top: 0;
    font-size: calc(30px + 1.8vw); }
  .subContent .selfPrice {
    font-size: calc(24px + 1.25vw);
    line-height: 130%; }
  .subContent .selfUSP {
    margin-top: 30px; }

  .subButtons {
    width: calc(100% - 60px);
    flex-direction: column;
    row-gap: 10px;
    bottom: calc(4% + 28px); }
    .subButtons .primary, .subButtons .secondary, .subButtons .tertiary {
      width: 100%; }

  /******     SERVICES     *******/
  .services-container {
    padding: 150px 0 100px; }
    .services-container .servicesTitle {
      margin-bottom: 70px; }
    .services-container .service {
      position: relative;
      flex-direction: column;
      background-position: top; }
      .services-container .service .serviceLayer {
        display: none; }
      .services-container .service .serviceLeft {
        height: 275px;
        width: 100%; }
      .services-container .service .serviceRight {
        width: calc(100% - 50px);
        padding: 60px 25px 70px 25px; }
      .services-container .service .serviceTitle {
        font-size: calc(20px + 2vw);
        letter-spacing: -1px;
        margin-bottom: 30px; }
      .services-container .service .serviceElements summary .toggle {
        right: 0; }
      .services-container .service.website, .services-container .service.marketing, .services-container .service.branding {
        border: none; }
      .services-container .service.website .serviceLeft {
        background-size: 200%;
        background-position: 83% 20%; }
      .services-container .service.marketing .serviceLeft {
        background-size: 200%;
        background-position: 75% 40%; }
      .services-container .service.branding .serviceLeft {
        background-size: 200%;
        background-position: 70% 30%; }
      .services-container .service.branding .serviceRight {
        padding-bottom: 50px; }

  /******     FAQ     *******/
  .faq-container {
    padding: 120px 25px 155px 25px;
    width: calc(100vw - 50px); }
    .faq-container details {
      width: 100%; }
      .faq-container details summary {
        padding: 25px 80px 25px 25px; }
        .faq-container details summary .toggle {
          right: 25px; }
      .faq-container details > summary {
        list-style: none; }
      .faq-container details > summary:first-of-type {
        list-style: none; }
      .faq-container details > summary::-webkit-details-marker {
        display: none; }
      .faq-container details .answer {
        padding: 20px 50px 50px 25px; }

  /*******   INTRO   *******/
  .intro-container {
    flex-direction: column;
    padding-top: 0;
    width: 100%;
    height: auto; }
    .intro-container .gallery {
      width: 100%;
      height: auto;
      border-radius: 0; }
      .intro-container .gallery .gllr {
        position: relative;
        flex-direction: row;
        justify-content: flex-start;
        border-radius: 15px 15px 0 0;
        height: 400px; }
        .intro-container .gallery .gllr picture {
          display: flex;
          width: auto;
          height: 100%;
          max-width: 640px; }
        .intro-container .gallery .gllr img, .intro-container .gallery .gllr source {
          width: auto;
          object-fit: cover;
          height: 100%; }
          .intro-container .gallery .gllr img.gllrDT, .intro-container .gallery .gllr source.gllrDT {
            display: none; }
    .intro-container .introduction {
      width: 100%;
      padding-top: 100px;
      padding-bottom: 50px; }
      .intro-container .introduction h2, .intro-container .introduction > p {
        margin-left: 25px;
        margin-right: 25px;
        width: calc(100% - 50px) !important; }
      .intro-container .introduction > p {
        margin-top: 50px; }
      .intro-container .introduction .benefits {
        flex-direction: column;
        width: 100%;
        margin-left: 0%;
        row-gap: 40px;
        padding-top: 50px;
        padding-bottom: 0; }
        .intro-container .introduction .benefits .benefit {
          width: calc(100% - 50px);
          padding-left: 25px;
          padding-right: 25px; }
          .intro-container .introduction .benefits .benefit .split-line div div {
            padding-right: 0;
            margin-left: 0; }
      .intro-container .introduction .benefit p {
        margin-top: 10px;
        line-height: 190%; }

  /*******   PACKS AND PRICES   *******/
  .packsnprices-container {
    width: calc(100% - 40px);
    padding-left: 20px;
    padding-right: 20px; }
    .packsnprices-container .subscriptionTitle {
      width: 100%;
      margin-left: 0; }

  .stripe {
    height: 190px; }

  .packages {
    width: 100vw;
    margin-left: -20px;
    padding: 30px 20px 35px 20px;
    justify-content: flex-start; }
    .packages #package {
      min-width: 240px;
      padding-bottom: 120px; }
      .packages #package:last-child {
        margin-right: 50px; }
      .packages #package .selfTitle {
        font-size: calc(30px + 0.25vw);
        letter-spacing: -1px; }
    .packages::after {
      content: "";
      align-self: stretch;
      padding-inline-end: 25px; }

  .headerButton {
    width: calc(100vw - 50px); }

  /*******   WHOIS   *******/
  .whois-container {
    padding: 150px 0 50px 0; }
    .whois-container h2 {
      margin-bottom: 0;
      letter-spacing: -2px;
      width: calc(100% - 50px);
      margin-left: 25px; }
    .whois-container .whoisContent {
      flex-direction: column;
      width: calc(100% - 50px);
      margin-left: 25px;
      margin-bottom: 90px; }
    .whois-container .whoisCubes {
      text-align: center;
      flex-basis: 100%;
      width: 100%;
      margin-top: 10px;
      transform: rotate(235deg);
      margin-left: -60px; }
      .whois-container .whoisCubes img {
        width: 50%;
        margin-left: 5%;
        margin-top: 10%; }
    .whois-container .whoisText {
      width: 100%; }
      .whois-container .whoisText .whoisTitle {
        width: 100%; }
      .whois-container .whoisText .whoisCopy {
        width: 100%; }
    .whois-container .whoiscta {
      flex-direction: column; }
      .whois-container .whoiscta button {
        width: 100%; }

  /******     ARTICLE     *******/
  .articles-container {
    padding: 0 0 100px 0; }
    .articles-container .article {
      flex-direction: column;
      row-gap: 40px;
      margin: 100px 25px; }
      .articles-container .article .articleImage {
        max-width: 100%; }
      .articles-container .article .articleCopy {
        position: relative;
        width: 100%; }
        .articles-container .article .articleCopy input[type="email"], .articles-container .article .articleCopy input[type="url"] {
          width: calc(100% - 34px); }
        .articles-container .article .articleCopy .submit {
          width: 100%; }

  /******     CASES     *******/
  .cases-container {
    padding: 150px 0; }
    .cases-container .casesTitle {
      padding: 4% 5%;
      margin-left: 25px;
      margin-right: 25px; }
    .cases-container .cases {
      flex-direction: column;
      width: 100%;
      padding: 0;
      margin: 0;
      column-gap: 0;
      row-gap: 40px; }
      .cases-container .cases .case {
        width: calc(100% - 50px);
        max-width: unset;
        min-height: 350px;
        max-height: 400px;
        border-radius: 0;
        padding: 35px 25px; }
        .cases-container .cases .case:last-of-type {
          margin-right: 0; }
        .cases-container .cases .case .caseGradient {
          background: linear-gradient(120deg, #0c0c0d 0%, rgba(12, 12, 13, 0.5) 100%);
          mask-image: linear-gradient(90deg, #0c0c0d 30%, transparent 100%) !important;
          -webkit-mask-image: linear-gradient(90deg, #0c0c0d 50%, transparent 100%) !important; }
        .cases-container .cases .case .caseCompany {
          font-size: 28px; }
        .cases-container .cases .case .caseOpenclose {
          width: 30px;
          height: 30px;
          right: 25px;
          font-size: 23px;
          margin-top: -2px; }
        .cases-container .cases .case .caseDescription {
          font-size: 18px;
          font-weight: 300;
          line-height: 90%;
          bottom: unset;
          margin-top: 8px; }

  /******     WORK     *******/
  .desktop {
    display: none; }

  .mobile {
    display: inline; }

  /******     BRANDS MARQUEE     *******/
  .brandsMarquee-container {
    padding-top: 150px;
    padding-bottom: 150px; }
    .brandsMarquee-container .brandsMarquee1, .brandsMarquee-container .brandsMarquee2 {
      margin-top: 0; }

  /******     BRANDS     *******/
  .brands-container {
    padding: 150px 25px 150px 25px; }
    .brands-container .brandsTitle {
      font-size: calc(27px + 1vw);
      line-height: calc(27px + 1vw);
      padding-left: 25px;
      padding-right: 0;
      margin-bottom: 60px;
      margin-left: 0; }
    .brands-container .brandLogos {
      width: 100%;
      margin-left: 0; }
      .brands-container .brandLogos img.logo {
        width: 80px;
        margin: 3px 1.5px; }

  /******     SUBSCRIPTION     *******/
  .subscription-container {
    width: calc(100% - 50px);
    padding: 120px 25px 50px 25px; }
    .subscription-container .subscriptionTitle {
      width: 100%;
      margin-left: 0; }
    .subscription-container p {
      width: 80%;
      margin-left: 10%; }
    .subscription-container .subscriptions {
      flex-direction: column;
      row-gap: 40px;
      margin-top: 60px; }
    .subscription-container .subAssistent, .subscription-container .subPro {
      padding: 45px 30px calc(150px + 10%) 30px;
      width: calc(100% - 60px); }
    .subscription-container .steps {
      width: 100%;
      margin-top: 100px; }
    .subscription-container .step1, .subscription-container .step2, .subscription-container .step3 {
      margin: 40px 0; }
    .subscription-container .stepImage {
      text-align: left; }

  /******     MENU     *******/
  .menuWrapper, .subWrapper {
    width: calc(100% - 40px);
    padding: 20px;
    min-width: unset; }

  .menu {
    width: calc(100% - 40px);
    min-width: unset;
    min-height: calc(100vh - 40px); }
    .menu .menuTitle {
      width: 90%; }
      .menu .menuTitle h2 {
        font-size: calc(42px + 0.2vw);
        letter-spacing: -1.5px; }
        .menu .menuTitle h2 .serif {
          font-size: calc(42px + 0.2vw);
          letter-spacing: -1.5px; }
    .menu .menuClose {
      right: 0px;
      padding: 0; }
    .menu .menuButtons {
      height: calc(3vh + 54px); }
      .menu .menuButtons.mobile {
        display: flex; }
      .menu .menuButtons.desktop {
        display: none; }

  .message textarea {
    height: 45px; }

  .menuFoot {
    padding: 35px 0 15px;
    width: 100%;
    color: #999;
    z-index: 1; }

  .menuClose, .subClose, .contactClose {
    padding: 0;
    width: 31px;
    height: 31px; }

  .subTicket, .packTicket {
    left: 0;
    width: calc(100% - 80px);
    min-width: unset;
    padding: 20px 40px; }

  .ticketWrapper {
    width: 100%;
    padding: 0; }

  .subWrapper .menu {
    padding-bottom: 90px; }

  .solutions .productenBtn, .solutions .pakkettenBtn {
    padding: 23px 25px 20px 25px; }
  .solutions .productenTab, .solutions .pakkettenTab {
    padding: 35px 20px 40px; }
  .solutions .categoryBtn {
    padding: 14px 14px; }
  .solutions .subSelect {
    width: calc(100% - 40px);
    padding: 20px 20px 20px 20px; }

  .selectTitle {
    font-size: calc(17px + 0.15vw + 0.3vh); }

  .smooth-wrapper {
    overflow: hidden !important; }

  /******     FOOTER     *******/
  footer {
    width: calc(100% - 50px);
    padding: 100px 25px 70px 25px;
    text-align: left;
    font-size: 12.5px; }
    footer .footerLeft {
      margin-top: 40px;
      width: 100%; }
      footer .footerLeft .footerTitle {
        padding-bottom: 30px;
        margin-bottom: 40px; }
      footer .footerLeft .contactBlock {
        margin: 10px 0;
        flex-direction: column; }
        footer .footerLeft .contactBlock div {
          width: 100%; }
      footer .footerLeft #openChat {
        display: none; }
    footer .footerRight {
      margin-top: 100px;
      width: 100%; }
      footer .footerRight .linkedin {
        right: 25px; }

  /******     SEOGEO     *******/
  .seogeo h2 {
    letter-spacing: -2px; }
  .seogeo header {
    text-align: left;
    height: 650px;
    padding-bottom: 100px; }
    .seogeo header .headerTitle {
      margin-top: 400px;
      left: 0;
      width: calc(100% - 50px);
      transform: translateX(0); }
      .seogeo header .headerTitle h1 {
        font-size: calc(44px + 2vw); }
        .seogeo header .headerTitle h1 .serif {
          font-size: calc(44px + 2vw); }
      .seogeo header .headerTitle .headerCompany {
        margin-top: 24px; }
    .seogeo header .headerButton {
      width: 100%; }
  .seogeo .stats {
    width: calc(100% - 50px);
    margin-top: 150px;
    margin-bottom: 150px;
    margin-left: 25px;
    flex-direction: column; }
    .seogeo .stats .statsubject {
      width: 100%;
      display: block;
      font-size: 30px;
      line-height: 110%;
      margin-bottom: 20px; }
    .seogeo .stats .stat {
      margin-top: 20px; }
      .seogeo .stats .stat div:first-child {
        font-size: 12px;
        line-height: 175%; }
      .seogeo .stats .stat div:last-child {
        font-size: 24px; }
  .seogeo .burenSticker {
    width: 150px;
    max-width: 200px;
    margin-top: -50px;
    margin-left: 25px; }
  .seogeo .ingredients h2, .seogeo .deliverables h2 {
    margin-top: 20px;
    font-size: 40px;
    letter-spacing: -2px; }
    .seogeo .ingredients h2 .serif, .seogeo .deliverables h2 .serif {
      font-size: 40px;
      letter-spacing: -2px; }
  .seogeo .deliverables {
    width: 100%;
    row-gap: 0; }
    .seogeo .deliverables h2 {
      padding: 0 25px; }
    .seogeo .deliverables .single {
      margin: 0; }
    .seogeo .deliverables .dual:first-of-type {
      padding: 30px 25px; }
  .seogeo .growth, .seogeo .locatie, .seogeo .whois-container, .seogeo .stats-container, .seogeo .ingredients, .seogeo .deliverables, .seogeo .summary {
    max-width: unset;
    transform: none; }
  .seogeo .whois-container, .seogeo .stats-container {
    margin-left: 0; }
  .seogeo .locatie {
    margin: 150px 25px 50px;
    width: calc(100% - 50px); }
  .seogeo .growth, .seogeo .ingredients, .seogeo .summary {
    margin: 150px 25px;
    width: calc(100% - 50px); }
  .seogeo .growth, .seogeo .summary {
    flex-direction: column;
    row-gap: 80px; }
  .seogeo .ingredients .single {
    padding-bottom: 200px; }
  .seogeo .single {
    width: 100%;
    margin: 50px 0; }
    .seogeo .single .singleBackground, .seogeo .single .singleBackground1, .seogeo .single .singleBackground2, .seogeo .single .singleBackground3, .seogeo .single .singleBackground4, .seogeo .single .singleBackground5, .seogeo .single .singleBackground6 {
      position: absolute;
      width: 100%;
      height: 100%;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      border-radius: 15px; }
      .seogeo .single .singleBackground img, .seogeo .single .singleBackground1 img, .seogeo .single .singleBackground2 img, .seogeo .single .singleBackground3 img, .seogeo .single .singleBackground4 img, .seogeo .single .singleBackground5 img, .seogeo .single .singleBackground6 img {
        position: absolute;
        width: 100%;
        min-height: 100%; }
    .seogeo .single .singleBackground1 {
      background-image: url(../images/completegrow-branding-m.jpg); }
    .seogeo .single .singleBackground2 {
      background-image: url(../images/completegrow-website-m.jpg); }
    .seogeo .single .singleBackground3 {
      background-image: url(../images/completegrow-webshop-m.jpg); }
    .seogeo .single .singleBackground4 {
      background-image: url(../images/completegrow-marketing-m.jpg); }
    .seogeo .single .singleBackground5 {
      background-image: url(../images/completegrow-klantenreis-m.jpg); }
    .seogeo .single .singleBackground6 {
      background-image: url(../images/completegrow-seogeo-m.jpg); }
    .seogeo .single .num {
      font-size: 90px;
      transform: translateX(25px) translateY(-50%); }
    .seogeo .single article {
      width: calc(100% - 50px);
      margin: 70px 25px 50px; }
      .seogeo .single article .tags {
        column-gap: 10px;
        margin-top: 20px; }
        .seogeo .single article .tags .tag {
          padding: 12px 20px 16px; }
          .seogeo .single article .tags .tag .tagTitle {
            font-size: 16px; }
  .seogeo .dual {
    flex-direction: column; }
    .seogeo .dual > div, .seogeo .dual > article {
      flex-basis: 100%;
      width: 100%; }
    .seogeo .dual.blocks.white > article {
      padding: 30px 25px;
      border-radius: 15px;
      flex-basis: calc(100% - 50px);
      width: calc(100% - 50px); }
    .seogeo .dual.deliverable .deliverableTitle {
      left: 24px; }
  .seogeo .triple {
    flex-direction: column; }
    .seogeo .triple > article {
      flex-basis: calc(100% - 70px);
      width: calc(100% - 70px);
      padding: 40px 40px 30px 30px; }
  .seogeo .burenLeft, .seogeo .burenRight {
    flex-basis: 100%;
    width: 100%; }
  .seogeo .ingredients-container {
    width: 100%;
    padding: 1px 0; }
  .seogeo .deliverable-container {
    width: 100%;
    padding: 150px 0; }
  .seogeo .ingredients .dual.deliverable img, .seogeo .deliverables .dual.deliverable img {
    border-radius: 0; }
  .seogeo .ingredients .dual.deliverable .deliverableDesc, .seogeo .deliverables .dual.deliverable .deliverableDesc {
    margin: 25px 35px 100px 25px; }
  .seogeo .locatie h2 {
    width: 100%;
    margin-left: 0;
    margin-bottom: 0; }
  .seogeo.sms .headerBackground img {
    width: auto;
    min-height: unset;
    height: 80%;
    right: 0;
    left: unset;
    transform: unset;
    transform-origin: top right;
    object-fit: unset; }

  /******     COOKIE CONSENT     *******/
  #cc-main .pm--flip .pm__btn-group, #cc-main .pm--flip .pm__footer {
    flex-direction: column !important; }

  #cc-main .pm.pm--box {
    max-height: 100vh !important; }

  /******     LIVE CHAT     *******/
  #hubspot-messages-iframe-container.widget-align-right {
    display: none !important;
    margin-right: 0px !important;
    margin-bottom: 0px !important; }

  /******     GOOGLE CALENDAR     *******/
  .Xfsokf {
    right: 20px !important; }

  .hur54b {
    padding: 72px 20px 20px 20px !important; } }
/** <--- CLOSE MEDIA QUERY MAX-WIDTH 768px **/

/*# sourceMappingURL=stylesMobile.css.map */