/* Global Media query Very Small Screen */

/* Global Media query Small Screen */

@media (max-width: 1440px) {
  .w-xlg-100 {
    width: 100%;
  }
  .w-xlg-80 {
    width: 80%;
  }
  .f-s-xlg-20 {
    font-size: 4.375rem; //70px
  }
  .f-s-xlg-15 {
    font-size: 3.75rem; //60px
  }
  .f-s-xlg-16 {
    font-size: 4.25rem; //68px
  }
}
@media (max-width: 1200px) {
  .text-lg-center {
    text-align: center;
  }
  .d-lg-flex {
    display: flex;
  }
  .flex-lg-column {
    flex-direction: column;
  }

  .justify-content-start {
    justify-content: flex-start;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly;
  }
  .flex-lg-wrap {
    flex-wrap: wrap;
  }
  .justify-content-lg-center {
    justify-content: center;
  }
  .justify-content-lg-start {
    justify-content: flex-start;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly;
  }
  .justify-content-lg-between {
    justify-content: space-between;
  }
  .justify-content-lg-around {
    justify-content: space-around;
  }
  .align-items-lg-center {
    align-items: center;
  }
  .align-items-lg-start {
    align-items: flex-start;
  }
  .align-self-lg-center {
    align-self: center;
  }
  .flex-lg-row {
    flex-direction: row;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse;
  }
  .w-lg-100 {
    width: 100%;
  }
  .w-lg-90 {
    width: 90%;
  }
  .w-lg-80{
    width: 80%;
  }
  .w-lg-50 {
    width: 50%;
  }
  .w-lg-60 {
    width: 60%;
  }
  .w-lg-40 {
    width: 40%;
  }
  .w-lg-45 {
    width: 45%;
  }
  .w-lg-35 {
    width: 35%;
  }
  .w-lg-30 {
    width: 30%;
  }
  .w-lg-25 {
    width: 25%;
  }
  .w-lg-20 {
    width: 20%;
  }
  .f-s-lg-15 {
    font-size: 3rem; //48px
  }
  .f-s-lg-16 {
    font-size: 4.25rem; //68px
  }
  .f-s-lg-6 {
    font-size: 1.125rem; //18px
  }
  .f-s-lg-8 {
    font-size: 1.375rem; //22px
  }
  .f-s-lg-22 {
    font-size: 3.75rem; //60px
  }
  .f-s-lg-14 {
    font-size: 2.563rem; //41px
  }
  .container-header {
    max-width: 992px;
  }
}

@media (max-width: 1024px) {
  .flex-mdlg-wrap {
    flex-wrap: wrap;
  }
  .flex-mdlg-column {
    flex-direction: column;
  }
  .w-mdlg-100 {
    width: 100%;
  }
  .w-mdlg-40 {
    width: 40%;
  }
  .w-mdlg-50 {
    width: 50%;
  }
  .w-mdlg-30 {
    width: 30%;
  }
  .w-mdlg-25 {
    width: 25%;
  }
  .f-s-mdlg-5 {
    font-size: 1.25rem; //20px
  }
  .f-s-mdlg-6 {
    font-size: 2.375rem; //38px
  }
  .f-s-mdlg-25 {
    font-size: 3.25rem; //52px
  }
  .f-s-mdlg-15 {
    font-size: 3rem; //48px
  }
  .f-s-mdlg-16 {
    font-size: 2.5rem; //40px
  }
  .flex-mdlg-column-reverse {
    flex-direction: column-reverse;
  }
  .justify-content-mdlg-center {
    justify-content: center;
  }
}

@media (max-width: 992px) {
  .d-md-flex {
    display: flex;
  }
  .flex-md-row {
    flex-direction: row;
  }
  .flex-md-column {
    flex-direction: column;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse;
  }
  .justify-content-md-start {
    justify-content: flex-start;
  }
  .justify-content-md-center {
    justify-content: center;
  }
  .justify-content-md-between {
    justify-content: space-between;
  }
  .align-items-md-start {
    align-items: flex-start;
  }
  .flex-md-column {
    flex-direction: column;
  }
  .text-md-center {
    text-align: center;
  }
  .w-md-15{
    width:15%;
  }
  .w-md-20 {
    width: 20%;
  }
  .w-md-30 {
    width: 30%;
  }
  .w-md-40 {
    width: 40%;
  }
  .w-md-45 {
    width: 45%;
  }
  .w-md-48 {
    width: 48%;
  }
  .w-md-50 {
    width: 50%;
  }
  .w-md-60 {
    width: 60%;
  }
  .w-md-70 {
    width: 70%;
  }
  .w-md-80 {
    width: 70%;
  }
  .w-md-100 {
    width: 100%;
  }
  .flex-md-wrap {
    flex-wrap: wrap;
  }
  .f-s-md-6 {
    font-size: 1.125rem; //18px
  }
  .f-s-md-7 {
    font-size: 1.25rem; //20px
  }
  .f-s-md-9 {
    font-size: 1.5rem; //24px
  }
  .f-s-md-13 {
    font-size: 2rem; //32px
  }
  .f-s-md-14 {
    font-size: 2.2rem; //35px
  }
  .f-s-md-15 {
    font-size: 3rem; //48px
  }
  .f-s-md-22 {
    font-size: 3.75rem; //60px
  }
  .f-s-md-21 {
    font-size: 2.5rem; //40px
  }
  .container-header {
    max-width: 768px;
  }
}

