@media only screen and (max-width: 992px) {
  header.site-header:not(:has(#menu-btn.active)) nav,
  header.site-header:not(:has(#menu-btn.active)) #mainmenu {
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: transparent !important;
    border: 0 !important;
  }

  header.site-header:has(#menu-btn.active),
  header.site-header:has(#menu-btn.active) nav {
    background: #fff !important;
  }

  header.site-header:has(#menu-btn.active) #mainmenu {
    position: fixed !important;
    z-index: 9998 !important;
    top: 112px !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: calc(100vh - 112px) !important;
    height: calc(100dvh - 112px) !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding: 14px 26px max(30px, env(safe-area-inset-bottom)) !important;
    background: #fff !important;
    overscroll-behavior: contain;
  }

  header.site-header:has(#menu-btn.active) #mainmenu > li,
  header.site-header:has(#menu-btn.active) #mainmenu > li > a,
  header.site-header:has(#menu-btn.active) #mainmenu ul,
  header.site-header:has(#menu-btn.active) #mainmenu ul li,
  header.site-header:has(#menu-btn.active) #mainmenu ul li a {
    background-color: #fff !important;
  }

  header.site-header:has(#menu-btn.active) #mainmenu > li > a,
  header.site-header:has(#menu-btn.active) #mainmenu ul li a {
    color: #2f2f2f !important;
  }

  header.site-header:has(#menu-btn.active) #mainmenu .menu-item-has-children > a::after,
  header.site-header:has(#menu-btn.active) #mainmenu .arrow {
    color: #2f2f2f !important;
    border-color: #2f2f2f !important;
  }
}

@media only screen and (max-width: 767px) {
  body.page-id-4983 .wpb-content-wrapper > section.vc_row-fluid:first-of-type,
  body.page-id-5379 .wpb-content-wrapper > section.vc_row-fluid:first-of-type {
    display: block !important;
    height: auto !important;
    min-height: 420px !important;
    padding: 95px 22px 210px !important;
    background-image: url("https://costadelsolinteriors.com/wp-content/uploads/2026/09/Turnkey-Interior-Design-Costa-del-Sol.png") !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
  }

  body.page-id-4983 .wpb-content-wrapper > section.vc_row-fluid:first-of-type .vc_custom_heading,
  body.page-id-5379 .wpb-content-wrapper > section.vc_row-fluid:first-of-type .vc_custom_heading {
    max-width: 100% !important;
    margin: 0 !important;
    font-size: 36px !important;
    line-height: 1.08 !important;
    overflow-wrap: anywhere;
  }

  body.page-id-5114 .wpb-content-wrapper > section.vc_row-fluid:nth-of-type(2),
  body.page-id-5441 .wpb-content-wrapper > section.vc_row-fluid:nth-of-type(2),
  body.page-id-13351 .wpb-content-wrapper > section.vc_row-fluid:nth-of-type(2),
  body.page-id-14620 .wpb-content-wrapper > section.vc_row-fluid:nth-of-type(2) {
    display: block !important;
    min-height: 420px !important;
    background: transparent !important;
  }

  body.page-id-5114 .wpb-content-wrapper > section.vc_row-fluid:nth-of-type(2) .vc_column-inner,
  body.page-id-5441 .wpb-content-wrapper > section.vc_row-fluid:nth-of-type(2) .vc_column-inner {
    min-height: 420px !important;
    padding: 0 22px !important;
    background-image: url("https://costadelsolinteriors.com/wp-content/uploads/2026/09/Decoracion-de-interiores-en-la-Costa-del-Sol-%E2%80%93-pareja-en-salon-mediterraneo.jpg") !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
  }

  body.page-id-13351 .wpb-content-wrapper > section.vc_row-fluid:nth-of-type(2) .vc_column-inner,
  body.page-id-14620 .wpb-content-wrapper > section.vc_row-fluid:nth-of-type(2) .vc_column-inner {
    min-height: 420px !important;
    padding: 0 22px !important;
    background-image: url("https://costadelsolinteriors.com/wp-content/uploads/2026/09/Custom-Furniture-and-Kitchens-Costa-del-Sol.png") !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
  }

  body.page-id-5114 .wpb-content-wrapper > section.vc_row-fluid:nth-of-type(2) .vc_custom_heading,
  body.page-id-5441 .wpb-content-wrapper > section.vc_row-fluid:nth-of-type(2) .vc_custom_heading,
  body.page-id-13351 .wpb-content-wrapper > section.vc_row-fluid:nth-of-type(2) .vc_custom_heading,
  body.page-id-14620 .wpb-content-wrapper > section.vc_row-fluid:nth-of-type(2) .vc_custom_heading {
    margin: 0 !important;
    padding: 54px 0 0 !important;
    max-width: 100% !important;
    font-size: 34px !important;
    line-height: 1.08 !important;
    overflow-wrap: anywhere;
  }

  body.page-id-4983 .wpb-content-wrapper > section.vc_row-fluid:nth-of-type(2),
  body.page-id-5379 .wpb-content-wrapper > section.vc_row-fluid:nth-of-type(2),
  body.page-id-5114 .wpb-content-wrapper > section.vc_row-fluid:nth-of-type(3),
  body.page-id-5441 .wpb-content-wrapper > section.vc_row-fluid:nth-of-type(3),
  body.page-id-13351 .wpb-content-wrapper > section.vc_row-fluid:nth-of-type(3),
  body.page-id-14620 .wpb-content-wrapper > section.vc_row-fluid:nth-of-type(3) {
    padding-top: 52px !important;
    padding-bottom: 52px !important;
  }

  body.page-id-4983 .wpb-content-wrapper > section.vc_row-fluid:nth-of-type(2) .wpb_column:nth-child(1) .vc_custom_heading,
  body.page-id-5379 .wpb-content-wrapper > section.vc_row-fluid:nth-of-type(2) .wpb_column:nth-child(1) .vc_custom_heading,
  body.page-id-5114 .wpb-content-wrapper > section.vc_row-fluid:nth-of-type(3) .wpb_column:nth-child(1) .vc_custom_heading,
  body.page-id-5441 .wpb-content-wrapper > section.vc_row-fluid:nth-of-type(3) .wpb_column:nth-child(1) .vc_custom_heading,
  body.page-id-13351 .wpb-content-wrapper > section.vc_row-fluid:nth-of-type(3) .wpb_column:nth-child(1) .vc_custom_heading,
  body.page-id-14620 .wpb-content-wrapper > section.vc_row-fluid:nth-of-type(3) .wpb_column:nth-child(1) .vc_custom_heading {
    font-size: 22px !important;
    line-height: 1.28 !important;
    overflow-wrap: anywhere;
  }

  body.page-id-4983 .wpb-content-wrapper > section.vc_row-fluid:nth-of-type(2) .wpb_column:nth-child(2) .vc_custom_heading,
  body.page-id-5379 .wpb-content-wrapper > section.vc_row-fluid:nth-of-type(2) .wpb_column:nth-child(2) .vc_custom_heading,
  body.page-id-5114 .wpb-content-wrapper > section.vc_row-fluid:nth-of-type(3) .wpb_column:nth-child(2) .vc_custom_heading,
  body.page-id-5441 .wpb-content-wrapper > section.vc_row-fluid:nth-of-type(3) .wpb_column:nth-child(2) .vc_custom_heading,
  body.page-id-13351 .wpb-content-wrapper > section.vc_row-fluid:nth-of-type(3) .wpb_column:nth-child(2) .vc_custom_heading,
  body.page-id-14620 .wpb-content-wrapper > section.vc_row-fluid:nth-of-type(3) .wpb_column:nth-child(2) .vc_custom_heading {
    font-size: 20px !important;
    line-height: 1.42 !important;
    overflow-wrap: anywhere;
  }

  body.page-id-4983 .wpb-content-wrapper > section.vc_row-fluid:nth-of-type(2) .wpb_column:nth-child(3) .vc_custom_heading,
  body.page-id-5379 .wpb-content-wrapper > section.vc_row-fluid:nth-of-type(2) .wpb_column:nth-child(3) .vc_custom_heading,
  body.page-id-5114 .wpb-content-wrapper > section.vc_row-fluid:nth-of-type(3) .wpb_column:nth-child(3) .vc_custom_heading,
  body.page-id-5441 .wpb-content-wrapper > section.vc_row-fluid:nth-of-type(3) .wpb_column:nth-child(3) .vc_custom_heading {
    font-size: 17px !important;
    line-height: 1.55 !important;
    overflow-wrap: anywhere;
  }

  body.page-id-4983 .wpb-content-wrapper .vc_custom_heading,
  body.page-id-5379 .wpb-content-wrapper .vc_custom_heading,
  body.page-id-5114 .wpb-content-wrapper .vc_custom_heading,
  body.page-id-5441 .wpb-content-wrapper .vc_custom_heading,
  body.page-id-13351 .wpb-content-wrapper .vc_custom_heading,
  body.page-id-14620 .wpb-content-wrapper .vc_custom_heading {
    max-width: 100% !important;
    overflow-wrap: anywhere;
  }

  body.page-id-4983 .wpb-content-wrapper h2.vc_custom_heading,
  body.page-id-5379 .wpb-content-wrapper h2.vc_custom_heading,
  body.page-id-5114 .wpb-content-wrapper h2.vc_custom_heading,
  body.page-id-5441 .wpb-content-wrapper h2.vc_custom_heading,
  body.page-id-13351 .wpb-content-wrapper h2.vc_custom_heading,
  body.page-id-14620 .wpb-content-wrapper h2.vc_custom_heading {
    font-size: 28px !important;
    line-height: 1.2 !important;
  }

  body.page-id-4983 .wpb-content-wrapper h3.vc_custom_heading,
  body.page-id-5379 .wpb-content-wrapper h3.vc_custom_heading,
  body.page-id-5114 .wpb-content-wrapper h3.vc_custom_heading,
  body.page-id-5441 .wpb-content-wrapper h3.vc_custom_heading,
  body.page-id-13351 .wpb-content-wrapper h3.vc_custom_heading,
  body.page-id-14620 .wpb-content-wrapper h3.vc_custom_heading {
    font-size: 24px !important;
    line-height: 1.25 !important;
  }

  body.page-id-4983 .wpb-content-wrapper p,
  body.page-id-5379 .wpb-content-wrapper p,
  body.page-id-5114 .wpb-content-wrapper p,
  body.page-id-5441 .wpb-content-wrapper p,
  body.page-id-13351 .wpb-content-wrapper p,
  body.page-id-14620 .wpb-content-wrapper p {
    font-size: 18px !important;
    line-height: 1.65 !important;
  }
}

.single-portfolio .csi-whatsapp-share {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  border: 2px solid #25d366 !important;
  border-radius: 50%;
  background: #25d366 !important;
  color: #fff !important;
}

.single-portfolio .csi-whatsapp-share:hover,
.single-portfolio .csi-whatsapp-share:focus {
  border-color: #1ebe5d !important;
  background: #1ebe5d !important;
  color: #fff !important;
}

.single-portfolio .csi-whatsapp-share svg {
  width: 27px;
  height: 27px;
  fill: currentColor;
}

.single-portfolio .socials-sharing .socials-item:not(.csi-whatsapp-share) {
  display: none !important;
}

.single-portfolio .csi-project-intro-column {
  order: -1;
}

@media only screen and (max-width: 767px) {
  .single-portfolio .csi-project-intro-column {
    margin-bottom: 34px;
  }

  .single-portfolio .wpb_text_column h1,
  .single-portfolio .wpb_text_column h2 {
    font-size: 28px !important;
    line-height: 1.2 !important;
  }

  .single-portfolio .wpb_text_column p {
    font-size: 17px !important;
    line-height: 1.65 !important;
  }
}