/**********  Responsive Style  **********/

@media screen and (max-width: 1366px) {}

@media screen and (max-width: 1280px){
    .mBf-directory .directory-cards {
        grid-template-columns: repeat(2, 1fr);
    }
    .mBf-campaign .campaign-cards {
        grid-template-columns: repeat(2, 1fr);
    }
    .mBf-my-campaign .campaign-cards {
        grid-template-columns: repeat(2, 1fr);
    }
    .mBf-forum .forum-topics-head {
        flex-direction: column;
    }
}

@media screen and (max-width: 1200px){
    .mBf-directory .directory-card {
        padding: 40px 20px;
    }
}

@media screen and (max-width: 1080px){
    .mBf-forum .forum-topics .topics-list .topics-item {
        flex-direction: column;
    }
}

@media screen and (max-width: 1024px){
    .mBf-directory .directory-card {
        padding: 16px;
    }
}

@media screen and (max-width: 991px) {
    .mBf-directory .directory-card {
        padding: 32px 24px;
        background-position: initial;
    }
    .home-banner .mBf-signup .mBf-form .join-us.left {
        display: none;
    }
    .home-banner .mBf-signup .mBf-form .join-us.right {
        display: block;
    }
    .home-partners-inner > .left-col {
        width: 100%;
    }
    .home-partners-inner > .right-col {
        width: 100%;
    }
    .mBf-signup .mBf-form .form-icons .icon-01 {
        left: auto;
        right: 0;
    }
    .mBf-signup .mBf-form .form-icons .icon-03 {
        bottom: -9.4436vw;
        left: 0;
    }
    .mBf-directory .directory-inner > .right-col {
        padding: 0;
    }
    .mBf-directory .directory-inner > .left-col {
        display: none;
    }
    .mBf-campaign .campaign-inner > .left-col {
        background-image: none;
    }
    .mBf-my-campaign .my-campaign-inner > .left-col {
        display: none;
    }
    .mBf-create-campaign .create-campaign-inner > .left-col {
        background-image: none;
    }
    .mBf-campaign-details .campaign-details-inner > .left-col {
        background-image: none;
    }
    .mBf-signup .mBf-form .form-group .about-brand {
        flex-direction: column-reverse;
        align-items: start;
    }
    .mBf-form .form-group .input.textarea.signup-bdr {
        height: calc(max(14.5308vw, 144px));
    }
    .mBf-directory-filter .filter-group .select-input label {
        margin-bottom: calc(max(3.7336vw, 12px));
    }
    .mBf-forum .forum-head {
        max-width: 100%;
        padding-right: 0;
        background-image: none;
    }
    .mBf-forum .forum-topics {
        padding: 0;
    }
    .mBf-forum .forum-topics.detailed {
        padding: 0 calc(max(1.7570vw, 24px)) 0 0;
    }
    .mBf-forum .forum-tabs .nav-tabs {
        flex-direction: row;
    }
    .mBf-forum .forum-tabs .nav-tabs .nav-link.active::after {
        content: "";
        width: 100%;
        height: calc(max(0.5857vw, 8px));
        background-image: url(../images/mBf_active_nav_link.svg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
    }
    .mBf-forum .forum-tabs .nav-tabs .nav-link.active {
        display: block;
    }
    .mBf-notification .notification-head {
        max-width: 100%;
        padding-right: 0;
    }
    .mBf-notification .notification-list {
        padding: 0;
        background: none;
    }
    .campaign-cards-slider {
        margin-right: 0;
    }
    .mBf-subscription .subscription-summary {
        max-width: 440px;
    }
}

@media screen and (max-width: 767px){
    .mBf-profile .profile-inner > .left-col {
        background-image: none;
    }
    .mBf-directory .directory-cards {
        grid-template-columns: 1fr;
    }
    .mBf-campaign .campaign-cards {
        grid-template-columns: 1fr;
    }
    .mBf-my-campaign .campaign-cards {
        grid-template-columns: 1fr;
    }
    .mBf-create-campaign .campaign-types-fields {
        grid-template-columns: 1fr;
    }
    .mBf-campaign-details .campaign-types-fields {
        grid-template-columns: 1fr;
    }
    .mBf-signup-inner {
        max-width: 416px;
        margin: 0 auto;
    }
    .mBf-form .form-group .input.textarea.signup-bdr {
        height: calc(max(15.6408vw, 155px));
    }
    .mBf-forum .forum-topics-container {
        flex-direction: column;
    }
    .mBf-forum .forum-recently-starred {
        max-width: 100%;
        padding-left: 0;
    }
    .mBf-forum .forum-topics {
        padding: 0;
        background: none;
    }
    .mBf-forum .forum-topics.detailed {
        padding: 0;
    }
    .mBf-forum .forum-recently-starred .starred-item {
        background-image: url(../images/mBf_forum_topic_item_bdr.svg);
        padding: calc(max(2.9283vw, 30px)) 0;
    }
    .mBf-forum .forum-topics .topics-detailed .topic-comments {
       padding-bottom: 0;
    }
}

@media screen and (max-width: 575px){
    .home-partners .partners-slider {
        flex-direction: column;
    }
    .home-partners .partners-slider .slider {
        width: 100%;
    }
    .mBf-form .form-group .campaign-input-bdr {
        height: calc(max(10.7826vw, 40px));
        background-image: url(../images/mBf-create-campaign-input-bdr-mobile.svg);
    }
    .mBf-form .form-group .campaign-textarea-bdr {
        height: calc(max(28.1739vw, 40px));
        background-image: url(../images/mBf-create-campaign-textarea-bdr-mobile.svg);
    }
    .mBf-form .form-group .campaign-input-bdr input,
    .mBf-form .form-group .campaign-textarea-bdr textarea {
        font-size: calc(max(1.6105vw, 14px));
        line-height: calc(max(2.0498vw, 24px));
    }
    .mBf-subscription .subscription-summary {
        padding: 30px;
    }
    .mBf-signin {
        padding: 100px 0 120px;
    }
}

@media screen and (max-width: 479px){
    .mBf-signin .mBf-form .form-icons .icon-01 {
        top: 24px;
    }
    .mBf-signin .mBf-form .form-icons .icon-02 {
        top: 120px;
    }
    .mBf-signin .mBf-form .form-icons .icon-03 {
        bottom: 24px;
    }
    .mBf-forum .forum-topics .topics-detailed .topic-comments .comment-form form {
        flex-direction: column;
    }
    .mBf-subscription .subscription-summary {
        background-image: url(../images/mBf_subscription_summary_bg_white_bdr_mobile.svg);
        padding: 50px;
    }
}

@media screen and (max-width: 419px){
    .mBf-subscription .subscription-summary .apply-coupon-form {
        flex-direction: column;
     }
    .mBf-subscription .subscription-summary .apply-coupon-form button {
       width: 100%;
    }
    .mBf-directory .directory-card {
        background-position: center;
    }
    .mBf-subscription .subscription-summary {
        background-image: url(../images/mBf_subscription_summary_bg_white_bdr_mobile_s.svg);
    }
}

@media screen and (max-width: 419px){
    .mBf-subscription .subscription-summary {
        background-image: url(../images/mBf_subscription_summary_bg_white_bdr_mobile_ss.svg);
    }
}