@media screen and (max-width: 480px) {
    #partner-banner h1, .partner-banner h2{
        font-size:20px;
    }
    .navbar-right li:last-child {
        margin: 0px;
    }
    .navbar-brand img {
        width: 80px;
        margin-top: -10px;
    }
    .videoright {}
    .videoright p {
        font-size: 12px;
        text-align: center;
        float: none;
        margin-bottom: -15px;
    }
    .videoright h1 {
        padding-top: 10px;
        font-size: 16px;
        text-align: center;
        float: none;
    }
    .videoright a {
        text-align: center;
        font-size: 10px;
        width: auto;
        padding: 10px;
        display: block;
        margin: auto auto;
    }
    .videoright_payrol h1 {
        text-align: center;
        font-size: 16px;
        padding: 20px 0 0 15px;
    }
    .videoright_payrol a {
        margin-left: 15%;
        font-size: 12px;
        width: 336px;
        /* color: #414141; */
        background: #03BA00;
        padding: 7px 15px;
        color: #ffffff;
        font-weight: 500;
        border-radius: 5px;
    }
    /*======================================
            invoice plan responsive css
    ========================================*/
    .istep-part {
        background: #FAFAFA;
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .istep-part .btn {
        font-weight: 600;
        margin-top: -10px;
        padding: 3px 18px;
        margin-left: 28%;
        background-color: #f0efef;
    }
    .istep {}
    .left-one-img img {
        width: 200px;
        margin: 32%;
    }
    .left-one-text {
        text-align: right;
        margin: 3% 0 0 40%;
        padding: 17px 0 20px 15%;
    }
    .left-one-text h2 {
        font-size: 10px;
        margin: -34% -55%;
    }
    .left-one-text-buttom h2 {
        text-align: right;
        font-size: 10px;
        /* padding: 0px; */
        margin: -18% 0%;
    }
    .middle-img img {
        /* width: 150px; */
    }
    .right-one-text {
        width: 87px;
        margin: 25% 0 0 22%;
        padding: 17px 0;
    }
    .right-two-text {
        font-size: 14px;
        margin: 12% 0 37px 20px;
    }
    .right-two-text h2 {
        font-size: 10px;
        margin: 17% -4%;
    }
    .right-one-text h2 {
        font-size: 10px;
        margin: 4%;
    }
    .right-one-img img {
        width: 84px;
        margin: 10% 24%;
    }
    .bottom-btn {
        padding-bottom: 50px;
        padding-left: 54px;
    }
    .bottom-btn span {
        font-size: 10px;
    }
    .left-one-img1 img {
        width: 186px;
        margin: 25% 0 0 32%;
    }
    .left-one-text1 {
        text-align: right;
        margin: 3% 0 0 40%;
        padding: 20px 0 4px 12%;
    }
    .left-one-text1 h2 {
        font-size: 10px;
        margin: -9px -20px;
    }
    .left-one-text1 p {
        font-size: 10px;
        margin: 0px -18px;
    }
    .left-one-text-buttom1 h2 {
        text-align: right;
        font-size: 10px;
        padding: 0;
        margin: 22% 0 0 -10px;
    }
    .middle-img img {
        width: 44px;
    }
    .right-one-text1 {
        width: 95px;
        margin: 12% 0 0 8%;
        padding: 17px 0;
    }
    .right-two-text1 {
        font-size: 14px;
        margin: 11% 0 36px 8%;
    }
    .right-two-text1 h2 {
        margin: -1%;
        font-size: 10px;
    }
    .right-one-text1 h2 {
        font-size: 10px;
        margin-top: 3px;
    }
    .right-one-img1 img {
        width: 80px;
        margin: 11% 0px 35px 8%;
    }
    .bottom-btn1 {
        padding-bottom: 50px;
        padding-left: 54px;
    }
    .bottom-btn1 span {
        font-size: 10px;
    }
    .istep-part {
        background-image: #F1F0F0;
        background-size: 10%;
        background-repeat: no-repeat;
        background-position: center;
    }
    /*//    end of */
    /*//=======================video part resposive end*/
    .business-part h1 {
        font-size: 16px;
    }
    .services {}
    .services img {
        margin-left: 35%;
    }
    .services h2 {
        text-align: center;
        font-size: 16px;
    }
    .services p {
        text-align: center;
        color: #434343;
        font-size: 12px;
    }
    /*=======================about start */
    .about-bg {}
    .about {
        padding: 0;
    }
    .about h2 {
        font-size: 16px;
        font-weight: 600;
    }
    .about p {
        color: #818181;
        text-align: center;
        font-size: 12px;
        line-height: 25px;
    }
    .mission {
        padding: 0px;
    }
    .mission h2 {
        font-weight: 600;
        font-size: 16px;
        margin-bottom: 20px;
    }
    .mission p {
        color: #818181;
        text-align: center;
        font-size: 12px;
        line-height: 25px;
    }
    .ourproduct-part {
        margin: 10px 20px;
        height: auto;
    }
    .ourprod {
        margin: 10px auto;
    }
    .ourprod h2 {
        font-size: 16px;
        margin-bottom: 50px;
    }
    .ourprod a {
        font-size: 10px;
        padding: 4px 20px;
        margin: 0;
    }
    .clot {
        float: right;
        margin: 25%;
        margin-left: 0 !important;
    }
    .aboutborder {
        width: 50%;
        margin: 10px 25%;
    }
    .become-top {
        padding: 10px 0;
    }
    .aboutbt {
        margin: 0px;
    }
    .aboutbt h2 {
        width: 100%;
        font-size: 18px;
        color: #ffffff;
        text-align: center;
        /* width: 60px; */
    }
    .aboutbt a {
        font-size: 14px;
        padding: 5px 7px;
        /*margin: 5px 30%;*/
    }
    /*--AC and Partner End--*/
    /*//business part close=========================*/
    .client-part h2 {
        font-size: 16px;
    }
    .client-part a {
        margin-bottom: 80px;
    }
    .client-part img {
       margin: auto auto;
       padding: 0 42px;
       float: none;
    }
    .clienst {
        text-align: center;
    }
    /*//client  part close=========================*/
    .planbox {
        height: 143px;
    }
    .plan-part {
        height: auto;
    }
    .plan-part h2 {
        font-size: 16px;
        font-weight: 700;
    }
    .planbox h3 {
        font-size: 16px;
    }
    .planbox p {
        font-size: 11px;
    }
    .planbox p span {
        font-size: 40px;
    }
    .planbox h4 {
        font-size: 14px;
    }
    .clienst {
        padding: 8px;
        font-size: 14px;
        font-weight: 700;
    }
    .testim {
        width: 100%;
        background: #2C84D9;
        height: auto;
    }
    .testim h2 {
        padding: 25px 10px 0 10px;
    }
    .testim p {
        font-size: 12px;
        padding: 0 10px;
    }
    .testim a {
        padding: 16px;
        font-weight: 500;
        margin-left: 40%;
    }
    .terstimonial {
        width: 100%;
        font-size: 12px;
    }
    .terstimonial {
        margin: 20px 0px;
        padding: 20px;
        color: #494949;
        text-align: justify;
        height: auto;
    }
    .terstimonial h4 {
        font-size: 14px;
    }
    .paysli {
        border: 2px solid #ccc;
        width: 90%;
        border-radius: 20px 20px 0 0;
        padding: 50px 50px 30px 50px;
    }
    .inpayslip {
        border-bottom: 2px solid #ccc;
        height: 66px;
    }
    .inpayslip img {
        width: 53px;
        float: left;
        margin-left: -12px;
    }
    .inpayslip p {
        float: right;
        margin-top: 30px;
        font-weight: 700;
    }
    .leftpay p {
        font-weight: 500;
        text-transform: uppercase;
    }
    .leftpay h2 {
        font-size: 14px;
        text-transform: uppercase;
        margin-left: 0%;
        padding-top: 35px;
    }
    .leftpay span {
        font-size: 22px;
    }
    .payfooter {
        background: #4E86E4;
        width: 90%;
        color: #ffffff;
        margin-top: -20px;
        /* height: 400px; */
        padding: 10px 50px 40px 50px;
        border-radius: 0 0 20px 20px;
    }
    .payfooter h3 {
        text-align: center;
        font-size: 24px;
        padding: 4px 0;
    }
    .payfooter p {
        font-size: 14px;
        text-align: center;
    }
    .payfooter a {
        text-align: center;
        color: #ffffff;
        font-size: 18px;
        margin: 20%;
        text-decoration: underline;
    }
    .invoice {
        border: 2px solid #ccc;
        width: 90%;
        border-radius: 20px 20px 0 0;
        padding: 50px 50px 30px 50px;
        height: 306px;
    }
    .inpayslipr {
        border-bottom: 2px solid #ccc;
    }
    .inpayslipr img {
        width: 50px;
        float: left;
        margin-left: -12px;
    }
    .inpayslipr p {
        float: right;
        margin-top: 27px;
        font-weight: 700;
    }
    .inpayslipr h4 {
        padding: 31px 0 69px;
        font-size: 15px;
    }
    .leftpayr {
        padding: 18px 0;
    }
    .ltfe {
        font-size: 14px;
        padding: 10px 0;
    }
    .rtlf {
        margin-left: 34px;
        font-size: 14px;
    }
    .sbutton {
        margin-left: 16%;
        text-align: center;
        font-size: 10px;
        /* color: #414141; */
        background: #03BA00;
        padding: 6px 10px;
        font-weight: 600;
    }
    .bont {
        width: 151px;
        font-size: 14px;
        margin: 17px 20%;
        padding: 5px;
    }
    /*--AC and Partner Start--*/
    .acbrad-part {
        height: 95px;
    }
    .bradac {
        /*margin-left: 60%;*/
        margin-top: 10%;
    }
    .bradac h2 {
        font-size: 10px;
        line-height: 10px;
        padding-top: 0px;
        margin-top: 0px;
    }
    .bradac a {
        padding: 0px 5px;
        font-size: 10px;
        margin-top: -10px;
    }
    .acmid {
        padding: 30px 0 0 0;
    }
    .acmid p {
        font-size: 12px;
    }
    .reward h2 {
        text-align: center;
        font-size: 16px;
        font-weight: 600;
    }
    .reward p {
        text-align: justify;
        font-size: 12px;
    }
    .rewimg img {
        width: 140px;
        float: none;
        /*margin: 10px 19%;*/
    }
    .rewimgr img {
        width: 140px;
        float: none;
        /*margin: 10px 19%;*/
    }
    .cleardos {
        /*padding: 50px 0;*/
    }
    .book-part {
        padding: 5px 0 20px 0;
    }
    .bookh h3 {
        padding-left: 35px;
        float: none;
        text-align: center;
        font-size: 14px;
        font-weight: 600;
    }
    .bookh {
        padding: 2px 0;
    }
    .booka {
        float: none;
        padding: 0;
        margin-left: 15px;
    }
    .booka a {
        font-size: 12px;
        border: 2px solid #364950;
        padding: 3px 18px;
        color: #616161;
        border-radius: 10px;
        margin-left: 22%;
    }
    .forms {
        padding: 15px;
    }
    .forms h2 {
        font-weight: 600;
        font-size: 18px;
        margin-left: 10px;
    }
    .form-part label {
        font-size: 14px;
        font-weight: 500;
        line-height: 30px;
    }
    .formbuttom button {
        margin-left: 35px;
        width: 174px;
        background: #122857;
        height: 33px;
        font-size: 14px;
    }
    .formbuttom h3 {
        font-size: 14px;
        margin: 30px 10px 8px;
        color: #676666;
        font-weight: 500;
    }
    .hrser {
        width: 470px;
        background: #A7A7A7;
        height: 2px;
        margin: 80px 0 80px 170px;
    }
    .frmfoot h3 {
        margin-left: 15px;
        font-size: 16px;
    }
    .frmfoot img {
        width: 123px;
        margin: 66px 0 50px 15%;
    }
    .frmfoot p {
        font-size: 14px;
        text-align: center;
        line-height: 44px;
    }
    .hrser {
        width: 59%;
        margin: 10% 20%;
    }
    .frmfoot {
        margin-bottom: 15px;
    }
    .oadds {
        line-height: 20px;
        font-size: 12px;
        margin-bottom: 20px;
    }
    /*--Price Start--*/
    .phead {
        margin-top: 60px;
    }
    .alltopp {
        border-radius: 10px 10px 0 0;
    }
    .ppara {
        text-align: center;
        color: #ffffff;
        margin-top: 15px;
    }
    .planp-part {
        /*padding: 100px 0;*/
    }
    .ptop {
        text-align: center;
        padding: 5px;
        font-size: 14px;
        border-radius: 10px 10px 0 0;
        background: #122857;
    }
    .pbox {
        background: #004199;
        color: #ffffff;
        border: 2px solid #004199;
    }
    .pboxfoot {
        height: auto;
    }
    .pboxfoot h2 {
        margin-left: 15px;
    }
    .pboxfoot h3 {
        font-size: 14px;
        line-height: 17px;
    }
    .pb1 h3 {
        font-size: 14px;
        /* padding: 13px 0; */
    }
    .pb3 h3 {
        padding: 6px 0;
    }
    .pb4 h3 {
        padding: 3px 0;
    }
    .h1pb {
        padding-top: 60px;
    }
    .pbusines {
        height: 800px;
    }
    /*--Price End--*/
    .tersti-part {
        padding: 50px 0;
        height: auto;
    }
    .tersti-part h2 {
        font-size: 16px;
        width: 100%;
        text-align: center;
        margin: 0;
    }
    .testbut {
        margin: 10%;
    }
    .resbtn {
        margin-top: -20px;
        margin-left: -12%;
    }
    .partnerp-part {
        padding: 5px 0;
    }
    .parthead {
        padding: 10px 0;
    }
    .parthead h2 {
        font-weight: 600;
        font-size: 18px;
        padding: 10px 0;
    }
    .partnerser {}
    .partnerser img {
        width: 100px;
        /*margin: 2% 30%;*/
    }
    .partnerser h3 {
        font-size: 16px;
        text-align: center;
    }
    .partnerser p {
        font-size: 10px;
        text-align: center;
    }
    .top {
        margin-top: 15px;
        /*width: 90%;*/
        height: 37px;
        padding: 9px 10px;
        text-align: center;
        font-size: 14px;
    }
    /*===================footer start here*/
    .footer-top {
        width: 100%;
    }
    .footertop {
        padding: 0 20px;
    }
    .footertop h3 {
        color: #ffffff;
        font-weight: 300;
        text-transform: uppercase;
        font-size: 14px;
        margin-bottom: 15px;
        padding-bottom: 10px;
        border-bottom: 1px solid #ffffff;
    }
    .footertop ul {
        list-style: outside none none;
        margin: 0;
        padding: 0;
    }
    .footertop li {
        display: block;
        position: relative;
    }
    .footertop li a {
        font-size: 12px;
    }
    .fa {
        padding: 7px 8px;
        width: 32px;
        border-radius: 6px;
        margin-top: 10px;
    }
    .footer-part {
        width: 100%;
        padding-top: 50px;
        height: auto;
    }
    .footer {
        border-top: 1px solid #EBEBEB;
        padding-top: 20px;
        color: #6F7376;
    }
    .primary-color {
        margin-left: 0;
    }
    .flogo {
        margin: 0 auto;
        background: #ffffff;
        padding: 10px;
        border-radius: 10px;
        width: 180px;
    }
    .flogo {
        margin-left: 20%;
        padding: 6px 11px;
        width: 122px;
    }
    .flogo img {
        width: 100%;
        /* margin: auto 0px; */
    }
    .footer p {
        font-size: 12px;
        padding: 10px;
        text-align: center;
    }
    .pbusines {
        height: auto;
    }
    .aboutbt h2 {
        width: auto;
        font-size: 16px;
    }