@media (min-width: 1920px) and (max-width: 2600px){
    .summary-all-row{
        width: 75%;
    }
    #progress-bar{
        margin-left: 20%;
    }
    #user-main-header-navbar nav ul li{
        width: 139px;
    }
    .system-settings-two-table-button-align {
        margin-left: -115px !important;
    }
    #transaction-select input[type="time"]{
        margin-left: -12px;
        width: 130px;
    }
    #charge-container{
        width: 50%;
        margin-left: 10%;
    }
}

@media (min-width: 1600px) and (max-width: 1919px){
    .transaction-time input{
        margin-left: 12px !important;
    }
}


@media (min-height: 1024px) and (min-height: 1366px){
    #information-add select,#information-add textarea, #information-add input[type="text"],#information-add input[type="date"],#information-add input[type="time"],#information-add label{
        width: 100%;
        margin-top: 10px;
    }
    #information-add input[type="checkbox"]{
        margin-top: 13px !important;
    }
    .information-add-buttons{
        text-align: center;
    }
    .answerback_method_options {
        margin-top: 0px;
    }
    #service-add p {
        word-break: break-all;
        margin-top: 10px;
        margin-bottom: 0px;
        margin-left: 0px !important;
    }
    #progress-bar ul.step-5:after{
        width: 60%;
        left: 0px;
        top: 65px;
    }
    #summary-all-table-one-left-margin{
        margin-left: 155px;
    }
    .transaction-seperator{
        margin-left: -75%;
    }
    #transaction-select input{
        width: 276px;
    }
    .transaction-time input{
        margin-left: 0px;
        margin-top: 10px;
    }
    .transaction-select-box{
        display: grid;
    }
    .transaction-select-box #status{
        margin-top: 10px !important;
    }
    #progress-bar ul:before{
        top: 65px;
        left: 0px;
    }
    .flow-area{
        margin-left: 0px;
    }
    #progress-bar ul.step-2:after{
        top: 65px;
        left: 0px;
        width: 15%;
    }
    #progress-bar ul.step-3:after{
        top: 65px;
        left: 0px;
        width: 30%;
    }
    .admin_conf_input{
        margin-left: 4%;
        width: 93%;
        background: none;
    }
    #progress-bar ul.step-4:after{
        top: 65px;
        left: 0px;
        width: 45%;
    }
}

@media (max-width:1024px){
    #transaction-table{
        padding-left: 15%;
    }
    .transaction-seperator{
        text-align: end !important;
    }
    .calendar-icon img{
        margin-top: -80px;
    }
    .transaction-time input{
        margin-left: 0px;
        width: 276px;
    }
    .transaction-date input[type="text"]{
        width: 276px;
        margin-bottom: 7px;
    }
}

@media (min-width: 1366px) and (max-width: 1919px){
    #admin-account .deleteUser{
        margin-left: 15px;
    }
    .admin-info-input-search #search_address{
        margin-left: 30px;
    }
    .admin-infopostal-code-seperator{
        margin-left: 25px;
    }
    #progress-bar-row{
        margin-left: 0%;
    }
    .attest_area .attest_inner .attest_box{
        max-width: 55%;
    }

    .settings-add-one-line-text{
        width: 115%;
    }
    #transaction-table{
        padding-left: 5%;
    }
    .transaction-time input{
        width: 130px;
        margin-left: 20px;
        position: relative;
        z-index: 15;
    }
    #develop-table-responsive{
        overflow-x: scroll;
    }

    #charge-container{
        width: 70%;
        margin-left: 7%;
    }

    #settings-one-container {
        margin-top: 30px;
    }
    .system-settings-two-table-button-align{
        margin-left: -115px !important;
    }
    .customer-data-table-th{
        width: 10%;
    }
    #summary-all-table-one-left-margin{
        margin-left: 207px;
    }
}

@media (min-width: 1281px) and (max-width: 1365px){
    .calendar-icon img{
        margin-top: -35px;
    }
    .transaction-date{
        display: contents;
    }
    .transaction-time input{
        margin-left: 0px;
        width: 276px;
    }
    .transaction-date input[type="text"]{
        width: 276px;
        margin-left: 15px;
        margin-bottom: -15px;
    }
    #transaction-table{
        padding-left: 6%;
    }
    .system-settings-two-table-button-align{
        margin-left: -17%;
    }
}

@media (min-width: 1025px) and (max-width: 1280px){
    .transaction-time input{
        width: 276px;
        margin-left: 0px;
        margin-top: 10px;
    }
    .transaction-date input[type="text"]{
        width: 276px;
    }
    #transaction-table{
        padding-left: 14%;
    }
}

@media (min-width: 992px) and (min-width: 1024px){
    .system-settings-two-table-button-align {
        margin-left: -19%;
    }

    #system-settings-three-table th:first-child{
        width: 15%;
    }
    #billing .sidenav {
      position: absolute;
      top: 0;
      left: 0;
      width: 230px;
      height: calc(100vh - 3.5rem);
      margin-top: 3.5rem;
      box-sizing: border-box;
    }

    #billing .navbar-expand-lg .sidenav {
      flex-direction: column;
    }

    #billing .content-wrapper {
      margin-left: 230px;
    }

    #billing .footer {
      width: calc(100% - 230px);
      margin-left: 230px;
    }
  }

@media (min-width: 768px) and (max-width: 991px){
    #information-add select,#information-add textarea, #information-add input[type="text"],#information-add input[type="date"],#information-add input[type="time"],#information-add label{
        width: 100%;
        margin-top: 10px;
    }
    #information-add input[type="checkbox"]{
        margin-top: 13px !important;
    }
    .information-add-buttons{
        text-align: center;
    }
    .answerback_method_options {
        margin-top: 0px;
    }
    #service-add p {
        word-break: break-all;
        margin-top: 10px;
        margin-bottom: 0px;
        margin-left: 0px !important;
    }
    #admin-postal-row{
        margin-left: 5px;
    }
    .summary-all-date{
        margin-left: -8%;
    }
    #transaction-select input{
        width: 276px;
    }
    .transaction-time input{
        margin-left: 0px;
        margin-top: 10px;
    }
    .transaction-select-box{
        display: inline-grid;
    }
    .transaction-select-box #status{
        margin-top: 10px !important;
    }
    #developer-info section.left_cont {
        margin-top: -45px;
    }

    .billing-input-text-box{
        width: 130%;
    }
    #billing-right-content{
        margin-left: -8% !important;
    }
    #admin-info-right-cont{
        margin-left: -15%;
    }
    section.left_cont {
        margin-top: 0px;
    }
    #admin-input-form{
        margin-left: 15px;
    }
    #admin-input-postal-form{
        margin-left: 30px;
    }
    #checkbox-fields{
        margin-left: 25px !important;
    }
    #servce-info-button button{
        margin-left: 0px !important;
    }
    .summary-search-button{
        margin-top: 20px;
    }
    #summary-all-table-one-left-margin {
        margin-left: 0px;
    }
    .summary-all-row {
        width: 145%;
        flex-wrap: wrap;
        display: flex;
    }

    #delete_conf_modal-row{
        flex-wrap: nowrap;
    }

    .transaction-date{
        text-align: center;
    }

    .transaction-time{
        text-align: center;
    }

    #transaction-select{
        text-align: center;
    }

    #password_init .form-1{
        margin-top: 15px;
    }

    #password_init .form-2{
        margin-top: -55px;
    }

    #payment-conf-input-group{
        flex-wrap: nowrap;
        margin-right: 5px;
    }

    .payment-select{
        margin-top: 20px;
    }

    #max_amount{
        width: 75%;
    }

    #min_amount{
        width: 75%;
    }

    div#progress-bar-row-text {
        width: 65%;
    }

    div#progress-bar-row-text p{
        text-align: center;
    }

    #progress-bar ul.step-2:after {
        width: 13%;
        left: 35px;
        top: 65px;
    }

    #progress-bar ul.step-3:after{
        width: 33%;
        left: 15px;
        top: 65px;
    }

    #progress-bar ul.step-4:after {
        width: 50%;
        left: 25px;
        top: 65px;
    }

    #progress-bar ul.step-5:after {
        width:70%;
        left: 0px;
        top: 65px;
    }

    #progress-bar ul:before{
        top: 65px;
        left: 20px;
        width: 70%;
    }

}

@media (min-width: 768px) and (min-width: 1024px) and (orientaion:landscape){
    #admin-input-form{
        margin-left: 15px;
    }
    #servce-info-button{
       text-align: center;
   }
}

@media (max-width: 540px){
    .accounts-edit-button{
        width: 100%;
        text-align: center;
    }
    #ui-datepicker-div{
        left: 35px !important;
    }
    #charge-setting-edit #ac_setting{
        width: 100% !important;
        margin-top: 10px;
    }
}

