@media (max-width: 575.98px) {  }


@media (max-width: 767.98px) {



}


@media (max-width: 991.98px) {
    .siteBtn {
        font-size: 16px;
    }

    .mainheading {
        font-size: 30px;
    }
    /* Nav Open */
    .navbar .offcanvas-header ,
    .navbar .offcanvas-body {
        background-color: var(--color-main);
    }

    .navbar.scrollNav  .nav-item .nav-link {
        color: var(--color-white);
    }
    .navbar .nav-item .nav-link:hover {
        color: var(--color-black);
    }
    /* Nav Close */

    .navbar-toggler-icon2 {
        max-width: 28px;
    }
    .navbar .navbar-brand img {
        max-width: 150px;
    }
    .heroWrap .hero__caption h1 {
        font-size: 33px;
    }
    .heroWrap .hero__caption p {
        font-size: 16px;
    }
    .heroWrap .hero__caption {
        margin-top: unset;
    }
    .heroWrap {
        height: 75vh;
    }
    .heroWrap .hero__half__crypto, .heroWrap .hero__full__crypto {
        display: none;
    }

    .swiperSlideCaption {
        top: 58%;
    }

    .welcome {
        margin-top: 40px;
    }

    .welcome__left .welcome__backImage img {
        min-height: 180px;
        max-height: 180px;
    }
    .welcome .welcome__right p {
        font-size: 16px;
    }
    .servicesWrap {
        margin-top: 40px;
    }

    .card__footerInfo a, .card__footerInfo h3 {
        font-size: 16px;
    }

    .card__footerInfo .card-icon {
        max-width: 30px;
    }

    .benefit {
        margin-top: 40px;
        padding-block: 40px;
    }

    .benefit__card .benefit__card__icon {
        height: 70px;
        width: 70px;
    }

    .benefit__card .benefit__card__icon img {
        max-width: 42px;
    }

    .newsWrapper {
        margin-top: 40px;
    }

    .newsWrapper .newsWrapper__box .newsWrapper__des h3 {
        font-size: 20px;
    }

    .footer {
        margin-top: 40px;
        padding-block: 50px;
    }

    .footer__logo {
        text-align: center;
        margin-bottom: 40px;
    }

    .footer__menu ul {
        text-align: center;
    }

    .footer__contact{
        margin-top: 40px;
        text-align: center;
    }

    .footer::after {
        width: 100%;
    }

    .footer__contact .footer__social {
        justify-content: center;
    }

}


@media (max-width: 1199.98px) {  }

@media (max-width: 1399.98px) {  }