@media only screen and (min-width:1240px) and (max-width:1460px) {
    .basicinfo-screen h2 {
        font-size: 24px;
        margin-bottom: 6px;
        margin-top: 10px
    }

    .merchant-content {
        padding: 10px 20px;
        margin-top: 2px
    }

    .right-section-info .form-group {
        margin-bottom: 2px
    }

    .addvert-box {
        margin-top: 25px
    }

    .nav-menu ul {
        color: #fff;
        list-style: none;
        display: inline
    }

    .payment-category .payment-category-name:hover {
        background: #ff993e;
        border: 1px solid #ffaa5d24;
        -webkit-box-shadow: 7px 14px 18px -6px rgba(240, 132, 35, .22);
        -moz-box-shadow: 7px 14px 18px -6px rgba(240, 132, 35, .22);
        box-shadow: 7px 14px 18px -6px rgba(240, 132, 35, .22)
    }

        .payment-category .payment-category-name:hover h3 {
            color: #fff
        }

        .payment-category .payment-category-name:hover img {
            filter: brightness(0) invert(1) !important
        }

        .payment-category .payment-category-name:hover i {
            color: #fff
        }
}

@media only screen and (max-width:1024px) {
.heading-section img.package-list-title-icon {
    width:10% !important;
}
    .bg-imgpackage {
    background-repeat: repeat;
}
    .merchant-content {
        width: 100%
    }

    #payment_mode .bg-shadow {
        width: 65%;
    }

    .Quick-Free img {
        padding: 10px 0;
        padding-left: 12px
    }

    .right-section-info {
        background: #fff;
        padding: 15px 10px
    }

    .merchant-content {
        padding-bottom: 5px
    }

    .sales-box {
        min-height: 357px
    }

    #content_MerchantType h2 {
        margin-top: 8px;
        margin-bottom: 2px
    }

    .back-btn {
        margin-left: 0;
        margin: 0
    }

    .merchant-type {
        margin-bottom: 0
    }

    .merchant-box {
        min-height: 357px
    }

    .payment-category {
        width: 95%;
        margin: 0 auto
    }

    #content_PaymentCategory .continueBtn,
    #content_PaymentCategory .disabled-continueBtn {
        width: 38%;
        margin-left: 0
    }

    .catogory-paybox .panel-title {
        font-size: 13px
    }

    .heading {
        margin-bottom: 15px
    }

    .sign-in-ON h3 {
        width: 280px
    }

    .sub-head {
        margin-top: 30px
    }

    .payment-catbtn .back-btn {
        font-size: 13px
    }

    .payment-catbtn .disabled-continueBtn {
        font-size: 13px !important;
        margin: 0
    }

    #content_PaymentCategory .disabled-continueBtn,
    .payment-catbtn .continueBtn {
        font-size: 16px !important;
        margin: 0;
        width: 46% !important;
        margin-left: 15px;
        margin-top: 0 !important
    }

    #content_PaymentCategory .disabled-continueBtn {
        margin-left: 0
    }

    .payment-catbtn {
        margin-top: 10px
    }

    .interest-item,
    .not-interest {
        width: 95%
    }

    .back-btn {
        margin-top: -4px;
        margin-right: 20px
    }

    .interest-item .item-one {
        min-height: 155px
    }

    .m-b-25 {
        margin-bottom: 25px
    }

    #business_detail .BS-container {
        padding: 35px;
        margin-top: 12px;
        width: 95%
    }

    .mt-container {
        margin-top: 0
    }

    #mobile_pay_price {
        font-size: 12px
    }

    .catogory-paybox p {
        font-size: 12px;
        font-weight: 600
    }

    .catogory-paybox img {
        height: 120px;
        width: auto
    }

    .heading {
        margin-top: 15px
    }

        .heading h2 {
            margin-bottom: 0
        }

    .clover-video-popup .modal-body {
        padding: 12px 16px 2px 16px
    }

    .bg-shadow {
        width: 90%;
        padding-bottom: 16px
    }

    .review-list li {
        margin-bottom: 25px;
        margin-right: 25px;
        width: 42%
    }

    .verify-address {
        width: 80%
    }

    .right-section-info .form-group {
        margin-bottom: 0
    }

    .p-r-none {
        padding-right: 0
    }

    .mobile-toggle {
        margin-left: 20px
    }

    .business-info .text-danger {
        position: relative;
    }
    .transinfocolm label:first-child {
        height: 34px;
    }
}

@media only screen and (max-width:991px) {
    #owner_info .b-l-1 {
        border: none
    }

    .BS-container {
        width: 95%
    }

    .licencePic {
        margin-top: 0
    }

    .payemnt-method .payment-blocks {
        float: left
    }
    .px-0 {
        padding-left: 0px;
        padding-right: 0px;
    }


   /****30/08/2021****/

   .package-section {
       flex-direction:column;
   }


}