@media (min-width: 540px) and (max-width: 767px){
    .billing-email-form{
        display: block;
    }
    .billing-center input {
        width: 100% !important;
        margin: 20px auto;
    }
    .billing-center-no-email-2-input{
        margin: 0px 10px;
    }
    .payment select{
        width: 100% !important;
    }
    #admin-conf-submit-button{
        flex-wrap: nowrap;
    }
    .signup-admin-row {
        text-align: center;
    }
    .admin-system-admin-row {
        justify-content: center;
    }
    .develop-add{
        text-align: center;
    }
    .develop-add .row{
        flex-wrap: nowrap;
    }
    .admin-info-input-search{
        text-align: center;
    }
    #servce-info-button{
        text-align: center;
    }
    .support-edit-row a{
        margin-left: -40% !important;
    }
    .billing-center-row{
        text-align: center;
        justify-content: center;
    }
    .billing-center input {
        width: auto;
    }
    .billing-center{
        display: block;
    }
    .billing-center-no-email{
        text-align: center;
    }
    #request-log .form-set{
        display: block;
    }
    #request-log input, #request-log select{
        width: 500px;
    }
    .form-set-button{
        display: flex;
    }
    #request-log button{
        margin-left: 0px;
        margin-top: 10px;
    }
    .form-set-button{
        margin: 0 auto;
    }
    #request-log label{
        margin-top: 10px;
        margin-bottom: 0px;
    }
    #security .underline{
        margin-left: 10px;
        margin-right: 10px;
    }
    .add_account input{
        width: 100%;
    }

    .accounts-button{
        text-align: center;
    }

    .free_dial_flg_options{
        margin-bottom: 0px;
    }
    #service-edit input[type="text"],#service-edit select,#service-edit textarea{
        margin-top: 10px;
        width: 100%;
    }
    #service-edit input[type="checkbox"],#service-edit input[type="radio"]{
        margin-top: 10px;
    }
    .underline-double{
        height: 65px;
    }
    .settings-left-margin-text{
        margin-left: 0px;
        margin-top: 10px;
    }
    .settings-add-one-line-text {
        width: 100%;
        margin-top: 10px;
        margin-left: 0px !important;
    }
    #service-edit p {
        word-break: break-all;
        margin-bottom: 0px;
        margin-left: 0px !important;
    }

    #service-add input[type="text"],#service-add select,#service-add textarea{
        margin-top: 10px;
        width: 100%;
    }
    #service-add input[type="checkbox"],#service-add input[type="radio"]{
        margin-top: 10px;
    }

    #service-add .row{
        margin-left: 0px;
        margin-right: 0px;
    }
    #service-add p{
        word-break: break-all;
        margin-top: 10px;
        margin-bottom: 0px;
        margin-left: 0px !important;
    }
    .answerback_method_options {
        margin-top: 0px;
    }
    .info-conf p{
        margin-top: 10px;
        margin-bottom: 0px;
    }

    .info-conf-postal-code-forms-row{
        flex-wrap: nowrap;
        margin-left: -15px;
    }

    .info-postal-seperator {
        margin-top: 0px;
        margin-bottom: -10px;
        margin-left: auto;
        margin-right: auto;
    }

    .calender-icon-label{
        width: 100%;
    }
    #admin-input-form{
        margin-left: 3%;
    }
    .cancel-process-para .ml-5,.cancel-process-para .ml-4 ,.cancel-process-para .ml-3{
        margin-left: 0px !important;
    }
    .cancel-process-para button{
        margin-top: -50px;
    }

    #user_cancellation_req_btn{
        margin-left: 0px !important;
    }
    .flow-image{
        margin-left: -80px;
        margin-right: 60px !important;
    }
    .flow-area{
        margin-left: 0px;
    }
    .flow-area-left-margin{
        margin-left: 0px !important;
    }
    .header-logo{
        text-align: center !important;
    }
    .header-logo img{
        margin-left: 0px;
    }
    .flow-heading h3{
        margin-left: -45px;
    }
    #progress-bar-row{
        margin-left: -10px;
    }
    .first-footer a{
        margin-left: 25%;#progress-bar ul:before
    }
    .second-footer{
        text-align: center;
    }
    .third-footer{
        text-align: center;
    }

    #checkbox-fields{
        margin-left: 25px !important;
    }
    #servce-info-button button{
        margin-left: 0px !important;
    }
    .span-3{
        margin-left: 10px;
    }
    .span-4{
        margin-left: 10px;
    }
    .span-5{
        margin-left: 10px;
    }

    #add-campaign-param input,#add-campaign-param textarea{
        width: 110%;
    }
    .add-campaign-param-button{
        text-align: center;
        width: 110%;
    }

    .settings-two-add-margin-top input{
        width: 100%;
    }
    .settings-two, .settings-two-header{
        margin-top: 30px;
    }
    .settings-two-add-margin-top{
        text-align: center;
    }

    #security-settings #servce-info-button{
        text-align: center !important;
    }

    .billing-button-group{
        flex-wrap: nowrap;
        margin-left: 15%;
    }

    #admin-account-form{
        padding-left: 15px;
        padding-right: 15px;
    }

    #admin-account-form input{
        margin-top: 15px;
    }

    .admin-account-form-button{
        text-align: center;
    }

    #information-add select, #information-add input[type="text"],#information-add input[type="date"],#information-add input[type="time"],#information-add label{
        width: 100%;
        margin-top: 10px;
    }
    #information-add input[type="checkbox"]{
        margin-top: 13px !important;
    }
    #information-add textarea{
        margin-left: 0px;
        width: 100%;
    }
    .information-add-text-area{
        display: block;
    }
    .information-add-buttons{
        display: flex;
        margin-left: -15px !important;
        justify-content: center;
        margin-bottom: 40px;
    }

    .information-add-buttons a{
        width: 170px;
    }

    #summary-all-table-one-left-margin{
        margin-left: 0px;
    }
    .summary-all-row{
        width: 100%;
        display: table-caption;
        margin-left: 25% !important;
    }
    .summary-all-row #customer_name{
        width: 300px;
    }
    .summary-all-row #date_from{
        width: 130px;
        margin-left: -18%;
        margin-top: 35px;
    }
    .summary-all-row #date_to{
        margin-left: 0%;
        width: 139px;
        height: 30px;
        margin-top: 33px;
        margin-right: -46px;
        padding-left: 10px;
    }
    .summary-search-button{
        text-align: center;
        margin-top: 30px;
    }
    .summary-all-seperator{
        margin-top: 35px;
    }
    .summary-all-row .label-buttom-margin{
        margin-left: 15px;
    }

    .charge-settings-edit-customer-name{
        margin-top: 0px;
        margin-bottom: 0px;
    }
    #charge-setting-edit .payment-select {
        margin-left: 0px;
    }
    #charge-setting-edit .digit_validation{
        width: 175px;
    }
    #charge-setting-edit #ac_balance_dev{
        margin-top: 10px;
        margin-bottom: 15px;
    }
    .charge-setting-button-group .row{
        margin-top: -100px;
        margin-bottom: 20px;
        justify-content: center;
        margin-right: auto;
    }

    .charge-header{
        text-align: center;
    }
    .charge-header-row{
        flex-wrap: nowrap;
        display: table-caption;
        margin-left: 50%;
    }
    .charge-header-row input, .charge-header-row select, .charge-header-row  label{
        width: 250%;
    }
    .charge-header-row .search{
        text-align: center;
        margin: 20px 0px 10px 0px;
        width: 250%;
    }

    #cancel-process-button{
        justify-content: center;
    }

    #password-settings #servce-info-button{
        margin-left: 0%;
        text-align: center;
    }

    .security-customer-name{
        margin-top: 0px;
    }
    .security-button-group{
        text-align: center;
    }
    #security .option{
        margin-left: 10%;
    }

    #service-edit p{
        word-break: break-all;
        margin-top: -10px;
    }
    .service-edit-button-group{
        justify-content: center;
        margin-top: 13% !important;
        margin-left: 0px !important;
    }

    .service-add-button-group{
        justify-content: center;
        margin-top: 13% !important;
        margin-left: 0px !important;
    }

    .service-add-button-group{
        justify-content: center;
    }
    #info .info-button-group{
        justify-content: center;
        margin-left: 0%;
    }
    .info-postal-code-forms-form-group{
        flex-wrap: nowrap;
        width: 100%;
    }
    #info input, select{
        width: 175px !important;
    }

    .info-postal-code-forms #postal-code-upper {
        width: 94%;
    }
    .info-postal-code-forms #postal-code-lower {
        width: 94%;
        margin-left: 15px;
    }
    .info-postal-search-button{
        text-align: center;
    }
    .customer-table-index-search-button{
        text-align: center;
        margin-top: 10px;
    }

    .customer-table-index-search-button{
        text-align: center;
        margin-top: 10px;
    }

    #customer-table-index input{
        margin-left: 30px;
        width: 75%;
    }
    #customer_contract_status {
        width: 75%;
    }
    .customer-acount-header{
        text-align: center;
    }
    .bg-dark {
        background-color: #ffffff;
    }

    .titleAndLogout button{
        margin-top: 61px;
        margin-bottom: -60px;
        position: relative;
        z-index: 9999;
    }

    #delete_conf_modal-row{
        flex-wrap: nowrap;
    }

    #delete_conf_modal-row button{
        width: 110px;
        margin-left: 0px !important;
    }

    .billing #cancel_auto_charge_dev, .billing h5{
        text-align: center !important;
    }

    .billing button #change_default_btn{
        width: 300px;
    }

    #billing-conf-button button, #billing-conf-button a{
        margin-left: 15px;
    }

    .billing-left-header .balance {
        margin-left: 0px;
        margin-top: 10px;
    }

    #billing-auto-charge-button{
        margin-top: -15px;
        margin-bottom: 10px;
    }

    #transaction-select{
        margin-top: -60px;
        margin-left: 20px;
    }

    #transaction-select input, #transaction-select select,#transaction-select button{
        width: 100%;
    }

    .transaction-time input{
        margin-left: 0px;
        margin-top: 10px;
    }

    #developer-nav{
        margin-top: -35px;
        margin-left: -10px;
    }

    #password_init .form-1{
        margin-top: 15px;
    }

    #password_init form.form-group.password-init-form{
        margin: 0 15px;
    }

    #password_init .form-1{
        margin-top: 15px;
    }

    #password_init .form-2{
        margin-top: -55px;
    }

    .admin-logo h1{
        font-size: 30px;
        margin-bottom: 15px;
        margin-top:10px;
        margin-bottom:25px;
    }

    .admin-login-form{
        margin-left: 10%;
    }

    #caredit-card-details{
        padding-left: 10px;
        padding-right: 10px;
    }

    #password-settings input{
        width: 100% !important;
    }

    .develop-edit-delete .row{
        flex-wrap: nowrap;
        padding: 0px 18px;
    }

    .scroll-table{
        overflow-x: scroll;
    }

    #admin-info p{
        margin-left: -10px !important;
    }

    #admin-info .row{
        flex-wrap: nowrap;
    }

    #admin-info input{
        width: 140px;
    }

    #caredit-card-details .row input{
        width: 100%;
        margin-left: -50%;
    }

    #caredit-card-details .form-2 label{
        width: 240px;
    }

    #caredit-card-details .form-2 .col-3{
        margin-left: -24%;
    }

    #caredit-card-details .form-4 label{
        width: 240px;
    }

    #caredit-card-details .form-4 input{
        width: 240px;
    }

    #caredit-card-details .row h5{
        margin-left: -50%;
    }

     #caredit-card-details .row{
        flex-wrap: nowrap;
    }

    .padding-change-third{
        padding: 0 0px;
        margin-right: -20px;
    }

    .padding-change-second {
        padding: 0 0px;
        margin-left: -10px;
        margin-right: 9px;
    }

    .padding-change {
        padding: 0 0px;
        margin-left: 15px;
    }

    .billing-conf-center .row{
        flex-wrap: nowrap;
    }

    #billing .left_cont{
        margin-left: -10px;
    }

    .billing-input-field{
        width: 175px;
    }

    .billing-select{
        width: 70%;
    }

    #billing .input-group-append {
        margin-left: 0px;
        margin-top: 10px;
    }

    .billing-left-header{
        text-align: center !important;
    }

    .navbar-dark .navbar-nav .nav-link.active {
        width: 100%;
    }

    .logout-image{
        margin-top: -8%;
    }

    .logout-content{
        margin-right: 13%;
    }

    .navbar-expand-lg .navbar-nav .nav-link{
        margin: 0 auto;
    }

    #navbarText{
        background-color: #666;
        margin-left: 5px;
        margin-right: 20px;
    }

    .navbar-dark .navbar-toggler{
        background-color: #666;
        margin-left: 5px;
    }

    .bg-custom-dark{
        background-color: #ffffff;
    }

    #nav-table {
        padding-left: 20px;
        padding-right: 20px;
        margin-top: 10px;
        margin-bottom: 40px;
    }

    .container-custom{
        padding-left: 0px;
        padding-right: 0px;
    }

    .flow-image{
        text-align: center !important;
    }

    .flow-heading h2{
        text-align: left !important;
        margin-left: -50px;
    }

    #payment-conf-input-group{
        flex-wrap: nowrap;
        margin-right: 5px;
    }

    #input-group-text-margin{
        margin-bottom: 17px;
    }

    #input-group-text-margin input{
        width: 240px;
    }

    #card-expire-month-text{
        margin-bottom: 17px !important;
        text-align: center;
        margin-left: auto;
        margin-right: auto !important;
    }

    #card-expire-year-text{
        margin-bottom: 17px !important;
        text-align: center;
        margin-left: auto;
        margin-right: auto !important;
    }


    #admin-input-phone p{
        text-align: center !important;
        margin-top: -30px !important;
    }

    .text-center.admin-text {
        padding-left: 25px;
        padding-right: 25px;
    }

    #admin-input-postal-form{
        margin-left: 15px;
    }

    #admin-postal-row {
        margin-left: 15px;
        margin-top: -25px;
    }

    #progress-bar ul.step-2:after {
        width: 20%;
        left: 65px;
        top: 68px;
    }

    #progress-bar ul.step-3:after{
        width: 40%;
        left: 65px;
        top: 68px;
    }

    #progress-bar ul.step-4:after {
        width: 55%;
        left: 65px;
        top: 68px;
    }

    #progress-bar ul.step-5:after {
        width: 75%;
        left: 80px;
        top: 68px;
    }

    .agr-box{
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    #from-number{
        width: 90%;
    }

    #progress-bar ul li p {
        width: 170px;
        writing-mode: vertical-lr;
        font-size: 12px;
    }

    #progress-bar-row p {
        font-size: 8px;
    }

    #progress-bar-row-text{
        width: 100%;
        text-align: center;
    }

    #progress-bar-row-content{
        margin-left: 50px;
    }

    #progress-bar ul:before {
        width: 75%;
        top: 68px;
        left: 65px;
    }

    .space {
        margin-right: -115px;
    }

    #progress-bar ul li span{
        width: 40px;
        height: 40px;
    }

    #progress-bar-row p{
        font-size: 14px;
    }

}

