@media only screen and (min-width: 1920px) and (max-width: 2400px) {


    /* .HeadNavOuter .dropdowns {
        height: 6vh;
    } */

    /*mobile app promo banner*/

    .login_main_row .login-text .login-form {
        margin-top: 55px;
    }

    .banner.mobile-banner-main p {
        color: white;
        font-size: 22px;
    }

    .banner.mobile-banner-main h3 {
        font-size: 37px;
        margin-bottom: 25px;
    }

    .related-lessons .row.g-0.related_Lessons .news-section h5 {
        font-size: 20px !important;
    }

    .academy-width .fixed-sidebar {
        position: fixed ! IMPORTANT;
        top: 80px ! IMPORTANT;
    }

    /* .HeadNavOuter .dropdowns .dropbtn a {
        line-height: 55px;
    } */

    .HeadNavOuter .dropdowns-content {
        top: 45px;
    }

    /* .HeadNavOuter .dropdowns .dropbtn a {
        font-size: 20px;
    } */

    .main_right_side .video_cus iframe {
        height: 210px;
    }

    .top-broker-adv-container-main-page .container-for-broker-details .brand-broker-heading-top h3 {
        color: white;
        font-size: 20px;
    }

    .top-broker-adv-container-main-page .container-for-broker-details .brand-broker-heading-top p {
        color: #FFF;
        font-size: 16px;
    }

    .broker-details-rating-section-card .rating-and-other-headings h6 {
        color: #FFF;
        font-size: 16px;
    }

    .top-broker-adv-container-main-page .row:nth-child(2) {
        margin-top: 5px;
    }

    /*.main-page-top-section-tio-two-images-second-img {
        height: 30.5vh;
    }*/

    .top-broker-adv-container-main-page {
        gap: 25px 0;
    }

    .main-page-top-image-first-section .first-image-right-side a img {
        height: 52vh;
    }

    .main-page-1-2-images-first {
        padding: 20px 10px 0;
        height: 25vh;
    }

    .broker-details-rating-section-card-more-details .rating-and-other-headings-btn a {
        outline: none !important;
        border: none !important;
    }

    .broker-details-rating-section-card-more-details .rating-and-other-headings-btn button {
        padding: 12px 15px;
        border-radius: 50px;
        border: none;
        color: rgb(86, 153, 170);
        font-size: 15px;
        font-weight: 500;
    }

    .broker-details-rating-section-card-more-details .rating-and-other-headings h6 {
        color: #FFF;
        font-size: 16px;
    }

    .card-title {
        font-size: 1.4rem !important;
    }

    .card-text {
        font-size: 17px !important;
    }

    .card-status {
        font-size: 18px;
        font-weight: 500;
    }

    .card-date {
        font-size: 16px;
    }

    .custom-heading {
        font-size: 35px;
    }

    .headlines-news h4 {
        font-size: 2.3rem;
    }

    .broker-details-adv-main-page-vertical-section {
        padding: 20px 0;
    }

    .broker-adv-other-details-section .broker-details-section .brand-details-and-assets-info h3 {
        font-size: 28px;
        margin-bottom: 15px;
    }


    .broker-details-adv-main-page-vertical-section {
        padding: 10px 0;
    }

    .broker-adv-other-details-section .broker-details-section .brand-details-and-assets-info p {
        color: black;
        font-size: 16px;
    }

    .main-article-section-adv-bottom {
        font-size: 16px;
    }

    .rating-section-and-other-details-broker-adv .main-details-container span.heading {
        font-size: 16px;
    }

    .rating-section-and-other-details-broker-adv {
        margin-top: 10px;
    }

    .broker-avd-brand-icons img {
        width: 130px;
        margin: 55px 0px 0px 20px;
    }

    .open-account-btn-broker-page {
        font-size: 19px;
        margin-top: 0;
    }

    .main_right_side .broker-card-gradient.sidebar p.text-secondary,
    .main_right_side .broker-card-gradient.sidebar span.fw-bold.text-secondary {
        font-size: 18px;
    }

    .main_right_side .broker-card-gradient.sidebar .star-icon-rating {
        font-size: 18px !important;
    }

    .open-account-btn {

        font-size: 20px !IMPORTANT;
    }

    .footer-disclaimer h6 {
        font-size: 16px;
    }

    .main_right_side .broker-card-gradient.sidebar a.btn.btn-outline-success {
        font-size: 20px;
        width: 70% !IMPORTANT;
        display: block;
        margin: 0 auto;
    }

    .main_right_side .broker-card-gradient.sidebar .card-title-broker {
        font-size: 22px !important;
    }

    .main-page-1-2-images-first .row.acedmy-area a.button {
        font-size: 14px;
        margin-top: 20px;
    }

    .view-more {
        font-size: 20px;
    }

    .news-page-nav .nav-link {
        font-size: 24px;
    }

    .row.g-0.related_Articles {
        margin-bottom: 35px;
    }

    .article-details-section-brand-name-show.ms-md-2 {
        font-size: 20px;
    }

    .mt-3.article-details-paragraphs {
        font-size: 18px;
    }

    .related_Articles .card-body.card-body-news-page {
        padding: 0 !IMPORTANT;
    }

    .related_Articles h5.card-title.d-block.w-100 {

        font-size: 18px !important;

    }

    .article-details-section-social-media-icons {
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        margin-right: 30px;
    }

    .main-heading-top h2 {
        font-size: 40px;
        margin-bottom: 15px;
    }

    .article-details-main-container .top-links h6 {
        font-size: 18px;
        margin-bottom: 20px;
    }


    /*BRoker page*/

    .card.broker-page-top-container.rounded-4 {
        padding: 20px 20px;
    }

    .broker-page .card {
        padding: 30px 15px;
    }


    .disclaimer-broker h6 {
        font-size: 15px;

    }

    .card-text-broker {
        font-size: 20px;
    }

    .vist-site-first-container-broker a {
        font-size: 20px;
    }

    .card.broker-page-top-container.rounded-4 a.btn.btn-outline-success.rounded-5.w-100 {
        font-size: 20px;
    }

    .broker-card-gradient .card-body p {
        font-size: 18px;
    }


    .broker-page .card a.btn.btn-outline-success.rounded-5.w-100 {
        font-size: 20px;
        display: block;
        margin: 15px auto 0px;
        width: 60% !important;
    }

    .broker-page .card .view-more-link {
        margin-top: 10px;
        font-size: 18px;
    }

    .broker-page .card span.fw-bold.text-secondary {
        font-size: 16px;
    }

    footer.footer.p-2 p.text-white {
        font-size: 14px;
    }
}

@media only screen and (max-width: 1919.98px) {
    /*.main-page-top-section-tio-two-images-second-img {
        height: 25rem;
    }*/

    .main-post-headings {
        padding: 25px 35px;
    }
}

@media only screen and (min-width: 1700px) and (max-width: 1920px) {

    <<<<<<< HEAD .login_main_row .login-text .login-form {
        margin-top: 40px;
    }

    .academy-width .fixed-sidebar {
        position: fixed ! IMPORTANT;
        top: 40px ! IMPORTANT;
    }

    /* .HeadNavOuter .dropdowns {
        height: 6vh;
    } */

    /* .HeadNavOuter .dropdowns .dropbtn a {
        line-height: 60px;
    } */

    .HeadNavOuter .dropdowns-content {
        top: 60px;
    }

    .card-title {
        font-size: 1.4rem !important;
    }

    .card-text {
        font-size: 16px !important;
    }

    .card-date {
        font-size: 14px;
    }

    .card-status {
        font-size: 18px;
        font-weight: 500;
    }

    .custom-heading {
        font-size: 35px;
    }

    .headlines-news h4 {
        font-size: 30px;
    }

    .main-heading-top h2 {
        font-size: 35px;
        margin-bottom: 15px;
    }

    .article-details-main-container .top-links h6 {
        font-size: 16px;
        margin-bottom: 20px;
    }


    .row.g-0.related_Articles {
        margin-bottom: 25;
    }

    .article-details-section-brand-name-show.ms-md-2 {
        font-size: 18px;
    }

    .mt-3.article-details-paragraphs {
        font-size: 16px;
    }

    .related_Articles .card-body.card-body-news-page {
        padding: 0 !IMPORTANT;
    }

    .related_Articles h5.card-title.d-block.w-100 {

        font-size: 17px !important;

    }


    .main_right_side .broker-card-gradient.sidebar a.btn.btn-outline-success {
        font-size: 18px;
        width: 70% !IMPORTANT;
        display: block;
        margin: 0 auto;
    }

    .main_right_side .broker-card-gradient.sidebar .card-title-broker {
        font-size: 18px !important;
    }

    .main-page-1-2-images-first .row.acedmy-area a.button {
        font-size: 12px;
    }

    .view-more {
        font-size: 18px;
    }

    .main_right_side .video_cus iframe {
        height: 200px;
    }

    .main-page-card-box-middle-section a h5 {
        font-size: 20px !important;
    }


    .broker-details-adv-main-page-vertical-section {
        padding: 15px 0;
    }

    .broker-adv-other-details-section .broker-details-section .brand-details-and-assets-info h3 {
        font-size: 25px;
        margin-bottom: 10px;
    }


    .broker-details-adv-main-page-vertical-section {
        padding: 10px 0;
    }

    .broker-adv-other-details-section .broker-details-section .brand-details-and-assets-info p {
        color: black;
        font-size: 15px;
    }

    .main-article-section-adv-bottom {
        font-size: 15px;
    }

    .rating-section-and-other-details-broker-adv .main-details-container span.heading {
        font-size: 15px;
    }

    .rating-section-and-other-details-broker-adv {
        margin-top: 10px;
    }

    .footer-disclaimer h6 {
        font-size: 16px;
    }


    /*BRoker page*/

    .card.broker-page-top-container.rounded-4 {
        padding: 20px 20px;
    }

    .broker-page .card {
        padding: 30px 15px;
    }


    .disclaimer-broker h6 {
        font-size: 14px;

    }

    .card-text-broker {
        font-size: 18px;
    }

    .vist-site-first-container-broker a {
        font-size: 18px;
    }

    .card.broker-page-top-container.rounded-4 a.btn.btn-outline-success.rounded-5.w-100 {
        font-size: 18px;
    }

    .broker-card-gradient .card-body p {
        font-size: 16px;
    }


    .broker-page .card a.btn.btn-outline-success.rounded-5.w-100 {
        font-size: 18px;
        display: block;
        margin: 15px auto 0px;
        width: 60% !important;
    }

    .broker-page .card .view-more-link {
        margin-top: 10px;
        font-size: 17px;
    }

    .broker-page .card span.fw-bold.text-secondary {
        font-size: 15px;
    }

    .broker-page .card span.fa.fa-star {
        font-size: 18px;
    }

    footer.footer.p-2 p.text-white {
        font-size: 14px;
    }

}

@media only screen and (max-width: 1800px) {
    .main-post-headings {
        padding: 15px 35px;
        height: 22.5rem;
    }

    .card-title {
        font-size: 1.2rem !important;
    }

    .HeadNavOuter .navbars a {
        font-size: 1.1rem;
    }

    .main-page-top-section-tio-two-images-second-img {
        height: 20.5rem;
    }

    .top-broker-adv-container-main-page {
        gap: 50px 0;
    }

    /* .login-main {
        padding-top: 4rem !important;
    } */
}

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

    .main-page-top-section-tio-two-images-second-img {
        height: 19rem;
    }

}

@media screen and (max-width:1600px) {
    /* .login-main {
        padding-top: 4rem !important;
    } */

    .footer-disclaimer h6,
    .disclaimer-broker h6,
    .disclaimer-broker h6 span {
        font-size: 14px;
    }

    .ArticlesShow h2 {
        font-size: 1.5rem;
    }

    .column a.Tier2 {
        padding: 12px 0px;
        font-size: 1em;
    }

    /*    section#MenuAnalysis article .Text h2 {
        font-size: 1em;
    }*/

    #HeadSearch .HeadSubmitButton {
        width: 30px !important;
        background-size: 20px;
        top: 2px;
        right: -1px;
    }

    #HeadSearch {
        max-width: 30px;
        height: 30px;
    }

    .header-navbar-1 .logo-circle {
        font-size: 17px;
        width: 30px;
        height: 30px;
    }

    /* .HeadNavOuter .dropdowns .dropbtn a {
        padding: 0 7px !important;
        font-size: 14px;
    } */

    .HeadNavOuter .navbars a {
        font-size: 1rem;
    }

    .main-post-headings {
        height: auto;
    }

    .top-broker-adv-container-main-page {
        gap: 40px 0;
    }

    .header-navbar-1 .nav-item a {
        font-size: 12px;
        padding: 5px 14px;
    }

    /* .HeadNavOuter .dropdowns {
        height: 7vh;
    } */

    .news-page-nav .nav-link {
        font-size: 18px;
    }

    .position-relative.common-heading h1 {
        font-size: 2.5rem;
    }

    .position-relative.common-heading p {
        font-size: 1rem;
    }

    .common-heading a {
        font-size: 1rem;
    }

    .headlines-news h4 {
        font-size: 1.8rem;
    }

    p.news-text {
        font-size: 1em;
    }

    .card-date {
        font-size: 14px;
    }

    .login-heading p {
        font-size: 1.5rem;
        line-height: 38px;
    }

    .login-heading h1,
    span.green-color {
        font-size: 4rem;
        line-height: 1.3;
    }

    .fs-1 {
        font-size: 2.2rem !important;
    }
}

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

    .top_main_left_col .col-md-3.col-12.top_boxes_small_items {
        padding-right: 20px;
        width: 36%;
        max-width: 36%;
    }

    .top_main_left_col .col-md-9.col-12.main-page-top-image-first-section {
        width: 64%;
        max-width: 64%;
    }

    .more-information-btns-top-main-page a button {
        padding: 10px 5px;
        font-size: 14px;
    }

    .image-title-common-image {
        font-weight: 600;
        font-size: 30px;
    }

    .top-broker-adv-container-main-page {
        gap: 35px 0;
    }

    .main-page-top-section-tio-two-images-second-img {
        height: 18.5rem;
    }


    .broker-details-rating-section-card .rating-and-other-headings p {
        margin-bottom: 0;
    }

    .broker-details-rating-section-card-more-details .rating-and-other-headings-btn button {
        font-size: 12px;
        font-weight: 500;
    }

    .broker-details-rating-section-card .rating-and-other-headings p {
        color: white;
        font-size: 12px;
    }

    .main-page-row .col-md-3.col-12.main_right_side {

        width: 30%;
    }

    .col-12.top_main_left_col {
        width: 70%;
    }

    .logos-brokers {
        width: 50px;
        height: 50px !important;
    }
}

