button.navbar-toggler {
    background: 0 0;
    padding: 0;
    border: 0
}

.mobile-login-btn,button.close-btn {
    display: none
}

span.select2.select2-container.select2-container--default.select2-container--below {
    width: 100%!important
}

@media (max-width: 991px) {
    #navbarNavAltMarkup {
        position:fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background: #fff;
        z-index: 1050;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        opacity: 0;
        transform: translateY(-20px);
        transition: opacity .4s,transform .4s;
        pointer-events: none
    }
    
    a.navbar-brand img {
        width: 180px;
    }

    #navbarNavAltMarkup.show {
        opacity: 1;
        transform: translateY(0);
        pointer-events: auto
    }

    #navbarNavAltMarkup .navbar-nav {
        flex-direction: column;
        text-align: center
    }

    #navbarNavAltMarkup .navbar-nav .nav-link {
        font-size: 18px;
        margin: 10px 0;
        opacity: 0;
        transform: translateY(15px);
        transition: .3s
    }

    div#navbarNavAltMarkup {
        justify-content: center!important
    }

    #navbarNavAltMarkup.show .nav-link:first-child {
        transition-delay: 0.1s;
        opacity: 1;
        transform: translateY(0)
    }

    #navbarNavAltMarkup.show .nav-link:nth-child(2) {
        transition-delay: 0.2s;
        opacity: 1;
        transform: translateY(0)
    }

    #navbarNavAltMarkup.show .nav-link:nth-child(3) {
        transition-delay: 0.3s;
        opacity: 1;
        transform: translateY(0)
    }

    #navbarNavAltMarkup.show .nav-link:nth-child(4) {
        transition-delay: 0.4s;
        opacity: 1;
        transform: translateY(0)
    }

    #navbarNavAltMarkup.show .nav-link:nth-child(5) {
        transition-delay: 0.5s;
        opacity: 1;
        transform: translateY(0)
    }

    #navbarNavAltMarkup .close-btn {
        position: absolute;
        top: 15px;
        right: 20px;
        font-size: 2rem;
        background: 0 0;
        border: none;
        color: #fff;
        cursor: pointer;
        display: block
    }
}

@media (min-width: 1200px) and (max-width:1399px) {
    a.navbar-brand {
        width:30%!important
    }

    a.navbar-brand img {
        width: 90%
    }

    #header .col-md-9 {
        width: 85%!important
    }

    #header .col-md-3.last-col {
        width: 15%!important
    }

    .hero-banner h2 {
        font-size: 60px!important
    }

    section.hero-banner h5 {
        width: 70%!important
    }

    .trusted-box {
        padding: 10px!important;
        width: 100%;
        box-shadow: 0 0 5px 0 #80808069
    }

    .explore img.img10,h2.main-title img {
        display: none
    }

    .profile-carousel .item a {
        font-size: 20px!important
    }

    .forum table th {
        font-size: 15px!important
    }

    h2.main-title {
        width: 100%!important
    }

    .explore .last-col {
        padding: 20px!important
    }

    .downloads p,.explore p {
        margin-top: 20px!important
    }

    .profile-carousel button.owl-prev {
        left: 0!important
    }

    .profile-carousel button.owl-next {
        right: 0!important
    }

    section.testimonials h2 {
        text-align: center
    }
}

@media (min-width: 1024px) and (max-width:1199px) {
    a.nav-item.nav-link,section.profiles {
        padding:0!important
    }

    .forum table th,a.nav-item.nav-link {
        font-size: 14px!important
    }

    a.navbar-brand {
        width: 30%!important
    }

    a.navbar-brand img {
        width: 100%
    }

    #header .col-md-9 {
        width: 82%!important
    }

    #header .col-md-3.last-col {
        width: 18%!important
    }

    .hero-banner h2 {
        font-size: 60px!important;
        margin: 20px 0!important
    }

    section.hero-banner h5 {
        width: 70%!important
    }

    form.partner-search-form {
        margin-top: 50px!important
    }

    .downloads p,.explore p,.trusted .wrapper {
        margin-top: 20px!important
    }

    section.hero-banner {
        min-height: 750px!important
    }

    .cta-link-btn span {
        font-size: 12px!important
    }

    #contact .contact-box {
        padding: 30px!important
    }

    .trusted-box {
        padding: 10px!important;
        box-shadow: 0 0 5px 0 #8080807d
    }

    h2.main-title {
        font-size: 42px!important;
        width: 100%
    }

    .explore img.img10,h2.main-title img {
        display: none
    }

    .trusted .wrapper {
        display: grid!important;
        grid-template-columns: 1fr 1fr
    }

    .explore .last-col {
        padding: 20px!important
    }

    .profile-carousel .item a {
        font-size: 18px
    }

    section.testimonials h2 {
        text-align: center
    }

    section.testimonials {
        padding: 50px 0!important
    }

    .testimonial-wrapper {
        width: 100%!important
    }

    .bottom-cta {
        height: 400px!important
    }

    .action-button-container {
        width: 40%
    }

    .forum h5.forum-title {
        font-size: 16px!important
    }
}