@media only screen and (max-width:767px) {
    .inner-blocks .blocks-heading p {
        float: right;
    }

    .helpline-number p {
        width: 90%;
        font-size: 14px
    }

    .ui-dialog {
        width: 90% !important
    }

    .review-think {
        margin-top: 0
    }

    .preHead ul li {
        margin: 10px 0;
        margin-right: 27px
    }

    .preHead ul li {
        margin-right: 33px
    }

    .merchant-content {
        width: 100%;
        padding: 0
    }

    .m-t-25 {
        margin-top: 25px
    }

    .Quick-Free img {
        padding: 5px;
        padding-bottom: 0
    }

    .custom-nav .navbar-header .navbar-brand {
        padding: 20px 17px
    }

    .custom-nav .navbar-brand img {
        width: 152px
    }

    .custom-navbar {
        padding: 17px 0 0 0
    }

        .custom-navbar li {
            margin-left: 0
        }

    .custom-nav .navbar-header .navbar-brand {
        padding: 20px 0
    }

    .login-pg-bg .custom-nav .navbar-header .navbar-brand {
        padding: 20px 15px
    }

    #google_translate_element {
        float: left;
        width: 100%
    }

    .mobile-toggle {
        float: right;
        background: 0 0
    }

    .basicinfo-screen {
        margin-top: 15px
    }

    .merchant-content .form-control {
        max-width: 100%
    }

    .basicinfo-screen h3 {
        font-size: 18px;
        margin-top: 0
    }

    .Quick-Free .col-sm-2 {
        text-align: center
    }

    .Quick-Free .col-sm-10 {
        text-align: center
    }

    .Quick-Free .p-l-7 {
        padding-left: 0
    }

    .right-section-info {
        background: #fff;
        padding: 12px 0
    }

    .merchant-content .continueBtn {
        width: 100%;
        margin-top: 10px
    }

    .sign-in-ON h3 {
        width: 280px
    }

    .sign-in-Off h5 {
        line-height: 36px;
        margin-top: 2px
    }

        .sign-in-Off h5 a {
            color: #fff !important;
            font-size: 18px;
            border: 2px solid #fff;
            padding: 0;
            border-radius: 50px;
            background: #ffffff00;
            display: block;
            width: 50%;
            margin: 0 auto
        }

            .sign-in-Off h5 a:hover {
                border: 2px solid #f08423;
                background: #f08423
            }

    .p-r-7 {
        padding-right: 14px
    }

    .p-l-7 {
        padding-left: 14px
    }

    .social-box {
        width: 22px;
        float: left;
        margin-right: 21px
    }

    .modal-open .navbar-fixed-bottom,
    .modal-open .navbar-fixed-top,
    body.modal-open {
        margin-right: 0
    }

    .modal-dialog {
        width: 100%
    }

    .sales-box {
        width: auto
    }

    .payment-category-name .p-l-none {
        padding-left: 15px
    }

    .payment-category-name .col-sm-1 img {
        width: 34px;
        margin: 8px 0
    }

    .payment-category {
        width: 95%
    }

        .payment-category .payment-category-name h3 {
            text-align: left;
            margin: 0;
            font-size: 14px;
            padding: 8px;
            font-weight: 700;
            color: #484848;
            margin-left: 0
        }

    #content_PaymentCategory .back-btn {
        margin: 6px 8px 14px;
        width: 95%;
        font-size: 13px;
        padding: 10px;
        text-align: center
    }

    .back-btn {
        width: 100px;
        margin-left: 0;
        padding: 12px;
        font-size: 16px;
        margin: 8px;
        height: 47px;
        margin-top: 4px;
        margin-left: 0
    }

    #content_PaymentCategory .continueBtn,
    #content_PaymentCategory .disabled-continueBtn {
        width: 95%;
        font-size: 14px;
        padding: 10px;
        margin-top: 5px
    }

    .top-heading h2 {
        font-size: 26px;
        width: 100%
    }

    #business_licence .BS-container {
        padding: 0
    }

    #merchant_surinumber,.custom-pad {
        padding: 0 20px
    }

    .top-heading p {
        font-size: 15px
    }

    .interest-item,
    .not-interest {
        padding-top: 0;
        width: 100%
    }

    #content_PaymentCategory .disabled-continueBtn {
        width: 95%;
        font-size: 14px;
        padding: 10px;
        margin-top: 5px
    }

    .interest-item .item-one {
        margin-bottom: 10px
    }

    .mi-btn .back-btn {
        width: 36%;
        margin-left: 0;
        padding: 12px;
        font-size: 16px;
        margin: 8px;
        height: 47px;
        margin-top: 6px
    }

    .footer {
        margin-top: 0;
        padding: 10px 0
    }

    .interest-item .item-one {
        height: auto;
        padding-top: 4px;
        min-height: auto
    }

    .mi-btn .disabled-continueBtn {
        width: 57%;
        height: 47px
    }

    .merchant-type .sales-box {
        width: 100%;
        margin-bottom: 15px
    }

    .merchant-box,
    .sales-box {
        margin-right: 0;
        margin-bottom: 0;
        padding: 10px 12px;
        min-height: auto;
        text-align: center
    }

    .merchant-type {
        margin-bottom: 5px
    }

    #content_MerchantType .lets-btn {
        text-align: center
    }

    .footer h3 {
        margin-left: 0;
        margin-bottom: 10px
    }

    .footer-list {
        margin-top: 18px;
        padding-left: 0
    }

    .footer .navbar-brand {
        padding: 0
    }

        .footer .navbar-brand img {
            margin-left: 0
        }

    .item-one .item-icon {
        position: absolute;
        top: 2px;
        right: 5px
    }

    .form-group-custom label {
        font-size: 12px
    }

    .continueBtn {
        width: 130px;
        height: 47px;
        margin-top: 0
    }

    #content_PaymentCategory .continueBtn,
    #content_PaymentCategory .disabled-continueBtn {
        height: auto;
        width: 95% !important
    }

    #content_OrganizationInfo {
        margin-top: 30px
    }

        #content_OrganizationInfo top-heading {
            margin-bottom: 8px
        }

    #organization_info_item {
        background: #fff;
        padding: 10px 5px 0 5px
    }

    .BS-container {
        padding-bottom: 6px;
        width: 95%
    }

    #GroupingModal .modal-dialog .modal-header .close {
        margin-top: -28px;
    }

    #content_BusinessLicenceInfo .continueBtn {
        width: 140px;
        margin-top: 0
    }

    .top-heading {
        margin-top: 0;
        margin-bottom: 10px;
        overflow: hidden
    }

    .merchant-box img,
    .sales-box img {
        position: relative;
        left: 0;
        max-width: 60px;
        display: block;
        margin: 0 auto 10px
    }

    .merchant-box p,
    .sales-box p {
        font-size: 14px;
        margin: 0
    }

    .disabled-continueBtn {
        width: 130px;
        height: 47px;
        margin-top: 8px
    }

    .swal2-popup {
        width: 100% !important
    }

    #business_tax {
        width: 100%
    }

        #business_tax .form-group {
            margin-top: 10px
        }

    #content_BusinessTaxInfo .disabled-continueBtn {
        width: 140px;
        margin-top: 8px
    }

    #content_BusinessTaxInfo .continueBtn {
        width: 140px;
        margin-top: 0x
    }

    #business_detail .BS-container {
        margin-top: 0;
        padding: 15px
    }

    .mt-container {
        width: 100%;
        padding: 8px 0
    }

    #btnGoToTransactionInfo2 {
        margin-top: 30px
    }

    #merchant_transaction_information2 {
        padding: 0 15px
    }

    #content_TransactionInfo1 .mt-container.transinfo1,
    #content_TransactionInfo2 .mt-container.transinfo2,
    #content_TransactionInfo3 .mt-container.transinfo3 {
        width: 100%;
        padding: 15px
    }

    .payment-days,
    .percent-sale {
        width: 100%;
        margin-right: 0
    }

    #content_BankDetail .Bank-bgdetail {
        padding: 10px 0 20px
    }

    .sidebar-is-expanded .container {
        padding: 0
    }

    .main-wrap {
        background: #fff;
        padding: 15px 0;
        padding-top: 0;
    }

    .store-front {
        padding: 0 30px
    }

    .device-padding {
        padding: 0 14px
    }

    .heading {
        margin-top: 40px
    }

    .Bank-bgdetail {
        width: 92%;
        padding: 10px 0
    }

    .wm-zoom-container {
        margin-top: 15px
    }

    #content_BankDetail .form-group {
        margin-bottom: 10px
    }

    .bg-shadow {
        padding: 0 4px;
        width: 93%;
        overflow: hidden
    }

    #ACHCredit {
        float: inherit;
        padding-top: 38px;
        width: 90%;
        padding: 16px 0;
        margin-top: 25px;
        margin-left: 20px;
        margin: 0 auto;
    }


    .card-method {
        background: #fff;
        width: 100%;
        padding: 14px 10px;
        text-align: center;
        border: 1px solid #d4d4d4;
        min-height: auto;
        margin-top: 25px
    }

    .payment-method-hov {
        background: #f08423;
        color: #fff;
        margin-top: 15px
    }

    #ach {
        width: 100%
    }

    #pushToCard {
        width: 100%
    }

    #payment_mode .continueBtn {
        width: 140px;
        margin-top: 10px
    }

    .card-method label {
        font-size: 13px
    }

    .pricing-det {
        margin-top: 0
    }

        .pricing-det h4 {
            font-size: 26px;
        }

    #content_PricingDetail .container {
        padding: 0
    }

    #content_Signature .top-heading {
        margin-top: 10px;
        margin-bottom: 30px;
    }

    .mainHead {
        margin-bottom: 10px;
        margin-top: 6px;
        font-size: 18px;
        margin-left: 3px
    }

    .subText {
        font-size: 18px
    }

    .heightControl {
        padding: 0
    }

        .heightControl .col-sm-6 {
            padding: 0
        }

    .licencePic .continueBtn {
        margin-right: 14px;
        height: 40px
    }

    .licencePic {
        margin-bottom: 0
    }

    .mobile-payment .text-center {
        padding: 0
    }

    .modal-content {
        width: 100%
    }

    .clover-video-popup {
        padding-top: 4%
    }

    .store-front .text-center {
        padding: 0
    }

    #validateCard span.card span.card-generic {
        background: url(/Content/images/generic.png) no-repeat 3px 2px
    }

    .pricing-det h4 {
        margin-top: 30px
    }

    .processing_fee {
        margin-top: 10px
    }

        .processing_fee h4 {
            margin-top: 0
        }

    .payment-catbtn {
        margin: 4px auto
    }

    #content_PaymentCategory .payment-catbtn {
        max-width: 100%
    }

        #content_PaymentCategory .payment-catbtn .back-btn {
            padding: 10px 12px;
            font-size: 13px;
            margin: 10px 0
        }

    .payment-catbtn .disabled-continueBtn {
        height: auto;
        margin-left: 0 !important;
        margin-top: 0 !important
    }

    .payment-catbtn .continueBtn {
        width: 95% !important;
        margin-left: 0;
        margin-top: 5px
    }

    .review-think {
        margin-top: 0
    }

        .review-think .form-group .col-sm-12 h3 {
            margin-top: 0;
            font-size: 17px;
            text-align: center;
            font-weight: 600;
            padding-top: 8px
        }

    .review-pg {
        padding: 12px;
        margin-top: 20px
    }

    .review-list li {
        width: 100%;
        font-size: 14px;
        margin-bottom: 20px
    }

    .review-contact {
        margin-bottom: 0;
        margin-top: 0
    }

    .review-table {
        width: 100%;
        overflow-x: scroll
    }

    .payment-edit-icon {
        position: absolute;
        right: 12px;
        top: 37px
    }

    .custom-navbar {
        display: none
    }

    .success-review .success-content {
        position: absolute;
        top: 8px;
        left: 40px;
        width: auto
    }

    .success-review .success-icon {
        margin-bottom: 65px
    }

    .success-review {
        margin-top: 0
    }

    .img-moblie-view {
        visibility: visible;
        display: inline-block !important
    }

    .img-hide-mobile {
        display: none
    }

    .img-modal {
        width: 100%
    }

        .img-modal .modal-body {
            padding: 0
        }

            .img-modal .modal-body .col-md-12 {
                padding: 0
            }

    .payment-category .payment-category-name {
        padding: 6px 15px;
        width: 100%;
        margin-right: 0
    }

    .owner-field {
        padding: 25px 15px 0 15px
    }

    #owner_info {
        padding: 5px
    }

    .catogory-paybox img {
        height: 120px;
        width: auto
    }

    .progress,
    .review-pg-progress .progress {
        max-width: 400px;
        margin: 45px auto 30px
    }

    .review-pg-progress {
        margin: 70px auto 0
    }

        .review-pg-progress .progress {
            margin: 45px auto 10px
        }

    .top-subheading {
        color: #fff;
        margin-top: 25px
    }

    .p-r-none {
        padding-right: 15px
    }

    .mobile-toggle {
        margin-left: 0
    }

    body.bg-img {
        top: 60px !important
    }

    body.login-pg-bg {
        top: 50px !important
    }

    .sign-in-btn {
        text-align: center
    }

    button#btnGoToMerchantType {
        max-width: 200px;
        margin: auto;
        float: none !important
    }

    .basicinfo-screen h1 {
        font-size: 30px
    }

    .login-body .inner-col {
        padding: 10px !important
    }

    #marketingModal .selectBox .col-xs-10,
    #marketingModal .selectBox .col-xs-2,
    .custom-nav .profile-pic.pull-right,
    .goog-te-gadget .goog-te-combo {
        width: 100% !important
    }

    .custom-nav .profile-pic.pull-right {
        text-align: center
    }

    .goog-te-gadget .goog-te-combo {
        max-width: 300px
    }

    #marketingModal .selectBox .col-xs-2 {
        text-align: center
    }

    #business_licence .ImagePadding {
        padding: 0
    }

    .device-block img {
        width: auto;
        max-width: 100%
    }

    #ACHCredit label {
        padding-bottom: 0
    }

    #PushToCard {
        min-height: 1px !important
    }

    #content_ManageInterest .continueBtn {
        margin-top: 0
    }

    #ModalMerchantDocument > .modal-dialog,
    .Bank-bgdetail {
        width: 92% !important
    }

    .appoint-confirm-sec h3 {
        font-size: 18px
    }

    .footer .credit-card-img {
        margin: 0
    }

        .footer .credit-card-img:last-child {
            margin-top: 20px
        }

    .footer .copyright {
        padding: 10px 0 0
    }

    .analyser-block {
        margin-bottom: 20px
    }

        .analyser-block:last-child {
            margin-bottom: 0
        }

    .summary-current .row {
        flex-direction: column
    }

    .analyser-pg-main .container {
        width: 100%
    }

    .bundle-effc .summary-data {
        padding: 15px 0 5px
    }

    .summary-current .right-sec canvas {
        margin-top: 15px
    }

    .benefit-data ul {
        margin-left: 10px !important;
        margin-bottom: 0
    }

    .updated-benefits .top-headn {
        margin-top: 10px
    }
    .transinfocolm .table-responsive{
        border: none;
    }

}

