@media screen and (min-width: 1380px) and (max-width: 1680px){
    .container{
        max-width: 1220px;
    }
}

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

    .navbar-toggler i{
        font-size: 28px;
        color: #fff;
    }

    .slide .webslide{
        display: none;
    }

    .slide .mobslide{
        display: block;
    }

    .carousel-indicators{
        margin-bottom: 8px;
    }

    .slide .carousel-indicators button{
        width: 12px !important;
        height: 12px !important;
    }

    .topcont-info{
        flex-direction: column;
    }

    .bottom-header{
        width: 100%;
        margin-left: 0px;
        padding: 10px 12px;
        flex-direction: column;
    }
    .login-regs{
        text-align: center;
        justify-content: center;
        padding-left: 15px;
    }

    .login-regs ul::after{
        width: 30px;
    }

    .logo-area{
        text-align: center;
        margin-bottom: 15px;
    }

    .logo-area img {
        width: 232px;
    }

    .digi-logo{
        margin-bottom: 15px;
        width: 120px;
    }

    .login-regs ul li a{
        padding: 2px 10px;
        font-size: 0.875rem;
    }

    .login-regs ul{
        min-width: 195px;
        padding: 7px 12px 10px;
    }

    .services-row{
        grid-template-columns: repeat(1, 1fr);
    }

    .services-cards{
        min-height: 200px;
    }

    .services-cards img {
        width: 100px;
    }

    .services-cards h4{
        font-size: 1.2rem;
    }

    .digital-pick-cards{
        display: none;
    }

    .main-cards.mgt {
        margin-top: 2rem;
    }

    .navbar-toggler{
        border: none;
    }

    .navbar-toggler:focus{
        box-shadow: none;
    }

    .navbar-expand-lg .navbar-nav .nav-link{
        padding: 6px 10px 8px;
        font-size: 0.875rem;
    }

    .digital-services .title{
        font-size: 1.5rem;
        margin-bottom: 3rem;
    }

    .digital-seva-about h2{
        font-size: 1.3rem;
    }

    .earn-bx{
        padding: 1rem 1rem;
        font-size: 1.2rem;
        top: 0px;
        margin-top: 1.4rem;
    }

    .exp-digital{
        flex-direction: column;
    }

    .exp-digital > div:first-child{
        width: 100%;
    }

    .india-pick {
        margin-top: 20px;
        margin-bottom: -2px;
    }

    .india-map {
        text-align: center;
        margin-bottom: 30px;
    }

    .india-map img{
        margin: 10px auto;
        width: 70%
    }

    .abtext h3{
        font-size: 1.5rem;
        line-height: 40px;
    }

    .retailer-serv{
        margin-top: 20px;
    }

    .retdt-list li{
        font-size: 1.1rem;
    }

    .retdt-list li span{
        font-size: 1.5rem;
    }

    .retailer-cards h2{
        font-size: 1.5rem;
        margin-bottom: 1rem;
    }

    .retailer-cards h5{
        width: 100%;
    }

    .retailer-cards p{
        width: 100%;
    }

    .retailer-cards{
        padding: 1rem;
    }

    .mretainer{
        flex-direction: column;
    }

    .retailer-cards h5{
        font-size: 1rem;
        line-height: 24px;
    }

    .retailer-cards .rd-list2{
        border-radius: 1rem;
        padding: 1rem;
    }

   .retailer-cards .rd-list2 li{
      font-size: 0.875rem;
      margin-bottom: 8px;
   }

   .rd-list2.distrb{
     padding-left: 2rem;
   }

   .inst-list{
    justify-content: flex-start;
    align-items: flex-start;
   }

   .inst-list li{
     font-size: 1rem;
   }

   .inst-list li img {
        width: 20px;
        margin-right: 5px;
    }

    .business-card{
        width: 100%;
        border-radius: 25px;
        flex-direction: column;
    }

    .aadhar-pan-cards-text{
        margin-top: 20px;
    }

    .aadhar-pan-cards-text h5{
        font-size: 1rem;
    }

    .aadhar-pan-cards-text h4{
        font-size: 1.2rem;
    }

    .become-retailer-cards{
        padding: 2px 3px;
    }

    .ap-cards-list li{
        font-size: 20px;
    }

    .title-busniss{
        font-size: 1.6rem;
    }

    .regster-btn{
        padding: 10px 16px;
        font-size: 1.4rem;
    }

    .ds-title{
        font-size: 1.6rem;
        margin-bottom: 3rem;
    }

    .dist-busines-card h4{
        font-size: 1.2rem;
    }

    .mh-invest{
        flex-direction: column;
    }

    .mh-invest > div{
        padding: 10px 15px;
        margin-bottom: 12px;
    }

    .mh-invest h5{
        font-size: 1.1rem;
    }

    .mh-invest img {
        width: 24px;
    }

    .get-card h3{
        font-size: 1.6rem;
    }

    .unl-creatiion{
        padding: 1rem;
    }

    .get-list li{
        font-size: 1rem;
    }

    .unl-creatiion ul li{
        font-size: 1rem;
        border-radius: 20px;
        padding: 7px 10px;
        border: 3px solid #fff;
    }

    .apply-btn{
        padding: 10px 26px;
        font-size: 1.4rem;
    }

    .title-3{
        font-size: 1.6rem;
    }

    .client-details h4{
        font-size: 1.3rem;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .client-details p{
        font-size: 0.875rem;
        margin-top: 5px;
    }

    .seemore-btn{
        padding: 8px 30px 10px;
        font-size: 1.4rem;
    }

    .title-4{
        font-size: 2rem;
        padding: 1rem 1.2rem;
    }

    .ftlogo{
        flex-direction: column;
    }

    .social-area{
        column-gap: 10px;
    }

    .social-area img{
        width: 22px !important;
    }

    .social-area h5{
        font-size: 1rem;
    }

    .top-footer h6{
        border: none;
        padding-left: 0px;
    }

    .social-area img {
        width: 23px;
    }

    .links-row {
        display: grid;
        grid-row-gap: 8px;
        grid-template-columns: repeat(2, 1fr);
    }

    .footer-links-cards ul{
        width: 50%;
    }

    .top-footer{
        border-radius: 30px;
        margin-bottom: 20px;
    }

    .bottom-footer h4{
        font-size: 1.2rem;
        margin-bottom: 5px;
    }

    .top-footer img {
        width: 230px;
    }

    .laptop-img {
        width: 92%;
        margin: 30px auto;
    }

    .client-reviews .owl-nav{
        top: 33%;
    }

    .client-reviews .owl-nav .owl-prev {
        left: 8px;
    }

    .client-reviews .owl-nav .owl-next {
        right: 8px;
    }

    .process-detail{
        grid-gap: 6px;
    }

    .pross-cards p{
        font-size: 10px;
    }
    
    .process-detail .pross-cards span{
        width: 22px;
        height: 22px;
        line-height: 22px;
        font-size: 10px;
    }

    .lctitle{
        font-size: 1.5rem;
    }

    .simple-fast h3{
        font-size: 2rem;
    }

    .ftitle{
        font-size: 2rem;
    }

    .your-ideal p{
        font-size: 1rem;
    }

    .your-ideal h3{
        font-size: 1.2rem;
    }

    .benefits-sectn p{
        font-size: 1rem;
    }

    .fb-list li{
        font-size: 1.1rem;
        border: 3px solid #000
    }

    .entrepr-title{
        margin-bottom: 1.2rem;
    }

    .entrepr-title span{
        width: 47px;
        height: 46px;
    }

    .entrepr-title .bi{
        font-size: 20px;
    }

    .whyc-cards h4{
        font-size: 1.2rem;
    }

    .fwhy-choose{
        margin-top: 30px;
    }

    .agentId li{
        font-size: 1.1rem;
    }

    .franch-list{
        column-gap: 12px;
    }

    .get-head h3{
        font-size: 2rem;
    }

    .get-head h3::after{
        width: 110px;
        height: 3px;
    }

    .gtouch-cards{
        justify-content: flex-start;
        margin-bottom: 1rem;
        column-gap: 10px;
    }

    .gtouch-cards span{
        width: 40px;
        height: 40px;
        line-height: 38px;
    }

    .gtouch-cards .bi{
        font-size: 18px;
    }

    .gtouch-cards h5{
        font-size: 1.1rem;  
    }

    .bc-title{
        font-size: 1.3rem;
        padding: 0.813rem 1.2rem;
    }

    .bcm-content p{
        font-size: 1rem;
    }

    .serv-cards-title h4{
        font-size: 1.2rem;
    }

    .serv-cards-title span{
        width: 50px;
        height: 50px;   
    }

    .serv-cards-title img {
        width: 22px;
    }

    .vismision{
        margin-bottom: 30px;
    }

    .job-content h1{
        font-size: 1.6rem;
        margin-bottom: 1.5rem;
    }

    .jop-title{
        font-size: 1.4rem;
    }

    .client-details {
        padding-left: 0px;
    }

    .business-card{
        padding: 1rem;
    }

    .rt-pick.distb img {
        width: 100%;
        margin-bottom: -16px;
    }

    .exp-digital > div{
        width: 100%;
    }

    .digital-seva-about p{
        font-size: 0.875rem;
    }

    .carousel-control-next, .carousel-control-prev {
        width: 11%;
    }

    .client-reviews .owl-nav span {
        font-size: 45px;
    }

    .client-logo img{
        width: 80%;
    }

    .radio-row{
        flex-wrap: wrap;
        row-gap: 7px;
    }

    .rt-pick img{
        margin-bottom: -15px;
    }

    .topscroll{
        bottom: 30px;
    }

    .plan-row{
        flex-direction: column;
    }

    .services-row.franchise-services{
        grid-template-columns: repeat(1, 1fr);
        margin-top: 50px;
    }

    .plan-cards{
        margin-bottom: 30px;
    }

    .will-get-list li:nth-child(2){
        margin-left: 0px;
        margin-right: 0px
    }

    .will-get-list li{
        margin-bottom: 6px;
        font-size: 1.2rem;
    }

    .required-doc h3{
        font-size: 1.6rem;
    }

}

@media screen and (max-width: 400px){
    .abtext h3 {
        font-size: 1.35rem;
        line-height: 36px;
    }
}