@media (min-width: 992px) and (max-width:1023px) {
    #header div#navbarNavAltMarkup {
        background-color:transparent!important;
        position: unset!important
    }

    #header .mobile-login-btn {
        display: none!important
    }

    #header .col-md-3.last-col {
        display: flex!important;
        width: 20%!important
    }

    #header .col-md-9 {
        width: 80%!important
    }

    #header a.navbar-brand {
        width: 30%!important
    }

    #header a.navbar-brand img {
        width: 100%!important
    }

    #header a.nav-item.nav-link {
        padding: 11px!important;
        font-size: 14px!important
    }

    section#header .row {
        align-items: center
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    a.nav-item.nav-link {
        font-size:16px!important;
        padding: 10px 20px;
        text-align: center
    }

    .trusted-box,section.downloads .first-col {
        padding: 10px!important
    }

    .navbar-nav {
        gap: 0!important
    }

    .hero-banner h2 {
        font-size: 50px!important;
        margin: 20px 0
    }

    .cta-link-btn,.forum table th {
        font-size: 15px!important
    }

    .trusted-box {
        box-shadow: 0 0 10px 0 #80808069
    }

    h2.main-title {
        font-size: 45px!important
    }

    .col-md-3.last-col,.explore img.img10 {
        display: none!important
    }

    .card15.my-5 {
        margin-bottom: 0!important
    }

    section#login-register .col-md-6 {
        width: 70%!important
    }

    section#login-register .col-md-3 {
        width: 15%!important
    }

    .container.forum .col-md-3,.container.forum .col-md-9,.testimonial-wrapper,h2.main-title,section#contact .col-md-6,section#login-register .tab-content .col-md-6,section.downloads .col-md-6,section.hero-banner h5,section.mid-cta img,section.subscriptions .col-md-4 {
        width: 100%!important
    }

    #header .col-md-9,section#login-register input {
        width: 100%
    }

    section.mid-cta h2 {
        font-size: 24px!important
    }

    .mobile-login-btn {
        display: flex!important;
        gap: 20px
    }

    nav.navbar {
        align-items: center!important
    }

    span.navbar-toggler-icon {
        filter: brightness(0) invert(1)
    }

    .navbar-toggler:focus {
        box-shadow: unset!important
    }

    div#navbarNavAltMarkup {
        position: absolute;
        width: 100%;
        top: 120px;
        left: 0;
        background-color: #f1056a;
        padding: 20px
    }

    section.hero-banner h5 {
        font-weight: 400!important
    }

    form.partner-search-form {
        margin-top: 50px!important
    }

    #contact h2,.downloads p,.explore p,.testimonial-wrapper,.trusted .wrapper {
        margin-top: 20px!important
    }

    section.hero-banner {
        min-height: unset!important;
        padding: 200px 0 0!important
    }

    .trusted .wrapper {
        display: grid!important;
        grid-template-columns: 2fr 2fr
    }

    h2.main-title img,section#contact img {
        display: none
    }

    .explore .last-col {
        padding: 50px 10px 0!important
    }

    section.explore {
        background-image: unset!important;
        margin-bottom: 50px!important
    }

    section.explore .col-md-6 {
        width: 100%!important;
        justify-content: center!important
    }

    img.img9 {
        display: block!important;
        width: 100%;
        border-radius: 30px
    }

    section.profiles {
        padding: 0!important
    }

    .owl-carousel.profile-carousel {
        margin: 0!important
    }

    section.downloads {
        padding-top: 50px!important
    }

    section.testimonials h2 {
        text-align: center
    }

    .forum,section.profiles.inner-page,section.subscriptions,section.testimonials {
        padding: 50px 0!important
    }

    section.bottom-cta {
        height: 350px!important
    }

    .bottom-cta h5 {
        margin: 20px 0!important
    }

    .forum .cta-link {
        padding: 10px 20px
    }

    .action-button-container {
        width: 30%
    }

    .forum h5.forum-title {
        font-size: 18px!important
    }

    .profile-carousel.inner-page .col-md-3 {
        width: 33%!important
    }

    .profile-carousel.inner-page .item .content a {
        font-size: 18px
    }

    .subscription-card {
        border: 1px solid!important;
        width: 60%;
        margin: auto
    }
}