@media (max-width: 768px) {
  .text-sm-center {
    text-align: center;
  }
  .text-sm-left {
    text-align: left;
  }
  .d-sm-flex {
    display: flex;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse;
  }
  .justify-content-sm-center {
    justify-content: center;
  }
  .justify-content-sm-start {
    justify-content: flex-start;
  }
  .justify-content-sm-end {
    justify-content: flex-end;
  }
  .justify-content-sm-between {
    justify-content: space-between;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly;
  }
  .flex-sm-row {
    flex-direction: row;
  }
  .flex-sm-column {
    flex-direction: column;
  }
  .align-items-sm-start {
    align-items: flex-start;
  }
  .align-items-sm-end {
    align-items: flex-end;
  }
  .align-items-sm-center {
    align-items: center;
  }
  .align-items-sm-stretch {
    align-items: stretch;
  }
  .flex-sm-wrap {
    flex-wrap: wrap;
  }
  .flex-sm-no-wrap {
    flex-wrap: nowrap;
  }
  .w-sm-5 {
    width: 5%;
  }
  .w-sm-10 {
    width: 10%;
  }
  .w-sm-15 {
    width: 15%;
  }
  .w-sm-20 {
    width: 20%;
  }

  .w-sm-25 {
    width: 25%;
  }

  .w-sm-30 {
    width: 30%;
  }

  .w-sm-33 {
    width: 33%;
  }

  .w-sm-35 {
    width: 35%;
  }

  .w-sm-40 {
    width: 40%;
  }

  .w-sm-45 {
    width: 45%;
  }
  .w-sm-48 {
    width: 48%;
  }
  .w-sm-50 {
    width: 50%;
  }

  .w-sm-55 {
    width: 55%;
  }

  .w-sm-60 {
    width: 60%;
  }

  .w-sm-65 {
    width: 65%;
  }

  .w-sm-70 {
    width: 70%;
  }

  .w-sm-75 {
    width: 75%;
  }

  .w-sm-80 {
    width: 80%;
  }

  .w-sm-85 {
    width: 85%;
  }

  .w-sm-90 {
    width: 90%;
  }

  .w-sm-95 {
    width: 95%;
  }

  .w-sm-100 {
    width: 100%;
  }
  .f-s-sm-1 {
    font-size: 0.5rem; //8px
  }
  .f-s-sm-2 {
    font-size: 0.625rem; //10px
  }
  .f-s-sm-3 {
    font-size: 0.75rem; //12px
  }
  .f-s-sm-4 {
    font-size: 0.875rem; //14px
  }
  .f-s-sm-5 {
    font-size: 1rem; //16px
  }
  .f-s-sm-6 {
    font-size: 1.125rem; //18px
  }
  .f-s-sm-7 {
    font-size: 1.25rem; //20px
  }
  .f-s-sm-8 {
    font-size: 1.375rem; //22px
  }
  .f-s-sm-9 {
    font-size: 1.5rem; //24px
  }
  .f-s-sm-10 {
    font-size: 1.625rem; //26px
  }
  .f-s-sm-11 {
    font-size: 1.75rem; //28px
  }
  .f-s-sm-12 {
    font-size: 1.875rem; //30px
  }
  .f-s-sm-13 {
    font-size: 2rem; //32px
  }
  .f-s-sm-14 {
    font-size: 2.2rem; //35px
  }
  .f-s-sm-15 {
    font-size: 3rem; //48px
  }
  .f-s-sm-16 {
    font-size: 4.25rem; //68px
  }
  .f-s-sm-21 {
    font-size: 2.5rem; //40px
  }
  .f-w-sm-regular {
    font-weight: 400;
  }
  .f-w-sm-medium {
    font-weight: 500;
  }
  .f-w-sm-bold {
    font-weight: 700;
  }
  .f-w-sm-extra-bold {
    font-weight: 900;
  }
  .container-header {
    max-width: 768px;
    margin: 0 12px;
  }
  .index-link {
    width: 50px;
    height: 50px;
    position: fixed;
    bottom: 40px;
    right: 20px;
    border-radius: 50%;
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0px;
  }
}