@media (min-width: 481px) and (max-width: 539px){

    #progress-bar-row-text{
        width: 100%;
    }

    #progress-bar-row-text{
        text-align: center;
    }

    .space{
        margin-right: -75px;
    }

    #progress-bar ul li span{
        width: 40px;
        height: 40px;
    }

    #progress-bar ul:before{
        width: 60%;
        top: 20px;
        left: 120px;
    }

    #progress-bar-row p{
        font-size: 10px;
    }

}

@media (min-width: 411px) and (max-width: 480px){
    .develop-edit-delete{
        margin: 5px auto;
    }
    .billing-center-no-email-2-email{
        width: 100%;
    }
    .payment select{
        width: 100% !important;
    }
    .billing-email-form{
        display: block;
    }
    .billing-center input {
        width: 100% !important;
        margin: 10px auto;
    }
    .billing-center-no-email-2-input{
        margin: 0px 10px;
    }
    .billing-center-message{
        width: 100%;
    }

    .payment select{
        width: 100% !important;
    }
    #admin-conf-submit-button{
        flex-wrap: nowrap;
    }
    .signup-admin-row {
        text-align: center;
    }
    .admin-system-admin-row {
        justify-content: center;
    }
    .develop-add{
        text-align: center;
    }
    .develop-add .row{
        flex-wrap: nowrap;
    }

    .admin-info-input-search{
        text-align: center;
    }
    #servce-info-button{
        text-align: center;
    }
    .support-edit-row button{
        width: 115px !important;
    }
    .support-edit-row a{
        margin-left: -40% !important;
    }
    .billing-center-row{
        text-align: center;
        justify-content: center;
    }
    .billing-center{
        display: block;
    }
    .billing-center-no-email{
        text-align: center;
    }
    .accounts-edit-button{
        width: 100%;
        text-align: center;
    }
    #charge-setting-edit #ac_setting{
        width: 100% !important;
        margin-top: 10px;
    }
    #service-info-right-cont input{
        margin-left: 0px;
    }
    #ui-datepicker-div{
        left: 35px !important;
    }
    #request-log .form-set{
        display: block;
    }
    #request-log input, #request-log select{
        width: 385px;
    }
    .form-set-button{
        display: flex;
    }
    #request-log button{
        margin-left: 0px;
        margin-top: 10px;
    }
    .form-set-button{
        margin: 0 auto;
    }
    #request-log label{
        margin-top: 10px;
        margin-bottom: 0px;
    }

    #security .underline{
        margin-left: 10px;
        margin-right: 10px;
    }
    .underline-double{
        height: 65px;
    }
    .settings-left-margin-text{
        margin-left: 0px;
        margin-top: 10px;
    }
    .settings-add-one-line-text {
        width: 100%;
        margin-top: 10px;
        margin-left: 0px !important;
    }
    #service-edit p {
        word-break: break-all;
        margin-bottom: 0px;
        margin-left: 0px !important;
    }

    .free_dial_flg_options{
        margin-bottom: 0px;
    }
    #service-add .row{
        margin-left: 0px;
        margin-right: 0px;
    }
    .info-conf p{
        margin-top: 10px;
        margin-bottom: 0px;
    }

    .info-conf-postal-code-forms-row{
        flex-wrap: nowrap;
        margin-left: -15px;
    }

    .info-postal-seperator {
        margin-top: 0px;
        margin-bottom: -10px;
        margin-left: auto;
        margin-right: auto;
    }

    .calender-icon-label{
        width: 100%;
    }
    .cancel-process-para .ml-5,.cancel-process-para .ml-4 ,.cancel-process-para .ml-3{
        margin-left: 0px !important;
    }
    .cancel-process-para button{
        margin-top: -50px;
    }

    #admin-account-form a{
        padding: 5px 8px;
        width: 120px;
    }
    #admin-account-form button{
        /* width: 120px; */
    }
    #billing-right-content{
        margin-left: 0px !important;
    }

    .transaction-time input{
        margin-left: 0px;
        margin-top: 10px;
    }
    .flow-image{
        margin-left: -80px;
        margin-right: 60px !important;
    }
    .flow-area{
        margin-left: 0px;
    }

    .flow-area-left-margin{
        margin-left: 0px !important;
    }
    .header-logo{
        text-align: center !important;
    }
    .header-logo img{
        margin-left: 0px;
    }
    .flow-heading h3{
        margin-left: -45px;
    }
    #progress-bar-row{
        margin-left: -10px;
    }
    .first-footer a{
        margin-left: 15px;
    }
    .second-footer{
        text-align: center;
    }
    .third-footer{
        text-align: center;
    }

    #checkbox-fields{
        margin-left: 25px !important;
    }
    #servce-info-button button{
        margin-left: 0px !important;
    }
    .span-3{
        margin-left: 10px;
    }
    .span-4{
        margin-left: 10px;
    }
    .span-5{
        margin-left: 10px;
    }

    .add_account select, .add_account input{
        width: 100%;
    }
    .accounts-button{
        text-align: center;
    }

    #add-campaign-param input,#add-campaign-param textarea{
        width: 110%;
    }
    .add-campaign-param-button{
        text-align: center;
        width: 110%;
    }

    .settings-two-add-margin-top input{
        width: 100%;
    }
    .settings-two, .settings-two-header{
        margin-top: 30px;
    }
    .settings-two-add-margin-top{
        text-align: center;
    }

    #system-settings-two-table .delete-button{
        margin-left: auto;
        margin-top: 10px;
    }
    #system-settings-two-table .edit-button{
        margin-right: auto;
    }
    .system-settings-two-table-button-align{
        margin-left: auto;
    }

    #security-settings #servce-info-button{
        text-align: center !important;
    }

    .billing-button-group{
        flex-wrap: nowrap;
        margin: 0 auto;
        margin-left: 10px;
    }

    #service-info-right-cont input{
        width: 100% !important;
    }
    .admin-info-input input{
        width: 100% !important;
    }
    .admin-info-input-search{
        text-align: center;
    }

    #admin-account-form{
        padding-left: 15px;
        padding-right: 15px;
    }
    #admin-account-form input{
        width: 100% !important;
        margin-top: 15px;
    }
    .admin-account-form-button{
        text-align: center;
    }

    #help .responsive-break{
        width: 167%;
    }
    #information-add select, #information-add input[type="text"],#information-add input[type="date"],#information-add input[type="time"],#information-add label{
        width: 100%;
        margin-top: 10px;
    }
    #information-add input[type="checkbox"]{
        margin-top: 13px !important;
    }
    #information-add textarea{
        margin-left: 0px;
        width: 100%;
    }
    .information-add-text-area{
        display: block;
    }
    .information-add-buttons{
        display: flex;
        margin-left: -15px !important;
        justify-content: center;
        margin-bottom: 40px;
    }

    .information-add-buttons a{
        width: 170px;
    }

    #summary-all-table-one-left-margin{
        margin-left: 0px;
    }
    .summary-all-row{
        width: 100%;
        display: table-caption;
        margin-left: 3%;
    }
    .summary-all-row #customer_name{
        width: 300px;
    }
    .summary-all-row #date_from{
        width: 130px;
        margin-left: -18%;
        margin-top: 35px;
    }
    .summary-all-row #date_to{
        margin-left: 0%;
        width: 139px;
        height: 30px;
        margin-top: 33px;
        margin-right: -46px;
        padding-left: 10px;
    }
    .summary-search-button{
        text-align: center;
        margin-top: 30px;
    }
    .summary-all-seperator{
        margin-top: 35px;
    }
    .summary-all-row .label-buttom-margin{
        margin-left: 15px;
    }

    .charge-summary-customer-name {
        margin-top: 0px;
    }
    .charge-summary-select{
        justify-content: center;
    }
    .date-form-group label{
        margin-left: 20px;
    }

    .charge-settings-edit-customer-name{
        margin-top: 0px;
        margin-bottom: 0px;
    }
    #charge-setting-edit .payment-select {
        margin-left: 0px;
    }
    #charge-setting-edit .digit_validation{
        width: 125px;
    }
    #charge-setting-edit #ac_balance_dev{
        margin-top: 10px;
        margin-bottom: 15px;
    }
    .charge-setting-button-group .row{
        margin-top: -100px;
        margin-bottom: 20px;
        justify-content: center;
        margin-right: auto;
    }

    .charge-header{
        text-align: center;
    }
    .charge-header-row{
        flex-wrap: nowrap;
        display: table-caption;
        margin-left: 20%;
        width: 115% !important;
    }
    .charge-header-row input, .charge-header-row select, .charge-header-row  label{
        width: 250%;
    }
    .charge-header-row .search{
        text-align: center;
        margin: 20px 0px 10px 0px;
        width: 250%;
    }

    #cancel-process-chekbox{
        display: flex;
        flex-wrap: unset;
        text-align: center !important;
    }

    #cancel-process-chekbox input{
        width: 15px !important;
        height: 14px !important;
    }

    #cancel-process-button{
        justify-content: center;
    }
    #password-settings input{
        width: 100% !important;
    }
    #password-settings #servce-info-button{
        margin-left: 0%;
        text-align: center;
    }

    .security-customer-name{
        margin-top: 0px;
    }
    .security-button-group{
        text-align: center;
    }
    #security .option{
        margin-left: 10%;
    }

    #service-edit input[type="text"], #service-edit textarea, #service-edit select{
        width: 100%;
        margin-top: 10px;
    }

    #service-edit input[type="radio"], #service-edit input[type="checkbox"]{
        margin-top: 10px;
    }
    #service-edit p{
        word-break: break-all;
        margin-top: -10px;
    }
    .service-edit-button-group{
        justify-content: center;
        margin-top: 13% !important;
        margin-left: 0px !important;
    }

    .service-add-button-group{
        justify-content: center;
    }
    #service-add p{
        word-break: break-all;
        margin-top: 10px;
        margin-bottom: 0px;
        margin-left: 0px !important;
    }
    .answerback_method_options {
        margin-top: 0px;
    }
    #service-add input[type="text"],#service-add textarea ,#service-add select{
        width: 100%;
        margin-top: 10px;
    }
    #service-add input[type="radio"],#service-add input[type="checkbox"]{
        margin-top: 10px;
    }
    .service-add-button-group{
        justify-content: center;
        margin-left: 0px !important;
        margin-top: 13% !important;
    }
    .service-add-header h5{
        font-size: 17px;
    }

    .service-add-button-group{
        justify-content: center;
    }

    #info .info-button-group{
        justify-content: center;
        margin-left: 0%;
    }
    .info-postal-code-forms-form-group{
        flex-wrap: nowrap;
        width: 100%;
    }
    #info input, select{
        width: 100%;
    }

    .info-postal-code-forms #postal-code-upper {
        width: 91%;
    }
    .info-postal-code-forms #postal-code-lower {
        width: 91%;
        margin-left: 15px;
    }
    .info-postal-search-button{
        text-align: center;
    }
    .customer-table-index-search-button{
        text-align: center;
        margin-top: 10px;
    }

    .customer-table-index-search-button{
        text-align: center;
        margin-top: 10px;
    }

    #customer-table-index input{
        margin-left: 30px;
        width: 75%;
    }
    #customer_contract_status {
        width: 75%;
    }
    .customer-acount-header{
        text-align: center;
    }

    .bg-dark {
        background-color: #ffffff;
    }

    .titleAndLogout button{
        margin-top: 30px;
        margin-bottom: -60px;
        position: relative;
        z-index: 9999;
    }

    #help{
        margin-top: -40px;
    }

    #help .responsive-break{
        display: grid;
    }

    #help .right-section{
        margin-top: 10px;
    }

    .right_cont h5{
        text-align: center;
    }

    #transaction-table .pager-span{
        display: table-caption;
        width: max-content;
    }

    #delete_conf_modal-row{
        flex-wrap: nowrap;
    }

    #delete_conf_modal-row button{
        width: 110px;
        margin-left: 0px !important;
    }

    .billing #auto_charge_btn{
        width: 145px;
    }

    .billing button #change_default_btn{
        width: 290px;
    }

    #billing-conf-button button, #billing-conf-button a{
        margin-left: 15px;
    }

    .billing-left-header .balance {
        margin-left: 0px;
        margin-top: 10px;
    }

    #billing-auto-charge-button {
        margin-top: -15px;
        margin-bottom: 10px;
    }

    #transaction-table .pager-span{
        display: table-caption;
        width: max-content;
    }

    #transaction-select{
        margin-top: -60px;
        margin-left: 20px;
    }

    #transaction-select input, #transaction-select select,#transaction-select button{
        width: 100%;
    }

    #developer-nav{
        margin-top: -35px;
        margin-left: -10px;
    }

    #password_init .form-1{
        margin-top: 15px;
    }

    #password_init .form-2{
        margin-top: -55px;
    }

    #password_init form.form-group.password-init-form{
        margin: 0 15px;
    }

    .admin-logo{
        display: block;
        text-align: center;
        height: 105px;
    }

    #admin-login .admin-login{
        padding-left: 5px;
    }

    #caredit-card-details{
        padding-left: 10px;
        padding-right: 10px;
    }

    .develop-edit-delete .row{
        flex-wrap: nowrap;
        padding: 0px 18px;
    }

    .scroll-table{
        overflow-x: scroll;
    }

    #service-info-right-cont .label-content{
        display: contents !important;
    }

    #billing input{
        width: 190px;
        height: 35px;
    }

    #admin-info p{
        margin-top: 5px;
        text-align: center;
        margin-bottom: 5px;
    }

    #admin-info  input[type="button"]{
        margin-top: 10px;
        width: 100px !important;
    }

    #admin-info-button button{
        width: 200px;
    }

    #caredit-card-details input{
        width: 100%;
    }

    .phone-number h1{
        width: 345px;;
    }

    .billing-conf-center .row{
        flex-wrap: nowrap;
    }

    .padding-change-third{
        padding: 0 0px;
        margin-right: -20px;
    }

    .padding-change-second {
        padding: 0 0px;
        margin-left: -10px;
        margin-right: 9px;
    }

    .padding-change {
        padding: 0 0px;
    }

    #billing .left_cont{
        margin-left: -10px;
    }

    .billing-select{
        width: 190px;
    }

    #billing .input-group-append {
        margin-left: 0px;
        margin-top: 10px;
    }

    .billing-left-header{
        text-align: center !important;
    }

    #nav-table{
        width: 95%;
        margin-left: 20px;
        margin-bottom: 40px;
    }

    .navbar-dark .navbar-nav .nav-link.active {
        width: 100%;
    }

    .border-right{
        margin-right: 5px;
    }

    .email-adddress{
        margin-right: 10px;
    }

    .email-text{
        display: block;
    }

    .left-nav {
        margin-bottom: 5px;
    }

    .logo-brand {
        font-size: 18px;
        bottom: -15px;
    }

    #container-fluid-custom{
        padding-right: 0px;
        padding-left: 0px;
    }

    .container-custom{
        padding-left: 0px;
        padding-right: 0px;
    }

    .logout-image{
        margin-top: -13%;
        margin-right: 10px;
    }

    .logout-content{
        margin-right: 15%;
    }

    .navbar-expand-lg .navbar-nav .nav-link{
        margin: 0 auto;
    }

    #navbarText{
        background-color: #666;
        margin-left: 5px;
        margin-right: 20px;
    }

    .navbar-dark .navbar-toggler{
        background-color: #666;
        margin-left: 5px;
    }

    .bg-custom-dark{
        background-color: #ffffff;
    }

    .flow-image{
        text-align: center !important;
    }

    .flow-heading h2{
        text-align: left !important;
        margin-left: -50px;
    }

    #payment-conf-input-group{
        flex-wrap: nowrap;
        margin-right: 5px;
    }

    #input-group-text-margin{
        margin-bottom: 17px;
    }

    #input-group-text-margin input{
        width: 175px;
    }

    #card-expire-month-text{
        margin-bottom: 17px !important;
        text-align: center;
        margin-left: auto;
        margin-right: auto !important;
    }

    #card-expire-year-text{
        margin-bottom: 17px !important;
        text-align: center;
        margin-left: auto;
        margin-right: auto !important;
    }

    .agr-box{
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    #admin-input-phone p{
        text-align: center !important;
        margin-top: -30px !important;
    }

    .text-center.admin-text {
        padding-left: 25px;
        padding-right: 25px;
    }

    #admin-input-postal-form{
        margin-left: 15px;
    }

    #admin-postal-row {
        margin-left: 15px;
        margin-top: -25px;
    }

    #admin-input-form label{
        margin-left: 15px;
    }

    #admin-input-form #admin-input-text{
        margin-top: -25px;
    }

    #admin-input-form input{
        width: 85%;
        margin-left: 30px;
    }

    #progress-bar ul.step-2:after {
        width: 12%;
        left: 70px;
        top: 68px;
    }

    #progress-bar ul.step-3:after{
        width: 32%;
        left: 70px;
        top: 68px;
    }

    #progress-bar ul.step-4:after {
        width: 50%;
        left: 70px;
        top: 68px;
    }

    #progress-bar ul.step-5:after {
        width: 70%;
        left: 70px;
        top: 68px;
    }

    #progress-bar ul li p {
        width: 135px;
        writing-mode: vertical-lr;
        font-size: 12px;
    }

    #progress-bar-row-content{
        margin-left: 30px;
    }

    #progress-bar-row-text{
        width: 100%;
    }

    #progress-bar-row-text{
        text-align: center;
    }

    .space{
        margin-right: -102px;
    }

    #progress-bar ul li span{
        width: 40px;
        height: 40px;
    }

    #progress-bar ul:before{
        width: 75%;
        top: 68px;
        left: 50px;
    }

}