@media only screen and (max-width: 1550px) {
    .academy-width .fixed-sidebar {
        position: fixed !important;
        top: -150px !important;
    }

    .single-volume-product.view-lesson-img img#videoPlaceholder {
        height: 55vh;
    }
}

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


    .academy-heading h1 {
        font-size: 5.5rem;
    }

    p.white-p,
    p.green-p {
        font-size: 1.8rem;
    }

    .academy-data-inner h2 {
        font-size: 3.4rem;
    }

    .academy-data-inner p {
        font-size: 1.1rem;
    }


    .top_main_left_col .col-md-9.col-12.main-page-top-image-first-section {
        width: 60%;
        max-width: 60%;
    }

    .top_main_left_col .col-md-3.col-12.top_boxes_small_items {
        padding-right: 20px;
        width: 40%;
        max-width: 40%;
    }

    .header-navbar-1 .nav-item .signup {
        padding: .4rem 1.1rem;
    }

    .HeadNavOuter .dropdowns-content {
        top: 55px;
    }

    .card-title {
        font-size: 1rem !important;
    }

    .HeadNavOuter .navbars a {
        font-size: .8em;
    }

    #HeadSearch .HeadFieldButton {
        font-size: 10px;
    }

    #HeadSearch:hover .HeadFieldButton {
        width: 82% !important;
    }

    #HeadSearch:hover {
        max-width: 110px;
    }

    .login_main_row .login-text {
        width: 40% !important;
    }

    .login-container .login-image {
        width: 53%;
    }

    .dropmenu {
        top: 60px;
    }

    .broker-details-rating-section-card .rating-and-other-headings h6,
    .top-broker-adv-container-main-page .container-for-broker-details .brand-broker-heading-top p {
        font-size: 13px;
    }

    .main-page-top-section-tio-two-images-second-img {
        height: 17rem;
    }

    #HeadSearch .HeadSubmitButton {
        top: 2px;
        right: 2px;
        width: 25px !important;
    }

    .HeadNavOuter .dropdowns .dropbtn {
        padding: 0px 10px !important;
    }

    .header-navbar-1 .logo-circle {
        font-size: 15px;
        width: 30px;
        height: 30px;
    }

    #HeadSearch {
        max-width: 30px;
        height: 30px;
    }

    .HeadNavOuter .dropdowns .dropbtn a {
        padding: 0 !important;
    }

    .HeadNavOuter .navbars a {
        font-size: .9em;
    }

    .HeadNavOuter .dropdowns .dropbtn a {
        padding: 0;
    }

    .login-heading h1,
    span.green-color {
        font-size: 4.5rem;
        line-height: 85px;
    }

    .login-heading p {
        font-size: 1.4rem;
        line-height: 38px;
    }

    .headlines-news h4 {
        font-size: 1.4rem;
    }

    .main-container-broker .navbar .navbar-nav .nav-item .nav-link {
        font-size: 14px;
    }

    p.news-text {
        line-height: 19.5px;
    }

    .position-relative.common-heading h1 {
        font-size: 2.4rem;
    }

    .position-relative.common-heading p {
        font-size: 1rem;
    }

    .news-page-main-container .card-date {
        font-size: 14px;
    }

    .news-page-nav .nav-link {
        font-size: 16px;
    }

    #HeadSearch .HeadFieldButton {
        line-height: 13px;
    }

    .news-page-main-container .card-title {
        font-size: 1.1rem !important;
    }
}

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

    .container {
        width: 95% !important;
        max-width: 95% !important;
    }

    .single-volume-product.view-lesson-img img#videoPlaceholder {
        height: 45vh;
    }

    .related-lessons .row.g-0.related_Lessons .img-section .lesson_list_img {
        height: 6vh;
    }

    .mb-5.acedemy-box.col-md-4.mb-5.acedemy-box {
        max-width: 50%;
        flex: 50%;
    }

    .enroll-new {
        min-height: 25rem;
        align-content: end;
    }

    .academy-width .fixed-sidebar {
        position: fixed !important;
        top: -200px !important;
    }

    a.btn.btn-secondary.rounded-5.ms-2,
    .header-navbar-1 .nav-item .signup {
        padding: .4rem .9rem;
    }

    .main-post-headings {
        padding: 29px 35px;
        height: 18rem;
    }

    .main-page-1-2-images-first .row.acedmy-area h3.light-weight {
        font-size: 16px;
    }

    .main-page-1-2-images-first .row.acedmy-area h2.bold-weight {
        font-size: 16px;
    }

    .news-page-broker-side .open-account-btn {
        padding: 5px 8px !important;
        font-size: 12px;
    }

    .main-page-1-2-images-first .row.acedmy-area a.button:after {
        top: -40px;
        height: 15vh;
    }

    .main-page-1-2-images-first .row.acedmy-area {
        top: 15%;
    }

    .top-broker-adv-container-main-page .container-for-broker-details .brand-broker-heading-top h3,
    .broker-details-rating-section-card-more-details .rating-and-other-headings h6 {
        font-size: 16px;
    }

    .top-broker-adv-container-main-page .container-for-broker-details .brand-broker-heading-top p,
    .main-page-top-section-tio-two-images-second-img:after,
    .broker-details-rating-section-card .rating-and-other-headings h6,
    .broker-details-rating-section-card .rating-and-other-headings p {

        font-size: 10px;
    }

    .broker-details-rating-section-card .rating-and-other-headings p {
        margin-bottom: 0;
    }

    .main-page-top-section-tio-two-images-second-img .main-page-1-2-images-second .brand-logo-icon img {
        margin-top: 5px;
        height: 60px;
        width: 100%;
    }

    .main-page-1-2-images-first .row.acedmy-area a.button {
        font-size: 10px;
    }


    .top-broker-adv-container-main-page .rating-and-other-headings span.fa.fa-star {
        font-size: 15px;
    }

    .broker-details-rating-section-card-more-details .rating-and-other-headings h6 {
        margin-bottom: 0;
    }

    .broker-details-rating-section-card-more-details .rating-and-other-headings-btn button {
        padding: 9px 9px;
        font-size: 10px;
        font-weight: 500;
    }

    .image-title-common-image {
        font-size: 25px;
        line-height: 33px;
    }

    p.news-text {
        font-size: .9em;
    }

    .main-page-row .col-md-3.col-12.main_right_side {

        width: 30%;
    }

    .card-date1 {
        font-size: 13px;
    }

    .col-12.top_main_left_col {
        width: 70%;
    }

    .logos-brokers {
        width: 50px;
        height: 50px !important;
    }

    .main-page-top-image-first-section .first-image-right-side a img {
        height: 30vh;
    }

    .main-article-section-adv-bottom {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

    .main-page-1-2-images-first {
        padding: 20px 10px 0;
        height: 15vh;
    }

    .main-page-top-section-tio-two-images-second-img:after {
        top: 10px;
    }

    .main-page-top-section-tio-two-images-second-img {
        height: 18rem;
    }

    .top-broker-adv-container-main-page .row.second-gredient-row {
        padding: 10px 10px 10px;
    }

    .top-broker-adv-container-main-page .row.second-gredient-row .row.inside_last_row.m-0 {
        padding-top: 12px;
    }

    .more-information-btns-top-main-page a button {
        padding: 10px 10px;
        font-size: 12px;
    }

    .top-broker-adv-container-main-page {
        gap: 25px 0;
    }

    .main-page-card-section-middle .card a img {
        height: 24vh !important;
    }

    .open-account-btn-broker-page {
        font-size: 12px !important;
    }

    .share-price {
        font-size: 15px;
    }

    .main-page-bottom-two-cards-section .card a img {
        text-decoration: none !important;
        min-height: 30vh !important;
        max-height: 30vh !important;
    }

    .main-page-latest-news-section-bottom .img-section a img {
        text-decoration: none !important;
        min-height: 14vh !important;
        max-height: 14vh !important;
    }

    .card-box-main-page .col-md-4.col-12 {
        max-width: 50%;
        width: 50%;
        flex: 50%;
    }


    .information-new-section .col-md-4 {
        padding: 35px 35px;
        width: 30%;
    }
}

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


    section#MenuAnalysis article .Text p.text {
        font-size: 14px !important;
    }

    section#MenuAnalysis article .Text {
        height: 220px !important;
    }

    .top-broker-adv-container-main-page .row.second-gredient-row .row.inside_values_row.m-0 .left-side-col.p-0 {
        max-width: 35%;
        flex: 35%;
    }

    .news-new-card-top-main-image-new-class a img {
        max-width: 100% !important;
        min-width: 100% !important;
        max-height: 100% ! IMPORTANT;
        min-height: 100% ! IMPORTANT;
        object-fit: cover;
    }

    a.btn.btn-secondary.rounded-5.ms-2,
    .header-navbar-1 .nav-item .signup {
        padding: .4rem .7rem;
    }

    .container {
        width: 90% !important;
        max-width: 90% !important;
    }

    .HeadNavOuter .dropdowns {
        height: auto;
    }

    .container-fluid .container {
        width: 90% !important;
        max-width: 90% !important;
        padding: 0;
    }

    .more-information-btns-top-main-page a {
        font-weight: 600 !important;
        padding: 0 5px;
        margin-top: 10px;
        border: none;
        outline: none;
    }

    .top_main_left_col .col-md-3.col-12.top_boxes_small_items .col-md-12.col-12 {
        width: 97%;
        margin: 0 5px 0px 12px;
    }

    .top_main_left_col .col-md-9.col-12.main-page-top-image-first-section {
        width: 100%;
        max-width: 100%;
    }

    .top-broker-adv-container-main-page .row.second-gredient-row .row.inside_last_row .left_side.p-0 {
        max-width: 25%;
        margin-right: 10px;
    }

    .top-broker-adv-container-main-page .row.second-gredient-row .row.inside_last_row.m-0 .right_side {
        margin-top: 10px;
    }

    .top_main_left_col .col-md-3.col-12.top_boxes_small_items {
        padding-right: 20px;
        width: 100%;
        max-width: 100%;
    }

    .col-md-4.col-12.first-col-6-main-pages.main-page-card-section-middle {
        padding: 0 15px 0 0;
        width: 50%;
        flex: 50%;
    }

    .col-md-4.col-12.first-col-6-main-pages.main-page-card-section-middle:nth-child(1),
    .col-md-4.col-12.first-col-6-main-pages.main-page-card-section-middle:nth-child(4) {
        padding-left: 0px ! IMPORTANT;
    }

    /* .show-more-btn-main-page-section a.btn.open-account-btn.rounded-5.showmore-btn {
        width: auto;
    } */

    .main-page-card-section-middle .card a img {
        height: 25vh !important;
    }

    .navbar-brand img.img-responsive.w-50.p-2 {
        width: 80% !important;
    }

    .broker-details-rating-section-card-more-details .rating-and-other-headings-btn button {
        font-size: 12px;
    }

    .main-page-top-section-tio-two-images-second-img {
        height: 18rem;
        ;
    }

    .top-broker-adv-container-main-page .row.second-gredient-row {
        height: 68%;
    }

    .top-broker-adv-container-main-page .container-for-broker-details .brand-logo-icon {
        width: 20%;
    }

    .top-broker-adv-container-main-page .container-for-broker-details .brand-broker-heading-top p,
    .main-page-top-section-tio-two-images-second-img:after,
    .broker-details-rating-section-card .rating-and-other-headings h6,
    .broker-details-rating-section-card .rating-and-other-headings p {
        font-size: 16px;
    }

    .top-broker-adv-container-main-page .brand-broker-heading-top:after {
        position: absolute;
        right: 25px;
    }

    .top-broker-adv-container-main-page .row.second-gredient-row a.visit_link_cus,
    .more-information-btns-top-main-page a.button-more-info {
        width: 49%;
        display: inline-block;
        margin-top: 0;
        position: relative;
        top: 25px;
    }

    .top-broker-adv-container-main-page .brand-broker-heading-top {
        vertical-align: middle;
        padding-top: 10px;
    }

    .top-broker-adv-container-main-page .container-for-broker-details .brand-broker-heading-top h3 {
        font-size: 22px;
    }

    .main-page-bottom-two-cards-section .card a img {
        text-decoration: none !important;
        min-height: 22vh !important;
        max-height: 22vh !important;
    }

    .top-broker-adv-container-main-page .container-for-broker-details .brand-broker-heading-top h3,
    .broker-details-rating-section-card-more-details .rating-and-other-headings h6 {
        font-size: 22px;
    }

    .broker-details-rating-section-card {
        padding: 5px 35px 5px 20px;
    }

    .main-page-bottom-two-cards-section .card h5.card-title.mt-4.fw-bold {
        margin-top: 15px !important;
    }

    .broker-details-rating-section-card-more-details {
        padding: 0px 15px 0 5px;
    }

    /* .col-md-6.col-12.two-images-card.main-page-bottom-two-cards-section {
        padding: 0 0px 0px 0px;
    } */

    .news-page-latest-news-all .col-md-3.col-12.img-section {
        width: 30%;
        max-width: 30%;
    }

    .news-page-latest-news-all .col-md-9.col-12.main-page-latest-news-news-section {
        width: 65%;
        flex: 65;
    }

    .main-page-card-section-middle .card-body.main-page-card-text .card-status {
        margin-right: 5px;
    }


    .main_right_side .broker-card-gradient.sidebar span.fa.fa-star {
        font-size: 12px;
    }

    /*NEWS*/

    .news-page-main-container .row .col-md-9.col-12.top-left {
        width: 70%;
    }

    .container.container-fluid.news-page-main-container .col-md-8.col-12 {
        width: 100%;
        flex: 100%;
    }

    .news-page-main-container .col-md-3.col-12.top-right {
        width: 30%;
    }

    .container.container-fluid.news-page-main-container .col-md-4.col-12 {
        width: 100%;
        margin-top: 0 !IMPORTANT;
    }

    .container.container-fluid.news-page-main-container .col-md-4.col-12 img.img-fluid {
        min-height: 35vh !important;
        max-height: 35vh !important;
    }

    .container.container-fluid.news-page-main-container .col-md-4.col-12 .card.w-100.border.border-0 {
        margin: 0;
    }

    .news-page-main-container .card-title {
        font-size: 1.1rem !important;
    }

    .news-page-main-container .card-date {
        font-size: 16px;
    }

    .news-page-bottom-news-section .col-md-3.col-12.card-news-images {
        width: 35% ! IMPORTANT;
        flex: 35%;
        padding-left: 0px;
        max-width: 35%;
        padding-right: 10px;
    }

    .news-page-bottom-news-section .col-md-9.col-12.news-bottom-section-card-content-section {
        width: 65%;
    }

    /*Brokers*/


    .main-heading-top-broker h1 {
        font-size: 55px;
    }

    .container.grid-brokers,
    .container.broker-main-container {
        width: 90% !important;
        max-width: 90% !important;
    }

    .main-container-broker .navbar .nav-item {
        padding: 0px 10px;
    }

    .information-new-section .col-md-4 {
        padding: 25px 20px;
        border-radius: 10px;
        margin-right: 25px !important;
        width: 31%;
    }

    .card.broker-detail-page-top-container.rounded-4 .col-md-10 {
        max-width: 80%;
        width: 80%;
    }

    .card.broker-detail-page-top-container.rounded-4 .col-md-2 {
        max-width: 20%;
        width: 20%;
    }

    .card.broker-detail-page-top-container.rounded-4 .logos-brokers {
        width: 130px;
        height: 130px !important;
    }

    .card.broker-detail-page-top-container.rounded-4 h4.card-title-broker-main {
        font-size: 30px;
    }

    .container.broker-detail-top,
    div#information .container.rounded-4,
    .container.brokers_details_tab,
    div#summary .container.p-3.rounded-4,
    div#proscons .container.rounded-4 {
        width: 90% !important;
        max-width: 90% !important;
    }


    /*Trading*/

    .trading_tools .col-md-3.container-section {
        max-width: 50%;
        flex: 50%;
    }


    .container.earing-calender-top .col-md-9.col-12 {
        max-width: 100%;
        flex: 100%;
        margin-bottom: 30px;
    }

    .container.earing-calender-top .col-md-3.col-12 {
        margin: 0 0 0 auto;
        width: 30%;
        padding-right: 40px;
    }

    .container.earing-calender-top .col-md-9.col-12 .col-md-2.p-0.Ec-buttons-top {
        margin: 0 10px;
    }

    #CalculatorFrame {
        width: 100%;
    }

    #Calculator {
        width: 58%;
    }

    #CalcResult {
        width: 58%;
    }

    .login-container {
        padding: 20px 0;
    }

    .second-login-bg-image img {
        width: 40%;
        height: auto;
        margin-bottom: 20px;
    }

    .second-login-bg-image h2 {
        font-size: 30px;
    }

    .second-login-bg-image {
        top: 50%;
    }

    .login-form {
        margin-right: 10px;
        margin-left: 20px;
        position: relative;
        top: 5%;
    }

    /*Article Detail*/

    .article-details-main-container .col-md-9 {
        width: 70%;
    }

    .article-details-main-container .col-md-3.main_right_side.text-center {
        width: 30%;
    }

    .article-details-main-img img {
        width: 75%;
        height: auto;
    }

    /*Academy*/

    .container.academy-main-section .col-md-9.p-3 {
        width: 70%;
    }

    .container.academy-main-section .col-md-3.col-md-3.mb-md-0 {
        width: 30%;
    }

    .academy-section-cards-main-container .container-card .card img {
        height: 25vh;
    }

    .row.Technical.analysis .academy-section-cards-main-container .container-card .card img {
        height: 20vh;
        object-fit: cover;
    }

    /*My acc pages*/


    .container.main_account_page .col-md-8 {
        width: 65%;
    }

    .container.main_account_page .col-md-4.mt-md-4 {
        width: 35%;
    }

    .minipip-academy-portal-heading h5 {
        font-size: 20px;
        margin-left: 30px;
    }

    .minpip-portal-my-account {
        width: 88%;
        margin-bottom: 15px;
    }

    .container.main_account_page .col-md-8 .col-md-6 {
        width: 100%;
        flex: 100%;
    }

    .container.main_account_page .col-md-8 .col-md-6 .card-body p.card-status.neutral {
        margin-top: -30px;
    }

    .first-to-card-my-account {
        margin-top: 0px ! IMPORTANT;
    }

    .container.main_account_page .col-md-8 .col-md-6 .card a img {
        height: 30vh;
    }


    .resources_info .col-md-9.col-12 {
        width: 65%;
    }

    .resources_info .col-md-4.col-12.resources-page-content-images {
        padding: 10px 10px;
        width: 50%;
    }

    /* .resources_info .col-md-3.col-12 {
        width: 35%;
    } */

    .resources_info .image-item a img {
        /* border-radius: 25px !important; */
        min-height: 22vh !important;
        max-height: 22vh !important;
    }

    .resources_details .ms-3 img.img-fluid {
        height: auto;
        object-fit: cover;
    }

    .related_Articles img.card-img-article-details {
        text-decoration: none !important;
        min-height: 5rem;
        max-height: 5rem;
    }

    .top-broker-adv-container-main-page .container-for-broker-details .brand-logo-icon.img-left {
        width: 46% !important;
        padding: 0rem 1rem !important;
    }

    .top-broker-adv-container-main-page .container-for-broker-details {
        border-radius: 20px 20px 0 0;
        padding: 0px 10px;
        display: inline-block;
        width: 100%;
    }

    .top-broker-adv-container-main-page .row.second-gredient-row .row.inside_values_row.m-0 .right-side-col .rating-and-other-headings {
        /*display: flex; */
        line-height: 0;
        margin-top: 0px;
    }

    .w-25 {
        width: 8% !important;
    }

    .mobile-head {
        width: 100%;
        text-align: left;
        margin-bottom: 30px;
        margin-top: 22px;
    }

    .col-md-6.rating-section {
        padding: 0 12px;
    }

    .main-page-1-2-images-second .col-md-6.spredox {
        max-width: 40%;
    }

    .main-page-1-2-images-second .col-md-6.rating-section {
        max-width: 55% ! IMPORTANT;
        flex: 55;
    }
}

