.text-center {      text-align: center !important;                 }
.text-left {        text-align: left !important;                   }
.text-right {       text-align: right !important;                  }

.content-center {   justify-content: center !important;            }
.content-left {     justify-content: flex-start !important;        }
.content-right {    justify-content: flex-end !important;          }
.content-justify {  justify-content: space-between !important;     }
.content-padded {   justify-content: space-around !important;      }
.content-top {      align-content: flex-start !important;          }
.content-middle {   align-content: center !important;              }
.content-bottom {   align-content: flex-end !important;            }
.content-stretch {  align-content: stretch !important;             }

.items-center {     justify-items: center !important;              }
.items-left {       justify-items: flex-start !important;          }
.items-right {      justify-items: flex-end !important;            }
.items-justify {    justify-items: stretch !important;             }
.items-top {        align-items: flex-start !important;            }
.items-middle {     align-items: center !important;                }
.items-bottom {     align-items: flex-end !important;              }
.items-stretch {    align-items: stretch !important;               }

.self-left {        justify-self: flex-start !important;           }
.self-right {       justify-self: flex-end !important;             }
.self-center {      justify-self: center !important;               }
.self-justify {     justify-self:stretch !important;               }
.self-middle {      align-self: center !important;                 }
.self-top {         align-self: flex-start !important;             }
.self-bottom {      align-self: flex-end !important;               }
.self-stretch {     align-self: stretch !important;                }


