/* XL Device :1200px. */

@media (min-width: 2100px) and (max-width: 3850px) {
    .gold__video #thebit-wrapper {
        height: 1100px;
    }
    #section-4::after {
        height: 438px;
        clip-path: polygon(0 100%, 100% 78%, 100% 100%, 0 100%);
    }
    .book__thumb {
        max-width: 216px;
    }
    .slider__report__blk {
        grid-template-columns: repeat(6, auto);
    }
    .book__bottom__content h3 {
        font-size: 18px;
        line-height: 24px;
    }
    .book__button a {
        width: 188px;
        height: 47px;
        padding: 8px;
        font-size: 17px;
    }
    .book__button a img {
        transform: rotate(90deg);
        height: 35px;
    }
    .team__thumb {
        height: 500px;
    }
    .embed-responsive img {
        object-fit: cover;
    }
}


/* XL Device :1200px. */

@media (min-width: 1750px) and (max-width: 2100px) {
    .slider__report__blk {
        grid-template-columns: repeat(5, auto);
    }
    .book__bottom__content h3 {
        font-size: 18px;
        line-height: 24px;
    }
    .book__button a {
        width: 188px;
        height: 47px;
        font-size: 17px;
        padding: 8px;
        padding-left: 18px;
    }
    .book__button a img {
        transform: rotate(90deg);
        height: 35px;
    }
    .team__thumb {
        height: 400px;
    }
    .embed-responsive img {
        object-fit: cover;
    }
}


/* XL Device :1200px. */

@media (min-width: 1450px) and (max-width: 1750px) {
    .slider__report__blk {
        grid-template-columns: repeat(4, auto);
    }
    .book__bottom__content h3 {
        font-size: 18px;
        line-height: 24px;
    }
    .book__button a {
        width: 188px;
        height: 47px;
        font-size: 17px;
        padding: 8px 16px;
    }
    .book__button a img {
        transform: rotate(90deg);
        height: 35px;
    }
    .team__thumb {
        height: 350px;
    }
    .embed-responsive img {
        object-fit: cover;
    }
}


/* XL Device :1200px. */

@media (min-width: 992px) and (max-width: 1450px) {
    .slider__report__blk {
        grid-template-columns: repeat(3, auto);
    }
    .book__bottom__content h3 {
        font-size: 18px;
        line-height: 24px;
    }
    .book__button a {
        width: 188px;
        height: 47px;
        font-size: 17px;
        padding: 8px;
        padding-left: 18px;
    }
    .book__button a img {
        transform: rotate(90deg);
        height: 35px;
    }
    .team__thumb {
        height: 300px;
    }
    .embed-responsive img {
        object-fit: cover;
    }
    .main__menu ul li a {
        margin-right: 30px;
    }
}

@media (min-width: 1270px) and (max-width: 1550px) {
    .brand_title {
        padding-top: 60px;
    }
}

@media (min-width: 1200px) and (max-width: 1550px) {
    .tokenomics__shape_1 {
        display: none;
    }
    .development__bottom__video {
        margin-bottom: 0;
    }
    .brand__area {
        padding: 60px 0;
    }
    .hero__area {
        overflow: hidden;
    }
    .perks__area {
        overflow: hidden;
    }
    .team__thumb {
        height: 250px;
    }
    .embed-responsive img {
        object-fit: cover;
    }
    .single__report__blk {
        max-width: 550px;
        min-width: 500px;
    }
}


/* LG Device :992px. */

