/* XXL Device :1200px. */
@media (min-width: 320px) and (max-width: 1680px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl,
  .dashboard__body__container {
    max-width: 1320px;
  }

  .dashboard__container {
    max-width: 1361px;
    margin: 0 auto;
    padding: 0 1rem;
}

.notification__alert {
  max-width: 1360px;
}

.promote__card.promote__card4 a {
  font-size: 22px;
  line-height: 25px;
  top: 35px;
  right: 73px;
}
}

@media (min-width: 320px) and (max-width: 1399px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl,
  .dashboard__body__container {
    max-width: 1140px;
  }

  .dashboard__container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1rem;
}

  .notification__alert {
    padding-left: 68px;
    max-width: 1200px;
}
  
.promote__btn a {
  padding: 8px 21px;
}

.promote__card.promote__card4 a {
  font-size: 18px;
  line-height: 23px;
  max-width: 138px;
  top: 40px;
  right: 50px;
}

.promote__card {
  height: 400px;
}

.promote__card.promote__card4 > img {
  max-width: 290px;
  margin-top: 60px;
}

.promote__social {
  margin-bottom: 15px;
}

.promote__card.promote__card1 > img {
  max-width: 245px;
}

.promote__social a img {
  width: 68px;
}

.promote__card.promote__card2 .share__card__content table tbody tr td {
  padding: 4px 3px 4px 24px;
}
}

/* LG Device :1200px. */
@media (min-width: 320px) and (max-width: 1199px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl,
  .dashboard__body__container {
    max-width: 960px;
  }

  .dashboard__container {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 1rem;
}

  .notification__alert {
    padding-left: 68px;
    max-width: 1000px;
}

  .pta__wrap {
    padding: 0px;
}

.location__cards {
  grid-template-columns: repeat(2,1fr);
}
  
img.subtract.subtractform {
  right: 90px;
  bottom: -72px;
  width: 280px;
}

.report__tables {
  overflow-x: scroll;
  width: 100%;
}

.report__select__btn {
  flex-direction: column;
}

.report__tables table {width: 1400px;}

.report__table__btn {
  flex-direction: column;
  gap: 16px;
}

.reporting__list {
  margin-bottom: 11px;
  padding-bottom: 13px;
  overflow-x: scroll;
}

.reporting__list ul {
  width: 1000px;
}

.report__select__col > a {
  max-width: 100%;
}

.table__btns a {
  padding: 6px 24px;
}

.table__customise__search {
  flex-direction: column;
}

.promote__card.promote__card4 > img {
  max-width: 290px;
  margin-top: 80px;
}

.promote__card {
  height: 365px;
}

.promote__card.promote__card2 .share__card__content table tbody tr td {
  padding: 3px 3px 2px 9px;
}

section#start__area {
  padding: 140px 0px 115px;
}

.latest__card__title {
  width: 108px;
  top: 15px;
  left: 28px;
}
}

/* MD Device :768px. */
@media (min-width: 320px) and (max-width: 991px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 720px;
  }

  .pta__wrap {
    padding: 0px;
}

section#start__area {
  padding: 90px 0px 130px;
}

img.subtract {
    width: 278px;
    bottom: -64px;
}

.location__cards {
  grid-template-columns: repeat(3,1fr);
  column-gap: 8px;
  row-gap: 16px;
}

.hint__cards {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin: 35px 0px 45px;
}

.hint__card.hint__card1 > img.sms__info {
  right: -38px;
}

.hint__card.hint__card1 > img.subtractpackage {
  left: -66px;
  bottom: -74px;
}

.hint__card.hint__card1 {
  margin-top: 32px;
}

.hint__single__card.hint__single__card1 {
  margin: 0 auto;
  padding: 24px 16px 18px;
}

img.subtract.subtract1 {
  left: 100px;
}

.school__form {
  padding-right: 0px;
}

img.sms__info.sms__info1 {
  right: 126px;
}

img.sms__info {
  right: 118px;
}

img.subtract.subtractform {
  left: 100px;
  bottom: -72px;
}

.scholl__details__area {
  padding-bottom: 98px !important;
}

img.subtract.subtracturl {
  left: 91px;
}

.package__area {
  padding-bottom: 110px !important;
}

img.subtractpackage {
  left: 97px;
  bottom: -120px;
}

.event__platform {
  margin-bottom: 55px;
}

.item__content {
  margin-bottom: 65px;
}

.share__area {
  padding-bottom: 68px !important;
}

.success__area {
  padding-bottom: 55px !important;
}

.package__area {
  padding-bottom: 20px !important;
}

.welcome__area {
  padding-bottom: 74px !important;
}

.items__area {
  padding-bottom: 114px !important;
  margin-bottom: -28px;
}

.start__area1 {
  padding-bottom: 0px !important;
}

.promote__btn a {
  width: 100%;
}

.header__wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0px 10px;
}

.single__notification {
  padding: 5px 18px;
}

.dashboard {
  flex: 0 0 calc(100%);
  padding-top: 138px;
}

.notification__alert {
  padding-left: 0px;
  top: 133px;
}

.notification__alert2 {
  top: 120px !important;
}

.dashboard.dashboard2 {
  padding-top: 105px !important;
}

.reporting__list2 {
  margin-bottom: 11px;
  padding-bottom: 13px;
  overflow-x: scroll;
}

footer#footer__area {
  width: calc(100%);
}

.show__page {
    max-width: 45px;
}

.promote__btn a {
  padding: 8px 15px;
}

.modal__content__btn {
  flex-direction: column;
}

