@media (max-width: 767.98px) {

    .responsive-background {
        background-image: url('https://imagedelivery.net/NYsJ6AMvIGKUhIWOYakCQA/359849e1-ef02-466a-5423-b6eac9544400/659'); /* Replace with your mobile image URL */
    }

    .btn {
        font-size: 0.9375rem;
        line-height: 1.3;
    }

    .btn-outline-white {
        margin-top: 5px !important;
    }

    .header .navbar {
        height: 66px;
    }

    .header .navbar .logo img {
        height: 100%;
        width: 100%;
        object-fit: contain;
    }

    .fixed-variant-table-img {
        height: 50% !important;
        width: 50% !important;
        object-fit: contain;
    }

    .header .navbar .menu {
        display: inline-block;
        width: auto;
    }

    .header .navbar .menu>ul {
        display: none;
        width: 100%;
        position: absolute;
        top: 66px;
        right: 0;
    }

    .header .navbar .menu>ul>li {
        width: 100%;
        background: var(--color-light);
        display: block;
    }

    .header .navbar .menu>ul>li a {
        padding: 1rem 1.5em;
        width: 100%;
        font-size: 15px;
        display: block;
    }

    .header .navbar .menu>ul>li>ul {
        position: relative;
        padding: 0 40px;
        background: #ffffff;
    }

    .header .navbar .menu>ul>li>ul.normal-sub {
        width: 100%;
        border-radius: 0;
        box-shadow: none;
    }

    .header .navbar .menu>ul>li>ul>li {
        float: none;
        width: 100%;
    }

    .header .navbar .menu>ul>li>ul>li:first-child {
        margin: 0;
    }

    .header .navbar .menu>ul>li>ul>li>ul {
        position: relative;
    }

    .header .navbar .menu>ul>li>ul>li>ul>li {
        float: none;
    }

    .header .navbar .menu .show-on-mobile {
        display: block;
        box-shadow: var(--shadow-medium);
    }

    .header .navbar .menu .contact {
        float: left;
        margin-right: 15px;
    }

    .header .navbar .menu .contact a {
        padding: 0;
        line-height: 0;
        display: flex;
        width: 38px;
        font-size: 22px;
        height: 38px;
        align-items: center;
        justify-content: center;
    }

    .header .navbar .menu .contact span {
        display: none;
    }

    .header .navbar .menu .contact i {
        margin: 0;
    }

    .header .navbar .menu-mobile {
        display: block;
        color: var(---color-black);
        float: left;
        width: 100%;
    }

    .header .navbar .menu-dropdown-icon:before {
        padding: 1.37em 1.5em;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }

    .h-intro {
        background-attachment: inherit;
        height: 400px;
    }

    .h-intro .intro-row h1 {
        font-size: 22px;
        line-height: 42px;
    }

    .h-intro .intro-row p {
        font-size: 16px;
        line-height: 26px;
    }

    .companies-section {
        margin-top: 10px;
        padding: 50px 0;
    }

    .companies-section .title-row {
        margin-bottom: 20px;
    }

    .companies-section .title-row .title h2 {
        font-size: 24px;
        line-height: 34px;
    }

    .companies-section .title-row .view-all a {
        font-size: 15px;
    }

    .educational-articles {
        padding: 25px 0;
    }

    .educational-articles .title-row {
        margin-bottom: 20px;
    }

    .educational-articles .title-row .title h2 {
        font-size: 24px;
        line-height: 34px;
    }

    .educational-articles .title-row .view-all a {
        font-size: 15px;
    }

    .educational-articles .educational-row .post-item-lg .image-wrapper {
        height: auto;
        margin-bottom: 10px;
        padding-bottom: 56.2%;
    }

    .educational-articles .educational-row .post-item-lg .item-details {
        position: relative;
        bottom: 0;
        padding: 0;
    }

    .educational-articles .educational-row .post-item-lg .item-details .cat-name a {
        color: var(--color-green);
    }

    .educational-articles .educational-row .post-item-lg .item-details .title h3 {
        color: var(---color-black);
        font-size: 17px;
        line-height: 25px;
        margin-bottom: 10px;
    }

    .educational-articles .educational-row .post-item-lg .item-details .post-date p {
        color: var(--color-gray);
    }

    .educational-articles .educational-row .post-item .image-wrapper {
        height: auto;
        margin-bottom: 10px;
        padding-bottom: 56.2%;
    }

    .educational-articles .educational-row .post-item .item-details .title h3 {
        font-size: 17px;
        line-height: 25px;
        margin-bottom: 10px;
    }

    .educational-articles .educational-row .post-item .item-details .description {
        display: none;
    }

    .educational-articles-overlay {
        display: none;
    }

    .educational-articles .educational-row .post-item-lg .item-details .description p {
        display: none;
    }

    .latest-news {
        padding: 70px 0;
    }

    .latest-news .title-row {
        margin-bottom: 20px;
    }

    .latest-news .title-row .title h2 {
        font-size: 24px;
        line-height: 34px;
    }

    .latest-news .title-row .view-all a {
        font-size: 15px;
    }

    .latest-news .latest-news-row .post-item .image-wrapper {
        height: auto;
        margin-bottom: 10px;
        padding-bottom: 56.2%;
    }

    .h-cta .cta-box {
        flex-direction: column;
    }

    .h-cta .cta-box .right {
        width: 100%;
    }

    .h-cta .cta-box .right .title {
        margin-bottom: 20px;
    }

    .h-cta .cta-box .right .title h2 {
        text-align: center;
    }

    .h-cta .cta-box .right .title p {
        text-align: center;
    }

    .h-cta .cta-box .right .title h4 {
        text-align: center;
    }

    .h-cta .cta-box .left {
        width: 100%;
        text-align: center;
    }

    .sub-header-green {
        padding: 70px 0;
    }

    .sub-header-green .sub-header-green-row h1 {
        font-size: 32px;
        line-height: 42px;
    }

    .sub-header-green .search-box input {
        min-width: inherit;
    }

    .sub-header-company {
        flex-direction: column;
        align-items: flex-start;
        padding: 30px 0;
    }

    .sub-header-company .right {
        flex-direction: column;
        align-items: flex-start;
    }

    .sub-header-company .right .logo {
        margin-bottom: 10px;
    }

    .sub-header-company .right .company-info {
        margin-right: 0;
    }

    .sub-header-company .right .company-info .company-name {
        flex-direction: column;
        align-items: flex-start;
    }

    .sub-header-company .right .company-info .company-name .company-name-left {
        margin-bottom: 10px;
    }

    .sub-header-company .right .company-info .company-name .company-name-left .badge {
        margin-right: 0;
        margin-left: 6px;
    }

    .sub-header-company .left .open-account {
        margin-top: 20px;
    }

    .blog {
        padding: 70px 0;
    }

    .blog .blog-row .right .blog-content .post-item-lg .image-wrapper {
        padding-bottom: 56.2%;
        height: auto;
    }

    .blog .blog-row .right .blog-content .post-item-lg .item-details .title h3 {
        font-size: 17px;
        line-height: 25px;
        margin-bottom: 10px;
    }

    .blog .blog-row .left .sidebar {
        margin-top: 20px;
        padding-right: 0;
    }

    .blog .blog-row .left .sidebar .sidebar-row .sidebar-title {
        margin-bottom: 20px;
    }

    .single-post-info {
        padding: 40px 0;
    }

    .single-post-info .single-post-info-row .post-image .image-wrapper {
        margin-bottom: 20px;
    }

    .single-post-info .single-post-info-row .post-row {
        padding-right: 0;
    }

    .single-post-info .single-post-info-row .post-row .post-title h1 {
        font-size: 22px;
        line-height: 32px;
    }

    .single-post-body .single-post-content .single-post-content-row h2 {
        font-size: 22px;
        line-height: 32px;
    }

    .single-post-body .single-post-content .single-post-content-row h3 {
        font-size: 18px;
        line-height: 28px;
    }

    .single-post-body .single-post-content .single-post-content-row .rate-section .positives-card {
        margin-bottom: 20px;
        height: auto;
    }

    .single-post-body .single-post-content .single-post-content-row .rate-section .negatives-card {
        margin-bottom: 20px;
        height: auto;
    }

    .single-post-body .single-post-content .single-post-content-row .post-cta .cta-box {
        flex-direction: column;
    }

    .single-post-body .single-post-content .single-post-content-row .post-cta .cta-box .right {
        width: 100%;
    }

    .single-post-body .single-post-content .single-post-content-row .post-cta .cta-box .right .title {
        margin-bottom: 20px;
    }

    .single-post-body .single-post-content .single-post-content-row .post-cta .cta-box .right .title b {
        text-align: center;
        display: block;
    }

    .single-post-body .single-post-content .single-post-content-row .post-cta .cta-box .right .title p {
        text-align: center;
    }

    .single-post-body .single-post-content .single-post-content-row .post-cta .cta-box .right .title h4 {
        text-align: center;
    }

    .single-post-body .single-post-content .single-post-content-row .post-cta .cta-box .left {
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }

    .single-post-body .single-post-content .single-post-content-row .best-companies .best-companies-row .best-company-card .best-company-sec1 {
        padding: 20px 20px;
    }

    .single-post-body .single-post-content .single-post-content-row .best-companies .best-companies-row .best-company-card .best-company-sec1 .row {
        display: flex !important;
        align-items: start !important;
    }

    .single-post-body .single-post-content .single-post-content-row .best-companies .best-companies-row .best-company-card .best-company-sec1 .logo {
        margin: 10px auto;
    }

    .single-post-body .single-post-content .single-post-content-row .best-companies .best-companies-row .best-company-card .best-company-sec1 .item-info {
        text-align: center;
        margin-bottom: 10px;
    }

    .single-post-body .single-post-content .single-post-content-row .best-companies .best-companies-row .best-company-card .best-company-sec1 .item-info b {
        font-size: 15px;
        line-height: 25px;
    }

    .single-post-body .single-post-content .single-post-content-row .best-companies .best-companies-row .best-company-card .best-company-sec1 .company-cta b {
        font-size: 15px;
        line-height: 25px;
    }

    .single-post-body .single-post-content .single-post-content-row .best-companies .best-companies-row .best-company-card .best-company-sec1 .company-rate-score {
        text-align: center;
        margin-bottom: 10px;
    }

    .single-post-body .single-post-elements .single-post-elements-row .post-faq .post-faq-row .title span {
        font-size: 18px;
        line-height: 32px;
        font-weight: bold;
    }

    .single-post-body .single-post-elements .single-post-elements-row .post-faq .post-faq-row .accordion li {
        margin: 10px 0;
        color: var(--color-black);
    }

    .single-post-body .single-post-elements .single-post-elements-row .post-faq .post-faq-row .accordion h3 {
        line-height: 24px;
        padding-right: 10px;
    }

    .single-post-body .single-post-elements .single-post-elements-row .post-comments .post-comments-row .clients-comments .title span {
        font-size: 18px;
        line-height: 60px;
        font-weight: bolder;
    }

    .single-post-body .single-post-elements .single-post-elements-row .post-comments .post-comments-row .clients-comments .comment-card .comment-card-header .comment-rate .rate-star {
        font-size: 15px;
    }

    .single-post-body .single-post-elements .single-post-elements-row .post-comments .post-comments-row .add-new-comment .title span {
        font-size: 18px;
        line-height: 60px;
        font-weight: bolder;
    }

    .single-post-body .single-post-elements .single-post-elements-row .post-comments .post-comments-row .add-new-comment .add-new-comment-box .comment-controls .form-group .select-rate {
        flex-direction: column;
        align-items: flex-start;
    }

    .single-post-body .single-post-elements .single-post-elements-row .related-posts .title span {
        font-size: 18px;
        line-height: 60px;
        font-weight: bolder;
    }

    .footer {
        margin-top: 10px;
    }

    .footer .footer-row {
        padding: 10px 0;
    }

    .footer .footer-copyright .footer-copyright-row {
        flex-direction: column;
    }

    .sticky-btns .sticky-whatsapp {
        font-size: 32px;
        padding: 24px;
        left: 20px;
        right: inherit;
    }

    .sticky-btns .sticky-telegram {
        bottom: 80px;
        right: 20px;
        font-size: 32px;
        padding: 24px;
        left: 20px;
        right: inherit;
    }

    .details-container > h3, .details-container> h2 {
        text-align: justify;
        margin-bottom: 20px !important;
        background-size: 150% 15%;
        background-repeat: repeat-x;
        background-position: left 0% bottom 5%;
        background-image: linear-gradient(181deg, #ffa620 0%, #fba11a 50%, transparent 54%, transparent 100%);
    }
}

@media (max-width: 768px) {
    .img-content {
        height: 100%;
        width: 100%;
        object-fit: contain;
    }

    .img-content-parent {
        display: block;
        width: 436px !important;
    }

    .tickers-table {
        display: flex;
        flex-direction: column;
    }

    .tickers-table .t1,
    .t2,
    .t3 {
        width: 100%;
    }

    .table-responsive {
        overflow-x: auto;
    }

    table {
        width: auto;
        min-width: 100%;
    }

    th,
    td {
        white-space: nowrap;
    }

    .single-post-body .single-post-content .single-post-content-row .best-companies .best-companies-row .best-company-card .best-company-sec1 .mobile-bonus {
        display: flex;
    }

    .single-post-body .single-post-content .single-post-content-row .best-companies .best-companies-row .best-company-card .best-company-sec1 .margin {
        margin: 20px;
    }

    .table-content {
        max-width: 100%;
    }

    .table-content td {
        max-width: 220px;
        text-wrap: pretty;
        padding: 10px;
    }

    .best-companies .best-companies-row .best-company-card .company-table .left {
        text-align: left;
        display: inline-block;
        width: 66%;
        font-size: 10px !important;
    }

    .best-companies .best-companies-row .best-company-card .company-table .right {
        text-align: right;
        display: inline-block;
        width: 34%;
        font-size: 10px !important;
    }

    .best-company-card .company-table .left a {
        font-weight: 700;
        text-decoration: underline;
        font-size: 10px;
    }

    .company-cta .company-charge, .company-cta .company-buttons {
        border-top: 1px solid var(--color-border);
        padding: 14px;
        display: flex;
        justify-content: space-around;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .topic_top_banner {
        text-align: center;
    }

    .banner-desktop {
        display: block;
    }

    .banner-tablet {
        display: block;
    }

    .banner-mobile {
        display: block;
    }

    .topic_bottom_banner {
        text-align: center;
        margin-top: 10px;
    }
}

@media (min-width: 280px) and (max-width: 768px) {
    .topic_top_banner {
        text-align: center;
    }

    .banner-desktop {
        display: none;
    }

    .banner-tablet {
        display: none;
    }

    .banner-mobile {
        display: block;
    }

    .topic_bottom_banner {
        text-align: center;
        margin-top: 10px;
    }
}

@media (min-width: 240px) and (max-width: 319px) {
    .banner-mobile a img {
        max-width: 250px;
    }

    .captcha-container .form-group div div {
        width: 200px !important;
    }

    .captcha-container .form-group div div div iframe {
        width: 200px !important;
    }

    .captcha-container .form-group div div div iframe .rc-anchor-normal .rc-anchor-content {
        width: 110px !important;
    }

    .rc-anchor-light.rc-anchor-normal {
        display: flex;
        flex-direction: column;
        width: max-content;
    }
}

@media (max-width: 450px) {
    .img-content {
        height: 100%;
        width: 100%;
        object-fit: contain;
    }

    @media (max-width:320px) {
        .img-content {
            width: 80%;
        }

        .img-content-parent {
            max-width: 260px;
        }
    }

    .img-content-parent {
        display: block;
        width: 300px !important;
    }

    .table-content {
        max-width: 100%;
    }

    .table-content td {
        max-width: 180px;
        text-wrap: pretty;
        padding: 10px;
    }
}

@media (max-width: 425px) {
    .phone-container {
        position: relative;
    }

    .phone-input {
        padding-left: 170px !important;
        height: 57px !important;
    }

    .countryCode-select {
        position: absolute;
        left: 12px;
        top: 7px;
        width: 170px;
        border: 1px solid var(--color-border);
        border-radius: 50rem !important;
        color: var(--color-gray);
        background-color: white;
    }
}

@media (max-width: 375px) {
    .single-post-info .single-post-info-row .post-row .post-bar .post-bar-item {
        margin-left: 12px;
    }

    .single-post-info .single-post-info-row .post-row .post-bar .post-bar-item i {
        font-size: 10px;
        color: var(--color-gray);
        margin-left: 4px;
    }

    .table-content {
        max-width: 100%;
    }

    .table-content td {
        max-width: 150px;
        text-wrap: pretty;
        padding: 10px;
    }
}