@media screen and (min-width: 1200px) {

    html,
    body {
        font-size: 1vw;
    }
}

@media screen and (max-width: 1200px) {
    .academy-content-heading-section-new h5 {
        font-size: 1.7rem;
    }

    .academy-content-heading-section-new p {
        font-size: 1.1rem;
    }

    .academy-items img {
        height: 25vh !important;
    }

    .academy-topics li a {
        font-size: 1.1rem;
    }

    .academy-items h3 {
        font-size: 1.4rem;
    }

    .single-volume-product img.lesson_list_img {
        height: 35vh !important;
    }

    .HeadNavOuter .dropdowns .dropbtn a {
        padding: 0 1px !important;
    }

    .HeadNavOuter .dropdowns .dropbtn {
        padding: 0px 10px !important;
    }

    .HeadNavOuter .navbars a {
        font-size: .8em;
    }

    nav.HeadNavInner {
        width: 90% !important;
        max-width: 90% !important;
    }

    .footer-links li a {
        font-size: .9rem;
    }

    .footer p {
        font-size: 0.70em;
    }

    .footer-brand-icon span {
        font-size: 25px;
    }

    .footer-brand-icon svg {
        width: 25px;
        height: auto;
    }

    .login-heading p {
        font-size: 1.2rem;
        line-height: 32px;
    }

    .login-heading h1,
    span.green-color {
        font-size: 4rem;
        line-height: 75px;
    }

    .header-navbar-1 .nav-item a {
        font-size: 9px;
    }

    #HeadSearch:hover {
        max-width: 80px;
    }

    .header-navbar-1 .logo-circle {
        font-size: 14px;
        width: 25px;
        height: 25px;
    }

    .header-navbar-1 svg.logo-circle.bi.bi-twitter-x {
        padding: 0 6px;
    }

    #HeadSearch {
        max-width: 25px;
        height: 25px;
    }

    #HeadSearch .HeadSubmitButton {
        background-size: 17px;
        top: 0px;
        right: 0px;
    }

    .academy-volume.lesson-view-page .container {
        width: 80% !important;
        max-width: 80% !important;
    }

    .academy-data-inner,
    .newbroker_col {
        width: 100%;
    }

}

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

    .related-lessons .row.g-0.related_Lessons .news-section,
    .related-lessons .row.g-0.related_Lessons .img-section {
        max-width: 100% !important;
        flex: 100%;
    }

    .lesson-view-page h5 {
        font-size: 1.2rem;
    }

    .single-volume-product.view-lesson-img img#videoPlaceholder {
        height: 50vh;
    }

    /* FOR IPAD LANDSCAPE AND SMALLER */

    .HeadNavOuter .dropdowns-content.Menu131 {
        width: 270px !important;
        left: auto !important;
    }

    .HeadNavOuter .dropdowns-content.Menu131 .row {
        width: 100% !important;
        max-width: 100%;
        float: left !important;
    }

    .HeadNavOuter .dropdowns-content.Menu203 {
        width: 270px !important;
        left: auto !important;
    }

    .HeadNavOuter .dropdowns-content.Menu203 .row {
        width: 100% !important;
        max-width: 100%;
        float: left !important;
    }

    .ArticlesShow {
        display: none;
    }


}

@media screen and (max-width: 1098.98px) {
    .HeadNavOuter .navbars a {
        font-size: .7em;
    }

    .news-new-card-top-main-image-new-class a img {
        max-height: 30vh !important;
        min-height: 30vh !important;
    }

}

/* For tablets with a minimum width of 768 pixels and a maximum width of 1024 pixels */
@media screen and (min-width: 700px) and (max-width: 1024px) {



    /* footer part */

    .footer-logo {
        margin-right: 310px;
    }

    .footer-brand-icon span {
        margin: 0px;
    }

    .footer-links li a {
        font-size: 1rem;
    }

    div#navbarNavSecond ul.navbar-nav.text-light li.nav-item {
        margin-right: 20px !important;
    }

    /* news page */

    .news-page-related-article {
        margin-left: 11.5rem
    }

    .related-article-hr {
        width: 100%;
    }

    /* 
    .news-page-first-heading-news .news {
        font-size: 36px;
        margin-left: -15px !important;
        margin-top: 0px;
        color: #ffffff;
        font-weight: 800;
        margin-bottom: 0;
    } */

    .news-page-cards-three .card a img {
        text-decoration: none !important;
        min-width: 100% !important;
        max-width: 100% !important;
        min-height: 250px !important;
        max-height: 250px !important;
    }

    div#navbarNavSecond ul.navbar-nav.text-light {
        flex-direction: row;
    }

    .news-page-first-heading-news nav.navbar.navbar-expand-lg.navbar-dark {
        margin-top: 0;
        margin-left: 0;
    }

    /* main poge */

    .first-col-6-main-pages {
        height: auto;
    }

    .related-article h5 {
        margin-left: 0px;
    }

    .related-article hr {
        font-size: 20px;
        margin-left: 0px;
        width: 100%;
    }

    .image-title-common-image {
        font-size: 22px;
        top: 67%;
        left: 5%;
    }

    .image-title-second-image {
        font-size: 16px;
        line-height: 0.9;
        margin-top: 20rem;
        margin-left: 2.5rem;
    }

    .image-title-common-date-second {
        margin-top: 19rem;
        margin-left: 2.5rem;
        font-size: 12px;
    }

    .main-page-card-text .card-text {
        font-size: 16px;
    }

    .card-title {
        font-size: 16px !important;
    }


    .main-page-card-text .card-status {
        font-size: 14px;
    }

    .share-price {
        font-size: 16px;
    }

    .image-title-common-date {
        font-size: 12px;
        left: 5%;
    }

    .main-page-top-section-side-images-two-section .main-page-1-2-images-first a img {
        border-radius: 15px !important;
        min-height: 200px;
        max-height: 200px;
        min-width: 96%;
        max-width: 100%;
        margin-left: 15px;
    }

    .show-more-button div a {
        width: 200px;
    }

    .news-page-related-article {
        margin-left: 0px;
        width: 100%;
    }

    .earning-calender-dates-btn-top-section {
        display: flex;
        justify-content: start;
        align-items: center;
        flex-wrap: wrap;
    }
}

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


.banner.mobile-banner-main h3 {
        padding-top: 0;
    }

.theme-toggle-wrapper span#themeLabel {
    font-size: 15px;
}

    .banner.mobile-banner-main .col-md-2.btn-col {
        align-self: center;
        padding-top: 0;
    }

    .single-volume-product.view-lesson-img img#videoPlaceholder {
        height: 40vh;
    }

    .related-lessons .row.g-0.related_Lessons .img-section .lesson_list_img {
        height: 10vh;
    }

    /*Mobile baner*/

    .col-md-4.img-col,
    .banner.mobile-banner-main .col-md-2.btn-col,
    .banner.mobile-banner-main .col-md-6.logo-col {
        max-width: 100%;
        flex: 100%;
        text-align: center;
    }

    .banner.mobile-banner-main img.button-img {
        margin: 7px 0;
        width: 40% !important;
    }

    .banner.mobile-banner-main img.screen-img {
        width: 55% ! IMPORTANT;
        margin: 15px auto 0;
        display: block;
    }

    .banner.mobile-banner-main img.logo-cus {
        width: 50% !important;
        margin-bottom: 20px;
    }

    div#xtbAdModal .modal-dialog.modal-dialog-centered {
        max-width: 75%;
        margin: 0 auto;
    }

    .academy-volume-right img {
        width: 10rem;
    }

    .academy-volume-left h5 {
        font-size: 1.4rem;
    }

    .academy-volume-left h4 {
        font-size: 2rem;
    }

    .academy-volume-left p {
        font-size: 1.2rem;
    }

    .academy-heading h1 {
        font-size: 5rem;
    }

    .volume-products .lesson-col.mb-5 {
        position: relative;
        max-width: 50%;
        flex: 50%;
    }

    .container.academy-main-section.py-5.my-4 {
        padding-top: 0 !IMPORTANT;
    }

    .single-volume-product.view-lesson-img {
        margin: 0 0rem;
    }

    .academy-volume.lesson-view-page .container {
        width: 90% !important;
        max-width: 90% !important;
    }

    p.white-p,
    p.green-p {
        font-size: 1.6rem;
    }

    iframe.volume-video {
        height: 15rem;
    }

    .top-broker-adv-container-main-page .row.second-gredient-row .row.inside_values_row.m-0 .left-side-col.p-0 {
        max-width: 70%;
        flex: 70%;
    }

    .showmore-btn {
        width: 35%;
    }

    .news-page-first-heading-news .news {
        font-size: 40px;
    }

    #HeadSearch .HeadFieldButton {
        font-size: 11px;
        line-height: 16px;
    }

    .header-navbar-1 .nav-item a {
        font-size: 12px;
    }

    #HeadSearch:hover {
        max-width: 140px;
    }

    .header-navbar-1 .logo-circle {
        font-size: 18px;
        width: 30px;
        height: 30px;
    }

    #HeadSearch {
        max-width: 30px;
        height: 30px;
    }

    #HeadSearch .HeadSubmitButton {
        background-size: 20px;
        top: 2px;
        right: 2px;
    }

    .dropmenu {
        top: 100px;
    }

    nav#MainNavigation {
        display: none;
    }

    #MegaMenuIcon {
        display: block;
    }

    #MegaMenuIcon img {
        width: 35px;
    }

    img.img-responsive.mobile-logo {
        display: block;
    }

    .top-broker-adv-container-main-page .row.second-gredient-row .row.inside_last_row .left_side.p-0 {
        max-width: 50%;
        margin-right: 10px;
    }

    .more-information-btns-top-main-page a button {
        float: left;
    }

    .top_main_left_col .col-md-3.col-12.top_boxes_small_items {
        padding-right: 23px;
        width: 97%;
        max-width: 97%;
        margin: auto;
    }

    .main-post-headings {
        padding: 20px 25px;
    }

    nav.HeadNavInner {
        width: 100% !important;
        max-width: 100% !important;
    }

    .HeadNavOuter .navbars {
        justify-content: end;
    }

    .HeadNavOuter .dropdowns .dropbtn {
        padding: 5px 10px !important;
    }

    .HeadNavOuter .navbars a {
        font-size: .8em;
    }

    .main-heading-top-broker hr {
        display: none;
    }

    .navbar-brand img.img-responsive {
        width: 90% ! IMPORTANT;
        margin-top: 5px;
    }


    .col-12.top_main_left_col {
        width: 65%;
    }

    .main-page-row .col-md-3.col-12.main_right_side {
        width: 35%;
    }

    .main-page-top-image-first-section .first-image-right-side a img {
        height: 35vh;
    }

    .main-page-1-2-images-first {
        padding: 20px 10px 0;
        height: 35vh;
    }

    .main-page-1-2-images-first .row.acedmy-area a.button:after {
        top: -30px;
        height: 22vh;
    }

    .main-page-1-2-images-first .row.acedmy-area {
        top: 15%;
    }


    .card-text {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .main-article-section-adv-bottom {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .main-page-card-section-middle .card a img {
        height: 20vh !important;
    }

    .main-page-bottom-two-cards-section .card a img {
        text-decoration: none !important;
        min-height: 20vh !important;
        max-height: 20vh !important;
    }

    .card-box-main-page .col-md-4.col-12 {
        max-width: 100%;
        width: 100%;
        flex: 100%;
    }

    .main-page-card-box-middle-section .card.resources-card.text-center {
        width: 100%;
    }

    .top_main_left_col .col-md-3.col-12.top_boxes_small_items .col-md-12.col-12 {
        width: 100%;
        margin: 0 5px 0px 5px;
    }

    .main-page-1-2-images-first .row.acedmy-area .col-md-5 img.image {
        margin-top: 0;
        margin-left: 10px;
        width: 70%;
    }

    .main-page-1-2-images-first .row.acedmy-area h3.light-weight {
        font-size: 22px;
    }

    .main-page-1-2-images-first .row.acedmy-area a.button {
        font-size: 14px;
        padding: 5px 10px;
    }

    .main-page-1-2-images-first .row.acedmy-area h2.bold-weight {
        font-size: 22px;
    }

    .broker-details-rating-section-card-more-details .rating-and-other-headings h6 {
        margin-bottom: 0;
        font-size: 15px;
    }

    .top-broker-adv-container-main-page .container-for-broker-details .brand-broker-heading-top p,
    .main-page-top-section-tio-two-images-second-img:after,
    .broker-details-rating-section-card .rating-and-other-headings h6,
    .broker-details-rating-section-card .rating-and-other-headings p {
        font-size: 15px;
    }

    .broker-adv-other-details-section .broker-details-section .brand-details-and-assets-info h3 {
        font-size: 20px;
    }

    .main_right_side .video_cus iframe {
        border-radius: 20px;
        height: 150px;
    }

    .broker-adv-other-details-section .broker-details-section {
        padding: 0px 10px 0px 0px;
    }

    .open-account-btn-broker-page {
        font-size: 13px !important;
        padding: 5px 8px !important;
    }


    /*News*/

    .news-page-main-container .row .col-md-9.col-12.top-left {
        width: 65%;
    }

    .news-page-main-container .col-md-3.col-12.top-right {
        width: 35%;
    }

    .news-new-card-top-main-image-new-class a img {
        max-height: 35vh !important;
        min-height: 35vh !important;
    }

    .footer .col-md-6 {
        padding: 0 20px;
    }

    /*Broker*/


    .main-container-broker .navbar .nav-item {
        padding: 10px 10px;
        width: 24%;
        display: inline-block;
    }

    .main-container-broker .navbar-nav {
        width: 100%;
        display: inline-block;
    }

    .container.grid-brokers .col-md-4.col-12.broker-page.broker-page-container {
        padding: 20px 20px;
        max-width: 50%;
        width: 50%;
        flex: 50%;
    }

    .amount-details .card-body.d-flex.justify-content-around {
        display: block ! IMPORTANT;
    }

    .amount-details .card-body.d-flex.justify-content-around .ms-5 {
        margin-left: 0 !important;
    }

    .amount-details .card-text-broker img.check_icon {
        width: auto;
    }

    .information-new-section .col-md-4 {
        padding: 25px 20px;
        border-radius: 10px;
        width: 48%;
        margin: 0 auto !important;
    }

    .information-new-section .col-md-4:last-child {
        margin: 25px auto !important;
    }

    .summary-ratings .col-md-4.col-12.mt-3 {
        max-width: 100%;
        width: 100%;
        flex: 100%;
    }

    .container.earing-calender-top .col-md-9.col-12 .col-md-2.p-0.Ec-buttons-top {
        margin: 0 13px;
    }

    .container.earing-calender-top .col-md-9.col-12 .col-md-2.p-0.Ec-buttons-top {
        margin: 5px 10px;
        max-width: 47%;
        flex: 48%;
    }


    #Calculator {
        width: 75%;
    }

    #CalcResult {
        width: 75%;
    }

    /*Login*/


    .login-container .login-image {
        width: 100%;
        display: none;
    }

    .login-container .login-text {
        width: 95% !important;
        padding: 20px 50px 0 !IMPORTANT;
        margin: auto;
    }

    .second-login-bg-image {
        top: 65%;
        left: 33%;
    }

    .bg-image img.img-fluid {
        width: 52% ! IMPORTANT;
        display: block;
        margin: 0 auto !important;
    }

    .login-form {
        margin-top: 30px !important;
    }

    .second-login-bg-image h2 {
        font-size: 40px;
    }

    .second-login-bg-image {
        top: 60%;
        left: 30%;
    }

    .select-interest-main-container {
        margin-top: -40px !important;
    }

    .login-container .login-text .signup-form.login-form {
        padding: 0px 20px 0 !IMPORTANT;
        margin: 0;
        margin-top: 0 !IMPORTANT;
    }

    .signup-form.forms .form-content .button input {
        margin-top: 20px;
    }

    /*Article details*/

    .article-details-main-container .col-md-9 {
        width: 65%;
    }

    .article-details-main-container .col-md-3.main_right_side.text-center {
        width: 35%;
    }

    .article-details-main-img img {
        width: 100%;
        height: auto;
    }

    .article-details-section-social-media-icons a span img.facebook-icon,
    .article-details-section-social-media-icons a span img.twitter-icon,
    .article-details-section-social-media-icons a span img.linkedin-icon,
    .article-details-section-social-media-icons a span img.google-plus-icon {
        width: 2rem;
        margin-right: 0px;
    }

    .resources_details .ms-3 img.img-fluid {
        width: 100%;
        height: auto;
    }

    .container.academy-main-section .col-md-9.p-3 {
        width: 65%;
    }

    .container.academy-main-section .col-md-3.col-md-3.mb-md-0 {
        width: 35%;
    }

    .academy-main-section .col-md-6.academy-section-cards-main-container {
        width: 100%;
        flex: 100%;
        max-width: 100%;
    }

    .academy-section-cards-main-container .container-card .card img {
        width: 100%;
        height: 30vh;
    }

    .row.Technical.analysis .col-md-6.academy-section-cards-main-container {
        max-width: 100%;
        flex: 100%;
    }

    .row.Technical.analysis .academy-section-cards-main-container .container-card .card img {
        height: 30vh;
        object-fit: cover;
    }


    .container.main_account_page .col-md-3 {
        width: 40%;
    }

    .container.main_account_page .col-md-9 {
        width: 60%;
    }

    .container.main_account_page .col-md-4.mt-md-4 {
        width: 100%;
    }

    .container.main_account_page .col-md-8 {
        width: 100%;
    }

    .my-account-details-section .my-account-nav-tabs img {
        width: 5%;
    }



    .resource-card-container-row .col-md-4.col-sm-6.mb-4.container-section {
        width: 50%;
    }


    .footer .col-md-2 {
        width: 35%;
    }

    .footer .col-md-10.pl-3 {
        width: 65%;
    }

    .footer .col-md-10.pl-3 .col-md-6 {
        width: 100%;
    }

    nav#MainNavigationMobile {
        display: block !important;
        margin-left: 25px;
    }

    .row.main-page-row {
        padding-top: 2rem;
    }
}

