@media (min-width: 2300px) {
  .footer .row {
    padding-top: 220px;
  }
}
@media (min-width: 1400px) {
  .crypto-staking .card-content .box .inner-box .before {
    rotate: -5deg;
  }
}
@media (max-width: 1400px) {
  .crypto-staking .card-content .box .inner-box .before {
    rotate: -5deg;
  }
  .revolutionary .text-content {
    padding: 38px;
  }
  .about-banner-section .banner-content h1 {
    padding-top: 13rem;
  }
}
@media (max-width: 1200px) {
  .crypto-staking .card-content .box .inner-box .before {
    rotate: -8deg;
  }
  .revolutionary .image-content img {
    width: 90%;
  }
  .crypto-staking .card-content .box .inner-box h5 {
    padding-top: 10px;
  }
  .staking-services .text-content {
    padding-right: 0px;
  }
  .banner-section {
    min-height: 800px;
  }
  .crypto-staking {
    padding-top: 0;
    margin-top: -30px;
  }
  .about-banner-section .banner-content h1 {
    padding-top: 10rem;
  }
  .banner-section {
    /* padding: 20rem 0px 0px; */
    background-size: unset;
  }
}
@media (min-width: 1200px) and (max-width: 1200px) {
  /* Your styles for screens with width = 1200px go here */
  .crypto-staking .card-content .box .inner-box .before {
    rotate: -6deg;
  }
}

@media (max-width: 992px) {
  .footer .visit-us {
    padding-left: 0px;
  }

  .crypto-staking {
    padding-top: 0;
  }
  .crypto-staking .card-content .box {
    flex-basis: unset;
    display: unset;
  }
  .crypto-staking .card-content .box3 .inner-box .before {
    height: 65px;
    top: -3px;
  }
  .crypto-staking .card-content .box3 .inner-box::before {
    top: 94px;
  }
  .crypto-staking .card-content .box2 {
    z-index: 2;
  }
  .crypto-staking .card-content .box3 .inner-image {
    top: 35px;
    left: 45%;
  }
  .crypto-staking .card-content .box3 .inner-box .before {
    rotate: -6deg !important;
  }
  .crypto-staking .card-content .box .inner-box .before {
    rotate: -6.5deg;
  }
  .staking-services .text-content,
  .services-contents .text-content {
    margin-top: 0px;
    padding-right: 0px;
  }
  .revolutionary .row {
    gap: 30px;
  }
  .revolutionary .image-content img {
    width: 70%;
  }

  .toggle {
    font-size: 15px;
    text-align: left;
  }
  .contact-banner-section .row-gap,
  .sign-in-banner-section .row-gap {
    gap: 30px;
  }
  .footer .resource ul {
    margin-left: 0px;
    padding: 0;
  }
  .header-master-img a {
    margin-left: -20px;
  }
  .header-master-img {
    padding-left: 40px;
  }
  .header-master-img .w-one {
    width: 60%;
    height: unset;
  }
  .header-master-img .w-two {
    width: 70%;
    height: unset;
  }
  .header-master-img .w-three {
    width: 80%;
    height: unset;
  }
  .header-master-img .w-four {
    width: 90%;
    height: unset;
  }
  .header-master-img .w-five {
    width: 100%;
    height: unset;
  }
  .how-it-works .inner-works .box {
    padding: 20px;
    flex-basis: unset;
    display: unset;
  }
  .why-nexus .why-nexus-image img {
    width: 60%;
  }
  .why-nexus .why-nexus-image {
    text-align: center;
  }
  .how-it-works-para {
    width: 100%;
  }
  .crypto-staking .card-content .box .inner-box p {
    margin-top: 20px;
  }
  .blockchain-img {
    width: 55%;
  }
  .services-contents .row,
  .staking-services .row {
    padding: 15px 20px;
  }
  .banner-section {
    min-height: 800px;
    background-position: 80%;
  }
  .why-nexus-img {
    text-align: center;
  }
  header {
    padding: 10px 100px;
  }
  header .logo-content img {
    width: 175px;
    height: 65px;
  }
}
@media (min-width: 992px) and (max-width: 992px) {
  /* Your styles for screens with width = 1200px go here */
  .crypto-staking .card-content .box .inner-box .before {
    rotate: -8deg !important;
  }
  .crypto-staking .card-content .box {
    flex-basis: calc(33.33% - 0px);
    display: flex;
  }
  .crypto-staking .card-content .box3 .inner-box .before {
    height: 30px;
    top: 14px;
  }
  .crypto-staking .card-content .box .inner-box::before {
    top: 60px;
  }
  .crypto-staking .card-content .box3 .inner-image {
    top: 15px;
    left: 40%;
  }
  .crypto-staking .card-content .box3 .inner-box .before {
    rotate: -4.5deg !important;
  }
}
@media (min-width: 951px) {
  .menu-items {
    display: flex !important;
    flex-direction: row !important;
    height: fit-content !important;
  }
}

@media (max-width: 950px) {
  header .hamburger-icon {
    display: block;
    margin: 0;
  }
  header .menu-items {
    height: -moz-fit-content;
    height: fit-content;
    width: 100%;
    background: white;
    z-index: 1;
    display: none;
    text-align: left;
    top: 80px;
    right: 0;
    left: 0;
    padding: 20px;
    position: absolute;
    margin: 0;
    border-top: 1px solid #292929;
    text-align: center;
  }
  header li a {
    justify-content: center;
  }
}

