﻿@media (min-width: 320px) and (max-width: 767px) {
    .form-row.row .col-md-6 {
        flex: 0 0 100%;
        max-width: 100%;
        margin-left: 4px;
    }
    .form-row.row .col-md-2 {
        flex: 0 0 100%;
        margin-left: 5px;
        max-width: 100%;
    }
    .form-row.row .col-md-4 {
        flex: 0 0 100%;
        max-width: 100%;
        margin-left: 4px;
    }
    .form-row.row .grouped-form-row .col-md-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .grouped-form-row .row {
        position: relative;
        margin: 0 auto;
        left: 46px;
    }
    .form-row.row .col-md-8 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    #feedbackEmailAddress {
        margin-bottom: 22px;
    }
    #feedbackFirstName {
        margin-left:0;
    }
    .form-row.row .col-md-12 {
        margin-left: 4px;
    }
    section.tell-us-what .tabs-row .btn-wrap .btn + .btn {
        margin: 0px auto;
        position: relative;
        top: 24px;
    }
}
@media (min-width: 768px) and (max-width:991px) {
    .form-row.row .col-md-6 {
        flex: 0 0 100%;
        max-width: 100%;
        margin-left: 4px;
    }

    .form-row.row .col-md-2 {
        flex: 0 0 100%;
        margin-left: 5px;
        max-width: 100%;
    }

    .form-row.row .col-md-4 {
        flex: 0 0 100%;
        max-width: 100%;
        margin-left: 4px;
    }

    .form-row.row .grouped-form-row .col-md-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .grouped-form-row .row {
        position: relative;
        margin: 0 auto;
        left: 46px;
    }

    .form-row.row .col-md-8 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    #feedbackEmailAddress {
        margin-bottom: 22px;
    }

    #feedbackFirstName {
        margin-left: 0;
    }

    .form-row.row .col-md-12 {
        margin-left: 4px;
    }

   /* section.tell-us-what .tabs-row .btn-wrap .btn + .btn {
        margin: 0px auto;
        position: relative;
        top: 24px;
    }*/
}
@media (min-width: 769px) and (max-width: 991px) {
    .form-row.row .grouped-form-row .col-md-6 {
        flex: 0 0 97.5% !important;
        max-width: 97.5% !important;
    }
}
@media (max-width: 991px) {
    .feedback-complaint-wrap .card-body {
        padding: 30px;
    }
}

