@media (max-width: 310px) {
    .btn_login {
        padding: 5px 10px;
        margin-left: 0px;
    }
    .navbar-toggler {
        padding-left: 0px;
    }
    .navbar_top {
        padding: 0.5rem 5px !important;
    }
    .navbar-brand {
        width: 120px !important;
    }
    .navbar-brand img {
        max-width: 100%;
    }
}
@media screen and (max-width: 400px) {
    .navbar_top {
        padding: 0.5rem 15px;
    }
    .navbar-brand {
        width: 120px !important;
    }
    .navbar-brand img {
        max-width: 100%;
    }
}

@media (max-width: 767px) {
    .download-section-mobile
    {
        width:100%;
        text-align: center;
        bottom: 65px;
    }
    .download-section-mobile img
    {
        max-width: 120px;       
        margin-bottom: 6px;
    }
    .btn-apply {
        margin-top: 10px;
    }
    .top-filter-block {
        margin-bottom: 6px;
    }
    .view-region {
        margin-top: 0px;
    }
    .multiple-select {
        margin: 5px 0;
    }
    .review-star {
        font-size: 32px;
    }
    .login_heading {
        font-size: 30px;
    }
    .bulding-address {
        font-size: 16px !important;
    }
    .location-name span {
        font-size: 16px;
    }
    .agent-search-block .header-title {
        font-size: 36px;
    }
    .header-subtitle {
        font-size: 16px ​ !important;
    }
    .header-ui {
        right: 38px;
        top: -23px;
    }
    .banner-bullet {
        left: -07px;
    }
    .mobile-review-block {
        border-top: 1px solid #e3e7eb;
        margin-top: 15px;
        padding-top: 15px;
    }
    .mobile-review-block .write-review {
        border: 0px;
        color: #798599;
    }
    .mobile-review-block .call-us-agent {
        border: 1px solid #3975b2;
        border-radius: 19px;
        padding: 6px 17px;
        color: #3975b2;
    }
    .mobile-review-block .call-us-agent i {
        position: relative;
        top: 2px;
    }
    .image-agent-bank {
        max-width: 100%;
        flex: auto;
        height: 180px;
    }
    .center-content-area {
        padding-left: 0px;
    }
    .social-media {
        margin: 0px !important;
    }
    .get-started-block::before {
        content: " ";

        position: absolute;
        width: 100%;

        background: #f0f3f8;
        height: 296px;
        transform: skew(0deg, -4deg);
        margin-top: -80px;
    }

    .login_form {
        max-width: 300px;
        margin: auto;
        padding: 20px 0px !important;
    }
    .login-block {
        margin-bottom: 20px;
    }
    .top-content {
        position: absolute;
        top: 0px;
    }
    .down-skew-div {
        bottom: 0px;
    }
    .get-started-2 {
        z-index: 1;
        position: relative;
    }
    .skew-content {
        background: #f0f3f8;
        height: 296px;
        transform: skew(0deg, 9deg);
        position: relative;
        margin-top: -309px;
    }
    .inner-content {
        position: relative;
        top: 6px;
    }
    .navbar-brand {
        margin-right: 0px;
    }
    .main-timeline4::before {
        top: 71px;
    }
    .app-footer {
        padding-bottom: 30px;
    }
    .main-timeline4 .timeline::after {
        width: 24px;
        height: 10px;
        border-top: 2px solid #3a75b2;
        position: absolute;
        left: 22px;
        margin-top: 5px;
        top: 75px;
        transform: translateY(-50%);
        content: " ";
    }
    .main-timeline4 .timeline:nth-child(2n):after {
        border-top: 2px solid var(--green-color);
    }
    .timeline-content::after {
        display: none;
    }
    .faq_heading_h1 {
        font-size: 38px;
        margin-top: 4px;
    }
    .faq-footer-banner {
        padding-left: 10px;
        padding-right: 10px;
    }
    .contact-btn-banner {
        margin-top: 24px;
    }
    .seprater_faq {
        margin-top: 17px;
        margin-bottom: 37px;
    }
    .card-child .card-header button {
        font-size: 18px;
    }
    .card-body.card-child {
        padding-left: 0px;
    }
    .faq_accordion .accordion-btn {
        font-size: 18px;
    }

    .faq_heading {
        padding: 0px 23px 23px;
    }

    .content-container {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .faq-footer-banner {
        margin-left: 0px;
        margin-right: 0px;
    }
    .soical-media-icon {
        margin-bottom: 30px !important;
    }
    .paywise-footer-logo {
        border-top: 1px solid #e4e7eb;
        padding-top: 27px;
    }
    .footer_menu {
        margin-bottom: 50px;
    }
    .footer-block img {
        margin-bottom: 15px;
    }

    .footer-block {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .google-play-content {
        width: 140px;
        margin-bottom: 35px;
    }
    .social-media {
        text-align: center;
        margin: auto;
    }
    .timeline-content::after {
        left: 24px !important;
    }
    .main-timeline4 .timeline::before {
        left: -16px !important;
    }
    .timeline-content:after {
        width: 24px;
        height: 10px;
        border-top: 2px solid #3a75b2;
        position: absolute;
        left: 34px;
        margin-top: 5px;
        top: 37%;
        transform: translateY(-50%);
        content: " ";
    }
    .timeline-content .description {
    }
    .inner-content > span,
    .timeline-content .description {
        font-size: 20px;
    }
    .timeline-content {
        padding-left: 50px !important;
    }
    .title {
        font-size: 30px;
    }
    .inner-content {
    }
    .timeline-content,
    .inner-content {
        text-align: left !important;
    }
    .section-get-started {
        padding-bottom: 35px;
    }
    .get-started-block {
        height: auto;
        background: #fff;
    }
    .get-started-btn {
        height: 52px;
    }
    .ind-content-block {
        font-size: 30px;
    }
    .ind-get-started {
        background-image: url(../images/get-started-mobile.png);
        width: 350px;
        height: 440px;
        padding-right: 34px;
        margin: auto;
    }

    .get-started-2 {
        background-image: url(../images/get-started-mobile-2.png);
        width: 350px;
        height: 440px;
        padding-right: 34px;
        margin: auto;
    }

    .get-started-block {
        padding: 33px 0px;
    }
    .payment-step-4 {
        margin-top: 23px;
    }
    .payment-step-2 {
        margin-top: 17px;
    }
    .payment-content-block {
        font-size: 15px;
    }
    .payment-section-block {
        margin-top: 35px;
    }
    .section-heading {
        font-size: 36px;
        line-height: 40px;
    }
    .mobile-payment {
        padding-top: 202px;
    }
    .benefits-section {
        padding-bottom: 220px;
    }
    .download-paywise {
        top: -239px;
    }
    .mobile-payment {
        background-image: url(../images/mobile-make-payment-bg.png);
    }
    .block-benefits {
        margin-bottom: 50px;
    }
    .benefits-para {
        margin-top: 17px;
    }
    .section-title {
        padding-bottom: 40px;
    }
    .block-title {
        font-size: 24px;
        margin-top: 0px;
        line-height: 28px;
    }
    .benefits-title {
        font-size: 36px;
    }
    .licensed-by {
        margin-top: 30px;
    }
    .about-section {
        background: transparent !important;
    }
    .about-content {
        margin-top: 24px;
        line-height: 40px;
        font-size: 36px;
    }
    .about-section {
        padding-top: 25px;
    }
    .mobile-small-bullet-img {
        margin-top: -245px;
        margin-left: 24px;
    }
    .banner-content-block {
        padding-top: 30px;
    }
    .make-payment {
        font-size: 36px;
    }
    .make-payment {
        margin-top: 5px;
    }
    .banner-top-text {
        font-size: 20px;
    }
    .banner-top-text {
        margin-top: 20px;
    }
    .google-play {
        margin-top: 22px;
    }
    .integrated-icon {
        margin-top: 17px;
    }
    .text_section_tou {
        padding: 40px 40px 40px 20px !important;
    }
    .faq_accordion {
        padding: 0px 28px !important;
    }
    .footer_dark {
        background: transparent;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
 
.download-section img
{
    max-width: 100px;
    margin-bottom:6px;
}
.download-section
{
    right: 101px;
    top: 68px;
}
    .faq-footer-banner {
        margin: 0px 20px;
    }
    .faq_accordion {
        padding-left: 20px;
        padding-right: 20px;
    }
    .login_form {
        padding: 0px 29px !important;
    }
    .block-title {
        font-size: 22px;
    }
    .benefits-para {
        margin-top: 10px;
    }
    .paywise-app-img img {
        width: 309px;
    }
    .paywise-app-img {
        left: -59px;
        top: 77px;
    }
    .payment-section .headings {
        font-size: 22px;
    }
    .get-started-headings {
        font-size: 30px;
    }
    .get-started-block {
        z-index: 10;
        position: relative;
    }
    .ind-content-block {
        font-size: 25px;
    }
    .ind-get-started {
        width: 346px;
        height: 425px;
        background-image: url(../images/get-started-mobile.png);
        background-repeat: no-repeat;
        padding-top: 37px;
        padding-left: 54px;
        padding-right: 31px;
        padding-bottom: 52px;
        color: #fff;
        margin-left: -29px;
        background-size: cover !important;
    }

    .get-started-2 {
        background-image: url(../images/get-started-mobile-2.png);
        width: 346px;
        height: 425px;

        background-repeat: no-repeat;
        padding-top: 37px;
        padding-left: 54px;
        padding-right: 31px;
        padding-bottom: 52px;
        color: #fff;
        margin-left: -29px;
        background-size: cover !important;
    }
    .get-started-block {
        height: 440px;
    }
    .ind-get-started p,
    .get-started-2 p {
        font-size: 15px;
    }
    .title {
        font-size: 30px;
    }
    .inner-content .font-size-30 {
        font-size: 22px;
    }
    .inner-content .description {
        font-size: 16px;
    }
    .main-timeline4 .timeline-content {
        padding-left: 33px;
    }
    .main-timeline4 .timeline:nth-child(2n) .timeline-content {
        padding: 0 33px 0 0;
    }
    .main-timeline4 .timeline:nth-child(2n + 1) {
        margin: -52px 0 0;
    }
    .main-timeline4::before {
        top: 64px;
    }
    .main-timeline4 .timeline-content::before {
        width: 44px;
        left: -47px;
    }

    .main-timeline4 .timeline:nth-child(2n) .timeline-content::before {
        right: -44px;
    }
    .main-timeline4::before {
        height: 85%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .login_form {
        padding: 125px 50px;
    }
    .block-title {
        font-size: 22px;
    }
    .benefits-para {
        margin-top: 10px;
    }
    .paywise-app-img img {
        width: 309px;
    }
    .paywise-app-img {
        left: -59px;
        top: 77px;
    }
    .payment-section .headings {
        font-size: 22px;
    }
    .get-started-headings {
        font-size: 30px;
    }
    .get-started-block {
        z-index: 10;
        position: relative;
    }
    .ind-content-block {
        font-size: 25px;
    }
    .ind-get-started {
        width: 346px;
        height: 425px;
        background-image: url(../images/get-started-mobile.png);
        background-repeat: no-repeat;
        padding-top: 37px;
        padding-left: 54px;
        padding-right: 31px;
        padding-bottom: 52px;
        color: #fff;
        margin-left: -29px;
        background-size: cover !important;
    }

    .get-started-2 {
        background-image: url(../images/get-started-mobile-2.png);
        width: 346px;
        height: 425px;

        background-repeat: no-repeat;
        padding-top: 37px;
        padding-left: 54px;
        padding-right: 31px;
        padding-bottom: 52px;
        color: #fff;
        margin-left: -29px;
        background-size: cover !important;
    }
    .get-started-block {
        height: 440px;
    }
    .ind-get-started p,
    .get-started-2 p {
        font-size: 15px;
    }
    .title {
        font-size: 30px;
    }
    .inner-content .font-size-30 {
        font-size: 22px;
    }
    .inner-content .description {
        font-size: 16px;
    }
    .main-timeline4 .timeline-content {
        padding-left: 33px;
    }
    .main-timeline4 .timeline:nth-child(2n) .timeline-content {
        padding: 0 33px 0 0;
    }
    .main-timeline4 .timeline:nth-child(2n + 1) {
        margin: -52px 0 0;
    }
    .main-timeline4::before {
        top: 64px;
    }
    .main-timeline4 .timeline-content::before {
        width: 44px;
        left: -47px;
    }

    .main-timeline4 .timeline:nth-child(2n) .timeline-content::before {
        right: -44px;
    }
    .main-timeline4::before {
        height: 85%;
    }
}

@media (min-width: 1200px) {
}