@media (min-width: 576px)  { 
    .sm\:text-center {      text-align: center !important;                 } 
    .sm\:text-left {        text-align: left !important;                   } 
    .sm\:text-right {       text-align: right !important;                  } 

    .sm\:content-center {   justify-content: center !important;            }
    .sm\:content-left {     justify-content: flex-start !important;        }
    .sm\:content-right {    justify-content: flex-end !important;          }
    .sm\:content-justify {  justify-content: space-between !important;     }
    .sm\:content-padded {   justify-content: space-around !important;      }
    .sm\:content-top {      align-content: flex-start !important;          }
    .sm\:content-middle {   align-content: center !important;              }
    .sm\:content-bottom {   align-content: flex-end !important;            }
    .sm\:content-stretch {  align-content: stretch !important;             }

    .sm\:items-center {     justify-items: center !important;              }
    .sm\:items-left {       justify-items: flex-start !important;          }
    .sm\:items-right {      justify-items: flex-end !important;            }
    .sm\:items-justify {    justify-items: stretch !important;             }
    .sm\:items-top {        align-items: flex-start !important;            }
    .sm\:items-middle {     align-items: center !important;                }
    .sm\:items-bottom {     align-items: flex-end !important;              }
    .sm\:items-stretch {    align-items: stretch !important;               }

    .sm\:self-left {        justify-self: flex-start !important;           }
    .sm\:self-right {       justify-self: flex-end !important;             }
    .sm\:self-center {      justify-self: center !important;               }
    .sm\:self-justify {     justify-self:stretch !important;               }
    .sm\:self-middle {      align-self: center !important;                 }
    .sm\:self-top {         align-self: flex-start !important;             }
    .sm\:self-bottom {      align-self: flex-end !important;               }
    .sm\:self-stretch {     align-self: stretch !important;                }
}
@media (min-width: 768px)  { 
    .md\:text-center {      text-align: center !important;                 } 
    .md\:text-left {        text-align: left !important;                   } 
    .md\:text-right {       text-align: right !important;                  } 

    .md\:content-center {   justify-content: center !important;            }
    .md\:content-left {     justify-content: flex-start !important;        }
    .md\:content-right {    justify-content: flex-end !important;          }
    .md\:content-justify {  justify-content: space-between !important;     }
    .md\:content-padded {   justify-content: space-around !important;      }
    .md\:content-top {      align-content: flex-start !important;          }
    .md\:content-middle {   align-content: center !important;              }
    .md\:content-bottom {   align-content: flex-end !important;            }
    .md\:content-stretch {  align-content: stretch !important;             }

    .md\:items-center {     justify-items: center !important;              }
    .md\:items-left {       justify-items: flex-start !important;          }
    .md\:items-right {      justify-items: flex-end !important;            }
    .md\:items-justify {    justify-items: stretch !important;             }
    .md\:items-top {        align-items: flex-start !important;            }
    .md\:items-middle {     align-items: center !important;                }
    .md\:items-bottom {     align-items: flex-end !important;              }
    .md\:items-stretch {    align-items: stretch !important;               }

    .md\:self-left {        justify-self: flex-start !important;           }
    .md\:self-right {       justify-self: flex-end !important;             }
    .md\:self-center {      justify-self: center !important;               }
    .md\:self-justify {     justify-self:stretch !important;               }
    .md\:self-middle {      align-self: center !important;                 }
    .md\:self-top {         align-self: flex-start !important;             }
    .md\:self-bottom {      align-self: flex-end !important;               }
    .md\:self-stretch {     align-self: stretch !important;                }
}
@media (min-width: 1024px)  { 
    .lg\:text-center {      text-align: center !important;                 } 
    .lg\:text-left {        text-align: left !important;                   } 
    .lg\:text-right {       text-align: right !important;                  } 

    .lg\:content-center {   justify-content: center !important;            }
    .lg\:content-left {     justify-content: flex-start !important;        }
    .lg\:content-right {    justify-content: flex-end !important;          }
    .lg\:content-justify {  justify-content: space-between !important;     }
    .lg\:content-padded {   justify-content: space-around !important;      }
    .lg\:content-top {      align-content: flex-start !important;          }
    .lg\:content-middle {   align-content: center !important;              }
    .lg\:content-bottom {   align-content: flex-end !important;            }
    .lg\:content-stretch {  align-content: stretch !important;             }

    .lg\:items-center {     justify-items: center !important;              }
    .lg\:items-left {       justify-items: flex-start !important;          }
    .lg\:items-right {      justify-items: flex-end !important;            }
    .lg\:items-justify {    justify-items: stretch !important;             }
    .lg\:items-top {        align-items: flex-start !important;            }
    .lg\:items-middle {     align-items: center !important;                }
    .lg\:items-bottom {     align-items: flex-end !important;              }
    .lg\:items-stretch {    align-items: stretch !important;               }

    .lg\:self-left {        justify-self: flex-start !important;           }
    .lg\:self-right {       justify-self: flex-end !important;             }
    .lg\:self-center {      justify-self: center !important;               }
    .lg\:self-justify {     justify-self:stretch !important;               }
    .lg\:self-middle {      align-self: center !important;                 }
    .lg\:self-top {         align-self: flex-start !important;             }
    .lg\:self-bottom {      align-self: flex-end !important;               }
    .lg\:self-stretch {     align-self: stretch !important;                }
}
@media (min-width: 1280px)  { 
    .xl\:text-center {      text-align: center !important;                 } 
    .xl\:text-left {        text-align: left !important;                   } 
    .xl\:text-right {       text-align: right !important;                  } 

    .xl\:content-center {   justify-content: center !important;            }
    .xl\:content-left {     justify-content: flex-start !important;        }
    .xl\:content-right {    justify-content: flex-end !important;          }
    .xl\:content-justify {  justify-content: space-between !important;     }
    .xl\:content-padded {   justify-content: space-around !important;      }
    .xl\:content-top {      align-content: flex-start !important;          }
    .xl\:content-middle {   align-content: center !important;              }
    .xl\:content-bottom {   align-content: flex-end !important;            }
    .xl\:content-stretch {  align-content: stretch !important;             }

    .xl\:items-center {     justify-items: center !important;              }
    .xl\:items-left {       justify-items: flex-start !important;          }
    .xl\:items-right {      justify-items: flex-end !important;            }
    .xl\:items-justify {    justify-items: stretch !important;             }
    .xl\:items-top {        align-items: flex-start !important;            }
    .xl\:items-middle {     align-items: center !important;                }
    .xl\:items-bottom {     align-items: flex-end !important;              }
    .xl\:items-stretch {    align-items: stretch !important;               }

    .xl\:self-left {        justify-self: flex-start !important;           }
    .xl\:self-right {       justify-self: flex-end !important;             }
    .xl\:self-center {      justify-self: center !important;               }
    .xl\:self-justify {     justify-self:stretch !important;               }
    .xl\:self-middle {      align-self: center !important;                 }
    .xl\:self-top {         align-self: flex-start !important;             }
    .xl\:self-bottom {      align-self: flex-end !important;               }
    .xl\:self-stretch {     align-self: stretch !important;                }
}
@media (min-width: 1540px)  { 
    .xxl\:text-center {     text-align: center !important;                 } 
    .xxl\:text-left {       text-align: left !important;                   } 
    .xxl\:text-right {      text-align: right !important;                  } 

    .xxl\:content-center {   justify-content: center !important;            }
    .xxl\:content-left {     justify-content: flex-start !important;        }
    .xxl\:content-right {    justify-content: flex-end !important;          }
    .xxl\:content-justify {  justify-content: space-between !important;     }
    .xxl\:content-padded {   justify-content: space-around !important;      }
    .xxl\:content-top {      align-content: flex-start !important;          }
    .xxl\:content-middle {   align-content: center !important;              }
    .xxl\:content-bottom {   align-content: flex-end !important;            }
    .xxl\:content-stretch {  align-content: stretch !important;             }

    .xxl\:items-center {     justify-items: center !important;              }
    .xxl\:items-left {       justify-items: flex-start !important;          }
    .xxl\:items-right {      justify-items: flex-end !important;            }
    .xxl\:items-justify {    justify-items: stretch !important;             }
    .xxl\:items-top {        align-items: flex-start !important;            }
    .xxl\:items-middle {     align-items: center !important;                }
    .xxl\:items-bottom {     align-items: flex-end !important;              }
    .xxl\:items-stretch {    align-items: stretch !important;               }

    .xxl\:self-left {        justify-self: flex-start !important;           }
    .xxl\:self-right {       justify-self: flex-end !important;             }
    .xxl\:self-center {      justify-self: center !important;               }
    .xxl\:self-justify {     justify-self:stretch !important;               }
    .xxl\:self-middle {      align-self: center !important;                 }
    .xxl\:self-top {         align-self: flex-start !important;             }
    .xxl\:self-bottom {      align-self: flex-end !important;               }
    .xxl\:self-stretch {     align-self: stretch !important;                }
}