.vcenter {
    display: flex;
    align-items: center;
}

@media (max-width: 767px) {


    .mb-xs {
        margin-bottom: 20px;
    }
 
    .vcenter-xs {
        display: flex;
        align-items: center;
    }

}
@media (min-width: 768px) and (max-width: 991px) {


    .mb-sm {
        margin-bottom: 20px;
    }
    .vcenter-sm {
        display: flex;
        align-items: center;
    }

}
@media (min-width: 992px) and (max-width: 1199px) {


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

    .vcenter-md {
        display: flex;
        align-items: center;
    }
}
@media (min-width: 1200px) {


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

    .vcenter-lg {
        display: flex;
        align-items: center;
    }
}