@media (min-width: 768.1px) and (max-width: 1350px) {
    .academy-width {
        width: 35% !important;
    }

    .academy-details {
        width: 65% !important;
    }

    .banner.mobile-banner-main h3 {
        font-size: 21px;
    }
}

/*Rani*/
@media only screen and (max-width: 768px) {
    .academy-heading {
        margin-bottom: 4rem;
    }

    .row.sponsor_broker_box {
        margin-top: 0;
    }

    .academy-main-section {
        max-width: 95%;
    }

    .container {
        width: 85% !important;
        max-width: 85% !important;
    }

    .banner.mobile-banner-main img.logo-cus {
        width: 40% !important;
        margin-bottom: 20px;
    }

    .sidebar_ads_wrapper.mt-3.mb-3 img.w-100.img-fluid {
        display: none;
    }

    .news-page-broker-side .card-body.d-flex.align-items-center .col-md-12 {
        max-width: 60%;
        width: 60%;
    }

    .banner.mobile-banner-main img.button-img {
        margin: 7px 0;
        width: 30% !important;
    }

    .academy-width #fix-sidebar-academy,
    .sidebar_ads_wrapper.mt-3.mb-3 {
        width: 80%;
        position: relative;
        margin: 0 auto;
    }

    .volume-products .lesson-col.mb-5 {
        position: relative;
        max-width: 100%;
        flex: 100%;
    }

    .col-md-4.img-col,
    .banner.mobile-banner-main .col-md-2.btn-col,
    .banner.mobile-banner-main .col-md-6.logo-col {
        text-align: center;
    }

    .related-lessons .row.g-0.related_Lessons .img-section {
        max-width: 25% !important;
        flex: 25%;
    }

    .related-lessons .row.g-0.related_Lessons .news-section {
        max-width: 65% !important;
        flex: 65%;
    }

    /* .academy-width .fixed-sidebar {
    position: unset ! IMPORTANT;
    width: unset !important;
}
.academy-width .stop-sidebar {
    position: unset !important;
    width: unset !important;
    bottom: 0 !important;
    top: auto;
}*/

    .academy-width {
        width: 100% !important;
    }

    .lesson-view-page .single-volume-product img.watched_batch {
        width: 15%;
    }

    .academy-items img {
        height: 25vh !important;
    }

    .row.sponsor_broker_box .col-md-7.heading-col {
        flex: 0 0 auto;
        width: 58.33333333%;
    }

    .row.sponsor_broker_box .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }

    /*Calculator:*/

    .percentage-calculator .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }

    .percentage-calculator .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }

    .percentage-calculator .col-md-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .percentage-calculator .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }

    .broker-custom-modal-backdrop .broker-subtitle span,
    .broker-custom-modal-backdrop .broker-subtitle {
        font-size: 35px;
    }

    .broker-custom-modal-backdrop .broker-desc {
        font-size: 20px;
    }

    .broker-custom-modal-backdrop img.image {
        width: 100px;
    }

    .broker-custom-modal-backdrop .modal-close {
        right: 0px;
        top: 0px;
    }

    .broker-custom-modal-backdrop .start-btn {
        padding: 5px 15px;
        font-size: 18px;
    }


    .bottom_links .col-md-6 .mini-footer p {
        font-size: 15px;
        font-weight: 500;
        padding: 0 20px;
    }

    .bottom_links .col-md-6 {
        max-width: 50%;
    }
}

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

    .academy-data-inner img.academy-icon {
        position: absolute;
        left: unset ! IMPORTANT;
        right: 0;
        width: 3rem;
    }

    .academy-data-inner {
        text-align: center;
    }

    #CalcResult div span {
        white-space: normal !important;
        padding: 10px 0 !important;
        display: block;
    }

    .single-volume-product img.lesson_list_img {
        height: 45vh !important;
    }

    .volume-products .col-md-3.text-end,
    .volume-products .col-md-3.text-left {
        flex: 0 0 auto;
        width: 50%;
    }

    /*  .row.academy-reverse-rows {
    display: flex;
    flex-direction: column-reverse;
}*/

    .row.academy-reverse-rows .col-md-3.padding-left {
        margin-bottom: 30px;
    }

    .academy-volume .col-md-9.mb-5 {
        align-self: center;
        text-align: center;
        margin-bottom: 5px ! IMPORTANT;
    }

    .academy-volume-right img {
        width: 15rem;
        margin: 0 auto;
    }

    .academy-data-inner h2 {
        font-size: 3rem;
    }

    .academy-heading {
        padding: 3rem 0 0 0;
    }

    p.white-p,
    p.green-p {
        font-size: 1.4rem;
        line-height: 35px;
    }

    .academy-heading h1 {
        font-size: 4.5rem;
    }

    .academy-volume-right h6 {
        text-align: center;
    }

    iframe.volume-video {
        height: 20rem;
    }

    .col-md-6.academy-section-cards-main-container .card.w-100.border.border-0 {
        margin: 25px 5px;
    }

    .top-broker-adv-container-main-page .row.second-gredient-row .right-side-col {
        max-width: 30%;
        flex: 30%;
    }

    .top-broker-adv-container-main-page .row.second-gredient-row .left-side-col {
        max-width: 40%;
        flex: 40%;
    }


    .top-broker-adv-container-main-page .row.second-gredient-row .row.inside_last_row .left_side {
        max-width: 55%;
        flex: 55%;
    }

    .top-broker-adv-container-main-page .row.second-gredient-row .row.inside_last_row .right_side {
        max-width: 45%;
        flex: 45%;
        margin-top: 10px;
    }

    .top-broker-adv-container-main-page .row.second-gredient-row .row.inside_last_row .left_side.p-0 {
        max-width: 35%;
        margin-right: 10px;
    }


    .container-fluid.resources-outer-container.search-page {
        margin-bottom: 1rem !important;
    }

    .academy-cotent-card-button {
        margin-left: 8px;
    }

    .show-more-btn-main-page-section {
        margin-bottom: -35px;
    }

    .third-navbar-ul .navbar-nav .nav-item .nav-link {
        font-size: 16px;
        text-align: center;
        margin-right: 15px;
        color: white;
        text-decoration: underline !important;
        font-weight: 500 !important;
    }

    .topics-side h4 {
        display: none;
    }

    .news-third-navbar {
        display: none;
    }

    #HeadSearch .HeadSubmitButton {
        background-size: 20px;
        top: -3px;
        right: -1px;
    }


    .row.main-page-row {
        padding-top: 0;
    }

    .padding-right,
    .padding-left {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }

    .login-heading h1,
    span.green-color {
        font-size: 3rem;
        line-height: 55px;
    }

    .login-heading p {
        font-size: 1rem;
        line-height: 25px;
    }

    body {
        font-size: 12px;
    }

    .login-container .login-text {
        width: 100% !important;
    }

    .Top {
        position: absolute;
        top: 30px;
        right: 45px;
        left: 0;
        width: 50px;
        height: 50px;
        background-size: 30px;

    }

    /* CALCULATOR STYLES */

    #CalculatorFrame {
        width: 100%;
    }


    #SubscribeOverlay {
        width: 80%;
        padding: 30px;
        top: 10vh;
    }

    nav#MainNavigation {
        display: none;
    }

    nav#MainNavigationMobile {
        display: block !important;
    }

    #MegaMenuIcon {
        width: 40px;
        position: absolute;
        right: -15px;
        top: 5px;
        padding: 0px;
        display: inline-block;
        z-index: 99;
        cursor: pointer;
    }

    #MegaMenuIcon img {
        width: 35px;
    }

    #MegaMenuIcon svg {
        width: 100%;
        height: auto;
        padding: 0;
        float: left;
        display: block;
        position: relative;
    }

    #MegaMenuIcon svg path {
        fill: #ffffff !important;
    }

    #MegaMenuIcon svg:hover path {
        fill: #054543 !important;
    }

    header.HomeHeadInner #HeadDetails {
        width: 95%;
        position: relative;
    }

    .BlogItem1 {
        width: 98% !important;
    }

    /* header-navbar-1 */

    .header-navbar-1 .col-md-3 {
        width: 30%;
    }

    .header-navbar-1 .col-md-9 {
        width: 70%;
    }

    .header-navbar-1 .navbar-gutters {
        flex-basis: calc(50% - 9.5rem);
    }

    nav#MainNavigationMobile .navbar {
        width: 40%;
    }

    body .navbar-brand img.img-responsive.w-50.p-2 {
        margin-top: 5px;
        width: 130% !important;
    }

    nav#MainNavigationMobile {
        display: block !important;
        padding: 22px 0;
        margin-left: 60px;
    }

    .header-navbar-1 .search-icon {
        position: absolute;
        top: 0%;
        right: 0px;
        left: 0px;
        cursor: pointer;
        background-color: #042726;
        color: rgb(255, 255, 255);
    }

    .header-navbar-1 .search-bar {
        position: relative;
        border: none;
        border-radius: 20px;
        /* width: 200px; */
        /* margin-right: 0; */
    }

    .header-navbar-1 .search-bar .form-inline input {
        display: none;
    }

    .header-navbar-1 .search-bar .form-inline span {
        color: #ffffff;
        margin-top: -10px;
    }


    .header-navbar-2 .navbar-brand {
        margin-left: 20px;
    }

    .header-navbar-2 .navbar .navbar-toggler {
        margin-right: 15px;
    }

    /* footer part css */

    .footer-logo {
        width: 200px;
        height: 50px;
        margin-bottom: 20px;
        margin-right: 130px;
        margin-top: 25px;
        text-align: left;
    }

    .social-icons-footer {
        display: flex;
        margin-right: 0px;
        font-size: 24px;
        margin-bottom: 20px;
    }

    .Edit-profile-text-heading h5 {
        margin-top: 20px;
    }

    .account-details-edit-form .heading-top h5 {
        color: #034645;
        font-size: 20px;
        font-weight: 600;
        margin-top: 20px;
    }

    button.form-save-btn {
        background-color: #03BF4F;
        color: white;
        padding: 10px 50px;
        text-align: center;
        border-radius: 20px;
        border: none;
        margin-top: 20px;
    }

    .footer-links li a {
        font-size: 0.8rem;
    }


    .earning-calender-dates-btn-top-section a {
        text-decoration: none;
        margin: 5px 0 !important;
        display: block;
    }


    /* resources page css */

    .content-resources h2 {
        font-size: 20px;
        margin-bottom: 10px;
        color: black;
        font-weight: 600;
    }

    .content-resources p {
        font-size: 12px;
        color: #ffffff;
        font-weight: 600;
    }

    .resources-card-container .resource-card-container-row {
        margin-top: 10px;
        padding-top: 20px;
        /* margin: 20px; */
    }

    .main-heading-top-EC h4 {
        font-size: 35px;
    }

    .login-container .login-text .signup-form.login-form .form-group {
        margin: 15px 0;
    }

    .login-text .signup-form form div.form-group select {
        margin-bottom: 15px;
    }

    .container.main_account_page .col-md-8 .col-md-6 {
        width: 100%;
        flex: 100%;
        padding-left: 0;
    }

    .container.main_account_page .col-md-8 .col-md-6 .card-body p.card-status.neutral {
        font-size: 18px;
    }

    .account-details-edit-form .form-group {
        margin-bottom: 20px ! IMPORTANT;
    }

    .account-details-edit-form .form-content form .form-group select {
        margin-bottom: 15px;
    }

    /* investing page */

    .investing-side-img img {
        /* width: 150px; */
        margin-left: 28px;
    }

    .image-item-investing-page {
        flex: 20.33%;
        /* flex: 25%; */
        padding: 5px;
        /* box-sizing: border-box; */
        text-align: left;

    }

    .image-name {
        font-weight: 800;
        font-size: 16px;
    }

    .image-name-date {
        float: right;
        text-align: right;
        margin-top: 10px;
        color: rgb(180, 177, 177);

    }

    .image-name-date-investing {
        font-size: 10px;
        margin-top: 10px;
        text-align: right;
    }


    /* login page /index page */
    .login-container-outer {
        justify-content: flex-start;
        align-items: flex-start;
        padding: 0px;
    }

    .login-container .login-image {
        width: 100%;
        height: auto;
    }

    .bg-image img {
        height: auto;
    }

    .second-login-bg-image img {
        width: 40%;
        height: auto;
        margin-bottom: 0px;
    }

    .second-login-bg-image h2 {
        font-size: 35px;
        margin-top: 20px;
    }

    .second-login-bg-image {
        top: 50%;
        left: 30%;
    }

    .login-text {
        width: 100% !important;
        text-align: left;
    }

    .forms .form-content .title {
        font-size: 20px;
    }

    .forms .form-content .input-boxes {
        margin-top: 20px;
    }

    .form-content .input-box input {
        font-size: 14px;
        padding: 5px 0px;
    }

    .login-form {
        padding: 0px 20px 0;
        margin: 0;
    }


    /* news page */


    .news-page-top-main-img {
        width: 50%;
    }

    /* .card-title {
        font-weight: bold !important;
        font-size: 10px !important;
        float: left;
        text-align: left;
    } */

    .card-date {
        font-size: 18px !important;
    }

    .news-page-latest-news-all {
        margin-top: 0px;
        width: 100%;
    }

    .card-img-article-details {
        max-width: 150%;
        height: auto;
        max-height: 300px;
        /* align-items: center; */
        /* margin-left: 20px; */

    }

    .card-text-news {
        font-size: 10px;
    }


    .card-news-images {
        margin-top: 0px;
    }

    .news-latest-news-hr {
        margin-top: 10px;
        /* margin-bottom: -10px; */
        width: 95%;
    }

    .news-page-latest-news-all {
        margin-top: 0;
    }

    .news-page-related-article {
        margin-left: 0px;
    }

    .news-page-related-article h2 {
        font-size: 20px;
    }

    .related-article-hr {
        width: 99%;
        margin-top: 0px;
    }

    .related-article {
        margin-left: 1.5rem;
    }

    .navbar-third .news-navbar {
        font-size: 10px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding: 0;

    }

    .main-container-broker .navbar .nav-item {
        width: 45%;
    }

    /* .news-page-first-heading-news .news {
        margin-left: -20px ! IMPORTANT;
        margin-bottom: -40px;
        margin-top: 0;
    } */

    div#navbarNavSecond ul.navbar-nav.text-light {
        flex-direction: row;
    }

    .news-page-first-heading-news {
        display: flex;
    }

    .first-two-cards-news-page {
        margin-top: 200px;
    }

    .news-page-top-main-img {
        position: absolute;
        top: 20px;
    }

    .new-page-top-news-and-navbar {
        display: flex;
    }

    .news-page-nav .nav-link {
        font-size: 14px;
    }

    .navbar-third {
        font-size: 12px;
        width: 100%;
        height: auto;
        color: #ffffff !important;
        text-decoration: underline;
        margin-left: 0px;
    }

    .news-page-cards-three .col-6 .card {
        height: 18vh;
    }

    .news-page-cards-three .card {
        top: 10%;
        margin-bottom: 25px !important;
    }

    .news-page-main-container .row {
        margin-left: -10px;
    }


    /* broker-pages */

    .bg-logo {
        /* position: relative; */
        /* z-index: 5; */
        /* top: -100px; */
        left: 0;
        width: 100%;
        margin-top: -60px;
    }

    .broker-main-title-top {
        display: block;
    }


    .content {
        position: relative;
        margin-top: -80px;
        margin-left: 130px;
        /* background-color: rgb(255, 255, 255); */
        padding: 0px;
        border-radius: 5px;
    }

    .heading-and-paragraph {
        display: flex;
        align-items: left;
        float: left;
        margin-left: -35px;
        margin-top: 50px;
    }

    .heading-and-paragraph h2 {
        margin-right: 10px;
        font-size: 16px;
        font-weight: bold;
        margin-top: 20px;

    }

    .heading-and-paragraph p {
        margin-right: 0px;
        font-size: 12px;
        /* vertical-align: baseline; */
        margin-top: 60px;
        text-align: left;
        margin-left: -90px;
    }

    .broker-main-title-top .para-main p {
        font-size: 0.8rem;
        margin-top: 0rem;
        margin-left: 0rem;
    }

    .open-account-btn {
        float: right;
        color: rgb(255, 255, 255) !important;
        background: #03BF4F !important;
        /* margin-left: 150px; */
        /* width: 20%; */
        font-size: 5px;

    }

    .rating-img-broker-page {
        width: 50%;
        /* margin-top: -30%; */

    }

    .rating-img-broker-page img {
        width: 50%;
        margin-top: -30%;

    }

    .rating-img-broker-page h4 {
        font-size: .8rem;
        margin-top: -10%;
        margin-left: -4rem;
    }

    .open-account-btn-broker-page {
        /* float: ; */
        text-align: center;
        margin: auto;
        color: rgb(255, 255, 255) !important;
        margin-left: 22vw;
        width: 50%;
        font-size: 5px;

    }

    .card.broker-detail-page-top-container.rounded-4 {
        margin-left: 0;
    }

    .adv-img-broker-pages {
        margin-left: 0rem;
        margin-top: 2rem;
    }



    .broker-main-title-top .heading-main h5 {
        font-size: 1rem;
    }

    .open-account-btn-div button {
        font-size: 5px;
        color: rgb(255, 255, 255) !important;
        background: #03BF4F !important;
        float: right;
        margin-top: 100px;

    }

    .rating {
        /* margin-left: 105px; */
        position: absolute;

    }

    .rating h2 {
        margin-right: 210px;
        margin-top: -5px;
        /* font-weight: bold; */
        /* right: 250px; */
        float: right;
    }

    .rating-images {
        margin-left: 0px;
    }

    .adv img {
        width: 350px;
        margin-left: 0px;
        /* position: absolute; */
        margin-left: -3rem;
        margin-top: -8rem;
    }

    .footer-content p {
        font-size: 16px;
        width: 100%;
        margin-top: 0;
        margin-bottom: 0;
    }

    .broker-page-info-tab-content p {
        font-size: 12px;
    }

    .amount-details .text-content p {
        font-size: 10px;
    }

    .amount-details .text-content span {
        font-size: 10px;
    }

    .procons p {
        font-size: 12px;
    }

    .summery-bg-color {
        width: 85%;
    }

    .information-new-section .col-md-4 {
        padding: 25px 20px;
        border-radius: 10px;
        width: 100%;
        margin: 5px auto !important;
    }

    .card.broker-detail-page-top-container.rounded-4 .col-md-2 {
        max-width: 100%;
        width: 100%;
    }

    .card.broker-detail-page-top-container.rounded-4 .col-md-10 {
        max-width: 100%;
        width: 100%;
    }

    .container.broker-detail-top .col-md-3.p-0.open-account {
        text-align: right;
    }

    .container.broker-detail-top .col-md-3.p-0.open-account a.btn.rounded-5.open-account-btn-broker-page {
        margin: 0;
        width: 100%;
    }

    .container.broker-detail-top .col-md-3.p-0.open-account {
        text-align: right;
        max-width: 39%;
    }

    .card.broker-detail-page-top-container.rounded-4 .col-md-9 {
        max-width: 60%;
    }

    .card.broker-detail-page-top-container.rounded-4 img.check_icon {
        width: auto;
    }

    .broker-details-page-cards-image-all img {
        width: 12% !important;
    }




    /* main-page */

    .main-page-new-sidebar img {
        width: 90px;
    }

    .main-page-card-text .card-text {
        font-size: 18px;
        display: block;
        width: 100%;
    }

    .main-page-card-text .card-status {
        font-size: 12px;
        /* margin-top: -35px; */
    }

    .main-page-card-text .card-status-bearish {
        font-size: 8px;
    }

    .show-more-button div .showmore-btn {
        width: 50%;
    }

    /* .heading-and-view-more h3 {
        font-size: 10px;
        margin-top: 10px;
     } */

    .custom-heading {
        font-size: 25px;
        margin-top: 15px;
    }

    .main-page-resources-heading p {
        font-size: 14px;
        text-align: left;
    }

    .main-page-1-2-images-first img {

        margin-top: 1.1rem;
        height: auto;
        width: 26vw;
        margin-left: -1.875rem;
    }

    .main-page-1-2-images-second img {
        margin-top: 1.1rem;
        height: auto;
        width: 26vw;
        margin-left: -1.875rem;
    }

    .card-box-main-page .col-12 {
        margin-left: 0;
    }

    .main-page-card-box-middle-section .card.resources-card.text-center {
        width: 100%;
    }

    .image-title-common-image {
        font-size: 20px;
    }

    .image-title-common-date {
        font-size: 14px;
    }

    .showmore-btn {
        background-color: #03BF4F !important;
        width: 60% !important;
    }

    .news-page-latest-news-all .col-md-3.col-12.img-section {
        width: 30%;
        padding-left: 0px;
        max-width: 30%;
        padding-right: 10px;
    }

    .broker-details-adv-main-page-vertical-section {
        display: none;
    }

    .main-page-row .col-md-3.col-12.main_right_side {
        padding-left: 0px;
        padding-right: 0px;
    }

    .image-title-second-image {
        font-size: 10px;
        line-height: 0.9;
        margin-top: -15px;
        margin-left: 0.5rem;
    }

    .image-title-common-date-second {
        margin-top: -15px;
        margin-left: 0.5rem;
        font-size: 10px;
    }

    .related-article h5 {
        font-size: 20px;
    }

    .related-article.mt-3 {
        margin-left: 0 !important;
    }

    .news-page-latest-news-all.border.border-0.main-page-latest-news-section-bottom:last-child {
        margin-bottom: 0;
    }

    .main-page-row .col-md-3.col-12.main_right_side .mt-4.text-center {
        margin-top: 0 !IMPORTANT;
    }

    .col-md-12.col-12.news-page-bottom-news-section.mb-4 {
        margin-bottom: 0 !important;
        margin-top: 0 !important;
    }

    .news-page-bottom-news-section .news-page-latest-news-first.border.border-0:last-child {
        margin-bottom: 0 !IMPORTANT;
    }

    .related-article hr {
        /* font-size: 20px; */
        margin-left: 0;
        width: 100%;
    }

    .main-page-side-bar-resp {
        margin-left: 20px;
        margin-top: -10px;
        margin-bottom: 10px;
    }

    .main-page-side-bar-resp-main {
        margin-left: 40px;
        margin-top: -10px;
        margin-bottom: 10px;
    }

    .main-page-1-2-images-second img {
        margin-top: 0px;
        height: auto;
        width: 95%;
        margin-left: 0px;
        margin-bottom: 5px;

    }

    .first-col-6-main-pages {
        height: auto;
    }

    /* .third-card-news-pages{
      margin-top: -200px;
    } */

    .news-page-cards-three .col-6 .card {
        margin-top: 500px;
    }

    /* article details page */


    .top-links span h6 {
        color: #03BF4F;
        font-size: 14px;
        margin-bottom: 10px;
    }

    .article-details-paragraphs p {
        font-size: 14px;
    }

    .article-details-paragraphs ol li {
        font-size: 10px;
    }

    .article-para {
        font-size: 10px;
    }

    .article-para ul li {
        font-size: 10px;
    }

    .article-heading {
        font-size: 12px;
    }

    .article-details-images-graph img {
        width: 250px;
    }

    .article-details-main-container .col-md-9 {
        width: 100%;
    }

    .article-details-main-container .row {
        margin-left: -7px;
    }

    .footer-disclaimer {
        margin-top: 30px;
        width: 100%;
    }

    /* main broker-page */

    .amount-details .card-body.d-flex.justify-content-around {
        display: flex;
        flex-direction: column;
        margin-left: 0;
    }

    /* .broker-page-rating-text .card-text-broker {
        margin-left: 50px;
      } */

    .container.grid-brokers .col-md-4.col-12.broker-page.broker-page-container {
        padding: 20px 20px;
        max-width: 100%;
        width: 100%;
        flex: 100%;
    }

    .broker-page .card {
        width: 100%;
    }

    .broker-page-top-container {
        margin-left: 8px;
    }

    .info-page-card .row .col-12 .card {
        height: 150px;
    }

    .summery-container {
        padding: 50px;
    }

    .broker-page-top-container {
        width: 90%;
        margin-left: 18px;
    }

    .broker-main-page-button {
        width: 95%;
    }

    .broker-main-page-view-more a {
        margin-top: 5px;
        margin-left: 0;
    }

    .first-card-broker-page {
        display: block;
        text-align: center;
    }

    .broker-card-gradient .card-body .row .col-md-6 {
        max-width: 50%;
        flex: 50%;
        align-self: center;
    }

    .container .disclaimer-broker.container.mt-5 {
        margin: 0;
        width: 100% ! IMPORTANT;
        max-width: 100% !important;
        flex: 100%;
    }

    .signup-form {
        margin-top: 25px;
    }

    .select-interest-main-container {
        margin-top: 20px !important;
        margin-bottom: 20px;
    }

    .minipip-academy-portal-heading h5 {
        font-size: 18px;
        /* margin-right: 10px; */
        margin-left: 0px;
    }

    .news-page-broker-side img.img-fluid {
        width: 100%;
        height: auto;
        object-fit: cover;
        width: 100% !important;
        margin-left: 20px;
    }

    .news-page-broker-side .card .row .col-md-3 {
        width: 10%;
        max-width: 10%;
    }

    .news-page-broker-side .card-body.d-flex.align-items-center .col-md-9 {
        align-self: center;
        max-width: 30%;
        width: 30%;
        padding: 0;
    }

    .news-page-broker-side .row {
        width: 100%;
    }

    .news-page-broker-side .open-account-btn {
        float: right;
        margin-left: 0;
        /* margin-top: 10px;
        font-size: 15px;
        margin-right: 20px; */
    }

    .news-page-broker-side .card.resources-card.text-center {
        margin: 8px 0;
        width: 100%;
        display: inline-block;
    }


    .nav-tabs {
        width: 100%;
        align-items: center;
    }

    .tab-container-row {
        display: block;
    }

    .nav-tabs .nav-item .nav-link {
        padding: 8px;
        font-size: 16px;
        color: #00000c;
    }

    /* .navbar-toggler-news-page {
    margin-left: 240px;
  } */

    .EC-Date-picker-top-and-search form {
        /* padding: 5px; */
        width: 100% !important;
    }

    .EC-table-content {
        margin-left: 0px;
        width: 98%;
    }

    .EC-Date-picker-top-and-search,
    .selected-date-content h5 {
        margin-top: 20px;
        margin: 20px auto 0 auto;
        /* text-align: center; */
    }

    .earning-calender-dates-btn-top-section {
        display: flex;
        justify-content: start;
        align-items: center;
        flex-wrap: wrap;
    }

    /* main page */

    /*New Css By Ak*/


    .col-12.top_main_left_col {
        width: 100%;
    }

    .top_main_left_col .col-md-9.col-12.main-page-top-image-first-section {
        width: 95%;
        max-width: 95%;
        padding: 0;
    }

    .main-page-1-2-images-first .row.acedmy-area a.button:after {
        top: -10px;
    }

    .main-page-1-2-images-first .row.acedmy-area .col-md-5 img.image {
        margin-top: 25px;
        width: 40%;
    }

    .main-page-1-2-images-first .row.acedmy-area .col-md-7,
    .main-page-1-2-images-first .row.acedmy-area .col-md-5 {
        max-width: 50%;
        flex: 50;
    }

    .main-page-1-2-images-first .row.acedmy-area h3.light-weight {
        font-size: 26px;
    }

    .main-page-1-2-images-first .row.acedmy-area h2.bold-weight {
        font-size: 26px;
    }

    .main-page-1-2-images-first .row.acedmy-area a.button {
        font-size: 18px;
        padding: 8px 20px;
    }

    .main-page-1-2-images-first .row.acedmy-area {
        position: absolute;
        width: 100%;
        top: 30px;
    }

    .top-broker-adv-container-main-page .container-for-broker-details .brand-broker-heading-top p,
    .main-page-top-section-tio-two-images-second-img:after,
    .broker-details-rating-section-card .rating-and-other-headings h6,
    .broker-details-rating-section-card .rating-and-other-headings p {
        font-size: 16px;
    }

    .broker-details-rating-section-card-more-details .rating-and-other-headings-btn button {
        padding: 9px 9px;
        font-size: 15px;
        font-weight: 500;
        margin-top: 20px;
    }

    .broker-details-rating-section-card-more-details .rating-and-other-headings h6 {
        font-size: 20px;
    }

    .top-broker-adv-container-main-page .container-for-broker-details .brand-broker-heading-top h3 {
        font-size: 22px;
    }

    .main-page-top-section-tio-two-images-second-img .main-page-1-2-images-second .brand-logo-icon img {
        min-width: 100%;
        max-width: 100%;
    }


    .main-page-1-2-images-first {
        height: 40vh;
    }

    .top-broker-adv-container-main-page .brand-logo-icon {
        width: 15%;
    }

    .top-broker-adv-container-main-page .brand-broker-heading-top {
        padding-left: 15px;
        width: 75%;
    }

    .broker-details-rating-section-card {
        display: flex;
        justify-content: space-around;
    }

    .top-broker-adv-container-main-page .rating-and-other-headings span.fa.fa-star {
        font-size: 16px;
        margin-top: 4px;
    }


    .col-md-9 .row .main-page-card-section-middle .card {
        margin: 0;
    }

    .top-broker-adv-container-main-page {
        height: 30vh;
        gap: 20px 0;
    }


    .main-page-card-section-middle .card a img {
        height: 25vh !important;
    }

    /* .col-md-4.col-12.first-col-6-main-pages.main-page-card-section-middle {
        padding: 10px 10px;
    } */

    .main-page-resources-heading p {
        font-size: 18px;
        text-align: left;
    }

    .main-page-top-image-first-section .first-image-right-side a img {
        height: 350px;
        object-fit: cover;
    }

    .my-acc-top-heading hr {
        width: 33%;
        height: 6px;
        background-color: #03bf4f !important;
        margin: auto;
        color: #03BF4F !important;
        border-bottom: 10px solid #03BF4F !important;
        opacity: 1;
        margin-bottom: 20px;
    }

    .main-page-top-section-side-images-two-section .main-page-1-2-images-first a img,
    .main-page-top-section-tio-two-images-second-img .main-page-1-2-images-second img {
        border-radius: 15px !important;
        min-height: 25px !important;
        max-height: 185px !important;
        min-width: auto;
        max-width: 100%;
        margin-left: 0px;
    }

    .main-page-card-section-middle .main-page-card-text h5.card-title {
        text-decoration: none !important;
        font-size: 20px !important;
    }

    .main-page-bottom-two-cards-section .card a img {
        margin-left: 0;
        max-height: 25vh !important;
        min-height: 25vh !important;
    }

    .main-page-bottom-two-cards-section .card a h5.card-title {
        font-size: 20px !important;
    }

    .main-page-bottom-two-cards-section .card a p.card-date {
        font-size: 18px !important;

    }

    .main-page-latest-news-section-bottom .img-section a img {
        min-height: 15vh !important;
        max-height: 15vh !important;
    }


    .main-page-latest-news-news-section {
        margin-left: 0;
        width: 65% ! IMPORTANT;
    }

    .main-page-latest-news-news-section .card-body a h5.card-title {
        font-size: 16px !important;
    }

    .main-page-latest-news-news-section .card-date {
        font-size: 15px !important;
    }

    .main-page-latest-news-news-section .card-body a p.card-text-news {
        text-decoration: none !important;
        color: grey;
        font-size: 14px !important;
        margin-top: -10px;
        text-align: left !important;
    }

    .main-page-row .col-md-3.col-12.main_right_side {
        width: 100%;
    }

    .main-page-top-main-image a {
        padding: 0px !important;
        margin-left: 0px !important;
    }

    .top_main_left_col .col-md-9.col-12.main-page-top-image-first-section .Feat {
        left: 0;
    }

    /* news page */

    .news-page-bottom-news-section {
        margin-top: 50px !important;
    }

    .news-page-bottom-news-section .news-page-latest-news-first.border.border-0 {
        margin-bottom: 25px !important;
    }

    .news-bottom-section-card-content-section .card-body-news-page a h5 {
        font-weight: 700 !important;
        font-size: 18px !important;
        text-align: left !important;
        text-decoration: none !important;
        margin-top: 0px !important;
        margin-bottom: 20px;
    }

    .news-bottom-section-card-content-section .card-body-news-page a p.card-date {
        font-size: 14px !important;
        color: #4C4C4C;
    }

    /* article details page */

    .article-details-news-section .article-details-latest-news-first .row .img-section div a img {
        border-radius: 15px !important;
        min-height: 200px;
        max-height: 200px;
        min-width: 100%;
        max-width: 100%;
    }

    .article-details-news-section .article-details-latest-news-first .row .news-section .card-body-news-page a h5 {
        text-decoration: none;
        color: #242424 !important;
        font-size: 16px !important;
        margin-top: 10px;
        text-align: left;
    }

    .article-details-news-section .article-details-latest-news-first .row .news-section .card-body-news-page {
        width: 100% !important;
        margin-left: -10px;
    }

    /* broker page */

    .main-heading-top-broker h1 {
        font-size: 50px;
        /* font-weight: bold; */
        text-align: center;
        color: white;
    }


    .main-heading-top-broker hr {
        width: 200px;
        height: 5px;
        background-color: #03BF4F;
        margin: auto;
        color: #03BF4F;
        border-bottom: 10px solid #03BF4F;
    }

    .image-date-rp {
        font-size: 10px;
        margin-top: 10px;
        text-align: left !important;
        float: left !important;
    }

    .passcheck-sign-up .list-view-descriptions p {
        font-size: 12px !important;
        color: grey;
        display: list-item;
        line-height: 1;
        margin-left: 13px;
    }

    .related_Articles .col-md-3.img-section {
        width: 30%;
    }

    .related_Articles .col-md-9.news-section {
        width: 70%;
    }

    .related_Articles img.card-img-article-details {
        text-decoration: none !important;
        min-height: 20rem;
        max-height: 20rem;
    }

    .economic-calendar hr {
        width: 30%;
        height: 12px;
        background-color: #03bf4f !important;
        margin: auto;
        margin-bottom: 5px;
        color: #03BF4F !important;
        border-bottom: 10px solid #03BF4F !important;
        opacity: 1;
    }

    .article-details-section-social-media-icons a span img.facebook-icon,
    .article-details-section-social-media-icons a span img.twitter-icon,
    .article-details-section-social-media-icons a span img.linkedin-icon,
    .article-details-section-social-media-icons a span img.google-plus-icon {
        width: 1.5rem;
        margin-right: 5px;
    }


    .article-details-main-img img {
        height: auto;
    }

    .article-details-main-container .col-md-3.main_right_side.text-center {
        width: 100%;
        margin-bottom: 20px;
    }

    .article-details-news-section .article-details-latest-news-first .row .img-section div a img {
        text-decoration: none !important;
        min-height: 19vh !important;
        max-height: 19vh !important;
        min-width: 100% !important;
        max-width: 100% !important;
        border-radius: 15px !important;
        object-fit: cover;
    }

    .main-page-card-section-middle .main-page-card-text p.card-status {
        font-size: 16px;
        margin-right: 25px;
    }

    .main-page-card-section-middle .main-page-card-text h3.share-price {
        font-size: 20px;
        display: block;
        margin-top: 0;
    }

    .top_main_left_col .col-md-3.col-12.top_boxes_small_items {
        /* padding-right: 20px; */
        width: 100%;
        max-width: 100%;
    }

    .fca-image-right img {
        width: 1vw;
    }


    .main_right_side .video_cus iframe {
        border-radius: 20px;
        height: 300px;
    }

    .main_right_side .broker-card-gradient.sidebar .col-md-6 {
        max-width: 50%;
        width: 50%;
    }

    .main_right_side .broker-card-gradient.sidebar a.btn.btn-outline-success {
        font-size: 16px;
    }

    .col-md-6.col-12.two-images-card.main-page-bottom-two-cards-section {
        padding: 0 15px 0px 0px;
        width: 50%;
    }



    .news-page-main-container .row .col-md-9.col-12.top-left {
        width: 100%;
    }

    .news-page-main-container .col-md-3.col-12.top-right {
        width: 100%;
    }

    .news-page-first-heading-news.position-absolute.top-0.start-0.news-page-navbar-section-top-third-navbar {
        top: 18% ! IMPORTANT;
        display: block;
    }

    .pegination-container .align-items-sm-center {
        align-items: center !important;
        display: block !important;
        text-align: center;
    }

    /*Trading*/


    .trading_tools .col-md-3.container-section {
        max-width: 100%;
        flex: 100%;
    }

    .trading_tools .col-md-3.container-section .my-card-RE .col-md-3 {
        max-width: 20%;
    }

    .trading_tools .col-md-3.container-section .my-card-RE .col-md-9 {
        align-self: center;
        max-width: 80%;
    }

    .container.earing-calender-top .col-md-9.col-12 .col-md-2.p-0.Ec-buttons-top {
        margin: 5px 10px;
        max-width: 46%;
        flex: 46%;
    }

    .container.earing-calender-top .col-md-3.col-12 {
        margin: 0 0 0 auto;
        width: 40%;
        padding-right: 40px;
    }

    #Calculator {
        width: 100%;
    }

    #CalcResult {
        width: 100%;
    }

    /*Academy*/


    .container.academy-main-section .col-md-9.p-3 {
        width: 100%;
    }

    .container.academy-main-section .col-md-3.col-md-3.mb-md-0 {
        width: 100%;
    }

    .academy-main-section .col-md-6.academy-section-cards-main-container .card-title {
        font-size: 20px !important;
    }

    .container.academy-main-section .col-md-9.p-3 {
        width: 100%;
        padding-left: 0 !important;
    }

    /*acc*/

    .container.main_account_page .col-md-9 {
        width: 100%;
    }

    .container.main_account_page .col-md-3 {
        width: 100%;
    }

    .change-password-text-heading h5 {
        font-size: 28px;
    }

    .account-details-edit-form .form-content form .form-group label {
        margin-bottom: 0;
        margin-top: 10px;
    }



    .resources_info .col-md-9.col-12 {
        width: 100%;
    }

    .resources_info .col-md-3.col-12 {
        width: 100%;
    }

    /*Footer*/

    footer.footer .col-md-2 .col-md-12 {
        padding: 0;
    }

    .footer .col-md-6 {
        padding: 0;
    }


    .footer .col-md-2 {
        width: 100%;
    }

    .footer .col-md-10.pl-3 {
        width: 100%;
    }

    .footer .footer-links li {
        display: inline-block;
        width: 49%;
    }

    .col-md-6.col-12.two-images-card.main-page-bottom-two-cards-section {
        padding: 0 12px 0px 12px;
        width: 100%;
    }

    .top_main_left_col .col-md-3.col-12.top_boxes_small_items .col-md-12.col-12 {
        width: 97%;
        margin: 0 3px 0px 13px;
    }

    .center-btn {
        display: block;
    }

    .navbar-nav.desktop {
        display: none;
    }
}