@media only screen and (max-width:414px) {
    .goog-te-gadget .goog-te-combo {
        width: 382px;
        padding: 10px 4px
    }
    #payment_mode .bg-shadow {
        width: 85%;
    }
    #pushToCard {
        width: 95%;
    }
    .transinfocolm label:first-child {
        height: 20px;
    }
    .transinfocolm {
        float: none;
    }
    .payment-days, .percent-sale{
        height: auto;
    }
    .quick-content p {
        padding: 0 18px
    }

    .sign-in-Off {
        padding-bottom: 3px
    }

    .signature-pad--body {
        overflow: auto
    }

    .Quick-Free h4 {
        padding: 0 18px
    }

    .quick-img {
        margin-right: 0
    }
    .BS-container .busdet-row label.m-label {
        height: 60px;
    }
    .processing-main-page .blocks-heading {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        align-items: center;
    }

    .processing-main-page div#TwoTileImage {
        display: none !important;
    }
    .modal-dialog.modal-document {
        left: 4%;
    }
    .heading-section img {
        width: 12%;
        margin-right: 5px;
    }
    
}

@media only screen and (max-width:375px) {
    .goog-te-gadget .goog-te-combo {
        width: 344px;
        padding: 10px 4px
    }
}

@media only screen and (max-width:360px) {
    .goog-te-gadget .goog-te-combo {
        width: 330px;
        padding: 10px 4px
    }
}

