@media only screen and (max-width: 1599px) {

	/* Check 1367px and add css here */
}

@media only screen and (max-width: 1366px) {

	/* Check 1200px and add css here */
/* ─── FULL SCREEN MOBILE MENU ─── */


/* Make dropdown cover FULL screen */
body:has(.elementor-menu-toggle[aria-expanded="true"])
.elementor-nav-menu--dropdown {
  position: fixed !important;
  top: 68px !important; 
  left: 0 !important;
  width: 100vw !important;
  height: calc(100vh - 68px) !important;  
  overflow-y: auto !important;
  z-index: 9999 !important;
  background: #ffffff !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Also override the static top: 68px rule */
.elementor-nav-menu--dropdown {
  top: 0 !important;
}

/* Center menu items vertically with padding */
.elementor-nav-menu--dropdown li a,
.elementor-nav-menu--dropdown .elementor-item {
  text-align: center !important;
  justify-content: center !important;
  display: flex !important;
  font-size: 18px !important;
  padding: 18px 20px !important;
}
	body:not(.home) #masthead, body:not(.home) .fw-header {
    max-width: 1121px !important;
}
}

@media only screen and (max-width: 1199px) {

	/* Check 1025px and add css here */
	body:not(.home) #masthead, body:not(.home) .fw-header {
    left: 50% !important;
    max-width: 940px !important;
}
}

@media only screen and (max-width: 1024px) {
	
	.e-con.e-parent {
    padding-left: 30px;
    padding-right: 30px;
}

.e-con .e-con .e-con-inner {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.e-loop-item .e-con.e-parent {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.header-wrapper .nav-bar nav.elementor-nav-menu--dropdown {
    position: fixed !important;
    bottom: 0;
    top: initial !important;
    left: 0 !important;
    width: 100% !important;
    height: calc(100% - 90px) !important;
    padding: 0 !important;  /* ← padding zero */
    transition: all 0.3s;
    overflow: auto;
    margin: 0 !important;
}
	body:not(.home) #masthead, body:not(.home) .fw-header {
    left: 50% !important;
    max-width: 710px !important;
}
	.footer-con{
		padding:0 10px 0 10px!important;
	}
	.cards{
		padding-left:10px !important;
		padding-right:10px !important;
	}
	.btn-wrap {
    margin-top: 26px;
}
/* Body scroll completely band */
body:has(.elementor-menu-toggle[aria-expanded="true"]) {
    overflow: hidden !important;
    position: fixed !important;
    width: 100% !important;
}
	 html, body {
    overflow-x: hidden !important;
    max-width: 100% !important;
  }

  body:has(.elementor-menu-toggle[aria-expanded="true"])
  .elementor-nav-menu--dropdown {
    position: fixed !important;
    top: 68px !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: calc(100vh - 68px) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    z-index: 9999 !important;
    background: #ffffff !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

.elementor-nav-menu--dropdown {
    flex-grow: 1 !important;
    flex-shrink: 1 !important;
    flex: 1 1 auto !important;
}

/* Parent container bhi fix */
body:has(.elementor-menu-toggle[aria-expanded="true"]) 
.elementor-element-dcef5a3 {
    flex-grow: 1 !important;
    flex-shrink: 1 !important;
    min-height: 0 !important;
}
	.elementor-nav-menu--dropdown .menu-btn {
  display: flex !important;
  justify-content: center !important;
  padding: 20px 0 !important;
  width:100% !important;
  border-bottom: none !important;
}
	.elementor-nav-menu--dropdown li.current-menu-item > a,
  .elementor-nav-menu--dropdown li.current-menu-item > a.elementor-item,
  .elementor-nav-menu--dropdown .elementor-item.elementor-item-active {
    background: #F4F7F5 !important;

  }


  .elementor-nav-menu--dropdown .menu-btn > a {
    width: fit-content !important;
    padding: 14px 40px !important;
    font-size: 16px !important;
    background: #7F2755 !important;
    color: #ffffff !important;
    border-radius: 45px !important;
    border: 1px solid #7F2755 !important;
    font-family: outfit !important;
  }

}

@media only screen and (max-width: 767px) {
	.elementor-nav-menu--dropdown.elementor-nav-menu__container {
    width: 100vw !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 !important;
  }

	body:not(.home) #masthead, body:not(.home) .fw-header {
    left: 50% !important;
    max-width: 94% !important;
}

	.cf7-flex {
		flex-direction: column;
	}

	.cf7-flex .half {
		width: 100%;
	}

	.wpcf7 .row {
		flex-wrap: wrap;
	}

	.wpcf7 .column {
		width: 100%;
	}

	.notfound-content {
		padding: 12vw 0;
	}

	/* Check 480px and add css here */

	.e-con.e-parent {
    padding-left: 20px;
    padding-right: 20px;
}

.e-con .e-con .e-con-inner {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
/* 	header,
 #masthead,
.site-header {
  position: absolute !important;
  top:0;
  left: 50%;
  transform: translateX(-50%);
  width: 1280px;
  margin:0;
  z-index: 999;
	margin-left:20px !important;
  background: transparent !important;
} */
	.newsletter-form
 {
    max-width: 360px;
}
 .top-row {
        flex-direction: column !important;
        gap: 20px !important;
    }

    .top-row .field {
        width: 100% !important;
    }
	.e-con.e-flex {
    --width: 100%;
    --flex-wrap: unset;
}
}

@media only screen and (max-width: 479px) {

	/* Check 375px and add css here */
/* 	.newsletter-form
 {
    max-width: 360px;
} */
	 .newsletter-form {
    height: auto !important;
    border-radius: 30px !important;
    flex-direction: column !important;
    padding: 6px !important;
    gap: 6px !important;
    margin: 0 12px !important; /* ← edges se door */
  }

  .newsletter-form p.form-row {
    flex-direction: column !important;
    width: 100% !important;
  }

  .newsletter-form .email-field {
    width: 100% !important;
    height: 40px !important; /* ← height kam ki */
  }

  .newsletter-form input[type="email"] {
    height: 40px !important; /* ← height kam ki */
    text-align: center !important;
    padding: 0 14px !important;
    font-size: 14px !important; /* ← font thoda chhota */
	  border-radius:16px !important;
  }

  .newsletter-form .btn-field {
    width: 100% !important;
    padding: 3px !important;
    justify-content: center !important;
  }

  .newsletter-form .btn-field input[type="submit"],
  .newsletter-form input[type="submit"] {
    width: 100% !important;
    height: 38px !important; /* ← height kam ki */
    font-size: 15px !important;
    border-radius: 25px !important;
  }
}

@media only screen and (max-width: 374px) {

	/* Check 320px and add css here */
	.newsletter-form
 {
    max-width: 360px;
}
}