@media only screen and (max-width: 700px) {
    #myModalimgopen .modal-content {
        width: 100%;
    }
}

@media (max-width: 576px) {

    .single-volume-product.view-lesson-img img#videoPlaceholder {
        height: 28vh;
    }

    .login-form {
        margin-top: 0px !important;
    }

    /* .login-main {
        padding-top: 2rem !important;
    } */

    .academy-data h3.text-start {
        text-align: center !important;
    }

    .newbroker_col.text-start .col-md-4.p-0,
    .newbroker_col.text-start .col-md-8 {
        text-align: center;
    }

    .newbroker_col.text-start img.img-fluid.w-75 {
        width: 30% !important;
    }

    .row.sponsor_broker_box {
        width: 100%;
        margin: 0;
    }

    .academy-heading {
        margin-bottom: 3rem;
        padding: 4rem 0 0 0;
    }

    .academy-data-inner img.academy-icon {
        position: absolute;
        left: unset ! IMPORTANT;
        right: unset !important;
        margin-left: 0;
        right: 0rem !important;
    }

    .academy-heading p.white-p.m-0 {
        padding: 0 10px;
    }

    .single-volume-product img.lesson_list_img {
        height: 35vh !important;
    }

    .col-xl-3.col-lg-6.col-md-6.col-sm-6.mb-5.academybox {
        padding-left: 0;
        padding-right: 30px;
    }

    p.white-p,
    p.green-p {
        font-size: 1.3rem;
    }

    .academy-heading h1 {
        font-size: 4rem;
    }

    /* .academy-data-inner {
        text-align: center;
    }
    img.academy-icon {
        position: absolute;
        top: -3rem;
        left: 13rem;
        width: 6rem;
    } */

    .mb-5.acedemy-box.col-md-4.mb-5.acedemy-box {
        max-width: 100%;
        flex: 100%;
    }

    .more-information-btns-top-main-page a button {
        padding: 10px 10px;
        font-size: 14px;
        float: left;
    }

    .top-broker-adv-container-main-page .row.second-gredient-row .row.inside_last_row .left_side.p-0 {
        max-width: 50%;
        margin-right: 10px;
    }

    .col-md-12.col-12.news-page-bottom-news-section.mb-4 {
        margin-left: 0px;
    }

    .main-page-card-section-middle .card-body.main-page-card-text .card-status {
        margin-right: 6px;
    }

    .news-page-latest-news-all .col-md-3.col-12.img-section {
        padding: 0;
    }

    .main-container-broker .navbar .nav-item {
        width: 45%;
        padding: 4px 10px;
    }


    .forms .form-content .button {
        width: 100%;
        margin-left: 0;
    }

    nav#MainNavigationMobile .navbar {
        width: 50%;
    }

    .header-navbar-1 .col-md-9 {
        width: 60%;
    }

    .header-navbar-1 .col-md-3 {
        width: 40%;
    }

    .navbar-brand img.img-responsive {
        margin-bottom: 4px;
        width: 100% !important;
    }

    .header-navbar-1 .nav-item a {
        font-size: 10px;
        padding: 0px 10px;
    }

    #HeadSearch .HeadFieldButton {
        font-size: 10px;
    }

    #HeadSearch:hover {
        max-width: 140px;
    }

    .header-navbar-1 .social-icons a {
        margin-right: 10px;
        display: none;
    }

    .navbar-expand .navbar-nav {
        flex-direction: row;
        margin-right: 10px;
    }

    .nav-tabs {
        flex-direction: row;
    }

    .nav-tabs .nav-item {
        margin-bottom: 5px;
    }

    .academy-topics .nav-tabs .nav-item {
        margin-bottom: 5px;
        max-width: 50%;
        flex: 50%;
        text-align: center;
    }

    .navbar-third .navbar-toggler-news-page .navbar-toggler-icon {
        margin-left: 0px;
        margin-right: 10px;
        /* margin-top: -200px; */

    }

    .navbar-third .navbar-toggler-news-page {
        margin-left: 0px;
        margin-right: 10px;
        /* margin-top: -200px; */

    }

    /*Home*/

    .row.main-page-row .enroll-new {
        background-image: url(../../frontend/Images/enroll-new-mobile.png) !important;
        background-position: top;
        padding: 20em 2rem 3rem !important;
        min-height: 27rem !important;
    }

    .card-box-main-page .col-md-4.col-12 {
        max-width: 100%;
        width: 100%;
        flex: 100%;
    }


    .news-page-broker-side .card.resources-card.text-center {
        margin: 8px 0;
        width: 100%;
    }

    .news-page-broker-side .card-body.d-flex.align-items-center .col-md-9 {
        max-width: 90%;
        width: 90%;
    }

    .news-page-broker-side .card-body.d-flex.align-items-center .col-md-12 {
        max-width: 100%;
        width: 100%;
    }

    .news-page-broker-side .card .row .col-md-3 {
        width: 10%;
        max-width: 10%;
    }

    .news-page-broker-side .open-account-btn {
        font-size: 16px;
        padding: 5px 20px !important;
    }

    .main-page-top-image-first-section .first-image-right-side a img {
        height: 30vh;
        object-fit: cover;
    }

    .footer-disclaimer {
        margin-top: 0px;
        width: 100%;
        padding: 20px 10px;
    }

    .col-md-4.col-12.first-col-6-main-pages.main-page-card-section-middle {
        padding: 0 0px;
        width: 100%;
        flex: 100%;
    }

    .main-page-card-section-middle .card a img {
        height: 28vh !important;
    }

    .top_main_left_col .col-md-3.col-12.top_boxes_small_items .col-md-12.col-12 {
        width: 100%;
        margin: 0px 3px 0px 6px;
    }

    .col-md-6.col-12.two-images-card.main-page-bottom-two-cards-section {
        padding: 0 12px 0px 12px;
        width: 100%;
    }

    .main-page-bottom-two-cards-section .card a img {
        margin-left: 0;
        max-height: 28vh !important;
        min-height: 27vh !important;
    }

    .container.container-fluid.news-page-main-container .col-md-4.col-12 img.img-fluid {
        min-height: 30vh !important;
        max-height: 30vh !important;
    }


    /* .topics-side {
        display: none;
    } */

    .slide-up-menu .third-navbar-ul .navbar-nav .nav-item .nav-link {
        font-size: 16px;
        text-align: center;
        margin-right: 0;
        text-decoration: underline !important;
    }

    .news-page-bottom-news-section .card .card-news-images a img {
        min-height: 15vh !important;
        max-height: 15vh !important;
    }


    .footer-disclaimer .container {
        width: 90% !important;
        max-width: 90% !important;
    }

    .related_Articles img.card-img-article-details {
        text-decoration: none !important;
        min-height: 14rem;
        max-height: 14rem;
        margin-bottom: 2rem;
    }

    .card.broker-detail-page-top-container.rounded-4 .logos-brokers {
        width: 100px;
        height: 100px !important;
        margin-bottom: 20px;
    }

    .card.broker-detail-page-top-container.rounded-4 h4.card-title-broker-main span {
        font-size: 14px;
        margin-left: 0;
        position: relative;
        top: 10px;
        display: block;
    }


    /*tool*/

    .container.earing-calender-top .col-md-9.col-12 .col-md-2.p-0.Ec-buttons-top {
        margin: 5px 10px;
        max-width: 100%;
        flex: 100%;
    }

    .container.earing-calender-top .col-md-3.col-12 {
        margin: 0 0 0 auto;
        width: 55%;
        padding-right: 0px;
    }


    .second-login-bg-image h2 {
        font-size: 30px;
        margin-top: 20px;
    }

    .second-login-bg-image {
        top: 45%;
    }


    .resource-card-container-row .col-md-4.col-sm-6.mb-4.container-section {
        width: 100%;
    }

    .resources_info .col-md-4.col-12.resources-page-content-images {
        padding: 10px 10px;
        width: 100%;
    }


    .image-item-investing-page .image-name.fw-bold {
        font-size: 20px;
    }

    .top_main_left_col .col-md-3.col-12.top_boxes_small_items {
        width: 97%;
        max-width: 97%;
    }

    .top-broker-adv-container-main-page {
        height: 27vh;
    }

    .main-page-1-2-images-first .row.acedmy-area h3.light-weight {
        font-size: 22px;
    }

    .main-page-1-2-images-first .row.acedmy-area h2.bold-weight {
        font-size: 22px;
    }

    .main-page-1-2-images-first {
        height: 33vh;
    }

    .main-page-1-2-images-first .row.acedmy-area a.button:after {
        height: 26vh;
    }


    .tab-content.m-3.broker_details_tab {
        margin-bottom: 50px !important;
    }

    .main-heading-top-broker h2 {
        font-size: 21px;
    }

}

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

    .checkbox-container:nth-child(3) {
        display: block;
    }

    .checkbox-container:nth-child(3) .left-checkbox {
        width: 100%;
    }

    .checkbox-container:nth-child(3) .right-checkbox.second-right-container-checkbox {
        width: 100%;
    }

}

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

    .academy-width #fix-sidebar-academy,
    .sidebar_ads_wrapper.mt-3.mb-3 {
        width: 100%;
    }

    <<<<<<< HEAD ul#loginTabs .nav-item .nav-link {
        font-size: 13px;
    }

    .login_main_row .login-text .login-form {
        padding: 30px 14px;
    }

    ul#loginTabs .nav-link.active {
        padding: .5rem 0;
    }

    .academy-content-heading-section-new h5 {
        font-size: 1.3rem;
    }

    .navbar-expand .navbar-nav {
        margin-right: 0;
    }


    nav#MainNavigationMobile {
        margin-left: 28px;
    }

    .academy-details #myAccordion .accordion-item {
        padding: 1.5rem;
    }

    .container-fluid.main-container-header-1-section .container {
        width: 100% !important;
        max-width: 100% !important;
    }


    .academy-content-heading-section-new h5 {
        font-size: 1.3rem;
    }

    .related-lessons .row.g-0.related_Lessons .img-section .lesson_list_img {
        height: 8vh;
    }

    .banner.mobile-banner-main {
        padding: 20px 18px 0 !IMPORTANT;
        margin: 0;
    }

    .related-lessons .row.g-0.related_Lessons .img-section {
        max-width: 35% !important;
        flex: 35%;
    }

    .related-lessons .row.g-0.related_Lessons .news-section {
        max-width: 60% !important;
        flex: 60%;
    }

    #CalculatorFrame .button.green-btn {
        padding: .5em 1rem;
        font-size: 15px;
        border: none;
    }

    .lesson-view-page #skipAd {
        padding: 6px 15px;
        font-size: 12px;
        bottom: 15px !important;
    }


    .banner.mobile-banner-main h3 {
        padding-top: 0;
        font-size: 18px;
    }

    .banner.mobile-banner-main img.button-img {
        margin: 7px 0;
        width: 40% !important;
    }


    .lesson-view-page .lesson-popup-box {
        padding: 20px;
    }

    .academy-main-section .nav-tabs a.nav-link {
        font-size: 13px;
        padding: 8px 3px;
    }

    div#disclaimerModal span.custom_tooltip {
        right: 60px;
        padding: 5px 10px;
        width: 31%;
        margin-top: -30px;
        font-size: 11px;
    }

    .academy-heading h1 {
        font-size: 3rem;
        line-height: 80px;
    }

    .lesson-view-page h5 {
        font-size: 1.5rem;
    }

    .academy-items img {
        height: 25vh !important;
    }

    a.academy-btn {
        width: auto;
    }

    .volume-products a.academy-btn {
        width: auto;
    }

    p.white-p,
    p.green-p {
        font-size: 1.5rem;
    }

    .academy-volume-left h4 {
        font-size: 2rem;
    }

    .academy-volume-left p {
        font-size: 1.4rem;
    }

    .academy-volume-left h5 {
        font-size: 1.5rem;
    }

    .top-broker-adv-container-main-page .row.second-gredient-row a.visit_link_cus,
    .more-information-btns-top-main-page a.button-more-info {
        width: 100%;
        display: inline-block;
        margin-top: 10px !important;
        top: 0px;
    }

    .top-broker-adv-container-main-page .row.second-gredient-row {
        padding-top: 0;
    }

    .top-broker-adv-container-main-page .row.second-gredient-row .row.inside_values_row.m-0 .left-side-col.p-0 {
        max-width: 60%;
        flex: 60%;
    }

    .top-broker-adv-container-main-page .brand-broker-heading-top {
        padding-left: 0;
        width: 75%;
    }

    .top-broker-adv-container-main-page .container-for-broker-details .brand-broker-heading-top h3 {
        font-size: 18px;
    }

    .top-broker-adv-container-main-page .brand-broker-heading-top:after {
        position: absolute;
        right: 10px;
        font-size: 12px;
    }

    .top-broker-adv-container-main-page .row.second-gredient-row .right-side-col {
        max-width: 40%;
        flex: 40%;
    }

    .contact-us .col-md-12.form-box-row div#html_element div iframe {
        width: 200px !important;
    }

    .contact-us .col-md-12.form-box-row div#html_element div {
        width: 200px !important;
    }

    .contact-us .col-md-12.form-box-row div#html_element {
        width: 200px;
        border-right: 1px solid;
    }

    .card-text-broker {
        padding: 5px;
    }

    .main-container-broker .navbar .nav-item {
        width: 100%;
    }

    .main-post-headings {
        height: auto;
    }

    .card.broker-detail-page-top-container.rounded-4 .col-md-9 {
        max-width: 100%;
    }

    .container.broker-detail-top .col-md-3.p-0.open-account {
        max-width: 100%;
    }

    .top_main_left_col .col-md-9.col-12.main-page-top-image-first-section {
        width: 92%;
        max-width: 92%;
        padding: 0;
    }

    .top_main_left_col .col-md-3.col-12.top_boxes_small_items .col-md-12.col-12 {
        width: 100%;
    }

    #MegaMenuIcon {
        top: 12px;
    }

    #MegaMenuIcon img {
        width: 27px;
    }

    .login-heading h1,
    span.green-color {
        font-size: 2.3rem;
        line-height: 42px;
        margin-bottom: 10px !important;
    }

    .login-heading p {
        font-size: .9rem;
        line-height: 19px;
        margin-bottom: 10px !important;
    }

    .login-container .login-text {
        padding: 0 30px !important;
    }

    .card-date {
        font-size: 14px !important;
    }

    .third-navbar-ul .navbar-nav .nav-item .nav-link {
        margin-right: 20px;
    }

    .container.resources_details .ms-3 {
        margin: 0 !important;
    }

    .container.resources_details,
    .container.resources_details .p-3 {
        padding: 0 2px !important;
    }

    body .container.resources_details {
        padding-top: 15px !important;
    }

    nav#MainNavigationMobile .navbar {
        width: 60%;
    }

    body .navbar-brand img.img-responsive.w-50.p-2 {
        margin-top: 5px;
        width: 90% !important;
    }

    .header-navbar-1 .col-md-3 {
        width: 50%;
    }

    .header-navbar-1 .col-md-9 {
        width: 50%;
    }

    #HeadSearch:hover {
        max-width: 180px;
    }

    .navbar-brand img.img-responsive {
        margin-top: 7px;
        width: 100% !important;
        padding: 0 !IMPORTANT;
    }

    .main-heading-top-EC h4 {
        font-size: 25px;
    }

    .main-page-1-2-images-first .row.acedmy-area a.button {
        font-size: 16px;
        padding: 8px 10px;
    }

    .news-page-broker-side .open-account-btn {
        font-size: 18px;
        padding: 5px 20px !important;
    }

    .news-page-broker-side .card-body.d-flex.align-items-center {
        padding: 10px 10px !important;
    }

    .news-page-latest-news-all .col-md-3.col-12.img-section {
        width: 100%;
        max-width: 100%;
    }

    .news-page-latest-news-all .col-md-9 {
        width: 100%;
        flex: 100;
    }

    .main-page-latest-news-section-bottom .img-section a img {
        min-height: 25vh !important;
        max-height: 25vh !important;
    }

    .main-page-bottom-two-cards-section .card a img {
        margin-left: 0;
        max-height: 25vh !important;
        min-height: 25vh !important;
    }

    div#navbarNavSecond ul.navbar-nav.text-light .nav-item .nav-link {
        line-height: 2.5;
    }

    .main-page-card-section-middle .card a img {
        height: 25vh !important;
    }

    .main-page-top-image-first-section .first-image-right-side a img {
        height: 30vh;
        object-fit: cover;
    }

    .main-page-1-2-images-first .row.acedmy-area .col-md-5 img.image {
        margin-top: 30px;
        width: 85%;
    }

    .main-page-1-2-images-first .row.acedmy-area h2.bold-weight {
        font-size: 20px;
    }

    .main-page-1-2-images-first .row.acedmy-area h3.light-weight {
        font-size: 20px;
    }

    .main-page-1-2-images-first .row.acedmy-area {
        position: absolute;
        width: 100%;
        top: 40px;
    }

    .col-md-12.col-12.mt-4 {
        margin-top: 0 !IMPORTANT;
    }

    .main-page-1-2-images-first .row.acedmy-area .col-md-5 {
        max-width: 45%;
        flex: 45;
    }

    .main-page-1-2-images-first .row.acedmy-area .col-md-7 {
        max-width: 55%;
        width: 55%;
    }


    .broker-details-rating-section-card-more-details .rating-and-other-headings-btn button {
        padding: 4px 10px;
        font-size: 12px;
    }

    .image-title-common-date {
        font-size: 12px;
    }

    .top-broker-adv-container-main-page .container-for-broker-details .brand-broker-heading-top p,
    .main-page-top-section-tio-two-images-second-img:after,
    .broker-details-rating-section-card .rating-and-other-headings h6,
    .broker-details-rating-section-card .rating-and-other-headings p {
        font-size: 13px;
    }



    .main-page-1-2-images-first {
        height: 41vh;
    }


    .container.container-fluid.news-page-main-container .col-md-4.col-12 img.img-fluid {
        min-height: 25vh !important;
        max-height: 25vh !important;
    }

    .news-new-card-top-main-image-new-class a img {
        max-height: 30vh !important;
        min-height: 30vh !important;
    }

    .headlines-news h4 {
        font-size: 20px;
    }

    .news-page-first-heading-news nav.navbar.navbar-expand-lg.navbar-dark {
        margin-top: 0;
    }

    .news-page-bottom-news-section .col-md-3.col-12.card-news-images {
        width: 100% ! IMPORTANT;
        max-width: 100% !important;
        flex: 100%;
    }

    .news-page-bottom-news-section .col-md-9.col-12.news-bottom-section-card-content-section {
        width: 100%;
    }

    .news-bottom-section-card-content-section .card-body-news-page a h5 {
        margin-top: 15px !important;
        margin-bottom: 5px;
    }

    .news-page-bottom-news-section .card .card-news-images a img {
        min-height: 25vh !important;
        max-height: 25vh !important;
    }

    .news-page-first-heading-news.position-absolute.top-0.start-0.news-page-navbar-section-top-third-navbar {
        top: 0% ! IMPORTANT;
        display: block;
    }

    div#navbarNavSecond ul.navbar-nav.text-light {
        flex-direction: column;
    }

    .card.broker-detail-page-top-container.rounded-4 h4.card-title-broker-main {
        font-size: 25px;
    }


    .container.earing-calender-top .col-md-3.col-12 {
        margin: 0 0 0 auto;
        width: 80%;
        padding-right: 0px;
    }

    .earing-calender-top-heading h5 {
        font-size: 25px;
    }


    .second-login-bg-image {
        top: 40%;
    }

    .second-login-bg-image h2 {
        font-size: 25px;
        margin-top: 10px;
    }

    .login-text {
        padding: 0px 40px 0 !IMPORTANT;
    }

    .second-login-bg-image img {
        width: 50%;
        height: auto;
        margin-bottom: 10px;
    }

    .resources_info .image-item a img {
        min-height: 25vh !important;
        max-height: 25vh !important;
    }

    .news-page-top-main-img a img,
    .news-page-cards-three .card a img,
    .news-page-bottom-news-section .card .card-news-images a img {
        border: none;
    }

    /*Broker*/
    body .top-broker-adv-container-main-page .container-for-broker-details .brand-logo-icon.img-left {
        width: 100% !important;
    }

    .main-page-top-section-side-images-two-section .main-page-1-2-images-first a img,
    .main-page-top-section-tio-two-images-second-img .main-page-1-2-images-second img {
        min-width: 27% !important;
        margin-left: 4px !important;
    }

    .top-broker-adv-container-main-page .row.second-gredient-row .right-side-col {
        max-width: 30%;
        flex: 30%;
    }

    .top-broker-adv-container-main-page .row.second-gredient-row .row.inside_values_row.m-0 .left-side-col.p-0 {
        max-width: 70%;
        flex: 70%;
    }

    /*.rating-and-other-headings{
      display: inline-flex !important;
    }*/
    .top-broker-adv-container-main-page .rating-and-other-headings span.fa.fa-star {
        font-size: 16px;
        margin-top: 4px !important;
    }

    .fca-image-right img {
        width: 7vw !important;
    }

    .broker-custom-modal-backdrop .broker-subtitle span,
    .broker-custom-modal-backdrop .broker-subtitle {
        font-size: 28px;
    }

    .broker-custom-modal-backdrop img.image {
        width: 70px;
    }

    .broker-custom-modal-backdrop .broker-desc {
        font-size: 17px;
    }
}

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

    .single-volume-product.view-lesson-img img#videoPlaceholder {
        height: 22vh;
    }

    ul#loginTabs {
        border-radius: 2rem;
    }

    ul#loginTabs li.nav-item {
        width: 100%;
    }

    nav#MainNavigationMobile .navbar {
        width: 70%;
    }

    .main-page-card-section-middle .card a img {
        height: 25vh !important;
    }

    .main-page-bottom-two-cards-section .card a img {
        max-height: 25vh !important;
        min-height: 25vh !important;
    }

    .main-page-latest-news-section-bottom .img-section a img {
        min-height: 25vh !important;
        max-height: 25vh !important;
    }

    .news-page-broker-side .open-account-btn {
        font-size: 16px;
    }

    .main_right_side .video_cus iframe {
        height: 200px;
    }

    .main-container-broker .navbar {
        margin-top: 0 !important;
    }

    .main-container-broker .navbar .nav-item {
        padding: 3px 10px;
        width: 100%;
        display: inline-block;
    }

    .card-text-broker {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
    }

    #Calculator {
        padding: 25px;
    }

    #Calculator input,
    #Calculator select {
        margin-bottom: 20px;
        padding: 8px 5px;
    }

    .bg-image img.img-fluid {
        width: 88%;
        display: block;
        margin: 0;
    }

    .second-login-bg-image h2 {
        font-size: 21px;
        margin-top: 10px;
    }

    .second-login-bg-image {
        top: 42%;
    }

    .single-volume-product img.lesson_list_img {
        height: 30vh !important;
    }


    .academy-width #fix-sidebar-academy,
    .sidebar_ads_wrapper.mt-3.mb-3 {
        width: 90%;
    }

    .academy-main-section .nav-tabs a.nav-link {
        font-size: 16px;
        padding: 8px 8px;
    }


    .academy-topics .nav-tabs .nav-item {
        max-width: 100%;
        flex: 100%;
        text-align: center;
    }

}