@media only screen and (max-width:320px) {
    .goog-te-gadget .goog-te-combo {
        width: 296px;
        padding: 10px 4px
    }
    .BS-container .busdet-row label.m-label {
        height: 80px;
    }
}

@media screen and (min-width:900px) {
    .mobile-toggle {
        display: none
    }

    .nav-menu,
    .profile-pic.pull-right ul.right.custom-navbar {
        display: none
    }
    #marketingModal .modal-dialog {
        padding-top: 14px;
    }
    .p-4{
        padding:15px;
    }
    .w-95{
        width:90% !important;
        margin:0 auto;
    }
    .modal-dialog {
        padding-top: 15px;
        margin-bottom: 15px;
    }
    
}

@media screen and (max-height:450px) {
    .sidenav {
        padding-top: 15px
    }

        .sidenav a {
            font-size: 18px
        }
}

@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
    .form-group-custom input:checked + label::after {
        top: 4px
    }

    .form-group-custom label {
        clear: both
    }
}

@media screen and (min-width:375px) and (max-width:767px) {
    .signature-pad--body {
        border: 1px solid #fff;
        border-radius: 3px;
        margin-bottom: 14px;
        box-shadow: 0 0 10px #e1e1e1;
    }
    #marketingModal .selectBox img {
        margin: 0px !important;
    }
    
   
}