@media (max-width: 768px) {
  .footer .location,
  .footer .logo-footer {
    padding-left: 0px;
  }
  .what-is-nexus .button a {
    padding: 20px 30px;
  }
  .what-is-nexus .button {
    bottom: -75px;
  }
  .what-is-nexus .row {
    padding: 20px;
  }
  .crypto-staking .card-content {
    margin-top: 25px;
  }
  .crypto-staking .card-content .box .inner-box::before {
    top: 76px;
  }
  .crypto-staking .inner-image {
    top: 25px;
    left: 43%;
  }

  .crypto-staking .card-content .box .inner-box .before {
    height: 65px;
    top: -12px;
    rotate: -6deg;
  }
  .crypto-staking .card-content .box1 {
    z-index: 3;
  }
  .inner-banner-content {
    margin-top: 20px;
  }
  .services-contents .image-content div {
    margin-left: 0px;
  }
  .staking-services .row,
  .services-contents .row {
    gap: 30px;
    text-align: center;
  }
  .about-banner-section {
    min-height: 500px;
  }
  .inner-about-content {
    margin-top: 20px;
    padding: 0;
  }
  .masternodes-def .bg1 {
    top: -5% !important;
  }
  .masternodes-def .bg2 {
    bottom: -8% !important;
  }
  .sign-up-input-field .box9 input {
    padding-left: 70px;
  }
  .banner-section .row {
    gap: 40px;
  }
  /* .footer .footer-row {
     padding-top: 290px;
  } */
  .footer .resource {
    padding-left: 0;
  }
  .footer .location p {
    padding: 0px;
  }
  .footer .footer-row {
    gap: 15px;
  }
  .terms-condition-banner-section p {
    padding: 0rem;
  }
  .header-master-img .w-one {
    width: 12%;
    height: unset;
  }
  .header-master-img .w-two {
    width: 14%;
    height: unset;
  }
  .header-master-img .w-three {
    width: 16%;
    height: unset;
  }
  .header-master-img .w-four {
    width: 18%;
    height: unset;
  }
  .header-master-img .w-five {
    width: 20%;
    height: unset;
  }
  .header-master-img {
    padding-left: 30px;
  }
  .header-master-img a {
    margin-left: -20px;
  }
  .crypto-staking .card-content .box .inner-box {
    padding: 17px;
  }
  .crypto-staking .card-content .box .inner-box h5 br {
    display: none;
  }
  .crypto-staking .card-content .box img {
    width: 60px;
  }

  .how-it-works .inner-works .box p {
    padding-right: 0px;
  }
  .services-contents .image-content {
    justify-content: center;
  }
  .about-banner-section {
    background-position: 70%;
  }
  .banner-section {
    min-height: 800px;
    background-position: 70%;
  }
  .about-banner-section .banner-content {
    justify-content: center;
  }
  .banner-section {
    padding-left: 40px;
  }
  header {
    padding: 10px 15px;
    box-shadow: 1px -12px 20px 3px #000000;
  }
}
@media (min-width: 768px) and (max-width: 768px) {
  .crypto-staking .card-content .box3 .inner-box .before {
    rotate: -4.5deg !important;
  }
  .crypto-staking .card-content .box .inner-box .before {
    rotate: -10deg;
  }
}

@media (max-width: 576px) {
  .footer .footer-row {
    padding-left: 20px;
    /* padding-right: 10px; */
  }
  .crypto-staking .card-content .box .inner-box {
    padding: 5%;
  }
  .crypto-staking .card-content .box {
    padding: 20px 0px;
  }
  .crypto-staking .card-content .box .inner-box .before {
    rotate: -5.5deg !important;
  }

  .banner-content h1 {
    margin-bottom: 30px;
  }
  .services-banner-section .banner-image img {
    width: 100%;
  }
  .services-contents .row {
    padding: 65px;
  }
  .inner-about-content,
  .revolutionary .row {
    padding: 20px;
  }
  .revolutionary .text-content {
    padding: 20px;
  }
  .faq-banner-section {
    min-height: unset;
  }
  .faq-section {
    margin-top: 20px;
  }
  header .menu-items {
    top: 95px;
  }
  header {
    padding: 0;
  }

  .sign-up-input-field .box9 input {
    padding-left: 65px;
  }
  .header-master-img {
    padding-left: 30px;
  }
  .how-it-works .inner-works .box {
    padding: 20px 5px;
  }
  .footer {
    /* background: #d9f6ff; */
    padding: 0px 0px;
  }
  .banner-section {
    padding-left: 20px;
  }
  .footer-row-wrapper {
    padding-left: 20px;
  }
}
@media (max-width: 540px) {
  .crypto-staking .card-content .box .inner-box .before {
    rotate: -5.8deg !important;
  }
}

@media (max-width: 500px) {
  .crypto-staking .card-content .box .inner-box .before {
    top: -13px;
    rotate: -6.2deg !important;
  }
}
@media (max-width: 450px) {
  .crypto-staking .card-content .box .inner-box .before {
    top: -13px;
    rotate: -7.2deg !important;
  }
}
@media (max-width: 400px) {
  .what-is-nexus .button a {
    padding: 5px;
  }
  .footer .footer-row {
    padding-left: 20px;
  }

  .crypto-staking .card-content .box .inner-box .before {
    top: -13px;
    rotate: -8.2deg !important;
  }
  .services-contents .row,
  .staking-services .row {
    padding: 30px 15px;
  }
  .masternodes-def .row {
    padding: 20px;
  }
  .masternodes-def .bg1 {
    top: -6% !important;
  }
  .contact-input-field .row {
    padding: 20px 10px;
  }

  .header-master-img {
    padding-left: 20px;
  }
  .how-it-works .inner-works .box .inner-box {
    text-align: left;
    padding: 25px;
    border-radius: 18px;
    height: 100%;
    color: #fff;
  }
  
  .masternode-banner-section h1 {
    font-size: 28px;
  }
  .banner-content h1 {
    font-size: 30px;
  }
}