@media only screen and (max-width: 380px) {
    .broker-details-rating-section-card-more-details .rating-and-other-headings h6 {
        font-size: 15px;
    }

    /* .main-page-1-2-images-first {
    height: 35vh;
} */

    /* .main-page-top-section-tio-two-images-second-img {
        height: 35vh;
    } */
    .broker-details-rating-section-card-more-details .rating-and-other-headings-btn button {
        margin-top: 0;
    }
}

@media only screen and (max-width: 991px) {
    /* .rating-and-other-headings {
        display: inline-flex !important;
    }*/
}

@media (min-width: 480.1px) and (max-width: 578px) {
    .fca-image-right img {
        width: 5vw !important;
    }
}

@media (min-width: 480.1px) and (max-width: 576px) {

    .top-broker-adv-container-main-page .row.second-gredient-row a.visit_link_cus,
    .more-information-btns-top-main-page a.button-more-info {
        width: 46%;
        display: inline-block;
        margin-top: 0;
        position: relative;
        left: 22px;
        top: 12px;
    }
}

@media (min-width: 579.1px) and (max-width: 767px) {
    .fca-image-right img {
        width: 4vw;
    }
}

@media (min-width: 576.1px) and (max-width: 767px) {

    .top-broker-adv-container-main-page .row.second-gredient-row a.visit_link_cus,
    .more-information-btns-top-main-page a.button-more-info {
        width: 47%;
        display: inline-block;
        margin-top: 0;
        position: relative;
        top: -3px;
        left: 18px;
    }
}

