/*————————————

Heights

————————————*/ // // .h-25 .h-50 .h-75 .h-100 // .mh-100 { // max-height: 100% !important; // } //

/* Height in Percentage (%) */ .g-height-50x {

height: 50%;

}

.g-height-80x {

height: 80%;

}

.g-height-90x {

height: 90%;

}

.g-height-95x {

height: 95%;

}

.g-height-100x {

height: 100%;

}

/* Max Height in Percentage (%) */ .g-max-height-100x {

max-height: 100%;

}

/* Max Height in Viewport Height (vh) */ .g-max-height-90vh {

height: 90vh !important;

}

/* Min Height in Percentage (%) */ .g-min-height-100x {

min-height: 100%;

}

/* Height in Viewport Height (vh) */ .g-height-50vh {

height: 50vh !important;

}

.g-height-70vh {

height: 70vh;

}

.g-height-75vh {

height: 75vh;

}

.g-height-100vh {

height: 100vh !important;

}

/* Min Height in Viewport Height (vh) */ .g-min-height-50vh {

min-height: 50vh;

}

.g-min-height-60vh {

min-height: 60vh;

}

.g-min-height-70vh {

min-height: 70vh;

}

.g-min-height-80vh {

min-height: 80vh;

}

.g-min-height-100vh {

min-height: 100vh;

}

/* Auto Height */ .g-height-auto {

height: auto;

}

@media (min-width: $g-sm) {

.g-height-100vh--sm {
  height: 100vh !important;
}

.g-height-auto--sm {
  height: auto;
}
.g-height-100x--sm {
  height: 100%;
}

}

@media (min-width: $g-md) {

.g-height-auto--md {
  height: auto;
}

.g-min-height-100vh--md {
  min-height: 100vh;
}

}

@media (min-width: $g-lg) {

.g-height-100vh--lg {
  height: 100vh !important;
}

.g-height-auto--lg {
  height: auto;
}

}

@media (min-width: $g-xl) {

.g-height-auto--xl {
  height: auto;
}

}

/* Height in Pixels (px) */ .g-height-1 {

height: 1px;

}

.g-height-2 {

height: 2px;

}

.g-height-4 {

height: 4px;

}

.g-height-5 {

height: 5px !important;

}

.g-height-6 {

height: 6px !important;

}

.g-height-10 {

height: 10px !important;

}

.g-height-12 {

height: 12px !important;

}

.g-height-16 {

height: 16px !important;

}

.g-height-18 {

height: 18px;

}

.g-height-20 {

height: 20px !important;

}

.g-height-24 {

height: 24px;

}

.g-height-25 {

height: 25px;

}

.g-height-26 {

height: 26px;

}

.g-height-28 {

height: 28px !important; /* O */

}

.g-height-30 {

height: 30px !important;

}

.g-height-32 {

height: 32px; /* O */

}

.g-height-35 {

height: 35px !important;

}

.g-height-40 {

height: 40px;

}

.g-height-45 {

height: 45px;

}

.g-height-48 {

height: 48px; /* O */

}

.g-height-50 {

height: 50px;

}

.g-height-55 {

height: 55px;

}

.g-height-60 {

height: 60px;

}

.g-height-64 {

height: 64px; // J

}

.g-height-70 {

height: 70px;

}

.g-height-75 {

height: 75px; /* O */

}

.g-height-80 {

height: 80px !important;

}

.g-height-85 {

height: 85px;

}

.g-height-88 {

height: 88px;

}

.g-height-90 {

height: 90px;

}

.g-height-95 {

height: 95px !important;

}

.g-height-100 {

height: 100px !important;

}

.g-height-105 {

height: 105px;

}

.g-height-115 {

height: 115px !important; /* O */

}

.g-height-120 {

height: 120px;

}

.g-height-130 {

height: 130px;

}

.g-height-140 {

height: 140px;

}

.g-height-150 {

height: 150px;

}

.g-height-160 {

height: 160px;

}

.g-height-170 {

height: 170px; /* O */

}

.g-height-180 {

height: 180px !important; /* O */

}

.g-height-200 {

height: 200px;

}

.g-height-250 {

height: 250px;

}

.g-height-280 {

height: 280px;

}

.g-height-300 {

height: 300px;

}

.g-height-350 {

height: 350px;

}

.g-height-400 {

height: 400px;

}

.g-height-450 {

height: 450px;

}

.g-height-460 {

height: 460px; /* O */
max-height: 100% !important;

}

.g-height-500 {

height: 500px;

}

.g-height-600 {

height: 600px;

}

.g-height-680 {

height: 680px;

}

/* Min Height in Pixels (px) */ .g-min-height-4 {

min-height: 4px; // Z

}

.g-min-height-200 {

min-height: 200px;

}

.g-min-height-250 {

min-height: 250px;

}

.g-min-height-275 {

min-height: 275px;

}

.g-min-height-300 {

min-height: 300px;

}

.g-min-height-312 {

min-height: 312px;

}

.g-min-height-360 {

min-height: 360px;

}

.g-min-height-400 {

min-height: 400px;

}

.g-min-height-450 {

min-height: 450px;

}

.g-min-height-500 {

min-height: 500px;

}

.g-min-height-600 {

min-height: 600px;

}

@media (min-width: $g-sm) {

.g-height-350--sm {
  height: 350px;
}
.g-height-680--sm {
  height: 680px;
}

}

@media (min-width: $g-md) {

.g-height-45--md {
  height: 45px !important;
}
.g-height-60--md {
  height: 60px !important;
}
.g-height-100--md {
  height: 100px !important;
}
.g-height-170--md {
  height: 170px !important;
}
.g-height-350--md {
  height: 350px;
}
.g-height-500--md {
  height: 500px;
}
.g-height-680--md {
  height: 680px;
}
.g-height-100x--md {
  height: 100%;
}
.g-height-100vh--md {
  height: 100vh;
}
.g-min-height-230--md {
  min-height: 230px;
}
.g-min-height-500--md {
  min-height: 500px;
}

}

@media (min-width: $g-lg) {

.g-height-200--lg {
  height: 200px !important;
}
.g-height-230--lg {
  height: 230px;
}
.g-height-350--lg {
  height: 350px;
}
.g-height-680--lg {
  height: 680px;
}

}

@media (min-width: $g-xl) {

.g-height-350--xl {
  height: 350px;
}
.g-height-680--xl {
  height: 680px;
}

}