/* Make Envira lightbox background fully white */
.envirabox-bg {
    background: #ffffff !important;
    opacity: 1 !important;
}
/* Position the caption wrapper itself */
.envirabox-caption-wrap {
  position: fixed !important;
  left: 40px !important;
  bottom: 40px !important;

  width: auto !important;
  max-width: 40vw !important;

  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
  background: transparent !important;

  z-index: 99996 !important;
}

/* Style the actual caption text box */
.envirabox-caption {
  display: inline-block !important;
  background: #ffffff !important;
  padding: 12px 18px !important;
  border-radius: 8px !important;
  box-shadow: 0 8px 20px rgba(0,0,0,0.16) !important;

  color: #000 !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
}

/* ----------------------------------------
   Move Envira close button to top-right
   of the LIGHTBOX (viewport)
-----------------------------------------*/

/* Move the toolbar (which contains the close button) */
.envirabox-toolbar {
  position: fixed !important;
  top: 24px !important;
  right: 24px !important;
  left: auto !important;

  width: auto !important;
  height: auto !important;

  background: transparent !important;
  box-shadow: none !important;
  z-index: 99997 !important;
}

/* Keep the close button positioned inside the toolbar */
.envirabox-button--close {
  position: static !important;
}
/* Ensure the lightbox container spans the whole screen */
.envirabox-container {
    background: #ffffff !important;
    width: 100vw !important;
    height: 100vh !important;
    top: 0 !important;
    left: 0 !important;
}

/* Center the image perfectly */
.envirabox-slide img {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    max-width: 90vw !important;
    max-height: 90vh !important;
    object-fit: contain !important;
}

/* Position the caption at bottom-left of the LIGHTBOX */
.envirabox-caption {
    position: fixed !important;
    bottom: 30px !important;
    left: 30px !important;

    background: #ffffff !important;
    padding: 12px 18px !important;
    border-radius: 8px !important;
    border: 1px solid #ccc !important;

    color: #000 !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    max-width: 40vw !important;
    z-index: 999999 !important;

    pointer-events: none; /* prevents conflicting clicks */
}

/* Position the close button at top-right of the LIGHTBOX */
.envirabox-button--close {
    position: fixed !important;
    top: 30px !important;
    right: 30px !important;
    width: 40px !important;
    height: 40px !important;
    z-index: 999999 !important;
}

/* Larger and visible close button icon */
.envirabox-button--close:before {
    font-size: 32px !important;
    color: #000 !important;
}

/* Caption container */
.modal-caption {
    position: fixed;                 /* Fix inside the viewport/modal */
    bottom: 40px;                    /* Lift slightly above bottom edge */
    left: 40px;                      /* Nice spacing from left edge */
    background: rgba(255, 255, 255, .95); /* Clean white box */
    padding: 14px 18px;
    border-radius: 6px;
    font-size: 14px;
    line-height: 1.4em;
    max-width: 300px;
    text-align: left;
    z-index: 10000;                  /* Above image */
    box-shadow: 0 4px 20px rgba(0,0,0,0.1);
}

/* Hide caption by default */
.modal-caption.hidden {
    display: none;
}


@media only screen and (max-width: 768px) {
.vc_column_container>.vc_column-inner {
    padding-bottom: 40px !important;
}
	
#mbile{
    display:block !important;
}
#dsktop{
    display:none !important;
}
}
@media only screen 
    and (max-width : 414px)  
     { 
			 .wpcf7-spinner {
    visibility: hide;
    display: block !important;
    background-color: #23282d;
    opacity: 0.75;
    width: 24px;
    height: 24px;
    border: none;
    border-radius: 100%;
    padding: 0;
    margin: 0px 134px !important;
    position: relative;
}
	
}

ul.sub-menu:nth-child(3) {
    margin-top: 0px!important;
}