@media (min-width: 480.1px) and (max-width: 767px) {
    .top-broker-adv-container-main-page .row.second-gredient-row .right-side-col {
        max-width: 30%;
        flex: 30%;
    }
}

@media (min-width: 767.1px) and (max-width: 991px) {
    .top-broker-adv-container-main-page .row.second-gredient-row .row.inside_values_row.m-0 .left-side-col.p-0 {
        max-width: 60%;
        flex: 60%;
    }

    .col-md-4.right-side-col.p-0 {
        max-width: 30%;
        flex: 30%;
    }

    .top-broker-adv-container-main-page .row.second-gredient-row .row.inside_values_row.m-0 .right-side-col {
        max-width: 40%;
    }
}

@media (min-width: 767.1px) and (max-width: 1250px) {
    .fca-image-right img {
        width: 3vw;
    }
}

@media (min-width: 1250px) {
    .top-broker-adv-container-main-page .row.second-gredient-row .row.inside_values_row.m-0 .left-side-col .rating-and-other-headings {
        margin-top: 10px;
    }

    .fca-image-right img {
        width: 1.5rem;
    }

    .top-broker-adv-container-main-page .container-for-broker-details .brand-logo-icon.img-left {
        width: 90% !important;
        padding: 3.5rem 0rem 0 !important;
        margin: 0 auto;
        display: block;
    }

    .main-page-top-section-tio-two-images-second-img .main-page-1-2-images-second .brand-logo-icon.img-left img {
        height: 135px !important;
    }
}

