/* ======== RESPONSIVE CSS ========= */

/* ===================================================
		MIN WIDTH 
=================================================== */
@media screen and (min-width: 1200px) {
  .max-465 {
    max-width: 465px;
  }

  .max-360 {
    max-width: 360px;
  }
}

@media screen and (min-width: 1600px) {
}

@media screen and (min-width: 1900px) {
}

@media screen and (min-width: 2000px) {
}

@media screen and (min-width: 2200px) {
}

@media screen and (min-width: 2700px) {
}

/* ------------------------------ 
	768px SMALL
------------------------------ */
@media (min-width: 768px) {
  .hide-mobile {
    display: block;
  }

  .show-mobile {
    display: none;
  }
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 750px;
    margin: 6.75rem auto;
  }
}

/* ===================================================
		MIN - MAX WIDTH 
=================================================== */
/* ------------------------------ 
	992px - 1199px LARGE
------------------------------ */
@media (min-width: 992px) and (max-width: 1199px) {
}

/* ------------------------------ 
	768px - 991px MEDIUM
------------------------------ */
@media (min-width: 641px) and (max-width: 991px) {
}

/* ===================================================
		MAX WIDTH 
=================================================== */
@media screen and (max-width: 1199px) {
}

@media screen and (max-width: 991px) {
}

@media screen and (max-width: 767px) {
  .page-template-page-lp h1 {
    max-width: 420px;
  }
}

@media screen and (max-width: 640px) {
  .desktop {
    display: none !important;
  }

  .mobile {
    display: block !important;
  }
}

@media screen and (max-width: 600px) {
  /* Reset for Mobile Admin bar */
  body {
    position: initial;
  }
}

@media screen and (max-width: 576px) {
}

@media screen and (max-width: 450px) {
}

@media screen and (max-width: 400px) {
}

@media screen and (max-width: 350px) {
  .page-template-page-lp h1.text-uppercase.fw-bold {
    font-size: 3em;
  }
}

@media screen and (max-width: 300px) {
}