@media (min-width: 375px){
    .charge-header-row{
        width: 130%;
    }
    .summary-all-row{
        margin-left: 0%;
    }
}

@media (min-width: 360px) and (max-width: 410px){
    .develop-edit-delete{
        margin: 5px auto;
    }
    .billing-center-no-email-2-email{
        width: 100%;
    }
    .payment select{
        width: 100% !important;
    }
    .billing-email-form{
        display: block;
    }
    .billing-center input {
        width: 100%;
        margin: 10px auto;
    }
    .billing-center-no-email-2-input{
        margin: 0px 10px;
    }
    .billing-center-message{
        width: 100%;
    }

    #admin-conf-submit-button{
        flex-wrap: nowrap;
    }
    .admin-system-admin-row{
        justify-content: center;
    }
    .signup-admin-row{
        text-align: center;
    }
    .develop-add .row{
        flex-wrap: nowrap;
    }
    .admin-info-input-search{
        text-align: center;
    }
    #servce-info-button{
        text-align: center;
    }
    .support-edit-row button{
        width: 115px !important;
    }
    .support-edit-row a{
        margin-left: -40% !important;
    }
    .billing-center-row{
        text-align: center;
        justify-content: center;
    }

    .billing-center{
        display: block;
    }
    .billing-center-no-email{
        text-align: center;
    }
    .accounts-edit-button{
        width: 100%;
        text-align: center;
    }
    #charge-setting-edit #ac_setting{
        width: 100% !important;
        margin-top: 10px;
    }
    #service-info-right-cont input{
        margin-left: 0px;
    }
    #ui-datepicker-div{
        left: 35px !important;
    }
    #request-log .form-set{
        display: block;
    }
    #request-log input, #request-log select{
        width: 330px;
    }
    .form-set-button{
        display: flex;
    }
    #request-log button{
        margin-left: 0px;
        margin-top: 10px;
    }
    .form-set-button{
        margin: 0 auto;
    }
    #request-log label{
        margin-top: 10px;
        margin-bottom: 0px;
    }

    #security .underline{
        margin-left: 10px;
        margin-right: 10px;
    }
    .underline-double{
        height: 65px;
    }
    .settings-left-margin-text{
        margin-left: 0px;
        margin-top: 10px;
    }
    .settings-add-one-line-text {
        width: 100%;
        margin-top: 10px;
        margin-left: 0px !important;
    }
    #service-edit p {
        word-break: break-all;
        margin-bottom: 0px;
        margin-left: 0px !important;
    }

    .free_dial_flg_options{
        margin-bottom: 0px;
    }
    #service-add .row{
        margin-left: 0px;
        margin-right: 0px;
    }
    .info-conf p{
        margin-top: 10px;
        margin-bottom: 0px;
    }

    .info-conf-postal-code-forms-row{
        flex-wrap: nowrap;
        margin-left: -15px;
    }
    .info-postal-seperator {
        margin-top: 0px;
        margin-bottom: -10px;
        margin-left: auto;
        margin-right: auto;
    }

    .calender-icon-label{
        width: 100%;
    }
    .cancel-process-para .ml-5,.cancel-process-para .ml-4 ,.cancel-process-para .ml-3{
        margin-left: 0px !important;
    }
    .cancel-process-para button{
        margin-top: -50px;
    }

    #admin-account-form a{
        padding: 5px 8px;
        width: 115px;
    }
    #admin-account-form button{
        /* width: 115px; */
    }

    #billing-right-content{
        margin-left: 0px !important;
    }
    .transaction-time input{
        margin-left: 0px;
        margin-top: 10px;
    }
    #postal-code-upper{
        width: 100px;
    }
    #postal-code-lower{
        width: 100px;
    }

    .flow-image{
        margin-left: -80px;
        margin-right: 60px !important;
    }
    .flow-area{
        margin-left: 0px;
    }

    .flow-area-left-margin{
        margin-left: 0px !important;
    }
    .header-logo{
        text-align: center !important;
    }
    .header-logo img{
        margin-left: 0px;
    }
    .flow-heading h3{
        margin-left: -45px;
    }
    #progress-bar-row{
        margin-left: -10px;
    }
    .first-footer a{
        margin-left: 15px;
    }
    .second-footer{
        text-align: center;
    }
    .third-footer{
        text-align: center;
    }

    .flow-area {
        margin-left: 0px;
    }
    #checkbox-fields{
        margin-left: 25px !important;
    }
    #servce-info-button button{
        margin-left: 0px !important;
    }
    .span-3{
        margin-left: 10px;
    }
    .span-4{
        margin-left: 10px;
    }
    .span-5{
        margin-left: 10px;
    }

    .add_account select, .add_account input{
        width: 100%;
    }
    .accounts-button{
        text-align: center;
    }

    #add-campaign-param input,#add-campaign-param textarea{
        width: 110%;
    }
    .add-campaign-param-button{
        text-align: center;
        width: 110%;
    }
    .add-campaign-param-main-header{
        margin-top: 50px;
    }

    .settings-two-add-margin-top input{
        width: 100%;
    }
    .settings-two, .settings-two-header{
        margin-top: 30px;
    }
    .settings-two-add-margin-top{
        text-align: center;
    }

    #system-settings-two-table .delete-button{
        margin-left: auto;
        margin-top: 10px;
    }
    #system-settings-two-table .edit-button{
        margin-right: auto;
    }
    .system-settings-two-table-button-align{
        margin-left: auto;
    }

    #security-settings #servce-info-button{
        text-align: center !important;
    }

    .billing-button-group{
        flex-wrap: nowrap;
    }
    #admin-account-form{
        padding-left: 15px;
        padding-right: 15px;
    }
    #admin-account-form input{
        width: 100% !important;
        margin-top: 15px;
    }
    .admin-account-form-button{
        text-align: center;
    }

    #information-add select, #information-add input[type="text"],#information-add input[type="date"],#information-add input[type="time"],#information-add label{
        width: 100%;
        margin-top: 10px;
    }
    #information-add input[type="checkbox"]{
        margin-top: 13px !important;
    }
    #information-add textarea{
        width: 100%;
        margin-top: 10px;
    }
    .information-add-text-area{
        display: block;
    }
    .information-add-buttons{
        display: flex;
        margin-left: -15px !important;
        justify-content: center;
        margin-bottom: 40px;
    }

    .information-add-buttons a{
        width: 170px;
    }

    #summary-all-table-one-left-margin{
        margin-left: 0px;
    }
    .summary-all-row{
        width: 100%;
        display: table-caption;
    }
    .summary-all-row #customer_name{
        width: 300px;
    }
    .summary-all-row #date_from{
        width: 130px;
        margin-left: -18%;
        margin-top: 35px;
    }
    .summary-all-row #date_to{
        margin-left: 0%;
        width: 139px;
        height: 30px;
        margin-top: 33px;
        margin-right: -46px;
        padding-left: 10px;
    }
    .summary-search-button{
        text-align: center;
        margin-top: 30px;
    }
    .summary-all-seperator{
        margin-top: 35px;
    }
    .summary-all-row .label-buttom-margin{
        margin-left: 15px;
    }

    .charge-summary-customer-name {
        margin-top: 0px;
    }
    .charge-summary-select{
        justify-content: center;
    }
    .date-form-group label{
        margin-left: 20px;
    }

    .charge-settings-edit-customer-name{
        margin-top: 0px;
        margin-bottom: 0px;
    }
    #charge-setting-edit .payment-select {
        margin-left: 0px;
    }

    #charge-setting-edit .digit_validation{
        width: 115px;
    }

    #charge-setting-edit #ac_balance_dev{
        margin-bottom: 15px;
        margin-top: 10px;
    }
    .charge-setting-button-group .row{
        margin-top: -100px;
        margin-bottom: 20px;
        justify-content: center;
        margin-right: auto;
    }

    .charge-header{
        text-align: center;
    }
    .charge-header-row{
        flex-wrap: nowrap;
        display: table-caption;
    }
    .charge-header-row input, .charge-header-row select, .charge-header-row  label{
        width: 250%;
    }
    .charge-header-row .search{
        text-align: center;
        margin: 20px 0px 10px 0px;
        width: 250%;
    }

    #cancel-process-chekbox{
        display: flex;
        flex-wrap: unset;
        text-align: center !important;
    }

    #cancel-process-button{
        justify-content: center;
    }
    #password-settings #servce-info-button{
        margin-left: 0%;
        text-align: center;
    }

    .security-customer-name{
        margin-top: 0px;
    }
    .security-button-group{
        text-align: center;
    }
    #security .option{
        margin-left: 5%;
    }

    #service-edit input[type="text"], #service-edit textarea, #service-edit select{
        width: 100%;
        margin-top: 10px;
    }
    #service-edit input[type="checkbox"],#service-edit input[type="radio"]{
        margin-top: 10px;
        margin-bottom: 0px;
    }
    #service-edit p{
        word-break: break-all;
        margin-top: -10px;
        margin-bottom: 0px;
    }

    .service-edit-button-group{
        justify-content: center;
        margin-top: 13% !important;
        margin-left: 0px !important;
    }

    .service-add-button-group{
        justify-content: center;
    }
    .answerback_method_options{
        margin-top: 0px;
    }
    #service-add p{
        word-break: break-all;
        margin-top: 10px;
        margin-bottom: 0px;
        margin-left: 0px !important;
    }
    #service-add input[type="text"],#service-add textarea ,#service-add select{
        width: 100%;
        margin-top: 10px;
    }
    #service-add input[type="radio"],#service-add input[type="checkbox"]{
        margin-top: 10px;
    }

    .service-add-button-group{
        justify-content: center;
        margin-left: 0px !important;
        margin-top: 13% !important;
    }
    .service-add-header h5{
        font-size: 15px;
    }

    #info .info-button-group{
        justify-content: center;
        margin-left: 0%;
    }
    .info-postal-code-forms-form-group{
        flex-wrap: nowrap;
        width: 100%;
    }
    #info input, select{
        width: 115px !important;
    }

    .info-postal-code-forms #postal-code-upper {
        width: 91%;
    }
    .info-postal-code-forms #postal-code-lower {
        width: 91%;
        margin-left: 15px;
    }
    .info-postal-search-button{
        text-align: center;
        margin-top: 10px;
    }
    .customer-table-index-search-button{
        text-align: center;
        margin-top: 10px;
    }

    #customer-table-index input{
        margin-left: 30px;
        width: 75%;
    }
    #customer_contract_status {
        width: 75%;
    }
    .customer-acount-header{
        text-align: center;
    }

    .admin-logo h1{
        font-size: 30px;
        margin-bottom: 15px;
        margin-top:10px;
        margin-bottom:25px;
    }

    .titleAndLogout button{
        margin-top: 30px;
        margin-bottom: -60px;
        position: relative;
        z-index: 9999;
    }

    #admin-navbar {
        margin-top: 20px;
        margin-bottom: 20px;
        height: 0px;
    }

    .bg-dark {
        background-color: #ffffff;
    }
    #help{
        margin-top: -40px;
    }

    #help .responsive-break{
        display: grid;
        width: 167%;
    }

    #help .right-section{
        margin-top: 10px;
    }

    .right_cont h5{
        text-align: center;
    }

    #transaction-table .pager-span{
        display: table-caption;
        width: max-content;
    }

    #delete_conf_modal-row{
        flex-wrap: nowrap;
    }

    #delete_conf_modal-row button{
        width: 110px;
        margin-left: 0px !important;
    }

    #change_default_btn{
        width: 240px !important;
    }

    #billing-conf-button button, #billing-conf-button a{
        margin-left: 15px;
    }

    .billing-left-header .balance {
        margin-left: -110px;
        margin-top: 30px;
        margin-left: 0px;
        margin-top: 10px;
    }

    #billing-auto-charge-button{
        margin-top: -15px;
        margin-bottom: 10px;
    }

    #transaction-table .pager-span{
        display: table-caption;
        width: max-content;
    }

    #transaction-select{
        margin-top: -60px;
        margin-left: 20px;
    }

    #transaction-select input, #transaction-select select,#transaction-select button{
        width: 100%;
    }

    #developer-nav{
        margin-top: -35px;
    }

    #password_init .form-1{
        margin-top: 15px;
    }

    #password_init .form-2{
        margin-top: -55px;
    }

    #password_init form.form-group.password-init-form{
        margin: 0 15px;
    }

    #password_init p{
        font-size: 12px;
    }

    .admin-logo{
        display: block;
        text-align: center;
        height: 100px;
    }

    #admin-login .admin-login{
        padding-left: 0px;
    }

    #caredit-card-details select{
        width: 100%;
    }

    #caredit-card-details input{
        width: 100% !important;
    }

    #caredit-card-details{
        padding-left: 5px;
        padding-right: 5px;
    }

    #cancel-callauth-buttons button{
        width: 140px;
    }

    #password-settings input{
        width: 100% !important;
    }

    .develop-edit-delete .row{
        flex-wrap: nowrap;
        padding: 0px 18px;
    }

    .scroll-table{
        overflow-x: scroll;
    }

    #service-info-right-cont .label-content{
        display: contents !important;
    }

    #service-info-right-cont input{
        width: 100% !important;
    }

    #admin-info p{
        margin-top: 5px;
        text-align: center;
        margin-bottom: 5px;
    }

    #admin-info  input[type="button"]{
        margin-top: 10px;
        width: 100px !important;
    }

    #admin-info-button{
        width: 300px;
    }

    #admin-info-right-cont input{
        width: 330px !important;
    }

    #caredit-card-details input{
        width: 100%;
    }

    #caredit-card-details .row .col-8 input{
        width: 100%;
    }

    .phone-number h1{
        width: 300px;
        font-size: 30px;
    }

    #billing-timedout button{
        width: 130px;
    }

    .padding-change-third{
        padding: 0 0px;
        margin-right: -20px;
    }

    .padding-change-second {
        padding: 0 0px;
        margin-left: -10px;
        margin-right: 10px;
    }

    .padding-change {
        padding: 0 0px;
    }

    .billing-conf-center h5{
        font-size: 15px;
    }

    .billing-conf-center .row{
        flex-wrap: nowrap;
    }

    .billing-center{
        text-align: center;
    }

    .billing #auto_charge_btn{
        font-size: 14px;
        width: 145px;
    }

    .billing [type="submit"]{
        width: 172px;
        font-size: 14px;
    }

    #billing .input-group-append {
        margin-left: 0px;
        margin-top: 10px;
    }

    .billing-select{
        width: 140px;
    }

    #auto_charge_form #ac_balance{
        width: 115px;
    }

    #billing .navbar-light .navbar-toggler {
        z-index: 100;
    }

    .billing-left-header{
        text-align: center !important;
        margin-top: -20px;
    }

    .left_cont{
        margin-left: -10px;
    }
    #nav-table {
        padding-left: 20px;
        margin-right: 5px;
        margin-bottom: 40px;
    }

    .navbar-dark .navbar-nav .nav-link.active {
        width: 100%;
    }

    .email-text{
        display: block;
    }

    .left-nav {
        margin-bottom: 5px;
    }

    .logo-brand {
        font-size: 18px;
        bottom: -15px;
    }

    #container-fluid-custom{
        padding-right: 0px;
        padding-left: 0px;
    }

    .container-custom{
        padding-left: 0px;
        padding-right: 0px;
    }

    .logout-image{
        margin-top: -18%;
        margin-right: 10px;
    }

    .logout-content{
        margin-right: 17%;
    }

    .navbar-expand-lg .navbar-nav .nav-link{
        margin: 0 auto;
    }

    #navbarText{
        background-color: #666;
        margin-left: 5px;
        margin-right: 20px;
    }

    .navbar-dark .navbar-toggler{
        background-color: #666;
        margin-left: 5px;
    }

    .bg-custom-dark{
        background-color: #ffffff;
    }

    .flow-image{
        text-align: center !important;
    }

    .flow-heading h2{
        text-align: left !important;
        margin-left: -50px;
    }

    #payment-conf-input-group{
        flex-wrap: nowrap;
        margin-right: 5px;
    }

    #max_amount{
        width: 150px;
    }

    #input-group-text-margin{
        margin-bottom: 17px;
    }

    #input-group-text-margin input{
        width: 150px;
    }

    #card-expire-month-text{
        margin-bottom: 17px !important;
        text-align: center;
        margin-left: auto;
        margin-right: auto !important;
    }

    #card-expire-year-text{
        margin-bottom: 17px !important;
        text-align: center;
        margin-left: auto;
        margin-right: auto !important;
    }

    #admin-input-phone p{
        text-align: center !important;
        margin-top: -30px !important;
    }

    .text-center.admin-text {
        padding-left: 25px;
        padding-right: 25px;
    }

    #admin-input-postal-form{
        margin-left: 15px;
    }

    #admin-postal-row {
        margin-left: 15px;
        margin-top: -25px;
    }

    #admin-input-form label{
        margin-left: 15px;
    }

    #admin-input-form #admin-input-text{
        margin-top: -25px;
    }

    #admin-input-form input{
        width: 85%;
        margin-left: 30px;
    }

    #progress-bar ul.step-2:after{
        width: 10%;
        left: 60px;
        top: 68px;
    }

    #progress-bar ul.step-3:after{
        width: 31%;
        left: 60px;
        top: 68px;
    }

    #progress-bar ul.step-4:after {
        width:50%;
        left: 65px;
        top: 68px;
    }

    #progress-bar ul.step-5:after {
        width: 70%;
        left: 60px;
        top: 68px;
    }

    .agr-box{
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    #from-number{
        width: 90%;
    }

    #progress-bar ul li p {
        width: 135px;
        writing-mode: vertical-lr;
        font-size: 12px;
    }

    #progress-bar-row p {
        font-size: 8px;
    }

    #progress-bar-row-text{
        width: 100%;
        text-align: center;
    }

    #progress-bar-row-content{
        margin-left: 25px;
    }

    #progress-bar ul:before {
        width: 70%;
        top: 68px;
        left: 65px;
    }

    .space {
        margin-right: -115px;
    }

    #progress-bar ul li span{
        width: 40px;
        height: 40px;
    }

    #progress-bar-row p{
        font-size: 14px;
    }

}