@media only screen and (max-width: 991px) {
    .top_main_left_col .col-md-3.col-12.top_boxes_small_items .col-md-12.col-12 .col-md-6.spredox {
        max-width: 45% !important;
    }

    .main-page-1-2-images-second .col-md-6.rating-section {
        max-width: 50% !important;
        padding-top: 25px !important;
    }

    .top-broker-adv-container-main-page .container-for-broker-details .brand-logo-icon.img-left {
        width: 90% !important;
        padding: 0rem 1rem !important;
        margin-top: 90px;
    }

    .top-broker-adv-container-main-page .row.second-gredient-row .row.inside_values_row.m-0.rating-inside {
        position: unset;
        padding: 0 30px !important;
        display: block;
    }

    .mobile-head {
        width: 100%;
        text-align: left;
        padding-top: 3px;
        margin: 0;
    }

    .top-broker-adv-container-main-page .brand-broker-heading-top.right-box:after {
        content: "Featured";
        color: black !important;
        padding: 8px 20px;
        background: white !important;
        /* background-image: linear-gradient(to right, #021716, #015221); */
        border-radius: 50px;
        position: absolute;
        right: 0;
        left: 20px;
        width: 35%;
        top: 20px;
        font-size: 15px;
        font-weight: 600;
        text-transform: uppercase;
        text-align: center;
    }

    .top-broker-adv-container-main-page .row.second-gredient-row a.visit_link_cus,
    .more-information-btns-top-main-page a.button-more-info {
        width: 100%;
        margin-bottom: 10px;
    }

    .top-broker-adv-container-main-page .row.second-gredient-row .row.inside_values_row.m-0.rating-inside {
        position: unset;
        padding: 0 5px !important;
        display: flex;
    }

    .top-broker-adv-container-main-page .row.second-gredient-row.right-box-content {
        position: unset;
    }

    .main-page-top-section-tio-two-images-second-img .main-page-1-2-images-second img {
        max-width: unset !important;
    }

    .more-information-btns-top-main-page a.button-more-info {
        padding: 9px 7px;
    }
}

@media (min-width: 767.1px) and (max-width: 991px) {
    .col-md-6.more-information-btns-top-main-page.p-0 {
        width: 100% !important;
    }

    .top-broker-adv-container-main-page .brand-broker-heading-top.right-box:after {
        position: absolute !important;
        left: 15px !important;
    }
}

@media (min-width: 991.1px) and (max-width: 1250px) {
    .top-broker-adv-container-main-page .container-for-broker-details .brand-logo-icon.img-left {
        width: 90% !important;
        padding: 0rem 1rem !important;
        margin-top: 70px;
    }

    .top-broker-adv-container-main-page .brand-broker-heading-top.right-box:after {
        position: absolute !important;
        left: 15px !important;
        width: max-content;
    }
}

@media (min-width: 1400px) {

    .main-post-headings {
        padding: 12px 35px;
        min-height: 18rem !important;
    }

    .main-page-top-section-tio-two-images-second-img {
        height: 18rem !important;
        padding: 20px 0 !important;
    }
}

@media (min-width: 1250px) and (max-width: 1399.9px) {
    .main-post-headings {
        padding: 15px 35px;
        height: 16rem !important;
    }

    .main-page-top-section-tio-two-images-second-img {
        height: 16rem !important;
    }
}

@media (min-width: 1601px) {
    .main-post-headings {
        padding: 15px 35px;
        height: 19.5rem !important;
    }

    .main-page-top-section-tio-two-images-second-img {
        height: 19.5rem !important;
    }

    .top-broker-adv-container-main-page .row.second-gredient-row a.visit_link_cus {
        font-size: 15px;
    }

    .more-information-btns-top-main-page a.button-more-info {
        font-size: 15px;
        margin: 13px 0 0;
    }
}

/* New code start*/
@media screen and (max-width: 1199.98px) {

    .content-resources h1,
    .content-resources-inner h1 {
        font-size: 3rem;
    }

    .content-resources p {
        font-size: 2.3rem;
    }

    img.icon-images {
        width: 6rem;
    }

    .green-card h5 {
        font-size: 1.4rem;
    }

    .mini-p {
        width: 100%;
        font-size: 1.1rem;
    }

    .mini-p,
    .big-p {
        width: 95%;
    }

    .blue-card h3 {
        font-size: 3rem;
    }

    .blue-card h5 {
        font-size: 1.5rem;
    }

    .tabs-main li.nav-item {
        width: 23% !important;
    }

    .resources-topics {
        padding-top: 0rem;
    }

    .resources_details {
        padding: 9rem 0 6rem 0;
    }

    hr.green-line {
        margin: 2rem 0;
    }

    .news-slider h3 {
        font-size: 1.8rem;
        line-height: 2.5rem;
    }

    .myNewsSwiper .swiper-pagination {
        bottom: 1rem !important;
    }

    .gray-outline-btn {
        max-width: 25%;
    }

    .left-side,
    .right-side {
        width: 100% !important;
        margin-bottom: 2rem;
    }

    .chat-box {
        height: 35rem;
    }

    .chat-box h5,
    h3.hero-title {
        font-size: 2rem;
    }

    .chat-btn {
        font-size: .8rem;
    }

    .store-btns img {
        max-width: 6rem;
    }

    .right-side {
        display: flex;
        gap: 1rem;
    }
}

@media screen and (max-width: 991.98px) {
    .share-to-top{
  display: block;
}
.share-to{
  display: none;
}
    .padding-left {
        padding-left: 1rem !important;
    }

    .centered-container {
        padding-top: 6rem;
    }

    .content-resources p {
        max-width: 90%;
    }

    .tabs-main li.nav-item {
        width: 31% !important;
    }

    .resources_details article {
        border-right: 0;
        padding: 0;
    }

    .resources_details {
        padding: 8rem 0 6rem 0;
    }

    .main-heading-top h2 {
        font-size: 2rem;
    }

    .swiper-button-next {
        right: 1rem !important;
    }

    .swiper-button-prev {
        right: 5rem !important;
    }

    .mobile-img {
        margin-bottom: 0;
        margin-top: 0;
    }

    .home-hero-ai {
        flex-direction: column-reverse;
    }

    .mobile-img {
        width: 60% !important;
    }

    h3.hero-title {
        font-size: 3rem;
    }

    .black-box {
        display: none;
    }

    .cta-box,
    .broker-box {
        width: 49% !important;
    }
}

@media screen and (max-width: 767.98px) {
    ul.pagination li.page-item a.page-link , .pagination span.page-link{
    padding: .5rem;
    font-size: .7rem;
}
    .tabs-main li.nav-item {
        width: 47% !important;
    }

    h3.hero-title {
        font-size: 2.4rem;
    }

    .swiper-button-next {
        right: 4rem !important;
    }

    .swiper-button-prev {
        right: 7rem !important;
    }

    .swiper-button-next,
    .swiper-button-prev {
        width: 2.5rem !important;
        height: 2.5rem !important;
    }

    .swiper-button-prev:after,
    .swiper-button-next:after {
        font-size: 1.2rem !important;
    }

    .gray-outline-btn {
        max-width: 35%;
    }

    .mobile-img {
        width: 70% !important;
    }
}

@media screen and (max-width: 575.98px) {
     .news-page-bottom-news-section .col-md-3.col-12.card-news-images {
        padding-right: 0px;
    }
    .side-boxes {
        width: 100% !important;
    }

    .content-resources p {
        max-width: 100%;
        font-size: 2rem;
    }

    .blue-card h5 {
        max-width: 100%;
    }

    .blue-card {
        height: auto !important;
    }

    .image-resources-inner {
        padding: 9rem 0 2rem 0;
    }

    ul#customTabs {
        display: flex !important;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        gap: 0.5rem;
    }

    ul#customTabs .nav-item {
        flex: 0 0 auto;
        white-space: nowrap;
    }

    ul#customTabs::-webkit-scrollbar {
        display: none;
    }

    img.news-img-inner {
        width: 100%;
        height: 13rem;
    }

    .mobile-img {
        width: 70% !important;
    }

    h2.hero-title {
        font-size: 2.8rem;
    }

    h3.hero-title {
        font-size: 2rem;
    }

    .store-btns img {
        max-width: 7rem;
    }

    .chat-box {
        height: 32rem;
    }

    .chat-box h5,
    .chat-box h5 span {
        font-size: 1.7rem;
        display: block;
        text-align: center;
        padding-top: 0rem;
    }

    .mini-logo {
        width: 7rem;
    }

    a.academy-btn {
        padding: .7rem 0 !important;
    }

    .broker-box {
        padding: 1rem;
    }

    .left-side,
    .right-side {
        margin-bottom: 0;
    }
    img.icon-images{
            margin-bottom: -0.7rem;
    }
    .news-pagination .d-flex.justify-content-between.flex-fill.d-sm-none {
    display: none !important;
}
}

@media screen and (max-width: 479.98px) {
    .footer {
        padding: 1rem;
    }

    .pagination span.page-link {
        padding: .4rem;
        font-size: .7rem;
    }

    ul.pagination li.page-item a.page-link {
        font-size: 0.7rem;
        padding: 0.4rem;
    }

    .tabs-main li.nav-item {
        width: 48% !important;
    }

    img.news-img-inner {
        height: 10rem;
    }

    .gray-outline-btn {
        max-width: 50%;
    }

    .main-heading-top h2 {
        font-size: 1.8rem;
    }

    .resources_details {
        padding: 7rem 0 6rem 0;
    }

    .content-resources h1,
    .content-resources-inner h1 {
        font-size: 2.3rem;
    }

    .content-resources p {
        max-width: 95%;
        font-size: 1.6rem;
    }

    .mini-p,
    .big-p {
        width: 100%;
        font-size: 1rem !important;
    }

    section.resources-topics {
        padding: 0rem 0;
    }

    .container {
        width: 90% !important;
        max-width: 90% !important;
    }

    .blue-card h3 {
        font-size: 2.5rem;
    }

    .blue-card h5 {
        font-size: 1.2rem;
        line-height: 2rem;
    }

    img.icon-images {
        width: 5rem;
    }

    .image-item-investing-page .image-name.fw-bold {
        font-size: 1rem;
    }

    .resources_info .image-item a img {
        min-height: 15vh !important;
        max-height: 15vh !important;
    }

    .resources_info .resources-page-content-images {
        padding: .9rem;
    }

    h3.hero-title {
        font-size: 2rem;
    }

    .home-resources .green-card {
        padding: 1.2rem;
    }

    .home-resources img.icon-images {
        margin-bottom: -1.3rem;
    }

    .mobile-img {
        width: 100% !important;
    }
    .image-resources{
            height: 55vh;
    padding-top: 7rem;
    }
    .resources_details .ms-0 img.img-fluid{
        height: 40vh;
    }
    
    .news-card.analysis-card .news-image img {
    height: 15rem;
        
    }
    
    .earing-calender-top-sectio-bg {
        padding: 11rem 0 6rem 0;
    }
    
    .related_Articles img.card-img-article-details {
        text-decoration: none !important;
        min-height: 14rem;
        max-height: 14rem;
        margin-bottom: 2rem;
    }
    
    .login-form {
        padding: 3rem 20px 0;
        margin: 0;
    }
    
    .login-container .login-text .signup-form.login-form {
        padding: 20px 20px 20px ! IMPORTANT;
    }
    
    .account-details-edit-form .verify_status_wrapper .button.green-btn {
    padding: 5px 10px;
    font-size: 12px;
}

.account-details-edit-form .verify_status_wrapper span.text-success {
    font-size: 12px;
}
}

@media screen and (max-width: 399.98px) {
    .resources-c {
        width: 100% !important;
    }

    .resources_info .image-item a img {
        min-height: 20vh !important;
        max-height: 20vh !important;
    }

    .hero-analysis {
        margin-bottom: 0rem;
    }

    .right-side {
        flex-direction: column;
        gap: 0;
    }

    .cta-box,
    .broker-box {
        width: 100% !important;
    }

    .store-btns img {
        max-width: 4rem;
    }

    .tabs-main li.nav-item {
        width: 48% !important;
    }
    .pagination span.page-link, ul.pagination li.page-item a.page-link {
        padding: .25rem;
        font-size: .6rem;
    }
}