@media (max-width: 767px) {
    .explore img.img10,.forum-table table tbody td:nth-child(3),.forum-table table thead th:nth-child(3),.forum-table thead,br,h2.main-title img,section#contact img {
        display:none
    }

.bottom-cta h5 {
    width: 100% !important;
    font-size: 13px !important;
    line-height: 24px !important;
    margin-bottom: 20px !important;
}

    .forum-table table,.forum-table tbody,.forum-table td,.forum-table th,.forum-table thead,.forum-table tr {
        display: block;
        width: 100%
    }

    .forum-table tr {
        margin-bottom: 1rem;
        border: 1px solid #ddd;
        padding: 10px;
        border-radius: 6px;
        position: relative
    }

    .forum .forum-table td {
        justify-content: space-between;
        padding: 8px 0!important;
        border: none!important
    }

    .forum-table td::before {
        content: attr(data-label);
        font-weight: 700;
        flex: 1;
        max-width: 120px;
        color: #444
    }

    .forum-table td:last-child {
        position: absolute;
        left: 100px;
        width: fit-content;
        top: 30px;
        text-align: left!important
    }

    #header .navbar-nav,.trusted .wrapper {
        gap: 10px!important
    }

    #contact h2,.container.forum a.cta-link,section.mid-cta .col-md-4,section.mid-cta .text-end {
        text-align: center!important
    }

    #contact h2,.explore a.btn {
        margin-bottom: 10px!important
    }

    .profile-header .left-div .info,.review h4,.review p,section.profiles h2,section.testimonials h2 {
        text-align: center
    }

    .cta-link,.forum table th,.profile-carousel.inner-page .item .content a,section.hero-banner h5 {
        font-size: 16px!important
    }

    .profile-carousel.inner-page .item.col-md-3,.profile-carousel.inner-page .profile-box {
        height: 300px!important;
        border-radius: 10px!important
    }

    .cta-link,.cta-link-btn span,.explore a.btn,section.hero-banner h5,ul#profileTab button {
        font-weight: 400!important
    }

    [data-aos] {
        opacity: 1!important;
        transform: none!important;
        transition: none!important
    }

    #header .col-md-9 {
        padding: 0!important
    }

    .navbar-collapse {
        background-color: #f1056a!important;
        position: absolute;
        width: 100%;
        z-index: 9;
        top: 70px;
        left: 0
    }

    section#header {
        height: 80px!important
    }

    .navbar-nav .nav-link {
        color: #fff!important
    }

    .navbar-nav .nav-link:hover {
        color: #ccc!important
    }

    .partner-search-form .form-group {
        min-width: 240px!important
    }

    .trusted .wrapper {
        display: grid!important;
        grid-template-columns: 1fr;
        margin-top: 20px!important
    }

    section.explore .col-md-6 {
        width: 100%;
        padding: unset!important;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .explore a.btn {
        width: 70%!important;
        padding: 8px!important
    }

    .testimonial-wrapper,section#contact .col-md-6,section.downloads .col-md-6,section.mid-cta h2.main-title,section.profiles .profile-carousel .item,section.subscriptions .col-md-4 {
        width: 100%!important
    }

    .explore .frst-col {
        background-position: center
    }

    section.explore .row {
        flex-direction: column-reverse
    }

    section.mid-cta .col-md-4 {
        width: 100%!important;
        padding-top: 20px
    }

    a.navbar-brand img,td a {
        width: 100%
    }

    .explore p {
        margin: 20px auto 0!important
    }

    footer,section#contact,section.subscriptions,section.testimonials,section.trusted {
        padding: 50px 0!important
    }

    section.downloads {
        padding: 30px 0 50px!important
    }

    section.profiles {
        padding-top: 50px!important
    }

    .container.forum .col-md-3,.container.forum .col-md-9 {
        width: 95%!important;
        padding: 10px!important;
        margin: auto
    }

    section.profiles .profile-carousel.row {
        display: grid!important;
        grid-template-columns: 50% 2fr!important;
        row-gap: 10px
    }

    section.downloads img.w-100 {
        margin-top: 30px!important
    }

    #header .last-col {
        display: none!important
    }

    .mobile-login-btn {
        display: flex;
        gap: 10px
    }

    a.navbar-brand {
        width: 50%
    }

    .mobile-login-btn a {
        padding: 5px 20px!important;
        font-size: 14px!important
    }

    span.navbar-toggler-icon {
        filter: brightness(0) invert(1)
    }

    nav.navbar {
        gap: 0!important;
        padding: 0 10px;
        align-items: center!important
    }

    section.hero-banner {
        margin-top: -80px!important;
        min-height: unset!important;
        padding-top: 150px
    }

    .social-icons i {
        font-size: 18px!important;
        margin: 8px!important
    }

    .hero-banner h2 {
        font-size: 40px!important;
        margin: 20px 0
    }

    section.hero-banner h5 {
        width: 100%!important;
        line-height: 25px!important
    }

    .cta-link {
        padding: 10px 22px!important
    }

    .partner-search-form {
        margin-top: 50px!important
    }

    input.form-control.w-auto.form-text14,section.bottom-cta button {
        width: 50%!important
    }

    .navbar-toggler:focus {
        box-shadow: unset!important
    }

    h2.main-title {
        font-size: 23px!important;
        width: 100%!important
    }

    .trusted-box {
        padding: 10px!important;
        box-shadow: 0 0 5px 0 #8080804f
    }

    section.explore {
        background-size: unset!important;
        background-image: unset!important;
        padding: 10px!important;
        margin-bottom: 0!important
    }

    .explore .frst-col img {
        display: block!important;
        width: 100%;
        border-radius: 20px;
        margin-top: 20px
    }

    .owl-carousel.profile-carousel {
        margin: 0!important
    }

    .profile-carousel button.owl-prev,button.owl-next {
        width: 40px!important;
        height: 40px!important
    }

    .profile-carousel button.owl-prev {
        left: 0!important
    }

    .profile-carousel button.owl-next {
        right: 0!important
    }

    section.downloads .first-col {
        padding: 0 10px!important
    }

    .downloads p {
        margin-top: 10px!important;
        margin-bottom: 0!important
    }

    .testimonial-wrapper {
        flex-direction: column;
        gap: 20px!important;
        margin-top: 20px!important
    }

    .review p {
        padding: 20px!important
    }

    .testimonial-wrapper.for-mobile img {
        object-fit: cover;
        object-position: top;
        width: 100px!important;
        height: 100px!important;
        border-width: 5px
    }

    .bottom-cta h5 {
        margin: 20px 10px;
        font-weight: 400
    }

    section.bottom-cta form {
        display: block!important;
        padding: 0 10px;
        width: 100% !important;
    }

    section.bottom-cta {
        height: unset!important;
        padding: 50px 0
    }

    footer img.w-auto {
        width: 60%!important;
    }

    ul.footer-menu {
        gap: 20px;
        flex-wrap: wrap
    }

    .copy-right p {
        font-size: 13px
    }

    section.inner-banner {
        height: 350px!important;
        margin-top: -80px!important
    }

    .forum {
        padding: 50px 0 0!important
    }

    .answer-action {
        flex-direction: column;
        padding: 20px!important;
        align-items: start!important
    }

    .answer-action .action-content {
        flex-direction: column;
        align-items: start!important;
        gap: 20px
    }

    td a {
        display: inline-block
    }

    .forum-text {
        overflow-x: hidden
    }

    span.question-icon {
        font-size: 24px!important
    }

    .q-title h1 {
        font-size: 18px!important
    }

    .best-ans-content p {
        padding-top: 5px!important
    }

    .profile-carousel.inner-page .item.col-md-3 {
        padding: 5px
    }

    .profile-carousel.inner-page .card,.profile-carousel.inner-page .card:after,.profile-carousel.inner-page .item img {
        border-radius: 10px!important
    }

    .profile-carousel.inner-page .item .content h3 {
        margin: 0
    }

    .profile-carousel.inner-page .item .content {
        bottom: 0!important
    }

    .subscription-card {
        border: 1px solid!important
    }

    #contact .contact-box {
        padding: 30px!important
    }
section.bottom-cta h2 {
    width: 90% !important;
}
.feature-list li {
    text-align: center !important;
}
    .hero-banner h1 {
        font-size: 40px;
        width: 100% !important;
    }
    .profile-header .left-div .profile-img {
        width: 100px!important;
        height: 100px!important
    }

    .profile-header .left-div {
        flex-direction: column;
        gap: 0!important
    }

    .profile-content {
        padding: 50px 10px!important
    }

    ul#profileTab button {
        padding: 10px 30px!important
    }

    .profile-content .col-md-4 {
        position: unset!important;
        margin-top: 20px
    }
}