@media (min-width: 992px) and (max-width: 1200px) {
    .chart__blk {
        margin: 0 auto;
        margin-bottom: 40px;
    }
    .chart__thumb {
        max-width: 100%;
        text-align: center;
    }
    .chart__content h2,
    .chart__content p {
        text-align: center;
    }
    .tokenomics__shape_1 {
        display: none;
    }
    .countdown__area {
        margin-top: -145px;
    }
    .development__bottom__video {
        margin-bottom: 0;
    }
    .service__slide__blk {
        max-width: 860px;
        margin: 0 auto;
    }
    .section-3-wrapper {
        max-width: 790px;
    }
    .imgBox img {
        height: 100px;
    }
    .imgBox img {
        padding-top: 18px;
        margin-left: 2px;
        margin-top: 9px;
        height: 100px;
    }
    .textBox h3 {
        font-size: 33px;
    }
    .imgBox {
        top: 64px;
        left: -96px;
    }
    .service__area {
        padding: 60px 0;
    }
    .profit__content {
        max-width: 875px;
    }
    .footer__shape {
        bottom: 14px;
        right: -6px;
    }
    .service__logo img {
        height: 42px;
    }
    .hero__area {
        overflow: hidden;
    }
    .perks__area {
        overflow: hidden;
    }
    .slider__report__blk {
        grid-template-columns: repeat(3, auto);
    }
    .book__bottom__content h3 {
        font-size: 18px;
        line-height: 24px;
    }
    .book__button a {
        width: 188px;
        height: 47px;
        font-size: 17px;
        padding: 8px;
        padding-left: 18px;
    }
    .book__button a img {
        transform: rotate(90deg);
        height: 35px;
    }
    .header__logo a img {
        height: 70px;
    }
    .team__thumb {
        height: 200px;
    }
    .embed-responsive img {
        object-fit: cover;
    }

    .single_report_hero h1 {
        font-size: 35px;
        line-height: 45px;
    }

    .report_hero_card_content span, .single_report_hero span {
        padding: 4px 0px;
        font-size: 14px;
        width: 90px;
    }

    .single_report_hero p {
        margin-bottom: 0px;
    }

    .report_single_hero_img {
        margin-top: 50px;
        max-width: 800px;
        margin-bottom: -662px;
    }

    .view__report__wrap {
        padding: 100px 0px 60px;
    }

    .view__report__content h2 {
        font-size: 35px;
        line-height: 42px;
        margin-bottom: 18px;
    }

    .view__report__content > .report_hero_single_btn {
        margin-top: 6px;
    }

    #more__report {
        padding: 50px 0px 68px;
    }

    .report__condition__wrap {
        padding: 40px 0px;
    }

    .report_hero_single_slide {
        gap: 30px;
    }

    .report_hero_card_content h1 {
        font-size: 35px;
        line-height: 42px;
    }

    .report_hero_card_content p {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 0px;
    }

    .report_hero_card_content {
        padding-right: 20px;
    }

    .owl-dots button.owl-dot {
        width: 8px;
    }
}


/* MD Device :768px. */