@media only screen and (min-width:768px) and (max-width:1024px) {

    .navbar .mobile-toggle {
        float: right
    }
    .modal-open .navbar-fixed-top{
        margin-right: 0;
    }

    .container.body-content {
        min-height: 1px
    }

    .flex-container {
        height: 50vh;
        margin-top: 60px
    }

    #content_PaymentCategory .payment-catbtn {
        max-width: 100%
    }

    #content_PaymentCategory .continueBtn,
    #content_PaymentCategory .disabled-continueBtn {
        width: 350px !important
    }

    #content_MerchantType .merchant-box,
    #content_MerchantType .sales-box {
        max-width: 100%;
        width: 100%;
        margin: 0 auto 20px;
        padding: 20px;
        text-align: center;
        min-height: 292px
    }

    .location-no-box {
        width: 400px;
        margin: auto;
        float: none
    }

    #marketingModal .selectBox {
        min-height: 202px
    }

    #content_MerchantType .lets-btn {
        text-align: center
    }

    #content_BusinessDetailInfo #business_detail .col-xs-12.form-boxes {
        min-height: 120px
    }

    #content_BusinessDetailInfo #business_detail label {
        min-height: 62px;
        display: flex;
        align-items: center;
    }

    #marketingModal .selectBox .col-xs-10,
    #marketingModal .selectBox .col-xs-2 {
        width: 100% !important
    }

    #marketingModal .selectBox .col-xs-2 {
        text-align: center
    }

    div#dvBusinessTax {
        margin: auto;
        width: 100%
    }

    .payemnt-method .payment-blocks {
        float: left;
        width: 50%
    }

    #ModalMerchantDocument .modal-content {
        width: 100%
    }

    .merchant-box img,
    .sales-box img {
        display: block;
        margin: 0 auto 10px;
        position: relative;
        left: 0
    }

    #dvBackDlDocument,
    .heightControl.national-id,
    .upload-docmnt {
        width: 49%;
        display: inline-block;
        vertical-align: middle;
        float: none
    }

    .payment-days,
    .percent-sale {
        width: 100%;
        margin-right: 0
    }

    .Bank-bgdetail {
        width: 80%
    }

    #content_PaymentCategory .payment-catbtn .back-btn {
        margin: 0 5px
    }

    .summary-current .row {
        flex-direction: column
    }

    .summary-blocks .row {
        flex-direction: row
    }

    .benefit-data ul {
        margin-left: 10px !important;
        margin-bottom: 0
    }

    .analyser-block {
        margin-bottom: 20px
    }

        .analyser-block:last-child {
            margin-bottom: 0
        }

    p.name {
        font-size: 12px
    }

    .final-data p.name {
        font-size: 13px
    }

    .analyser-screen .table-bordered > thead > tr > th span {
        font-size: 12px
    }

    p.price {
        font-size: 17px
    }

    .final-data p.price {
        font-size: 22px
    }
    .time, .mins, .meridian {
        width: 35px !important;
        float: left;
        margin: 0 10px !important;
        font-size: 12px !important;
        color: #2d2e2e;
        font-family: arial;
        font-weight: 700;
    }

    .right-section-info label {
        Height: 35px;
    }
}



@media only screen and (min-width:992px) and (max-width:1199px) {
    .national-id label {
        min-height: 40px
    }

    #content_PaymentCategory .payment-catbtn {
        max-width: 100%
    }

    .payment-days,
    .percent-sale {
        width: 100%;
        margin-right: 0
    }

    .Bank-bgdetail {
        width: 60%
    }

    .pricing-details {
        padding: 15px 0
    }
}

@media only screen and (min-width:1025px) and (max-width:1199px) {
    #content_BusinessDetailInfo #business_detail .col-xs-12.form-boxes {
        min-height: 100px
    }

    .summary-current .row {
        flex-direction: column
    }

    .summary-blocks .row {
        flex-direction: row
    }

    p.name {
        font-size: 12px
    }

    .final-data p.name {
        font-size: 13px
    }

    .final-data p.price {
        font-size: 22px
    }

    .analyser-screen .table-bordered > thead > tr > th span {
        font-size: 12px
    }

    .benefit-data li {
        width: 33%
    }
}


/*Manage Interest command other package related code begin*/

