li.ruby-menu-mega-blog.moblie{
    display : none !important;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
	.desktop-slide{
	    display : none !important;
	}
	.form-input{
	    padding : .5rem 10px !important;
	}
	.form-button{
	    padding : 0px 5px !important ;
	    font-size : 12px !important;
	}
	a.btn.btn-secondary.btn-promotion.IDM4HX3FIHJZB144 {
    margin: 10px 2px;
    }
    
     /*ready to transform block page*/
	 
	 .img_Top_footer{
	    position: unset !important;
        width: unset !important;
        top:unset !important;
        /*border-top-right-radius:unset !important;*/
        border-bottom-right-radius: 25px;
        bottom: unset !important;
        right: unset !important;
	 }
    .top_content_footer {
        width : 600px;
        height : 600px !important;
        overflow-x : hidden;
        padding : 0px !important;
        padding-bottom : 20px !important;
    }
    
    .crop-flex{
        flex-direction : column-reverse;   
        margin : 0px !important;
    }
    
    .tranform_value {
        padding : 10px;
    }
    
     .tranform_value h2{
         font-size : 22px !important;
     }
     
     .tranform_value p{
         font-size : 18px !important;
     }
     
     .but_sign_account{
         margin : 0px !important;
         padding : 10px !important;
     }
    
    .top_content_footer:after{
       display : none;
    }
    
    .single_IMG_Footer:after {
        position: unset !important;
        width: unset !important;
        height: unset !important;
        z-index: unset !important;
        background-image:unset !important;
        top: unset !important;
        margin-left: unset !important;
    }
    /*end ready to transform block page*/
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {
    /*nav bar*/
	.navbar{
	    padding : 10px !important;
	}
	
	.navbar-nav{
	    margin-top : 15px !important;
}
/*end nav bar*/

/*homepage content*/
    .banner-content{
    margin-top: -150px !important ;
    z-index : 3;
}
    .banner-content h1{
        font-size : 40px !important;
}
.text-2 .banner-content p {
    text-align: left;
    color : rgba(82, 82, 82, 1);
}

.form-input{
    
	    padding : .5rem 10px !important;
	}
	.form-button{
	    padding : 0px 5px !important ;
	    font-size : 12px !important;
	}
	   .row.container.section-promotioin.IDM4HX3FJ1WEZ4L6:nth-child(2){
	    flex-direction: column-reverse;
	}
	
	 .col-sm-4 {
	        max-width : 100% !important;
	        flex : unset !important;
	        margin : 10px 0px;
	    }
	 .col-sm-8 {
	        max-width : 100% !important;
	        flex : unset !important;
	        margin : 10px 0px;
	    }
/*end homepage content*/

    /*.row {*/
        /*flex-wrap : unset !important;*/
    /*    gap : 10px !important;*/
    /*}*/

    .experience_business .col-sm-4{
    padding : 0px !important;
    }

    h1.after-top-head{
        font-size : 18px !important;
    }
    
    /*billflow*/
    	   img.content-single-img.IDM4TB2HG116QRU99.IDM4UTJJBR9WS9J2{
	       width: 100%;
           height: 100%;
	       object-fit : fill;
	   }
    /*end billflow*/
    
    /*bill 24 mobile page*/
    /*.row.IDM4L55FMSX5VAQ5.payment_Features.align-items-center{*/
    /*    display : flex;*/
    /*    flex-wrap : nowrap;*/
    /*}*/
    /*bill 24 mobile  end page*/
    
    
    /*why choose bill 24 block */
    
    .content img {
        width : 100%;
        height : 100%;
        object-fit : contain ;
    }
    /*why choose bill 24 block*/
     .bottom-footer{
             flex-wrap : wrap;
             justify-content: space-between;
             gap: 30px !important;
    }
    /*resource page*/
    .col-sm-3 {
        flex : unset !important;
        max-width : 100% !important; 
    }
    /*end resource page*/
    
    /*ecosystem page*/
    a.btn.btn-secondary.btn-goabout.IDM4L37HZ151M6X1.btn-goabout_outLine{
        margin-top : -25px ;
    }  
    
    p.IDLXTTXKZQ33XC211.IDM4KYZYFLH83SA31.IDM4KZU6WP4PJCE7.textContain{
        padding : 10px 0px ;
        text-align : start;
    }
    
    .row.IDM4KYZIVP6YEI929.IDM4KZU6WN824QN1.align-items-center { 
        flex-direction: column-reverse; 
    }
    /*end ecosystem page*/
    
    p.textContain{
        padding : 10px !important;
        text-align : start !important;
    }
    
 /*ready to transform block page*/
	 
	 .img_Top_footer{
	    position: unset !important;
        width: unset !important;
        top:unset !important;
        /*border-top-right-radius:unset !important;*/
        border-bottom-right-radius: 25px;
        bottom: unset !important;
        right: unset !important;
	 }
    .top_content_footer {
        /*flex-direction : column;*/
        width : 600px;
        overflow : hidden;
        padding : 0px !important;
        padding-bottom : 20px !important;
    }
    
    .crop-flex{
     flex-direction : column-reverse;   
     margin : 0px !important;
    }
    
    .tranform_value {
        padding : 10px;
        /*margin-top : 20px;*/
    }
    
     .tranform_value h2{
         font-size : 20px !important;
     }
     
     .tranform_value p{
         font-size : 16px !important;
     }
     
     .but_sign_account{
         margin : 0px !important;
         padding : 10px !important;
     }
    
    .top_content_footer:after{
       display : none;
    }
    
    .single_IMG_Footer:after {
        position: unset !important;
        width: unset !important;
        height: unset !important;
        z-index: unset !important;
        background-image:unset !important;
        top: unset !important;
        margin-left: unset !important;
    }
    /*end ready to transform block page*/
    
    	/*resource page*/
	.header-text{
	    text-align : center;
	    width : 100%; 
	}
	/*end resource apge*/
    .footer-col1-title{
        width : 100%;
        font-size : 18px !important;
    }
    
    .footer-col2{
        /*margin : 0px 20px;*/
        justify-content : space-between;
        display : flex;
    }
    
    .footer-col4{
        flex : 100% !important;
        width : 100% !important;
    }
	

	   
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px){ 
	.navbar-expand-sm .navbar-nav{
	    flex-direction : column !important;
	}
	li.ruby-menu-mega-blog.moblie{
	    display : block;
	}
	.mobile-slide{
	    display : none !important;
	}
	.banner-content h1{
	    font-size : 23px !important;
	    margin-top : -70px !important;
	    text-align : start;
	    padding : 10px;
	}
	
	div.btn-slide{
	    padding : 10px;
	    align-items : center;
	    display : flex;
	}
	
	.row.container.section-promotioin.IDM4HX3FJ1WEZ4L6:nth-child(2){
	    flex-direction: column-reverse;
	}
	
	.col-sm-4.left-side-promotion {
        padding: 10px;
    }
	
	 .col-sm-4 {
	        max-width : 100% !important;
	        flex : unset !important;
	        margin : 10px 0px;
	        padding : 10px !important;
	    }
	 .col-sm-8 {
	        max-width : 100% !important;
	        flex : unset !important;
	        margin : 10px 0px;
	        padding : 0px 10px !important;
	    }
	    
	    /*box bill24 payment gateway*/
	   .container{
	       padding : 0px !important;
	   }
	   
	   /*.col-sm-5{*/
	   /*    display : contents;*/
	   /*}*/
	   
	   /*.col-sm-7{*/
	   /*    display : contents;*/
	   /*}*/
	   
	   
	   .p-0{
	       padding : unset !important;
	   }
	   
	   img.content-single-img.IDM4TBDXN1SQ69Q118.IDM4UTJJBU2M26G13.IDM4UTVMHSR23PE4 {
            width: 100%;
            object-fit: cover;
	   }
	   
	   .col-sm-5 {
            max-width: 100% !important;
            flex : unset !important;
            padding : unset !important;
            margin : 20px 0px;
        }
        
        .col-sm-7{
            max-width : 100% !important;
            flex : unset !important;
            margin : 20px 0px;
            padding : unset !important;
        }
        
        .row.IDM4L567HLUTCB413.payment_Features.align-items-center.IDM6Q082T7NGHIK20.IDM6Q446DNO6DF28 {
            flex-direction: column-reverse;
        }
	   
	   /*h1.after-top-head{*/
	   /*    text-align : center !important;*/
	   /*}*/
	   
	   .IDM4L551AX46KJT3{
	       text-align : start !important;
	   }
	   
	   a.btn.btn-secondary.btn-goabout{
	       margin : 20px 0px;
	   }
	   
	   	/*payment_Features*/
	   .row.IDM4L567HLUTCB413.IDM4MIJ118IVK4Y1.payment_Features.align-items-center{
	        flex-direction :column-reverse;
        }
        
	    .row.IDM4L567HLUTCB413.payment_Features.align-items-center.IDM6PYBMDU9407M5{
	        flex-direction : column-reverse;
	    }
    	.row.IDM4L567HLUTCB413.payment_Features.align-items-center.IDM6PZAYIBMRXQG36.IDM6QBD16MZBOKO16.IDM6RQALX82CSOT6 {
	        flex-direction : column-reverse;
	    }
	    
	    /*payment_Features end*/
	    	/*bill flow page*/
    	.row.IDM4L567HLUTCB413.payment_Features.align-items-center.IDM6Q042U496Q1R9{
    	    flex-direction : column-reverse; 
    	}
    	.box-actionable{
    	    /*display : contents;*/
    	    width : 700px !important;
    	    /*background : blue;*/
    	    flex-direction : column-reverse;
    	}
	
    	/*.row.IDM4L567HLUTCB413.payment_Features.align-items-center.IDM6Q082T7NGHIK20.IDM6Q446DNO6DF28{*/
     /*   flex-direction: column-reverse;*/
     /*   }*/
    
        /*bar billflow text*/
        .txt-bar-billflow ,.txt-billflow-left ,.txt-billflow-middle ,.txt-billflow-right{
            padding : 0px 10px;
        
        }
        
        .middle_box_useCase ,.right_box_useCase{
            border-left : unset !important;
        }
        
	/*bill flow page end*/
	
	/*about us page*/
		/*h1.after-top-head{*/
	 /*   text-align : start;*/
	 /*   }*/
	 /*header Our Mission*/
	 .row.IDM4JLKSNEG4M0339.IDM4TEA58RPM8T017.IDM4UOI8FADZ2CC11.IDM700M5RFOFRVK5 {
        margin-top: 20px;
    }
    
    /*end header Our Mission*/
	 .row.IDM4JLJH1OFQYIJ34.IDM4TEA58SM4KON21.IDM4UOI8FBWJXO015.IDM700M5RHH54EL9 {
         padding: 0px 16px !important;
         /*margin : 20px 0px;*/
         margin-top : 20px;
        }
    	p.IDM4JLJH1KXTSO233 {
        text-align: start;
        }
	/*end about us page*/
	
	/*ecosystem page*/
	.row.IDM4KYF56OBOXHA11.IDM4KZU6WQJ41968 {
        padding: 10px;
        }
	/*end ecosystem page*/
	
		/*resource page*/
	.header-text{
	    text-align : center;
	    width : 100%; 
	}
	/*end resource apge*/
	
	 /*ready to transform block page*/
	 
	 .img_Top_footer{
	    position: unset !important;
        width: unset !important;
        top:unset !important;
        /*border-top-right-radius:unset !important;*/
        border-bottom-right-radius: 25px;
        bottom: unset !important;
        right: unset !important;
	 }
    .top_content_footer {
        /*flex-direction : column;*/
        width : 600px;
        overflow : hidden;
        padding : 0px !important;
        padding-bottom : 20px !important;
    }
    
    .crop-flex{
     flex-direction : column-reverse;   
     margin : 0px !important;
    }
    
    .tranform_value {
        padding : 10px;
        /*margin-top : 20px;*/
    }
    
     .tranform_value h2{
         font-size : 20px !important;
     }
     
     .tranform_value p{
         font-size : 16px !important;
     }
     
     .but_sign_account{
         margin : 0px !important;
         padding : 10px !important;
     }
    
    .top_content_footer:after{
       display : none;
    }
    
    .single_IMG_Footer:after {
        position: unset !important;
        width: unset !important;
        height: unset !important;
        z-index: unset !important;
        background-image:unset !important;
        top: unset !important;
        margin-left: unset !important;
    }
    /*end ready to transform block page*/
	   
	  .bottom-footer{
             flex-wrap : wrap;
             justify-content: space-between;
             gap: 30px !important;
    }
    
    .footer-col1-title{
        width : 100%;
        font-size : 18px !important;
    }
    
    .footer-col2{
        margin : 0px 20px;
        justify-content : space-between;
        display : flex;
    }
	
	
}

/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    .navbar-expand-sm{
        flex-flow : row nowrap !important;
    }
    .navbar-collapse.collapse.show ul.navbar-nav {
        margin : 10px 0px 0px;
    } 
    .tranform_value p br {
        display: none;
    }
    /*img logo*/
    /*.navbar-brand.main-hongda-logo img{*/
    /*    padding : 10px;*/
    /*}*/
    .API_developer .row.align-items-center {
        padding: 0.5rem 1rem 3rem;
    }
    .menu-right.group_content_nav_menu{
        gap : 0px !important ;
    }
    /*contact link responsive*/
    li.ruby-menu-mega-blog.moblie{
	    display : block;
	}
	/*contact link resposive*/
	/*.owl-stage-outer{*/
	/*    margin-top : 20px;*/
	/*}*/
    .banner-content h1{
	    font-size : 18px !important;
	    margin-top : 0px !important;
	    text-align : start;
	    padding : 5px;
	    margin-top : -100px !important;
	    margin-bottom : 0px !important;
	    width : 145px;
	}
	
	div.btn-slide{
	   display :none;
	}
	
	.form-button{
	    padding : 0px 10px !important;
	    font-size : 10px !important;
	}
	
	/*text*/
	.about-txt{
	    text-align : center;
	    margin : 0px !important;
	}
	
	 .row.container.section-promotioin.IDM4HX3FJ1WEZ4L6:nth-child(2){
	    flex-direction: column-reverse;
	}
	
	 .col-sm-4 {
	        max-width : 100% !important;
	        flex : unset !important;
	        margin : 10px 0px;
    }
	 .col-sm-8 {
	        max-width : 100% !important;
	        flex : unset !important;
	        margin : 10px 0px;
	}
	
	h2.promo-titel{
	    font-size : 13px;
	}
	
	/*text in slide as p*/
	p.promo-excerpt {
	    font-size : 10px !important;
	}
	
	/*button in slide*/
	.group_btn_bill24Mobile{
	    flex-direction : column;
	}
	.btn_download_app_appstore{
	   padding : 50px 0px !important;
	   background-repeat : repeat !important;
	   background-size : cover !important;
	   width : 100% !important;
	    
	}
	
	a.btn.btn-secondary.IDM4I45VXVA4XW06.btnPlaystore {
    margin-left: 0px;
    }
	
	.btn_download_app_playstore{
	   padding : 50px 0px !important;
	   background-repeat : repeat !important;
	   background-size : cover !important;
	   width : 100% !important;
	    
	}
	
	/*button our client*/
	
	.client-category{
	    padding : 10px 15px !important;
	    border-radius : 10px !important;
	    max-width :120px !important;
	    font-size : 15px !important;
	}
	
	.client-logo{
        width: 110px !important;
        height: 90px !important;
	    gap : 10px ;
	}
	
	/*payment gateway page*/
	  a.btn.btn-secondary.btn-goabout{
	       margin : 20px 0px;
	   }
	/*payment_Features*/
	.row.IDM4L567HLUTCB413.IDM4MIJ118IVK4Y1.payment_Features.align-items-center{
	    flex-direction :column-reverse;
	}
	.row.IDM4L567HLUTCB413.payment_Features.align-items-center.IDM6PYBMDU9407M5{
	    flex-direction : column-reverse;
	}
	.row.IDM4L567HLUTCB413.payment_Features.align-items-center.IDM6PZAYIBMRXQG36.IDM6QBD16MZBOKO16.IDM6RQALX82CSOT6 {
	    flex-direction : column-reverse;
	}
	
	/*text in box as p*/
	 .IDM4L54ZPOR7X7C1 ,.IDM4L551AX46KJT3{
	     text-align : start !important;
	 } 
	 /*text in box as p end*/
	 
	
	/*payment features*/
	
	/*bill flow page*/
	.row.IDM4L567HLUTCB413.payment_Features.align-items-center.IDM6Q042U496Q1R9{
	    flex-direction : column-reverse; 
	}
	
	.row.IDM4L567HLUTCB413.payment_Features.align-items-center.IDM6Q082T7NGHIK20.IDM6Q446DNO6DF28{
    flex-direction: column-reverse;
    }
    
    /*bar billflow text*/
    .txt-bar-billflow ,.txt-billflow-left ,.txt-billflow-middle ,.txt-billflow-right{
        padding : 0px 10px;
    
    }
    
    .middle_box_useCase ,.right_box_useCase{
        border-left : unset !important;
    }
    
	/*bill flow page end*/
	
	/*about us page */
	/*h1.after-top-head{*/
	/*    text-align : start;*/
	/*}*/
	
	/*header Our Vision*/
	h1.after-top-head.IDM4JLJH1JXLMFT32.IDM4TEA58S0T88822.IDM4UOI8FCZXLU516.IDM700M5RI6HPOR10.IDM703YCWPX04Y00 {
    text-align: start;
    }
	p.IDM4JLJH1KXTSO233 {
    text-align: start;
    }
	/*end about us page*/
	
	
	/*resource page*/
	.header-text{
	    text-align : center;
	    width : 100%; 
	}
	/*end resource apge*/
	
	 /*ready to transform block page*/
	 
	 .img_Top_footer{
	    position: unset !important;
        width: unset !important;
        top:unset !important;
        /*border-top-right-radius:unset !important;*/
        border-bottom-right-radius: 25px;
        bottom: unset !important;
        right: unset !important;
	 }
    .top_content_footer {
        /*flex-direction : column;*/
        width : 600px;
        overflow : hidden;
        padding : 20px 15px !important;
    }
    
    .crop-flex{
     flex-direction : column-reverse;   
     margin : 0px !important;
    }
    
    .tranform_value {
        padding : 10px;
        /*margin-top : 20px;*/
    }
    
     .tranform_value h2{
         font-size : 16px !important;
     }
     
     .tranform_value p{
         font-size : 14px !important;
         margin-bottom: 1rem !important;
     }
     
     .but_sign_account{
         margin : 0px !important;
         padding : 10px !important;
     }
    
    .top_content_footer:after{
       display : none;
    }
    
    .single_IMG_Footer:after {
        position: unset !important;
        width: unset !important;
        height: unset !important;
        z-index: unset !important;
        background-image:unset !important;
        top: unset !important;
        margin-left: unset !important;
    }
    /*end ready to transform block page*/
 
}