@media (min-width: 320px) and (max-width: 991px) {
    .hero__thumb {
        text-align: center;
        margin-bottom: 30px;
    }
    .countdown__bottom__arrow {
        padding-top: 60px;
    }
    .header__logo a img {
        height: 60px;
    }
    .single__report__blk {
        min-width: 349px;
        max-width: 349px;
    }
    .hero__thumb::before {
        top: -60px;
        right: 67px;
    }
    .hero__content {
        text-align: center;
    }
    .hero__content h2 {
        margin: 0 auto;
        margin-bottom: 15px;
    }
    .hero__content p {
        margin: 0 auto;
        text-align: center;
        font-size: 18px;
        line-height: 31px;
    }
    .hero__btn {
        display: flex;
        justify-content: center;
    }
    .chart__blk {
        margin: 0 auto;
        margin-bottom: 40px;
    }
    .chart__thumb {
        max-width: 100%;
        text-align: center;
    }
    .chart__content h2,
    .chart__content p {
        text-align: center;
    }
    .contact__right__thumb {
        margin-top: 0;
        width: 100%;
        height: 500px;
    }
    .contact__bottom__part {
        margin-top: 30px;
        margin-right: 0;
    }
    .contact__right__thumb img {
        height: 300px;
    }
    .contact__area {
        padding-bottom: 50px;
        padding-top: 60px;
    }
    .tokenomics__shape_1 {
        display: none;
    }
    .development__bottom__video {
        margin-bottom: 0;
    }
    /*  */
    .development__text h2 {
        font-size: 45px;
        line-height: 57px;
    }
    .development__text p {
        font-size: 22px;
    }
    .brand__area {
        padding: 60px 0;
    }
    .video__area {
        padding-bottom: 100px;
    }
    .footer__shape {
        bottom: 25px;
        right: -30px;
    }
    .footer__shape img {
        height: 33px;
    }
    .tokenomics__area {
        padding: 60px 0;
    }
    .section__text h2 {
        font-size: 34px;
        line-height: 48px;
    }
    .pass__video iframe {
        margin: auto;
        width: 100%;
    }
    .tokenomics__shape_2 {
        display: none;
    }
    .owl-item.active.center {
        transform: scale(1.1);
        padding: 0 5px;
    }
    .service__slide__blk {
        max-width: 620px;
        margin: 0 auto;
    }
    .profit__content h2 {
        font-size: 30px;
        line-height: 35px;
    }
    .profit__shape {
        display: none;
    }
    .main__menu ul li a {
        font-size: 15px;
        line-height: 24px;
        margin-right: 13px;
    }
    .main__menu ul li a::before {
        height: 1px;
    }
    .perks__area {
        overflow: hidden;
    }
    .slider__report__blk {
        grid-template-columns: repeat(2, auto);
    }
    .book__bottom__content h3 {
        font-size: 18px;
        line-height: 24px;
        text-align: center;
    }
    .book__button a {
        width: 188px;
        height: 47px;
        font-size: 17px;
    }
    .book__button a img {
        transform: rotate(90deg);
        height: 35px;
    }
    .book__thumb {
        max-width: 255px;
        margin: 0 auto;
    }
    .team__thumb {
        height: 200px;
    }
    .embed-responsive img {
        object-fit: cover;
    }
    .blog__thumb {
        margin-bottom: 20px;
    }
    .france__inner__content {
        margin-top: 20px;
    }
    .add__people__wrap {
        top: auto;
        bottom: -40px;
    }
    .countdown__area {
        max-width: 400px;
        margin-top: 70px;
    }


    .modal-dialog {
        max-width: 600px;
    }

    .modal__body__content {
        padding: 20px;
        margin-top: -65px;
    }

    .modal__body__content h2 {
        font-size: 28px;
        margin-bottom: 0px;
    }

    .modal__body__content p {
        font-size: 16px;
        line-height: 24px;
    }

    .input__label label {
        font-size: 16px;
    }

    .input__field {
        gap: 20px;
    }

    .input__label input {
        height: 42px;
    }

    .single_report_hero h1 {
        font-size: 35px;
        line-height: 45px;
    }

    .report_hero_card_content span, .single_report_hero span {
        padding: 4px 0px;
        font-size: 14px;
        width: 90px;
    }

    .single_report_hero p {
        margin-bottom: 0px;
    }

    .report_single_hero_img {
        margin-top: 50px;
        max-width: 800px;
    }

    .view__report__wrap {
        padding: 25px 0px 60px;
    }

    .view__report__content h2 {
        font-size: 35px;
        line-height: 42px;
        margin-bottom: 18px;
    }

    .view__report__content > .report_hero_single_btn {
        margin-top: 6px;
    }

    #more__report {
        padding: 50px 0px 68px;
    }

    .report__condition__wrap {
        padding: 40px 0px;
    }

    .single_report_hero {
        margin-bottom: 0px;
    }

    .report_hero_single_btn button {
        margin-top: 76px;
    }

    .report_single_hero_img {
        max-width: 550px;
        margin-bottom: -410px;
    }

    .view__report__content {
        margin-top: 20px;
    }

    .more__report__card {
        max-width: 100%;
        width: 100%;
    }

    .report_hero_single_slide {
        gap: 30px;
        flex-direction: column;
    }

    .report_hero_card_content h1 {
        font-size: 35px;
        line-height: 42px;
    }

    .report_hero_card_content p {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 0px;
    }

    .report_hero_card_content {
        padding-right: 20px;
    }

    .owl-dots button.owl-dot {
        width: 8px;
    }

    .view__report__imgs {
        gap: 20px;
    }

    .view__report__imgs img {
        height: 320px;
        object-fit: cover;
    }

    .report_hero_card_img {
        max-width: 300px;
    }

    .report_hero_slider:before {
        bottom: 353px;
        width: 288px;
        height: 300px;
    }

    .report_hero_slider .owl-dots .owl-dot.active, .report_hero_slider .owl-dots .owl-dot:hover {
        height: 45px !important;
    }

    a.report_btns {
        width: 220px;
        height: 50px;
        font-size: 17px;
    }

    .report_hero_single_btn button {
        width: 236px;
        height: 51px;
    }

    .report_btn_hero a {
        width: 235px !important;
        height: 52px;
        font-size: 18px;
        padding-left: 16px;
    }

    .report_hero_feature {
        padding-bottom: 60px;
    }

    .bottom__arrow_feature {
        transform: translate(-50%,-29%);
    }

    .bottom__arrow_feature a {
        display: block;
        width: 68px;
        height: 68px;
    }

    .bottom__arrow_feature a img {
        width: 100%;
    }
}


