/* Responsive */
@media (max-width: 768px) {
    #top_bar,
    #nav_items_container,
    #footer_bottom .col-md-8,
    .dude,
    .apps,
    .features_img {
        display: none !important;
    }

    #email_hosting_cards {
        .col-md-3 {
            margin-bottom: 2em !important;
        }
    }

    /*  trust Pilot */
    #trust_pilot_section {
        .col-md-3 {
            margin-bottom: 1.25em;
        }
    }

    .spacer {
        height: 50px;
    }

    .name {
        min-height: 3em !important;
    }

    .mt {
        margin-top: 0 !important;
    }

    .mb-s {
        margin-bottom: 20px;
    }

    .col-md {
        margin-bottom: 32px;
    }

    #faq_section {
        .card-header a,
        .card-body {
            text-align: left !important;
        }
    }

    .floating_cards_container {
        margin-top: 100px !important;

        .col-md-3,
        .col-md {
            padding-left: 14px !important;
            padding-right: 14px !important;
            margin-bottom: 1.75em !important;

            .card {
                border-radius: 12px !important;
                border: 1px solid var(--stroke) !important;
            }
        }
    }

    #domain_search_section {
        .col-md-9 {
            .card {
                border-radius: var(--border-radius);
            }
        }
    }

    #main_header {
        /* text-align: left; */

        /* .buttons {
            display: flex;
            justify-content: center !important;
            outline: 2px solid red;
        } */

        .col-md-7 {
            img {
                margin-top: 80px;
                /* display: none; */
            }
        }
    }

    #reseller_features_section {
        .item {
            padding-bottom: 32px;
        }
    }

    #hello_peter {
        .col-md-4 {
            padding-bottom: 22px;
        }
    }

    #got_questions_section {
        .btn {
            margin-top: 2em;
        }
    }

    /* Pricing section */
    #choose_plan_section {
        .card {
            border: 2px solid #0078c829 !important;
            border-radius: var(--border-radius) !important;
        }

        #two_cards_row {
            .card {
                &#first_card {
                    position: relative;
                    border-radius: var(--border-radius);
                    border: 2px solid #0078c829 !important;
                }

                &#last_card {
                    position: relative;
                    top: 80px;
                    border: 2px solid var(--primary-color);
                    border-radius: 0 0 var(--border-radius) var(--border-radius) !important;

                    .popular_thingy {
                        border-radius: var(--border-radius) var(--border-radius) 0 0;
                    }
                }
            }
        }

        #five_cards_row {
            .card {
                border-radius: var(--border-radius) !important;
            }
            #first_card {
                border-right: none;
            }

            .center_card {
                border-right: none;
                border-radius: 0;
            }
        }
    }
}