.modal__content__btn a {
  width: 100%;
}

.promote__card {
  height: 386px;
}

.promote__card.promote__card4 {
  min-height: 435px;
}

.promote__card.promote__card3 {
  padding: 28px 29px 25px;
  min-height: 398px;
}


.blog__discover__cards {
  grid-template-columns: repeat(1,1fr);
}

.blog_discover_col {
  display: flex;
  flex-direction: column;
  gap: 50px;
}

.blog__discover__card__content h4 {
  font-size: 16px;
  line-height: 19px;
}

.blog__discover__card__content p {
  font-size: 14px;
  line-height: 18px;
}

.blog__discover__card__content {
  max-width: 100%;
}

.blog__discover__wrap {
  padding-right: 0px;
}

section#blog__discover {
  padding: 120px 0px 15px;
}

.blog__discover__title h2 {
  font-size: 30px;
  line-height: 35px;
  margin: 12px 0px 45px;
}

.footer__content > a img {
  width: 230px;
  margin-bottom: 20px;
}

section#blog__ready {
  padding: 50px 0px 60px;
}

.blog__discover__single__card > a {
  max-width: 500px;
}

.footer__lists {
  margin-left: 85px;
  gap: 78px;
}

.footer__content {
  max-width: 100%;
}

footer#blog__footer__area {
  padding-top: 50px;
}

.blog__footer__social {
  margin-top: 30px;
}

.faq__content__wrap {
  padding: 0px 0px;
}

#faq__hero__area {
  padding: 200px 0px 150px;
}

.servey__content__wrap {
  padding-right: 0px;
}

section#servey__content__area {
  padding-top: 150px;
}

.servey__content__title h1 {
  font-size: 30px;
  line-height: 36px;
}

section#servey__newsletter__area {
  padding: 45px 0px 50px 0px;
}
}

/* SM Small Device :320px. */
@media only screen and (min-width: 320px) and (max-width: 767px) {
  .location__area {
    padding-bottom: 23px !important;
}

  .hint__card {
    display: none;
}

.copyright {
  flex-direction: column-reverse;
  justify-content: center;
}

.scholl__details__area {
  padding-bottom: 34px !important;
}

.input__field__area {
  flex-direction: column;
  gap: 16px;
  margin-bottom: 16px !important;
}

.input__field.input__field2 {
  width: 100%;
}

.package__cards {
  padding: 0px;
  flex-direction: column;
}

.event__platform {
  margin-bottom: 10px;
}

.item__cards {
  grid-template-columns: repeat(2,1fr);
}

.items__area {
  padding-bottom: 0px !important;
}

.lawful__double__card {
  grid-template-columns: repeat(1,1fr);
}

.share__row {
  grid-template-columns: repeat(1,1fr);
}

.share__area {
  padding-bottom: 50px !important;
}

a.g-search img {
  width: 30px;
}

.header__notification {
  margin: 0px 21px 0px 14px;
}

.notification__alert {
  padding-left: 0px;
  max-width: 100%;
}

.dashboard {
  padding: 158px 0px 0px;
  flex: 0 0 calc(100%);
}

.dashboard__header__btns {
  justify-content: start;
}

.dashboard__header__btns2 {
  justify-content: end;
  max-width: 260px;
}

.notification__alert {
  top: 133px;
  padding-right: 0px;
  margin-right: 0px;
}

.dashboard__header2 {
  margin-bottom: 10px;
}

.dashboard__slide2 {
  margin-bottom: 15px;
}

.dashboard.dashboard2 {
  padding-top: 80px !important;
}

.dashboard__header {
  flex-direction: column;
  align-items: start;
}

.promote__card.promote__card3 {
  margin-top: 10px;
}

.promote__cards {
  margin-bottom: 40px;
}

.promote__card__content {
  margin-bottom: 20px;
}

.notification__card {
  max-width: 320px;
  padding: 12px;
}

.notification__lists {
  padding: 0px 0px;
}

.footer__lists {
  margin-left: 0px;
  gap: 78px;
}

.footer__content > a img {
  width: 180px;
}

.blog_copyright_wrap {
  flex-direction: column;
  gap: 2px;
}

.blog__footer__social a {
  font-size: 15px;
}

.faq__single__btn > a {
  font-size: 10px;
  line-height: 13px;
}

.servey__form {
  grid-template-columns: repeat(1,1fr);
}

.serveyform__checkmark {
  flex-direction: column;
  align-items: start;
  gap: 8px;
}

.serveyform__checkmark button {
  max-width: 100%;
}
}

@media (min-width: 320px) and (max-width: 575px) {
  .location__cards {
    grid-template-columns: repeat(2,1fr);
  }

  .header__nav > ul {
    width: 578px;
}

.header__nav {
    overflow-x: scroll;
}

.report__select__col {
  flex-direction: column;
}

.dashboard__header__btns2 {
  justify-content: start;
}

.dashboard__header {
  flex-direction: column;
  align-items: start;
}

.promote__btn {
  flex-direction: column;
}

.promote__card {
  height: auto;
}
}

@media (min-width: 320px) and (max-width: 559px) {
  .dashboard {
    padding: 195px 0px 0px;
}
}

@media (min-width: 320px) and (max-width: 544px) {
  .dashboard {
    padding: 185px 0px 0px;
}
}

@media (min-width: 320px) and (max-width: 379px) {
  .dashboard {
    padding: 212px 0px 0px;
}
}
/* SM Small Device :576px. */
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl,
  .dashboard__body__container2 {
    max-width: 540px;
  }

}