@media (min-width: 320px) and (max-width: 359px){
        .develop-edit-delete{
        margin: 5px auto;
    }
    .billing-center-no-email-2-email{
        width: 100%;
    }
    .payment select{
        width: 100% !important;
    }
    .billing-email-form{
        display: block;
    }
    .billing-center input {
        width: 100% !important;
        margin: 10px auto;
    }
    .billing-center-no-email-2-input{
        margin: 0px 10px;
    }
    .billing-center-message{
        width: 100%;
    }

    .payment select{
        width: 100% !important;
    }
    #admin-conf-submit-button{
        flex-wrap: nowrap;
    }
    .admin-system-admin-row {
        justify-content: center;
    }
    .signup-admin-row {
        text-align: center;
    }
    .develop-add{
        text-align: center;
    }
    .develop-add .row{
        flex-wrap: nowrap;
    }
    .develop-add button{
        width: 130px;
    }
    .develop-add a{
        width: 130px;
    }
    .admin-info-input-search{
        text-align: center;
    }
    #servce-info-button{
        text-align: center;
    }
    .support-edit-row{
        justify-content: center;
        margin-left: 10px;
    }
    .support-edit-row button{
        width: 115px !important;
    }
    .support-edit-row a{
        margin-left: -40% !important;
    }

    .billing-center{
        display: block;
    }
    .billing-center-no-email{
        text-align: center;
    }
    #password-settings input{
        width: 100% !important;
    }
        .accounts-edit-button{
        width: 100%;
        text-align: center;
    }
    #charge-setting-edit #ac_setting{
        width: 100% !important;
        margin-top: 10px;
    }
    #service-info-right-cont input{
        margin-left: 0px;
    }
    #ui-datepicker-div{
        left: 35px !important;
    }
    #request-log .form-set{
        display: block;
    }
    #request-log input, #request-log select{
        width: 295px;
    }
    .form-set-button{
        display: flex;
    }
    #request-log button{
        margin-left: 0px;
        margin-top: 10px;
    }
    .form-set-button{
        margin: 0 auto;
    }
    #request-log label{
        margin-top: 10px;
        margin-bottom: 0px;
    }

    #security .underline{
        margin-left: 10px;
        margin-right: 10px;
    }
    .underline-double{
        height: 65px;
    }
    .settings-left-margin-text{
        margin-left: 0px;
        margin-top: 10px;
    }
    .settings-add-one-line-text {
        width: 100%;
        margin-top: 10px;
        margin-left: 0px !important;
    }
    #service-edit p {
        word-break: break-all;
        margin-bottom: 0px;
        margin-left: 0px !important;
    }
    .free_dial_flg_options{
        margin-bottom: 0px;
    }
    .answerback_method_options {
        margin-top: 0px;
    }
    #service-add .row{
        margin-left: 0px;
        margin-right: 0px;
    }
    .info-conf p{
        margin-top: 10px;
        margin-bottom: 0px;
    }

    .info-conf-postal-code-forms-row{
        flex-wrap: nowrap;
        margin-left: -15px;
    }

    .info-postal-seperator {
        margin-top: 0px;
        margin-bottom: -10px;
        margin-left: auto;
        margin-right: auto;
    }

    .calender-icon-label{
        width: 100%;
    }
    .cancel-process-para .ml-5,.cancel-process-para .ml-4 ,.cancel-process-para .ml-3{
        margin-left: 0px !important;
    }
    .cancel-process-para button{
        margin-top: -50px;
    }

    #billing-auto-charge-button button{
        width: 260px;
    }
    #billing-right-content{
        margin-left: 0px !important;
    }
    .payment-conf-one-line{
        width: 120%;
    }
    .transaction-time input{
        margin-left: 0px;
        margin-top: 10px;
    }
    .flow-image{
        margin-left: -80px;
        margin-right: 60px !important;
    }
    .flow-area{
        margin-left: 0px;
    }

    .flow-area-left-margin{
        margin-left: 0px !important;
    }
    .header-logo{
        text-align: center !important;
    }
    .header-logo img{
        margin-left: 0px;
    }
    .flow-heading h3{
        margin-left: -45px;
    }
    #progress-bar-row{
        margin-left: -10px;
    }
    .first-footer a{
        margin-left: -10px;
    }
    .second-footer{
        text-align: center;
    }
    .third-footer{
        text-align: center;
    }
    .attest_area input {
        width: 100%;
    }

    #checkbox-fields{
        margin-left: 25px !important;
    }
    #servce-info-button button{
        margin-left: 0px !important;
    }
    #checkbox-fields label{
        font-size: 13px !important;
    }
    .span-3{
        margin-left: 10px;
    }
    .span-4{
        margin-left: 10px;
    }
    .span-5{
        margin-left: 10px;
    }

    .add_account select, .add_account input{
        width: 100%;
    }
    .accounts-button{
        text-align: center;
    }

    #add-campaign-param input,#add-campaign-param textarea{
        width: 110%;
    }
    .add-campaign-param-button{
        text-align: center;
        width: 110%;
    }

    .settings-two-add-margin-top input{
        width: 100%;
    }
    .settings-two, .settings-two-header{
        margin-top: 30px;
    }
    .settings-two-add-margin-top{
        text-align: center;
    }

    #system-settings-two-table button{
        width: 75px;
    }
    #system-settings-two-table .delete-button{
        margin-left: auto;
        margin-top: 10px;
    }
    #system-settings-two-table .edit-button{
        margin-right: auto;
    }
    .system-settings-two-table-button-align{
        margin-left: auto;
    }

    #password-settings #servce-info-button{
        text-align: center;
    }

    #security-settings #servce-info-button{
        text-align: center !important;
    }

    .billing-button-group{
        flex-wrap: nowrap;
    }
    #admin-account-form a{
        padding: 5px 8px;
        width: 100px;
    }
    #admin-account-form button{
        /* width: 100px; */
    }

    #admin-account-form{
        padding-left: 15px;
        padding-right: 15px;
    }
    #admin-account-form input{
        width: 100% !important;
        margin-top: 15px;
    }
    .admin-account-form-button{
        text-align: center;
    }

    #help .responsive-break{
        width: 167%;
    }
    #information-add select, #information-add input[type="text"],#information-add input[type="date"],#information-add input[type="time"],#information-add label{
        width: 100%;
        margin-top: 10px;
    }
    #information-add input[type="checkbox"]{
        margin-top: 13px !important;
    }
    #information-add textarea{
        margin-left: 0px;
        width: 100%;
    }
    .information-add-text-area{
        display: block;
    }
    .information-add-buttons{
        display: flex;
        margin-left: -15px !important;
        justify-content: center;
        margin-bottom: 40px;
    }
    .information-add-buttons a{
        width: 200px;
    }

    #summary-all-table-one-left-margin{
        margin-left: 0px;
    }
    .summary-all-row{
        width: 100%;
        display: table-caption;
        margin-left: -9%;
    }
    .summary-all-row #customer_name{
        width: 300px;
    }
    .summary-all-row #date_from{
        width: 130px;
        margin-left: -18%;
        margin-top: 35px;
    }
    .summary-all-row #date_to{
        margin-left: 0%;
        width: 139px;
        height: 30px;
        margin-top: 33px;
        margin-right: -46px;
        padding-left: 10px;
    }
    .summary-search-button{
        text-align: center;
        margin-top: 30px;
    }
    .summary-all-seperator{
        margin-top: 35px;
    }
    .summary-all-row .label-buttom-margin{
        margin-left: 15px;
    }

    .charge-summary-customer-name {
        margin-top: 0px;
    }
    .charge-summary-select{
        justify-content: center;
    }
    .date-form-group label{
        margin-left: 20px;
    }

    .charge-settings-edit-customer-name{
        margin-top: 0px;
        margin-bottom: 0px;
    }
    #charge-setting-edit .payment-select {
        margin-left: 0px;
    }
    #charge-setting-edit select{
        width: 75px;
    }
    #charge-setting-edit #ac_balance{
        height: 28px;
        width: 75px;
    }

    #charge-setting-edit .digit_validation{
        width: 140px;
    }
    #charge-setting-edit #ac_balance_dev{
        margin-top: 10px;
        margin-bottom: 15px;
    }
    .charge-setting-button-group{
        margin-bottom: 50px;
    }
    .charge-setting-button-group .row{
        margin-top: -100px;
        justify-content: center;
        margin-right: auto;
    }

    .charge-header{
        text-align: center;
    }
    .charge-header-row{
        flex-wrap: nowrap;
        display: table-caption;
        width: 112%;
    }
    .charge-header-row input, .charge-header-row select, .charge-header-row  label{
        width: 250%;
    }
    .charge-header-row .search{
        text-align: center;
        margin: 20px 0px 10px 0px;
        width: 250%;
    }

    #password-settings input{
        width: 100% !important;
    }

    .security-customer-name{
        margin-top: 0px;
    }
    .security-button-group{
        text-align: center;
    }
    #security .option{
        display: inline-table;
    }
    #security .option label{
        margin-left: 3px;
    }

    .service-edit-radio-button-group{
        padding-right: 10px;
    }
    #service-edit input[type="text"], #service-edit textarea, #service-edit select{
        width: 100%;
        margin-top: 10px;
    }
    #service-edit input[type="radio"],#service-edit input[type="checkbox"]{
        margin-top: 10px;
    }
    #service-edit p{
        word-break: break-all;
        margin-top: -10px;
    }
    .service-edit-button-group{
        justify-content: center;
        margin-top: 13% !important;
        margin-left: 0px !important;
    }

    #service-add p{
        word-break: break-all;
        margin-top: 10px;
        margin-bottom: 0px;
        margin-left: 0px !important;
    }
    #service-add input[type="text"],#service-add textarea ,#service-add select{
        width: 100%;
        margin-top: 10px;
    }
    #service-add input[type="radio"],#service-add input[type="checkbox"]{
        margin-top: 10px;
    }
    .service-add-button-group{
        justify-content: center;
        margin-left: 0px !important;
        margin-top: 13% !important;
    }
    .service-add-header h5{
        font-size: 13px;
    }

    #info .info-button-group{
        justify-content: center;
        margin-left: 0%;
    }
    .info-postal-code-forms-form-group{
        flex-wrap: nowrap;
        width: 100%;
    }
    #info input, select{
        width: 100%;
    }

    .info-postal-code-forms #postal-code-upper {
        width: 91%;
    }
    .info-postal-code-forms #postal-code-lower {
        width: 91%;
        margin-left: 15px;
    }
    .info-postal-search-button{
        text-align: center;
    }
    .customer-table-index-search-button{
        text-align: center;
        margin-top: 10px;
    }

    .customer-table-index-search-button{
        text-align: center;
        margin-top: 10px;
    }

    #customer-table-index input{
        margin-left: 30px;
        width: 70%;
    }
    #customer_contract_status {
        width: 70%;
    }
    .customer-acount-header{
        text-align: center;
    }

    .bg-dark {
        background-color: #ffffff;
    }

    .titleAndLogout button{
        margin-top: 30px;
        margin-bottom: -60px;
        position: relative;
        z-index: 9999;
    }

    #help{
        margin-top: -40px;
    }

    #help .responsive-break{
        display: grid;
    }

    #help .right-section{
        margin-top: 10px;
    }

    .right_cont h5{
        text-align: center;
    }

    #transaction-table .pager-span{
        display: table-caption;
        width: max-content;
    }

    #delete_conf_modal-row{
        flex-wrap: nowrap;
    }

    #delete_conf_modal-row button{
        width: 110px !important;
        margin-left: -3px !important;
    }

    #change_default_btn{
        width: 290px !important;
    }

    #billing-conf-button button, #billing-conf-button a{
        margin-left: 15px;
    }

    #billing-icon{
        height: 35px;
    }

    #ac_balance{
        height: 35px;
    }

    .billing-left-header .balance {
        margin-left: -110px;
        margin-top: 30px;
        margin-left: 0px;
        margin-top: 10px;
    }

    #billing-auto-charge-button{
        margin-top: -15px;
        margin-bottom: 10px;
    }

    #transaction-table .pager-span{
        display: table-caption;
        width: max-content;
    }

    #transaction-select{
        margin-top: -60px;
        margin-left: 15px;
    }

    #transaction-select input, #transaction-select select,#transaction-select button{
        width: 100%;
    }

    #developer-nav{
        margin-top: -35px;
        margin-left: -10px;
    }

    #password_init .form-1{
        margin-top: 15px;
    }

    #password_init .form-1{
        margin-top: 15px;
    }

    #password_init .form-2{
        margin-top: -55px;
    }

    #password_init form.form-group.password-init-form{
        margin: 0 15px;
    }

    #password_init p{
        font-size: 11px;
    }

    .admin-logo{
        display: block;
        text-align: center;
        height: 105px;
    }

    #admin-login .admin-login{
        padding-left: 0px;
    }

    .admin-logo h1{
        font-size: 30px;
        margin-bottom: 15px;
        margin-top:10px;
        margin-bottom:25px;
    }

    #caredit-card-details{
        padding-left: 10px;
        padding-right: 10px;
    }

    #cancel-process-button button, #cancel-process-button a{
        width: 130px;
        padding: 5px 5px;
    }

    #cancel-process-button{
        justify-content: center;
    }

    #cancel-callauth-buttons button{
        width: 115px;
    }

    .develop-edit-delete .row{
        flex-wrap: nowrap;
        padding: 0px 18px;
    }

    .scroll-table{
        overflow-x: scroll;
    }

    #service-info-right-cont .label-content{
        display: contents !important;
    }

    #billing input{
        width: 75px;
    }
    .billing-select {
        width: 75px;
    }
    #cancel-process-chekbox{
        display: flex;
        flex-wrap: unset;
        text-align: center !important;
    }

    #cancel-process-chekbox input{
        width: 20px !important;
        height: 15px;
    }

    #admin-info p{
        margin-top: 5px;
        text-align: center;
        margin-bottom: 5px;
    }

    #admin-info  input[type="button"]{
        margin-top: 10px;
        width: 100px !important;
    }

    #caredit-card-details input{
        width: 100%;
    }

    .phone-number h1{
        width: 258px;
        font-size: 27px;
    }

    #billing-timedout button{
        width: 115px;
    }

    .billing-conf-center h5{
        font-size: 14px;
    }

    .billing-conf-center .row{
        flex-wrap: nowrap;
    }

    .padding-change-third{
        padding: 0 0px;
        margin-right: -20px;
    }

    .padding-change-second {
        padding: 0 0px;
        margin-left: -10px;
        margin-right: 9px;
    }

    .padding-change {
        padding: 0 0px;
    }

    #billing-conf-button button,#billing-conf-button a{
        width: 130px;
    }

    .billing #auto_charge_btn{
        font-size: 14px;
        width: 115px;
    }

    .billing [type="submit"]{
        font-size: 14px;
        width: 172px;
    }

    #nav-table{
        width: 93%;
        margin-left: 20px;
        margin-bottom: 40px;
    }

    .billing-center{
        text-align: center;
    }

    .billing-input-select{
        margin-top: 10px;
        margin-left: 0px;
    }

    .billing-input-field{
        width: 150px;
    }

    .billing-left-header{
        text-align: center !important;
    }

    #billing .left_cont{
        margin-left: -10px;
    }

    .navbar-dark .navbar-nav .nav-link.active {
        width: 100%;
    }

    .powered{
        bottom: -15px;
    }

    .logout-image img {
        height: auto;
        width: 35px;
    }

    .logo-image {
        width: 110px;
        height: auto;
    }

    .border-right{
        margin-right: 5px;
        font-size: 13px;
    }

    .email-adddress{
        margin-right: 10px;
    }

    .email-text{
        display: block;
    }

    .left-nav {
        margin-bottom: 5px;
    }

    .logo-brand {
        font-size: 18px;
        bottom: -10px;
    }

    #container-fluid-custom{
        padding-right: 0px;
        padding-left: 0px;
    }

    .container-custom{
        padding-left: 0px;
        padding-right: 0px;
    }

    .logout-image{
        margin-top: -17%;
        margin-right: 10px;
    }

    .logout-content{
        margin-right: 15%;
    }

    .navbar-expand-lg .navbar-nav .nav-link{
        margin: 0 auto;
    }

    #navbarText{
        background-color: #666;
        margin-left: 5px;
        margin-right: 20px;
    }

    .navbar-dark .navbar-toggler{
        background-color: #666;
        margin-left: 5px;
    }

    .bg-custom-dark{
        background-color: #ffffff;
    }

    .flow-image{
        text-align: center !important;
    }

    .flow-heading h2{
        text-align: left !important;
        margin-left: -50px;
    }

    #payment-conf-input-group{
        flex-wrap: nowrap;
        margin-right: 5px;
    }

    #max_amount{
        width: 120px !important;
    }

    #input-group-text-margin{
        margin-bottom: 17px;
    }

    #input-group-text-margin input{
        width: 120px;
    }

    #card-expire-month-text{
        margin-bottom: 17px !important;
        text-align: center;
        margin-left: auto;
        margin-right: auto !important;
    }

    #card-expire-year-text{
        margin-bottom: 17px !important;
        text-align: center;
        margin-left: auto;
        margin-right: auto !important;
    }

    .agr-box{
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    #postal-code-upper{
        width: 85px;
    }

    #postal-code-lower{
        width: 85px;
    }

    #admin-input-phone p{
        text-align: center !important;
        margin-top: -30px !important;
    }

    .text-center.admin-text {
        padding-left: 25px;
        padding-right: 25px;
    }

    #admin-input-postal-form{
        margin-left: 15px;
    }

    #admin-postal-row {
        margin-left: 15px;
        margin-top: -25px;
    }

    #admin-input-form label{
        margin-left: 15px;
    }

    #admin-input-form #admin-input-text{
        margin-top: -25px;
    }

    #admin-input-form input{
        width: 85%;
        margin-left: 30px;
    }

    #progress-bar ul.step-2:after {
        width: 10%;
        left: 65px;
        top: 68px;
    }

    #progress-bar ul.step-3:after{
        width: 25%;
        left: 65px;
        top: 68px;
    }

    #progress-bar ul.step-4:after {
        width: 50%;
        left: 65px;
        top: 68px;
    }

    #progress-bar ul.step-5:after {
        width: 60%;
        left: 65px;
        top: 68px;
    }

    #progress-bar-row-content {
        display: flex;
        margin-left: 35px;
    }

    #progress-bar ul li p {
        width: 135px;
        writing-mode: vertical-lr;
        font-size: 12px;
    }

    #progress-bar-row-text{
        width: 100%;
    }

    #progress-bar-row-text{
        text-align: center;
    }

    .space{
        margin-right: -130px;
    }

    #progress-bar ul li span{
        width: 40px;
        height: 40px;
    }

    #progress-bar ul:before{
        width: 60%;
        top: 68px;
        left: 65px;
    }

    #progress-bar-row p{
        font-size: 14px;
    }

}