/* Media query Medium Screen */
@media (max-width: 576px) {
  .justify-content-xsm-center {
    justify-content: center;
  }
  .flex-xsm-row {
    flex-direction: row;
  }
  .flex-xsm-wrap{
    flex-wrap: wrap;
  }
  .flex-xsm-column {
    flex-direction: column;
  }
  .w-xsm-100 {
    width: 100%;
  }
  .w-xsm-50 {
    width: 50%;
  }
  .f-s-xsm-5 {
    font-size: 1rem; //16px
  }
  .f-s-xsm-6 {
    font-size: 1.125rem; //18px
  }
  .f-s-xsm-7 {
    font-size: 1.25rem; //20px
  }
  .f-s-xsm-9 {
    font-size: 1.5rem; //24px
  }
  .f-s-xsm-10 {
    font-size: 1.625rem; //26px
  }
  .f-s-xsm-11 {
    font-size: 1.75rem; //28px
  }
  .f-s-xsm-12 {
    font-size: 1.875rem; //30px
  }
  .f-s-xsm-13 {
    font-size: 2rem; //32px
  }
  .f-s-xsm-14 {
    font-size: 2.2rem; //35px
  }
  .f-s-xsm-21 {
    font-size: 2.5rem; //40px
  }
  .w-xsm-50{
    width: 50%;
  }
}

/* Media query Large Screen */
@media (max-width: 425px) {
  .flex-xxsm-wrap {
    flex-wrap: wrap;
  }
  .flex-xxsm-column {
    flex-direction: column;
  }
  .justify-content-xxsm-between {
    justify-content: space-between;
  }
  .justify-content-xxsm-center{
    justify-content: center;
  }
  .align-items-xxsm-start {
    align-items: flex-start;
  }
  .w-xxsm-35 {
    width: 35%;
  }
  .w-xxsm-50 {
    width: 50%;
  }
  .w-xxsm-100 {
    width: 100%;
  }
  .f-s-xxsm-14 {
    font-size: 2.563rem; //41px
  }
  .f-s-xxsm-13 {
    font-size: 2rem; //32px
  }
  .f-s-xxsm-9 {
    font-size: 1.5rem; //24px
  }
  .f-s-xxsm-5 {
    font-size: 1rem; //16px
  }
  .f-xxsm-3 {
    font-size: 0.75rem; //12px
  }
  .f-s-xxsm-13 {
    font-size: 2rem; //32px
  }
  .w-xxsm-100 {
    width: 100%;
  }
}

@media (max-width: 375px) {
  .w-xxxsm-100 {
    width: 100%;
  }
  .justify-content-xxxsm-center {
    justify-content: center;
  }
  .f-s-xxxsm-13 {
    font-size: 2rem; //32px
  }
}

/* End of Bonus Media queries Layout Style Five */

// Responsive Default Padding

/* Media query Large Screen */
@media (max-width: 1400px) {
  .padding-tb-xlg-default,
  .padding-tb-default {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
@media (max-width: 993px) {
  .padding-tb-md-default,
  .padding-tb-default {
    padding-top: 35px;
    padding-bottom: 35px;
  }
}
/* Media query Medium Screen */
@media (max-width: 768px) {
  .padding-tb-sm-default,
  .padding-tb-md-default,
  .padding-tb-default {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

/* Media query Small Screen */
@media (max-width: 576px) {
  .padding-tb-xsm-default,
  .padding-tb-sm-default,
  .padding-tb-md-default,
  .padding-tb-default {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

@media (min-width: 576px) {
  .container-sm,
  .container {
    max-width: 540px;
  }
  .container-sm-remover {
    max-width: unset;
    padding: 0;
  }
}
/* Media query Medium Screen */
@media (min-width: 768px) {
  .container-md,
  .container-sm,
  .container {
    max-width: 720px;
  }
  .container-md-remover,
  .container-sm-remover {
    max-width: unset;
    padding: 0;
  }
}
/* Media query Large Screen */
@media (min-width: 992px) {
  .container-lg,
  .container-md,
  .container-sm,
  .container {
    max-width: 940px;
  }
}
/* Media query 2k Screen */
@media (min-width: 1200px) {
  .container-xl,
  .container-lg,
  .container-md,
  .container-sm,
  .container {
    max-width: 940px;
  }
  .container-xl-remover {
    max-width: unset;
    padding: 0;
  }
}
/* Media query 4k Screen */
// @media (min-width: 1400px) {
//   .container-xxl,
//   .container-xl,
//   .container-lg,
//   .container-md,
//   .container-sm,
//   .container {
//     max-width: 1320px;
//   }
//   .container-sm-remover {
//     max-width: none;
//     padding: 0;
//   }
// }