/* SM Small Device :320px. */

@media only screen and (min-width: 320px) and (max-width: 767px) {

    .report_single_hero_img {
        max-width: 550px;
        max-height: 338px;
        margin-bottom: 0px;
    }

    .hero__thumb {
        text-align: center;
        max-width: 290px;
        margin: 0 auto;
        margin-bottom: 30px;
    }
    .pass__video iframe {
        margin: auto;
        width: 100%;
        height: 300px
    }

    .pass__video {
        min-height:300px;
    }

    .hero__thumb::before {
        right: 0;
        top: -25px;
        right: 0;
        width: 235px;
        height: 260px;
    }
    .single__report__blk {
        max-width: 100%;
    }
    .book__thumb {
        margin: 0 auto;
        max-width: 220px;
    }
    .book__bottom__content h3 {
        text-align: center;
    }
    .book__button a {
        font-size: 17px !important;
    }
    .report__area {
        padding-top: 50px;
        padding-bottom: 40px;
    }
    .slider__report__blk {
        padding: 0 20px;
    }
    .help__shape_2 img {
        height: 100px;
    }
    .help__shape img {
        height: 100px;
    }
    .help__area {
        padding-top: 0;
        padding-bottom: 50px;
    }
    .help__shape {
        bottom: -30px;
    }
    .development__bottom__video {
        margin-bottom: 0;
    }
    .hero__content {
        text-align: center;
    }
    .hero__content h2,
    .hero__content h1 {
        margin: 0 auto;
        margin-bottom: 15px;
        font-size: 32px;
        line-height: 38px;
    }
    .hero__content p {
        margin: 0 auto;
        text-align: center;
        font-size: 18px;
        line-height: 27px;
    }
    .hero__area {
        padding: 40px 0;
        padding-top: 20px;
    }
    .hero__thumb img {
        height: 265px !important;
    }
    .started__area {
        padding-top: 40px;
    }
    .section__text h2 {
        font-size: 28px;
        line-height: 39px;
    }
    .section__text p {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 20px;
    }
    .started__btn a {
        height: 50px;
        font-size: 14px;
    }
    .started__bg {
        height: 375px;
    }
    .team__area {
        padding: 40px 0;
    }
    .tokenomics__shape_1 {
        display: none;
    }
    .main__menu {
        display: unset;
        align-items: center;
        position: fixed;
        left: -100%;
        top: 0;
        padding: 20px;
        padding-top: 120px;
        width: 330px;
        height: 100%;
        z-index: 999;
        background: #2A2D40;
        transition: .3s all;
    }

    .header__btn {
        margin-top: 25px;
    }
    .close__menu {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 46px;
        width: 46px;
        border: 2px solid #EFB857;
        color: #EFB857;
        font-size: 23px;
        border-radius: 3px;
        position: absolute;
        left: 20px;
        top: 20px;
        cursor: pointer;
    }
    .open__menu {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 46px;
        width: 46px;
        border: 2px solid #EFB857;
        color: #EFB857;
        font-size: 20px;
        border-radius: 3px;
        cursor: pointer;
    }
    .focus-area-section .development__text h2 {
        font-size: 40px;
        line-height: 50px;
    }
    .socials img {
        width: 31px;
    }
    .focus-area-section .development__text {
        height: 280px;
    }
    .development__text .socials {
        margin-top: 30px;
        margin-bottom: 0;
    }
    .focus-area-section .development__text p {
        margin-bottom: 0 !important;
        margin-top: 10px !important;
    }
    .perks__area {
        overflow: hidden;
    }
    .team__title {
        margin-bottom: 0;
    }
    .team__title p {
        margin-bottom: 0 !important;
    }
    .header__logo img {
        height: 50px;
    }
    .overlay {
        display: block;
        position: fixed;
        left: -100%;
        top: 0;
        height: 100%;
        width: 100%;
        z-index: 777;
        background: #cecece5e;
        transition: .5s all;
    }
    .header__area {
        padding: 20px 0;
    }
    .main__menu.active {
        left: 0;
    }
    .overlay.active {
        left: 0;
    }
    .hero__btn {
        display: flex;
        justify-content: center;
    }
    .hero__btn a {
        width: auto;
    }
    .started__btn a img {
        height: 35px;
    }
    .perks__area {
        padding: 30px 0;
    }
    .faq__area {
        padding-top: 30px;
        padding-bottom: 40px;
    }
    .perks__content h3 {
        font-size: 20px;
        line-height: 29px;
    }
    .perks__blk {
        margin-top: 20px;
    }
    .btn-link {
        font-size: 22px;
        flex-direction: column;
        padding: 15px 0;
        padding-left: 40px;
    }
    .btn-link.collapsed {
        font-size: 22px;
    }
    .card-body {
        padding-left: 40px;
        font-size: 16px;
        line-height: 28px;
        padding-right: 15px;
    }
    .accordion__arrow {
        left: 8px;
    }
    .btn-link.collapsed span {
        font-size: 16px;
        line-height: 20px;
        margin-top: 5px;
    }
    .faq__blk::before {
        width: 309px;
    }
    .team__inner__blk::before {
        width: 309px;
    }
    .tokenomics__shape_1 {
        display: none;
    }
    .tokenomics__shape_2 {
        display: none;
    }
    .tokenomics__shape_3 {
        display: none;
    }
    .btn-link span {
        font-size: 16px;
        line-height: 20px;
        margin-top: 5px;
    }
    .perks__img img {
        height: 24px;
    }
    .chart__blk {
        margin: 0 auto;
        margin-bottom: 40px;
    }
    .chart__thumb {
        max-width: 100%;
        text-align: center;
        height: 240px;
    }
    .chart__content h2,
    .chart__content p {
        text-align: center;
    }
    .details__top__item {
        flex-direction: column;
        margin-bottom: 20px;
    }
    .single__chart__content h4 {
        font-size: 20px;
    }
    .single__chart__content p {
        font-size: 16px;
    }
    .details__right__btn {
        margin-top: 20px;
    }
    .details__blk {
        padding: 25px;
    }
    .details__content p {
        font-size: 16px;
        line-height: 30px;
    }
    .details__top__left__blk img {
        height: 44px;
    }
    .chart__thumb img {
        height: 240px;
    }
    .chart__inner__text {
        font-size: 16px;
    }
    .chart__area {
        padding: 40px 0;
    }
    .contact__area {
        padding: 40px 0;
        padding-top: 0;
    }
    .contact__thumb {
        height: 234px;
    }
    .contact__right__thumb {
        margin-top: 0;
        width: 100%;
        height: 300px;
    }
    .contact__bottom__part {
        margin-top: 30px;
        margin-right: 0;
    }
    .contact__right__thumb img {
        height: 235px;
    }
    .contact__bottom__part {
        padding: 30px;
    }
    .contact__single__input input {
        height: 40px;
        font-size: 16px;
    }
    .contact__btn button {
        min-width: 212px;
        height: 55px;
        font-size: 18px;
        line-height: 24px;
    }
    .contact__btn button img {
        margin-left: 10px;
        height: 35px;
    }
    .contact__btn {
        display: flex;
        justify-content: center;
    }
    .contact__bottom__area {
        padding: 40px 0;
    }
    .development__text h2 {
        font-size: 36px;
        line-height: 50px;
    }
    .development__text p {
        font-size: 18px;
        line-height: 27px;
    }
    .brand__area {
        padding: 30px 0;
    }
    .video__area {
        padding: 40px 0;
    }
    .footer__shape {
        bottom: 12px;
        right: -7px;
    }
    .footer__shape img {
        height: 33px;
    }
    .tokenomics__area {
        padding: 40px 0;
    }
    .section__text h2 {
        font-size: 34px;
        line-height: 48px;
    }
    .single__brand__logo a img {
        height: 30px;
    }
    .tokenomics__shape_2 {
        display: none;
    }
    .owl-item.active.center {
        transform: scale(1.1);
        padding: 0;
    }
    .service__slide__blk {
        max-width: 900px;
        margin: 0 auto;
        display: none !important;
    }
    .service__bottom__wrapper {
        display: block;
    }
    .single__service__blk {
        margin-top: 30px;
    }
    .profit__content h2 {
        font-size: 30px;
        line-height: 35px;
    }
    .development__area {
        padding-top: 40px;
    }
    .focus-area-wrapper {
        padding-top: 0;
    }
    .service__area {
        padding: 40px 0;
    }
    .pass__video {
        height: 235px !important;
    }
    .profit__content::before {
        display: none;
    }
    .profit__shape {
        display: none;
    }
    #section-8.choose-fund {
        padding-top: 40px;
    }
    .profit__area {
        padding: 40px 0;
    }
    .profit__btn a {
        width: auto;
    }
    .owl-nav button {
        top: auto;
        bottom: -20px;
        left: 40% !important;
        transform: translateX(-50%);
    }
    button.owl-next {
        left: auto;
        right: 40% !important;
    }
    .owl-nav {
        display: none;
    }
    .profit__content {
        padding: 30px 15px;
    }
    .service__bg {
        height: 210px;
    }
    .service__logo img {
        height: 42px;
    }
    .main__menu li {
        display: block;
        width: 100%;
        padding: 15px 0;
        border-bottom: 1px solid #FBD455;
    }
    .main__menu ul li a:before {
        display: none;
    }
    .main__menu li a:hover {
        padding-left: 12px;
    }
    .main__menu ul li a {
        margin: 0;
        display: block;
    }
    .single__brand__logo {
        margin-top: 25px;
    }
    .header__logo a img {
        height: 50px;
    }
    .slider__report__blk {
        grid-template-columns: repeat(1, auto);
    }
    .book__bottom__content h3 {
        font-size: 18px;
        line-height: 24px;
        text-align: center;
    }
    .book__button a {
        width: 188px;
        height: 47px;
        font-size: 17px;
        padding: 8px;
        padding-left: 18px;
    }
    .book__button a img {
        transform: rotate(90deg);
        height: 35px;
    }
    .book__thumb {
        max-width: 255px;
        margin: 0 auto;
    }
    .team__thumb {
        height: 200px;
    }
    .embed-responsive img {
        object-fit: cover;
    }
    .blog__thumb {
        margin-bottom: 20px;
    }
    .blog__inner__blk {
        padding: 20px;
    }
    .blog__content h4 {
        font-size: 22px;
        margin-bottom: 15px;
    }
    .blog__content p {
        font-size: 16px;
        line-height: 26px;
    }
    .blog__content__bottom__blk span {
        color: #CBB084;
        font-family: "PT Sans", sans-serif;
        font-size: 14px;
        line-height: 24px;
    }
    .blog__content__bottom__blk a {
        font-size: 16px;
        line-height: 24px;
    }
    .blog__content__bottom__blk a img {
        margin-left: 15px;
        height: 15px;
    }
    .france__inner__content {
        margin-top: 20px;
    }
    .sol__area {
        padding-bottom: 100px;
        padding-top: 135px;
        margin-top: -161px;
    }
    .sol__content p {
        font-size: 16px;
        line-height: 28px;
        margin: 0;
    }
    .sol__thumb {
        padding: 20px 0;
    }
    .franci__single__blk {
        padding: 20px 0;
    }
    .heading__list h1 {
        font-size: 34px;
        line-height: 53px;
    }
    .heading__list h2 {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 20px;
    }
    .heading__list h3 {
        font-size: 19px;
        line-height: 25px;
        margin-bottom: 20px;
    }
    .heading__list h4 {
        font-size: 17px;
        line-height: 22px;
    }
    .a__list ul li span {
        flex: 0 0 auto;
    }
    .code__content img {
        height: 50px;
    }
    .quaite__content {
        padding: 15px;
    }
    .quaite__content span {
        z-index: -1;
    }
    .quaite__content span img {
        width: 43px;
    }
    .table__inner__blk {
        width: 700px;
    }
    .peers__table__area td {
        font-size: 12px;
    }
    .peers__table__area {
        overflow-x: scroll;
    }
    .a__list ul li {
        font-size: 16px;
        line-height: 28px;
    }
    .border_bg_content {
        padding: 15px;
    }
    .border__content {
        padding: 15px;
    }
    .code__content.mt-65 {
        margin-top: 30px;
    }
    .peers__table__area.mt-65 {
        margin-top: 30px;
    }
    .left__border__content.mt-70 {
        margin-top: 30px;
    }
    .heading__list.mt-60 {
        margin-top: 30px;
    }
    .add__people__wrap {
        top: auto;
        bottom: -40px;
    }
    .countdown__area {
        max-width: 335px;
        margin-top: 70px;
        border: 0 solid #FBD455;
    }
    .people__content p {
        font-size: 14px;
        line-height: 24px;
        max-width: 248px;
    }
    .countdown__bottom__arrow {
        margin-bottom: -64px;
        padding-top: 48px;
    }
    .hero__bottom__arrow {
        margin-bottom: -64px;
        padding-top: 48px;
    }
    .countdown__bottom__arrow a img,
    .hero__bottom__arrow a img {
        height: 50px;
    }
    .research__card__blk {
        margin-top: 0px;
        margin-left: 15px;
        margin-right: 15px;
        top: 137px;
    }
    .research__card h1 {
        font-size: 36px;
        line-height: 45px;
    }
    .research__card p {
        font-size: 17px;
        line-height: 27px;
        margin-bottom: 22px;
    }
    .research__card {
        max-width: 400px;
        padding: 30px;
    }
    .wf_video__blk #thebit-wrapper {
        min-height: 549px !important;
        padding: 60px 0;
        padding-top: 0;
    }
    .wf_video__blk {
        min-height: 490px;
        height: 490px;
    }

    .modal-dialog {
        max-width: 600px;
    }

    .modal__body__content {
        padding: 20px;
        margin-top: -65px;
    }

    .modal__body__content h2 {
        font-size: 28px;
        margin-bottom: 6px;
        line-height: 33px;
    }

    .modal__body__content p {
        font-size: 16px;
        line-height: 24px;
    }

    .input__label label {
        font-size: 16px;
    }

    .input__name {
        flex-direction: column;
        gap: 8px;
    }

    .input__field {
        gap: 20px;
    }

    .input__label input {
        height: 42px;
    }

    .single_report_hero h1 {
        font-size: 30px;
        line-height: 40px;
    }

    .single_report_hero p {
        font-size: 18px;
        line-height: 28px;
    }

    .hero__area.report_hero.report_single_page {
        padding-bottom: 0px !important;
    }

    .view__report__content h2 {
        font-size: 30px;
        line-height: 40px;
    }

    .view__report__content p {
        font-size: 18px;
        line-height: 26px;
    }

    .more__report__title h2 {
        font-size: 30px;
        margin-bottom: 10px;
    }

    .more__report__title {
        margin-bottom: 30px;
    }

    .more__report__title p {
        font-size: 18px;
        line-height: 28px;
    }

    .report__condition__wrap p {
        font-size: 18px;
        line-height: 28px;
    }

    .countdown__area .started__btn a {
        font-size: 14px;
        height: 42px;
    }

    .report_hero_card_content h1 {
        font-size: 28px;
        line-height: 38px;
    }

    .socials ul li {
        margin-bottom: 10px;
    }
}


/* SM Small Device :550px. */

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .single__brand__logo a img {
        height: 40px;
    }
    .slider__report__blk {
        grid-template-columns: repeat(2, auto);
    }
    .book__thumb {
        max-width: 210px;
        margin: 0 auto;
    }
}