/* Large Screens (up to 1199px) */
@media (max-width: 1199px) {
	.auth-left-section .auth-left-content h5 {
	  font-size: 18px;
	}  
	.pattern-1 {
	  top: 5%;
	  left: 0;
	}
	.pattern-6 {
	  bottom: -8%;
	  left: 5%;
	}
	.pattern-4 {
	  bottom: 0;
	  right: 7%;
	}
	.pattern-2 {
	  top: 7%;
	  right: 2%;
	}
  }
  /* Medium Screens (up to 991px) */
  @media (max-width: 991px) {
	.pattern-3,
	.pattern-1,
	.pattern-6,
	.pattern-4,
	.pattern-2 {
	  width: 45px;
	}
	.pattern-5,
	.pattern-3 {
	  display: none;
	}
	.pattern-1 {
	  top: 20%;
	}
	.pattern-6 {
	  bottom: 4%;
	}
	.pattern-2 {
	  top: 8%;
	}
  }
  /* Tablet Screens (up to 760px) */
  @media (max-width: 760px) {
	.field-container {
	  padding: 0 40px;
	  gap: 10px 0;
	}
  }
  /* Mobile Screens (up to 576px) */
  @media (max-width: 576px) {
	.auth-left-section .auth-left-content h5 {
	  font-size: 16px;
	  line-height: 28px;
	  font-weight: 500;
	}
	.auth-left-section .auth-left-content p {
	  display: none;
	}
  
	.form-section {
	  width: 100vw !important;
	}
	.auth-left-section {
	  display: none;
	}
	.auth-left-section .auth-left-banner {
	  height: 320px !important;
	}
  
	.form-section .alert {
	  text-align: center;
	  margin: 10px 40px 30px;
	}
	.form-section h2 {
	  font-size: 30px !important;
	}
  
	#login-email,
	#login-password {
	  width: 100%;
	  margin: 0;
	}
	#sign-in .checkbox-item {
	  margin-top: 30px;
	}
	.error {
	  padding-left: 5px;
	}
  }