@media only screen and (max-width:1450px){
    .span-name{
        display: block;
        text-align: center;
        margin: 0 auto;
        margin-top: 20px;
        white-space: pre-wrap;
    }
    .normal-span{
        display: none;
    }
    .ERPCycle .step {
        position: relative;
        width: 180px;
    }
    .ERPCycle {
        height: auto;
        width: auto;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -15px;
        margin-left: -15px;
        justify-content: center;
    }
    .ERPCycle .step.stepOne, .ERPCycle .step.stepTwo, .ERPCycle .step.stepThree, .ERPCycle .step.stepFour, .ERPCycle .step.stepFive, .ERPCycle .step.stepSix, .ERPCycle .step.stepSeven{
        position: unset;
        width: 30%;
    }
    .erp-step-3, .erp-step-4 {
        display: contents!important;
    }
    .step-img-div.text-center{
        margin: 0 auto;
    margin-top: 30px;
    }
    .ERPCycle .step.stepOne {
        transform: inherit;
    }



    .ERPCycle .BCPImage{
        display: none;
    }
}
@media only screen and (max-width:1366px){
    .full-bg, .bi-full-bg, .why-section, .whats-new, .contact-us, .about-full-bg, .service-full-bg, .pricing-full-bg, .faq-full-bg, .contact-full-bg, .checkout01-full-bg, .bi-full-bg, .crm-full-bg, .cyber-full-bg, .ec-full-bg, .erp-full-bg, .payroll-full-bg, .pdm-full-bg, .pm-full-bg, .tk-full-bg,.wholesale-full-bg {
        background-size: cover;
        background-position: bottom;
    }
    .about-full-bg, .service-full-bg, .pricing-full-bg, .faq-full-bg, .contact-full-bg, .checkout01-full-bg, .bi-full-bg, .crm-full-bg, .cyber-full-bg, .ec-full-bg, .erp-full-bg, .payroll-full-bg, .pdm-full-bg, .pm-full-bg, .tk-full-bg, .wholesale-full-bg {
        min-height: 500px;
    }
    .why-section {
        margin: 0;
    }
    .why-content {
        padding-top: 335px;
    }
    .contact-bg {
        margin: 0px auto;
    }
    section.footer-sec {
        background-size: cover;
    }
    /* about */
    img.meeting-img {
        width: 100%;
    }
    section.about-two {
        margin-top: 70px;
    }
    .about-contact-bg {
        margin: 0;
    }
    .about-contact-us {
        margin-top: -100px;
    }
    .about-p-contact {
        padding-top: 200px!important;
    }
    section.pm-section {
        margin: 0;
    }
    section.about-meeting-section.mt-5 {
        margin-top: 0!important;
    }
    .p-card {
        margin-bottom: 100px;
    }
    section.accordian-sec {
        margin-top: 0px;
    }
    a.card-title {
        white-space: nowrap;
        width: 100%;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .row.heading-mb-ds {
        margin-bottom: 50px;
    }
    .bi-erp {
        width: 100%;
    }
    section.about-meeting-section {
        margin-bottom: 50px;
    }
    section.cloud-sec {
        background-size: cover;
        background-position: right;
    }
    section.what-cyber {
        margin-top: 10px;
        margin-bottom: 50px;
    }
    section.cloud-sec {
        min-height: 500px;
    }

}
@media only screen and (max-width:1200px){
    .why-cards .card-body {
        min-height: 285px;
    }
    .slid-content {
        margin-left: 27px;
    }
    ul.slick-dots {
        left: -18px;
        top: 457px;
    }
    .card.cstm-soft-section {
        min-height: 195px;
    }
    .number-box {
        min-height: 425px;
    }
    .grc-box {
        background-position: center;
    }
    section.grc-cards-section .col-xl-3.col-lg-6.col-md-12 {
        text-align: center;
    }
    .grc-box ul.bi {
        padding-left: 0px;
    }
    .grc-box {
        padding: 130px 150px;
        padding-left: 140px;
    }
    .row.grc-line:after {
        content: " ";
        position: absolute;
        height: 20px;
        width: 100%;
        background-color: #dfdfdf;
        left: 0;
        right: 0;
        top: 46%;
        transform: translatey(-56%);
        border-radius: 20px;
        z-index: -1;
    }
    .new-tabs-update .nav-item {
        display: block;
        width: 25%;
        margin-bottom: 15px;
    }
}

@media only screen and (max-width:1024px){
    .full-bg {
        min-height: 1000px;
    }
    section.footer-sec {
        margin-top: -300px;
    }
    ul.slick-dots {
        top: 334px;
    }
    .slide-sec-padding {
        padding: 225px 0 0px;
    }
    .card.cstm-soft-section {
        min-height: 140px;
    }
    .ERPCycle .step.stepOne, .ERPCycle .step.stepTwo, .ERPCycle .step.stepThree, .ERPCycle .step.stepFour, .ERPCycle .step.stepFive, .ERPCycle .step.stepSix, .ERPCycle .step.stepSeven {
        width: 50%;
    }
}
@media only screen and (max-width:991px){
    div#navbarText {
        background-color: black;
    }
    
    button.navbar-toggler {
        background-color: white;
        border: 2px solid #f4703c!important;
    }
    .ah-nav {
        border-bottom: 1px solid #b7b5af;
    }
    .full-bg {
       min-height: 800px;
    }
    .slide-sec-padding {
        padding: 222px 0 0px;
    }
    .erp-section {
        margin-top: -60px;
    }
    ul.slick-dots {
       top: 300px;
    }
    .erp-img {
        margin-top: 35px;
    }
    .why-section {
        margin: 0;
    }
    .what-new-content {
        padding-top: 100px;
    }
    .contact-us {
        margin-top: -480px;
    }
    .why-section {
        background-image: none;
        background: #b21023;
        background: -moz-linear-gradient(-45deg, #b21023 0%, #b21023 0%, #fa703e 65%, #fa703e 100%);
        background: -webkit-linear-gradient(-45deg, #b21023 0%,#b21023 0%,#fa703e 65%,#fa703e 100%);
        background: linear-gradient(135deg, #b21023 0%,#b21023 0%,#fa703e 65%,#fa703e 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b21023', endColorstr='#fa703e',GradientType=1 );
        margin-top: 50px;
    }
    .why-content {
        padding-top: 50px;
    }
    .why-cards {
        margin-top: 50px;
    }
    .whats-new {
        background-position: left;
    }
    .p-contact {
        padding-top: 100px;
    }
    .footer-sec .container {
        margin-bottom: -1px!important;
    }
    .c-us-content.text-center {
        margin-bottom: 50px;
    }
    section.footer-sec {
        background-image: none;
        background-color: #1e1f27;
        margin-top: 0;
    }
    .footer-sec .container {
        padding-top: 50px;
    }
    .ah-text-md-center{
        text-align: center;
    }
    .footer-sec h5:before, .about-footer-sec h5:before {
        left: 50%;
        transform: translateX(-50%);
        bottom: -10px;
    }
    ul.footer-link {
        margin-top: 20px;
    }
    section.footer-sec {
        min-height: 0px;
    }
    .part-right {
        padding-top: 20px;
        margin: 0;
    }
    section.accordian-sec {
        margin-top: 50px;
    }
    .jt-round-text {
        margin-top: 35px;
        padding: 0 13px;
        text-align: center;
    }
    .jt-round {
        margin: 0 auto;
        margin-top: -100px;
        padding: 0 10px;
    }
    .jt-sec {
        margin-bottom: 120px;
    }
    .row.grc-line:before, .row.grc-line:after{
        display: none;
    }
    .grc-box {
        padding: 148px 272px;
        padding-left: 259px;
    }
    .new-tabs-update .nav-item {
        width: 33%;
    }
    
}
@media only screen and (max-width:767px){
    section.about-contact-us {
        position: relative;
        background: #b21023;
        background: -moz-linear-gradient(-45deg, #b21023 0%, #b21023 0%, #fa703e 65%, #fa703e 100%);
        background: -webkit-linear-gradient(-45deg, #b21023 0%,#b21023 0%,#fa703e 65%,#fa703e 100%);
        background: linear-gradient(135deg, #b21023 0%,#b21023 0%,#fa703e 65%,#fa703e 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b21023', endColorstr='#fa703e',GradientType=1 );
        margin-top: 0;
    }
    .about-p-contact {
        padding-top: 100px!important;
        padding-bottom: 55px;
    }
    .small-round::after {
        display: none;
    }
    section.about-footer-sec {
        margin-top: -200px;
        background-color: #1e1f27;
    }
    section.accordian-sec {
        margin-top: 60px;
    }
    .jecimal-btn {
        max-width: 300px;
    }
    span.pr-5 {
        padding-right: 15px!important;
    }
    .number-box {
        padding: 55px 95px 0;
        min-height: 345px;
    }
    .grc-box {
        padding: 144px 170px 0 0;
        padding-left: 170px;
    }
    .ERPCycle .step.stepOne, .ERPCycle .step.stepTwo, .ERPCycle .step.stepThree, .ERPCycle .step.stepFour, .ERPCycle .step.stepFive, .ERPCycle .step.stepSix, .ERPCycle .step.stepSeven {
        width: 100%;
    }
    .payment-mhethod-wrap .nav-tabs .nav-link {
        width: 90%;
        margin: 0 auto!important;
    }
    .payment-mhethod-wrap li.nav-item {
        width: 50%;
        text-align: center;
    }
    .confirm-pur-wrap {
        display: block;
        text-align: center;
    }
    .confirm-pur-wrap h3, .confirm-pur-wrap p:nth-child(2){
        margin: 10px auto!important;
    }
    .confirm-pur-wrap i.fa.fa-trash{
        margin-left: 0px; 
    }
    .new-tabs-update .nav-item {
        width: 39%;
        margin-left: 20px;
        margin-right: 20px;
    }
}
@media only screen and (max-width:640px){
    .new-tabs-update .nav-item {
        display: block;
        width: 100%;
    }
}
@media only screen and (max-width:480px){
    .full-bg {
        min-height: 600px;
    }
    .slide-sec-padding {
        padding: 135px 0 0px;
    }
    .slid-content h1 {
        font-size: 30px;
    }
    ul.slick-dots {
        left: 0;
        top: 200px;
    }
    .erp-section {
        margin-top: 0;
    }
    .number-box {
        min-height: 450px;
    }
    .payment-mhethod-wrap .nav-tabs .nav-link.active::before{
        display: none;
    }
    .payment-mhethod-wrap ul#myTab {
        margin-bottom: 20px;
    }
    .payment-mhethod-wrap .nav-tabs .nav-link {
        width: 100%;
        margin: 0 auto!important;
    }
    .payment-mhethod-wrap li.nav-item {
        width: 100%;
        text-align: center;
        margin: 20px;
    }

}
@media only screen and (max-width:320px){}
@media only screen and (max-width:320px){
}