@media screen and (max-width: 1024px){


 /* ---------------- Direct Package ----------------*/

 .next-level-offer {
     width:100% !important;
 }
.direct-package-img h2 {
    font-size: 18px;
}

.direct-package-img {
    top: -120px;
    height: 169px;
    padding: 18px;
    width: 168px;
}
    .marg-top-price-info {
    margin-top: -95px;
}

.direct-package-img::before {
    top: 30px;
    left: -2px;
    width: 126%;
    height: 172%;
}

.package-section1 .price-info h1 {
    font-size: 4.5rem;
}

.package-section1 {
    padding: 0px 15px 40px 15px;
}

.heading-section h5 {
    font-size: 1.1rem;
}
ul.clover-list li {
    line-height: 20px;
    font-size: 1.2rem;
}

.direct-cloverpayroll h2 {
    font-size: 2rem;
}

.direct-cloverpayroll h3 {
    font-size: 18px;
}
.direct-cloverpayroll h3 span {
    font-size: 3rem;
}

.direct-cloverpayroll p button.btn1 {
    margin-right: 0px;
    width: 170px;
}

.direct-cloverpayroll p button.btn2 {
    width: 170px;
    margin-top: 20px;
}
.package-section1 .price-info p {
    font-size: 12px;
}


/* ---------------- Incoming Package ----------------*/
.heading-s-right p {
    font-size: 9px;
}

.package-section2 {
    padding: 0px 15px 40px 15px;
}
.heading-section {
    padding: 5px 5px;
}
.package-section2 .price-info h1 {
    font-size: 4.5rem;
}

.incoming-package-img h2 {
    font-size: 18px;
    }

.incoming-package-img {
    top: -120px;
    height: 169px;
    padding: 18px;
    width: 168px;
}

.incoming-package-img::before {
    top: 30px;
    left: -2px;
    width: 126%;
    height: 172%;
}
.package-section2 .price-info p {
    font-size: 12px;
}




.heading-s-right img {
    width: 10%;
    }

/* ----------------Cash Discount Program ----------------*/

.cash-discount-program-img h2 {
    font-size: 18px;
    }

.cash-discount-program-img {
    top: -120px;
    height: 169px;
    padding: 18px;
    width: 168px;
}

.cash-discount-program-img::before {
    top: 30px;
    left: -2px;
    width: 126%;
    height: 172%;
}

.package-section3 .price-info h1 {
    font-size: 4.5rem;
}

.padd-20 {
    padding: 0px 30px;
}

.package-section3 {
    padding: 0px 15px 40px 15px;
}

.package-section3 .price-info p {
    font-size: 12px;
}

.package-section3 .price-info h1 {
    font-size: 4.5rem;
}

.cash-discount-cloverpayroll h2 {
    font-size: 2rem;
}

.cash-discount-cloverpayroll h3 {
    font-size: 18px;
}
.cash-discount-cloverpayroll h3 span {
    font-size: 3rem;
}

.cash-discount-cloverpayroll p button.btn1 {
    margin-right: 0px;
    width: 170px;
}

.cash-discount-cloverpayroll p button.btn2 {
    width: 170px;
    margin-top: 20px;
}


img.width-img-svg-circle{
    width: 10%;
}



/*--------------------Learn More ---------------*/
.learn-text-section {
    padding: 0px 24px;
}
.learn-text-section ul {
    padding-left:0 !important;
}
.learn-text-section ul li {
    font-size: 12px !important;
    line-height: 20px !important;
}


/*--------------------Next level ---------------*/
.modal-box-inner-border img {
    width: 72px;
}

.incoming-modal-box h2 {
    font-size: 2.1rem;
}


.modal-dialog-next-level{
    width: 80%;
    margin: 30px auto;
}

/*--------------------Depth analysis ---------------*/

.digital-mart-ad label {
    font-size: 0.80rem;
}

.depth-video-heading img {
    margin-right: 10px;
    width: 5%;
}


/*--------------------Cash Advance offer ---------------*/

.cash-advance-offer-dialog {
    width: 75%;

}

/*--------------------Bank statement ---------------*/
.bank-statement-file-dialog {
    width: 70%;
    margin: 40px auto;
}
.file-upload-icon i {
    font-size: 20px;
}
form.bank-statement-file {
    padding-left: 9px;
    }
form.bank-statement-file button {
    right: 21px;
}


.learnmore-section p {
    font-size: 1.2rem;
}

.annual-savings h3 {
    margin: -23px 0px 0px 0px;
}


/* ------------ other product -----------*/
.product-sec-width{
    width: 45.333333%;
}


.product-img-sec {
    border-radius: 100px;
    padding: 30px;
    position: relative;
    left: -18px;
    border: 3px solid #ddd;
}

.product-content-sec {
    margin: 5px 0px;
}

.product-content-sec h2 {
    font-size: 14px;
    margin-bottom: 5px;
}

.product-content-sec p {
    font-size: 13px;
    margin-bottom: 8px;
}
.product-img-sec img {
    width: 100%;
}

.direct-cloverpayroll p input.btn1 {
    padding: 4px 4px;
    font-size: 9px;
}
.cash-discount-cloverpayroll p input.btn1 {
    padding: 4px 4px;
    font-size: 9px;
}

.other-pr-modal .modal-header {
    background-color:transparent;
    color:#222;
    padding: 20px 15px 20px !important;
}
.other-pr-modal .modal-content{
    width:100% !important;
}
ul.clover-list-gift-card {
    height: 82px !important;
    margin: 0px 10px 2px 0px !important;
}

.other-product-left-top-marg {
    margin-top: 100px !important;
    margin-left: 25px !important;
    padding:0px;
}
.product-btn-sec span {
    padding: 5px 12px;
}
.btn-seo a {
    padding: 2px 8px!important;
}
}


@media screen and (max-width: 992px){
.heading-section img.package-list-title-icon {
    width:10% !important;
}

.next-level-offer {
     width:80% !important;
 }

.box-bg-builder {
    margin: 30px 0px;
}
 ul.clover-list {
    margin: 0px 10px 0px 0px;
    height: 80px;
 }
        .section2-width-1 {width: 70%;}
.section2-width-2 {width: 30%;}
 .padd-20 {
    padding: 0px 60px;
}




.padd-0px-tab {
    padding: 0px 60px;
}
 /* ---------------- Direct Package ----------------*/
.package-section1 {
    padding: 0px 30px 40px 30px;
}


.direct-package-img {
    top: -140px;
    height: 200px;
    padding: 27px;
    width: 200px;
}
.direct-package-img::before {
    top: 29px;
    left: -4px;
    width: 128%;
    height: 178%;
}

.package-section1 .price-info h1 {
    font-size: 5.5rem;
}


ul.clover-list li {
    font-size: 1.4rem;
    line-height: 20px;
}
.heading-section h5 {
    font-size: 1.4rem;
    margin-top: 0px;
}

.direct-cloverpayroll h2 {
    font-size: 2.4rem;
}

.direct-cloverpayroll h3 {
    font-size: 24px; 
}

ul.clover-list li.active {
    padding-left: 16%;
}
/* ---------------- Incoming Package ----------------*/

.package-section2 {
    padding: 0px 30px 40px 30px;
    margin-top: 160px;
}

.heading-s-right img {
    width: 6%;
}



.heading-section {
    padding: 5px 10px;
    height: 50px;
}

.incoming-package-img {
    top: -140px;
    height: 200px;
    padding: 27px;
    width: 200px;
}

.incoming-package-img::before {
    top: 29px;
    left: -4px;
    width: 128%;
    height: 178%;
}
/* ----------------Cash Discount Program ----------------*/


.package-section3 {
    padding: 0px 30px 40px 30px;
    margin-top: 160px;
}

.cash-discount-program-img {
    top: -140px;
    height: 200px;
    padding: 27px;
    width: 200px;
}

.cash-discount-program-img::before {
    top: 29px;
    left: -4px;
    width: 128%;
    height: 178%;
}

.section2-width-50 img {
    width: 12%;
}

.width-img-100 img.width-img-svg {
    width: 5%;
    margin-right: 5px;
}


img.width-img-svg-circle{
    width: 6%;
    }


/*--------------------Next level ---------------*/
.modal-box-inner-border img {
    width: 72px;
}

.incoming-modal-box h2 {
    font-size: 2.1rem;
}


.modal-dialog-next-level{
    width: 90%;
    margin: 30px auto;
}

.modal-box-inner-border img {
    width: 60px;
}

/*--------------------Depth analysis ---------------*/

.digital-mart-ad label {
    font-size: 0.80rem;
}

.depth-video-heading img {
    margin-right: 10px;
    width: 12%;
}

.form-control {
    height: 28px;
}
.modal-dialog-depth-analysis {
    width: 90%;
    margin: 30px auto;
}

.depth-dis-flex {
    display: flex;
    align-items: center;
}

/*--------------------Cash Advance offer ---------------*/

.cash-advance-offer-dialog {
    width: 82%;
    margin: 45px auto;
}

.cash-ad-offer-title h3 {
    font-size: 1.8rem;
}
button.cash-offer-dis-close {
    width: 30px;
    height: 29px;
    }



/*--------------------Bank statement ---------------*/

.bank-statement-file-dialog {
    width: 80%;
    margin: 40px auto;
}

.annual-savings h3 {
    margin: -62px 0px 0px 0px;
}

/*--------------------other product ---------------*/

.product-sec-width{
    width: 100%;
    margin: 0px;
    padding: 0 70px 0 88px;
}

.product-sec-display {
    flex-direction: column;
}


.product-img-sec {
    border-radius: 100px;
    padding: 31px 20px;
    position: relative;
    left: -18px;
    border: 3px solid #ddd;
}
.product-img-sec img {
    width: 70%;
}

.direct-cloverpayroll p input.btn1 {
    padding: 4px 8px;
    font-size: 11px;
}
.cash-discount-cloverpayroll p input.btn1 {
     padding: 4px 8px;
    font-size: 11px;
}

.more-btn-details {display: none;}
input.more-btn{display: block; margin-top: 20px !important;}

.more-btn-details2 {display: none;}
input.more-btn2{display: block; margin-top: 20px !important;}

.more-btn-details3 {display: none;}
input.more-btn3{display: block; margin-top: 20px !important;}

.more-btn-details4 {display: none;}
input.more-btn4{display: block; margin-top: 20px !important;}

.product-img-sec {
    width: 161px;
    height: 159px !important;
}

.product-btn-sec span {
    padding: 5px 12px;
}
.btn-seo a {
    padding: 2px 12px!important;
}
.other-product-left-top-marg {
   margin: 0 auto !important;
    padding: 0 15px;
}

}

