@media (min-width: 1500px) {
  .container {
    max-width: 1280px;
  }
}
@media (min-width: 1800px) {
  .container {
    max-width: 1440px;
  }
}
@media only screen and (max-width: 1920px) {
}

@media only screen and (max-width: 1600px) {
  .tree.vertical ul {
    gap: 0 0rem;
}
}

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

@media only screen and (max-width: 1366px) {
  html {
		font-size: 15px;
	}
  .tree.vertical li div {
    margin: 12px 0px;
    padding: 0px;
}
.tree.vertical {
  margin: 0;
}
}

@media only screen and (max-width: 1199px) {
  html {
		font-size: 14px;
	}
  .inviterCard.invitees.undergrad {
    width: 150px;
}

.inviterCard.invitees.newbie {
    width: 100px;
}
.treeSec .row .row {
  padding: 1rem 0.5rem;
}

.treeSec .row .row .titles p {
  font-size: 16px;
}
}

@media only screen and (max-width: 991px) {
  html {
		font-size: 13px;
	}
  .landingWrap .whiteSide .botom {
    flex-flow: wrap;
    gap: 1rem;
}
.backBtn {
  position: static !important;
  margin: 0 2rem 1rem;
}
.loginWrap .whitebg .form-check label {
  font-size: 15px;
  line-height: 1.5;
  width: 100%;
}
.formStyle a {
  font-size: 15px;
}
.navigation-menu {
  right: -310px;
}
.main-slider * {
  font-size: 2rem;
}

header {
  position: static;
}
.treeSec .inviterCard.invitees img {
  width: 4rem;
  height: 4rem;
}
.inviterCard.invitees.newbie {
  width: 80px;
}
.tree.vertical ul {
  gap: 0 0.5rem;
}
.navigation-menu {
  background-color: #fff;
}
.container p {
  font-size: 15px;
}
.table {
  font-size: 15px;
}
.inviterSec ol li {
  font-size: 15px;
}
.inviterSec h6 {
  font-size: 16px;
}
.faqSec .accordion .item .item-header h2 button.btn.btn-link {
  font-size: 1.3rem;
}
.giftingPage b {
  font-size: 16px;
}
}

@media only screen and (max-width: 767px) {
  html {
		font-size: 12px;
	}
  .cartItemCard {
    margin: 0 0 1rem;
    padding-bottom: 15px;
  }
  .cartItemCard h4 {
    margin: 12px 0;
    font-size: 1.2rem;
  }
  .cartItemCard .price {
    margin-bottom: 10px;
    display: block;
  }
  .cartItemCard .proCounter {
    width: 100%;
    margin-bottom: 20px;
  }
  .cartItemCard .proCounter input {
    width: calc(100% - 100px);
  }
  .accountAccesSec .formStyle .input-group {
    flex-flow: column;
    align-items: center;
  }
  .accountAccesSec .formStyle .btnStyle {
    margin-bottom: 1rem;
  }
  .accountAccesSec h2 span {
    font-size: 30px;
  }
  .accountAccesSec h2 {
    font-size: 22px;
  }
  .landingWrap {
    height: auto;
    padding: 1rem 0;
}
.landingWrap .whiteSide .botom :is(p, a) {
    font-size: 14px;
}
.landingWrap .whiteSide .center a {
  font-size: 15px;
}
.landingWrap .orangeSide {
  border-radius: 2rem 2rem 2rem 2rem;
  margin: 0 -9px;
}
.loginWrap {
  height: auto;
  padding: 0;
}
.inviterCard.invitees.undergrad {
  width: 110px;
}
.inviterCard.invitees.newbie {
  width: 60px;
}
.inviterCard.invitees h4 {
  font-size: 13px;
}
.treeSec .inviterCard.invitees img {
  width: 3rem;
  height: 3rem;
}
.userProfileCard .profileDetl ul {
  flex-flow: wrap;
}
.userProfileCard .profileDetl ul .saperator {
  display: none;
}
.formStyle a.themeBtn {
  margin-top: 10px;
}
.faqSec .accordion .item .item-header h2 button.btn.btn-link {
  font-size: 1.5rem;
  display: flex;
  align-items: center;    
}
.faqSec .accordion .item .item-header h2 i {
    width: 30px;
    height: 30px;
    margin-left: auto;
    flex-shrink: 0;
}
.giftingPage p br+br {
  display: none;
}
.list li {
  font-size: 14px;
}
}

@media only screen and (max-width: 575px) {
  .landingWrap .whiteSide .botom {
    flex-direction: column;
    gap: 1rem;
}
.landingWrap .whiteSide .botom :is(p, a) {
  font-size: 16px;
}
.landingWrap .whiteSide {
  margin: 0;
}

.landingWrap .orangeSide {
  margin: 0;
}
.loginWrap .whitebg {
  margin: 0;
  padding: 1.5rem;
}
.main-slider > img {
  height: 550px;
  object-fit: cover;
}

.main-slider {
  text-align: center;
}

.main-slider * {
  font-size: 1.7rem;
}
.tree.vertical ul {
    flex-flow: wrap;
}
.tree.vertical > li > ul > li:first-child:before {
    display: none;
}
.tree.vertical > li > ul > li:last-child:before {
    display: none;
}
.inviterCard.invitees.newbie {
    width: 60px;
}
.faqSec .accordion .item .item-header h2 button.btn.btn-link {
  font-size: 1.3rem;
}
.giftingPage .row.align-items-center {
  display: block !important;
  width: 100%;
}
.giftingPage .row.align-items-center .col-3 {
  width: 100%;
}
.giftingPage .row.align-items-center .col-6 {
  width: 100%;
}
.treeSec .container p {
  font-size: 14px;
}
}