@media screen and (min-width: 200px) and (max-width: 767px) {
    #mainNav{
        margin:0;
        padding:0;
    }
    .background_banner01 .navbar .container{
        background: rgba(255, 255, 255, 1);
        padding: 15px 25px !important;
        border-radius: 0;
        margin-top: 0px;
    }

    .navbar-toggler:focus{
        outline:0 !important;
    }

    #mainNav .navbar-toggler{
        padding:0;
        border:0;
        color: #fff;
    }

    #mainNav .navbar-toggler i{
        color:#000;
        font-size: 40px;
    }

    header.masthead h1{
        font-size: 39px;
        line-height: normal !important;
    }

    header.masthead .container{
        padding:30px 20px !important;
        padding-bottom: 0 !important;
    }

    .background_banner01{
        background: #f89520;
    }

    .masthead-device-mockup{
        display: none !important;
    }

    section#products .container{
        padding: 0 !important;
        width: 90%;
        margin: 0 auto;
    }

    section#products .container .leftSec{
        margin-bottom: 20px;
    }

    section#products01 .container{
        padding: 0 !important;
        width: 90%;
        margin: 0 auto;
    }
    section#products01 .columne_list .col01{
        margin-left: 0;;
    }
    #businessPartner .container .left_sec{
        width: 90%;
    }

    section#products01{
        padding-bottom: 0;
    }
    section#businessPartner{
        padding-top: 30px;;
    }
    #businessPartner .container .right_sec{
        width:100%
    }
    #businessPartner .container .right_sec .col01 h3 span{
        width: 235px;
    }
    .easy_integration{
        background: #dfe5f5;
    }
    .easy_integration .container .left_img{
        display: none;
    }
    .easy_integration .container .right_content{
        margin-left: 0;
        width: 100%;
    }
    .easy_integration .container .right_content ul li{
        width: 100%;
        margin:0;
        margin-bottom: 20px;
    }
    .easy_integration .container .right_content ul li span{
        width: 87%;
    }

    .awesomeFeatures .container .row01 .col01{
        width: 100%;
        margin-left: 0;
    }

    header.masthead .payment_Gateway_banner h1{
        font-size: 24px;
        line-height: 40px !important;
    }

    .masthead a.anchor_btn{
        width:205px;
    }

    .services.paymentGatwayPage.section{
        padding:30px 0;
    }
    .paymentGatwayPage h2{
        font-size: 24px;
        line-height: 35px !important;
    }

    .faq.section .container .row .col-lg-4 h3{
        font-size: 24px;
        line-height: 36px;
        text-align: center;
    }

    .faq.section{
        padding:30px 0;
    }
    .faq.section .container .row .col-lg-4 .content p{
        text-align: center;
    }

    .faq .faq-container .faq-item{
        width: 98%;
    }

    #dashboardSec .right_sec .card{
        width: 100%;
    }

    #dashboardSec .right_sec .card:nth-child(2){
        margin-left: 0;
    }
    #dashboardSec .left_sec h2{
        font-size: 16px;
        font-family: poppins;
        text-align: center;
    }

    #dashboardSec .left_sec h3{
        font-size: 24px;
        text-align: center;
        line-height: 34px;
    }

    #spacefromtop{
        border-radius: 0;
        padding:40px 10px;
    }

    #spacefromtop .left_img{
        margin-bottom: 30px
    }

    #dashboardSec .left_content h3{
        font-size: 24px;
        text-align: center;
        line-height: 36px;
    }

    #dashboardSec .left_content h2{
        text-align: center;
    }

    #dashboardSec{
        padding-bottom: 0;
    }

    .payoutSec01 h3{
        line-height: 36px;
        font-size: 24px;
        margin-bottom: 35px;;
    }

    .payoutSec01{
        padding-top: 50px;
    }



    /*---------------------------------*/

   header.masthead.service_page h1{
    font-size: 28px;
   }
   .section-title1 h2{
    font-size: 32px;
   }
   .about-author-box{
    margin-top: 30px;
   }
   .our-feature-item{
    width: 100%;
   }
   .section-title2 h2{
    font-size: 32px;
   }
   .our-services{
    padding:50px 0;
   }
   .service-item1{
    width: 100%;
   }
   .service-no h2{
    font-size: 60px;
   }
   .service-no{
    bottom:0;
   }
   .our-pricing{
    padding:50px 0;
   }

   header.masthead.service_page h1{
    font-size: 30PX !important;
   }
   #mainNav .navbar-nav .nav-item .nav-link{
    display: inline;
   }

   .about-us-images{
    display: none;
   }

   .about-us{
    padding:50px 0;
   }
   .about-us-content{
    margin-left: 0;
   }

   .our-feature{
        padding:50px 0;
   }
}