@media(max-width: 1260px){
    /* 17-02*/
    main.home-page .banner-text h1{ font-size: 80px; line-height: 84px }
    main.home-page .banner-text{ max-width: 55% }
    main.home-page{ margin-top: 200px }
}

@media(max-width: 1199px){
    .who-we-are h2{ font-size: 70px; line-height: 80px }
    .who-we-are,.app{ padding: 150px 70px }
    .app .mockup{ left: -15%; top: -20% }
}

@media(max-width: 991px){
     
    /* 16-02 */
    header{ padding: 30px }
    header nav ul li{ padding-right: 25px }

    main.home-page .banner-text h1{ font-size: 55px; line-height: 59px; padding-bottom: 30px }
    main.home-page .banner-text span{ font-size: 18px; line-height: 22px }
    main.home-page .banner-text span{ font-size: 16px }
    main.home-page .banner-text{ padding-left: 0 }
    main.home-page .banner{ margin: 100px 0 320px;padding: 0 30px }
    main.home-page{ margin-top: 150px }

    .app .col-md-6{ left: 0 }
    .app .mockup{ position: relative; left: 20px; top: 0 }
    .app a.btn-white-border{ margin-top: 30px }
    .who-we-are{ padding: 70px 30px }
    .tagline{ padding: 0 30px; margin: 0 }
    .tagline h3{ font-size: 40px; line-height: 44px }
    .who-we-are h2{ font-size: 48px; line-height: 58px }
    .app{ padding: 0 30px 30px }
    .feature{ padding: 0 30px 50px }
    .feature .col-md-4{ padding-bottom: 30px }
    footer{ border-top:1px solid #fff; padding: 10px 30px}
    footer .address .info{ font-size: 12px }

}

@media(max-width: 767px){
       
    /* 16-02 */
    header nav ul{ display: none; position: absolute; right: 30px; background: #fff; top: 60px; z-index: 5; padding: 15px; box-shadow:  0 3px 20px rgb(0 0 0 / 20%); -webkit-box-shadow: 0 3px 20px rgb(0 0 0 / 20%); -ms-box-shadow:  0 3px 20px rgb(0 0 0 / 20%); -moz-box-shadow:  0 3px 20px rgb(0 0 0 / 20%);  }
    header nav ul li{ display: block; padding: 0 0 15px  }
    header nav ul li a{ display: block; }
    header nav .menu{ width: 25px }
    header nav .menu-close{ width: 20px }
    header nav .menu-close{ display: none; }
    header nav ul li:last-child{ padding-bottom: 0 }

    main.home-page .banner .cell_content{ display: block; }
    main.home-page{ margin-top: 10px;  }
    main.home-page .banner-text{ max-width: 100%; padding: 0 30px }
    main.home-page .banner-text h1{ font-size: 44px; line-height: 48px; padding-bottom: 20px }
    main.home-page .banner .cell_content .container{ width: auto; }
    main.home-page .home_right{ position: relative; right: 0}
    main.home-page .banner{ margin: 0 0 100px; padding: 0 }

    .who-we-are span, .app span{ font-size: 18px }
    .who-we-are p, .app p{ font-size: 14px }
    .who-we-are{ padding: 30px }
    .who-we-are .row{ display: block; }
    .who-we-are h2{ font-size: 40px; line-height: 50px; margin-bottom: 15px }
    .who-we-are .row .col-md-1 i{ height: 1px; width: 100%; margin-bottom: 15px }
    .who-we-are span, .app span{ font-size: 16px }
    .who-we-are .row .col-md-4,.who-we-are .row .col-md-1,.who-we-are .row .col-md-7{ padding: 0 }

    footer{ display: block; }
    footer .address{ padding-bottom: 15px; text-align: center; }
    footer .links{ text-align: center; }
    footer .links ul li{ display: block; padding-bottom: 10px }
    footer .links ul li:before{ content: none; }
    footer .links ul li:last-child{ padding-bottom:0 }
    footer .address .info{ display: block; }

    .modal.right .modal-dialog{ width: auto; }
    .modal.right .form-group .col-sm-6:nth-child(1){ margin-bottom: 50px }
    #getintouch .modal-body{ padding: 70px 15px }

    main.wallet{ padding: 0 30px }
    main.wallet .transaction-detail li{ display: block; }
    main.wallet .balance { padding: 20px 15px }
    main.wallet .balance h2 { font-size: 24px }
    main.wallet .balance em{ font-size: 22px }

}

@media(max-width: 567px){
    .tagline h3{ font-size: 28px; line-height: 38px }
}

@media(max-width: 374px){
    .app a.btn-white-border{ margin-bottom: 15px }
}