@media only screen and (min-width:375px) and (max-width:813px) {
    .heading-section img {
        width: 6%;
        margin-right: 5px;
    }
}

@media screen and (max-width: 769px){



.section2-width-50 img {
    width: 12%;
}

.width-img-100 img.width-img-svg {
    width: 7%;
    margin-right: 5px;
}
ul.clover-list li {
    line-height: 20px;
}

ul.clover-list {
   margin: 0px 10px 0px 0px;
    height: 80px;
}


.padd-20 {
    padding: 0px 90px;
}

.padd-0px-tab {
    padding: 0px 90px;
}




img.width-img-svg-circle{
    width: 6%;
    }


/*--------------------Next level ---------------*/
.modal-box-inner-border img {
    width: 72px;
}

.incoming-modal-box h2 {
   font-size: 1.5rem;
}

.incoming-modal-box p {
    font-size: 12px;
}


.modal-dialog-next-level {
    width: 90%;
    margin: 30px auto;
}
.incoming-modal-box h1 {
    font-size: 3rem;
}
.incoming-modal-box h1 span {
    font-size: 2rem;
}
.modal-box-inner-border img {
    width: 50px;
}

/*--------------------Depth analysis ---------------*/

.depth-dis-flex {
    flex-direction: row;
}
.depth-video-heading {
    font-size: 12px;
}

/*--------------------Cash Advance offer ---------------*/

.cash-advance-offer-dialog {
    width: 82%;
    margin: 45px auto;
}
.cash-ad-offer-title h3 {
    width: 49%;
    }
/*--------------------Bank statement ---------------*/

.bank-statement-file-dialog {
    width: 94%;
    margin: 30px auto;
}
.annual-savings h3 {
    margin: -49px 0px 0px 0px;
}
.cash-discount-statement-av p span {
    font-size: 4.5rem;
    }
.section2-width-1 {width: 50% !important;}
    .section2-width-2 {width: 50% !important;}



}

