#product_view .modal-content{
    border-radius: inherit;
    width: 100% !important;
    right: 0px !important;
    position: relative !important;
    border-radius: 8px;
    width: 82% !important;
}
.btn_close{
    width: 30px !important;
    height: 30px !important;
    background: #333 !important;
    position: absolute !important;
    top: 17px !important;
    right: 36px !important;
    z-index: 9999 !important;
    opacity: 1 !important;
    border-radius: 50% !important;
    font-weight: normal !important;
}
.form_wraaper{
    position: relative !important;
    background: #fff !important;    
    padding: 1rem !important;
    border-radius: 8px !important;
}

.btn_close span{
    font-size: 25px;
    position: relative;
    top: -38%;
    text-align: center;
}
#product_view .card-body {
    padding: 0px 20px 20px 20px !important;
}

.modal_heading{
    margin-top: 0rem;
    margin-bottom: 1.6rem;
    font-size: 1.1rem;
    color: #2a2a32;
    text-transform: uppercase;
    font-weight: 600;
    font-family: inherit;
}

.modal .card-body select, .modal .card-body input{
    height: 45px;
    border: 1px solid #d8d8d8;
    border-radius: .20rem;
}

.modal.show .modal-dialog{
    top:8%
}

@media (max-width: 778px){
    .modal_heading {
        margin-top: 0rem;
        margin-bottom: -1rem;
        font-size: 1.1rem;
        color: #2a2a32;
        text-transform: uppercase;
        font-weight: 600;
        font-family: inherit;
        display: grid;
        text-align: center;
    }
    #product_view .card-body {
        padding: 0px !important;
    }
    .modal .card-body {
        width: 100%;
    }

    .modal.show .modal-dialog{
        top:0%
    }
}