@media screen and (max-width: 415px){
.modal-header-how-it-work {
    padding: 15px 15px 15px !important;
    border-bottom: 0px;
}
.modal-header-how-it-work h2.headng{
    font-size:22px !important;
}
 
.heading-section img.package-list-title-icon {
    width:11% !important;
}
    .product-btn-sec {
    align-items: baseline;
    flex-direction: row;
}
    .seco-list-d-child {
    align-items: flex-start;
        flex-direction: row;
}
    .seo-list-mobile {
    flex-direction:row !important;
}
    ul.clover-list {
    margin: 0px 10px 3px 0px;
    height: 66px;
}
    .activecl .bg-product-img1 {
        background:transparent !important;
    }
    .activecl .bg-product-img2 {
        background: transparent !important;
    }
    .activecl .bg-product-img3 {
        background: transparent !important;
    }
    .activecl .bg-product-img4 {
        background: transparent !important;
    }
    .activecl .bg-product-img5 {
        background: transparent !important;
    }
    .activecl .bg-product-img6 {
        background: transparent !important;
    }
    .activecl .bg-product-img7 {
        background: transparent !important;
    }
    .activecl .bg-product-img8 {
        background: transparent !important;
    }
    .activecl .bg-product-img10 {
        background: transparent !important;
    }
    .btn-seo a {
    margin-bottom:5px;
}

.padd-20 {
    padding: 0px 15px;
}

.padd-0px-tab {
    padding: 0px 15px;
}


.package-section1 {
    padding: 0px 15px 40px 15px;
}
.package-section2 {
    padding: 0px 15px 40px 15px;
}
.package-section3 {
    padding: 0px 15px 40px 15px;
}


ul.clover-list li.active {
    padding-left: 29%;
}


.learnmore-section p {
    font-size: 1.1rem;
    }



img.width-img-svg-circle{
    width: 10%;
        margin-bottom: 1px;
    }

.heading-section h5 {
    font-size: 0.96rem;
}

ul.clover-list li {
    font-size: .8em;
    line-height: 16px;
}



/*--------------------Learn More ---------------*/

.modal-dialog-learnmore {
    width: 90%;
    margin: 30px auto;
}
a.learn-more-popup-title {
    font-size: 11px !important;

}


.learn-text-section {
    padding: 0px 10px;
}

.learn-dis-flex {
    display: flex;
    align-items: unset;
    flex-direction: column;
}


.modal-body {
    position: relative;
    padding: 30px 20px 40px 20px;
}



/*--------------------Next level ---------------*/
.modal-box-inner-border img {
    width: 72px;
}

.incoming-modal-box h2 {
    font-size: 2.1rem;
}


.modal-dialog-next-level{
    width: 90%;
    margin: 30px auto;
}

.modal-box-inner-border img {
    width: 60px;
}

.modal-title {
    font-size: 16px;
}


.close-next-level {
    font-size: 21px;
    margin-top: -82px !important;
    margin-right: -5px;
}

.modal-body .col-xs-4{
    width: 100% !important;
}
.box-bg-builder {
    margin: 30px 0px;
}
.box-bg-maximum{
    margin-top: 30px;
}
.modal-header {
    padding: 40px 15px 20px;
    border-bottom: 0px;
}



/*--------------------Depth analysis ---------------*/

.depth-dis-flex {
    flex-direction: column;
}

.depth-analysis {
    padding: 10px;
}

.close-depth-anly {
    font-size: 17px;
    padding: 0px 4px !important;
    margin-top: -75px !important;
}


.depth-video-heading img {
    margin-right: 10px;
    width: 10%;
}
.modal-body-depth-analysis-p {
    padding-top: 0px;
}
.depth-video-heading {
    font-size: 14px;
}


/*--------------------Cash Advance offer ---------------*/

.cash-advance-offer-dialog {
    width: 82%;
    margin: 30px auto;
}
.cash-ad-offer-modal{
    padding: 0px;
}

.flex-dir-col-cash{
    flex-direction: column;
}

.cash-advance-offer {
    background: #379CD5;
    height: auto;
    padding: 26px 18px 0px;
    align-items: center;
    border-radius: 0px 0px 5px 5px;
}

button.cash-offer-dis-close {
    position: absolute;
    top: 12px;
    right: 10px;
    color: #000;
    border: 2px solid #000 !important;
    width: 26px;
    height: 26px;
    font-size: 20px;
}
button.cash-offer-dis-close span {
    margin-left: -1px;
    }

.cash-ad-offer-title h3 {
    width: 70%;
    font-size: 1.5rem;
}
.img-cash-offer {
    margin-top: 30%;
}
.cash-advance-offer h4 {
    font-size: 1.7rem;
}

/*--------------------Bank statement ---------------*/
.bank-statement-file-up-row{
    flex-direction: column;
    height: 90px;
}
.bank-statement-file-up-row .col-xs-6{
    width: 100%;
}
form.bank-statement-file {
    top: 10px;
    }
.modal-body-bank-statement-file h5 {
    font-weight: 600;
    font-size: 1.4rem;
    color: #3D3E53;
    width: 89%;
    margin: 0 auto;
    margin-top: 30px;
    line-height: 20px;
}

form.bank-statement-file {
    width: 36%;
    margin: 0 auto;
}
form.bank-statement-file p{
    display: none;
}
.file-upload-icon {
    display: block;
}

.annual-savings h3 span {
    font-size: 4.5rem;
    }

.annual-savings h3 {
    margin: -35px 0px 0px 0px;
}

.learn-more-btn-close {
    margin-top: -74px !important;
}

/* -------- other prduct ----------*/

.product-content-sec {
    margin: 0px 0px;
    position: relative;
    padding: 10px;
    left:0;
    width:100%;
}
.product-content-sec h2 {
    font-size: 13px;
    margin-bottom: 5px;
    line-height:17px;
}
.product-content-sec p {
    font-size: 12px;
    margin-bottom: 5px;
}
.row-marg-bottom-40 .product-sec-width {
    padding: 0px 40px;
}
.product-section {
    border-radius: 0.25em;
    padding: 10px 18px;
    flex-direction: column;
}

.product-img-sec {
    left: 0px;
    }
.product-img-sec {
    padding: 18px 1px;
    border: 0px;
    background: none;
}

.product-btn-sec span {
    font-size: 11px;
}
.product-btn-sec button {
    font-size: 11px;
}
.product-img-sec img {
    width: 60%;
}
.row-marg-bottom-40 .product-sec-width {
    padding: 5px 18px;
    margin-bottom: 25px;
}
input#txtPesonalizedCard {
    height: 24px;
    }

}


@media screen and (max-width: 376px){
.bank-statement-file-up-row {
    height: 110px;
}


.annual-savings h3 {
    margin: -31px 0px 0px 0px;
}
ul.clover-list {
    margin: 0px 10px 3px 0px;
    height: 82px;
}

}

@media screen and (max-width: 321px){
.bank-statement-file-up-row {
    height: 110px;
}
form.bank-statement-file {
    width: 45%;
    }


a.learn-more-popup-title {
    font-size: 12px !important;

}


.annual-savings h3 {
    margin: -26px 0px 0px 0px;
}

/* -------- other prduct ----------*/
.product-img-sec img {
    width: 58%;
}
.product-img-sec {
    padding: 13px 1px;
}
.product-content-sec {
    margin: 4px 0px;
    }

.product-content-sec p {
    height: 37px;
    font-size: 12px;
}

.product-content-sec h2 {
    font-size: 15px;
}

}

@media screen and (min-width: 1367px) {
    .price-info h3 span.overline {
        width: 100%;
        right: 0px;
    }
}

@media screen and (min-width: 992px) {
    .personalized-gift-width {
        width: 46% !important;
    }
}


    /*Manage Interest command other package related code end*/