/*
====================================
Medium Screen - Others
====================================
*/
@media screen and (min-width: 992px) and (max-width: 1200px) {

    .navbar-nav li {
        padding-left: 20px;
    }

    .embed-upper-part p {
        font-size: 36px;
        line-height: 44px;
        margin-bottom: 0px;
    }

    /*=== products-page start ===*/
    .business-left-p3 {
        padding-right: 20px;
    }

    .hero-btm-part-p3 p {
        font-size: 16px;
    }

    /*=== about-page start ===*/
    .abt-head p {
        font-size: 30px;
        line-height: 42px;
    }

    .advisor-cnt {
        padding: 0;
    }

    .full-slider .prev {
        left: -20px;
    }
    .full-slider .next {
        right: -20px;
    }

    .full-slider2 .prev {
        left: -20px;
    }
    .full-slider2 .next {
        right: -20px;
    }





















}

/*
====================================
Small Screen - Tablate
====================================
*/
@media screen and (min-width: 768px) and (max-width: 991px) {

    .container-fluid {
        padding: 0 30px;
    }

    .navbar-nav {
        margin-top: 8px;
    }

    .navbar-nav li {
        padding: 5px 0;
        padding-left: 15px;
    }

    .lst-btn {
        margin-top: 5px;
    }

    .home-head-inner-part {
        padding: 55px 0 160px;
    }

    .tpbank-area {
        padding: 0;
    }

    .hero-left,
    .hero-2-right {
        padding: 0;
    }

    .hero-left h4,
    .hero-2-right h4 {
        font-size: 26px;
        line-height: 36px;
    }

    .hero-2-right p {
        font-size: 16px;
        margin: 15px 0;
    }

    .embed-area {
        clip-path: polygon(50% 9%, 100% 0, 100% 92%, 51% 100%, 0 92%, 0 0);
        padding: 180px 0 160px;
    }

    .embed-upper-part p {
        font-size: 30px;
        line-height: 42px;
        margin-bottom: 0px;
    }

    .embed-upper-part h6 {
        font-size: 20px;
        margin: 30px 0;
    }

    .embed-btm-cnt {
        padding: 0;
    }

    .embed-btm-cnt p {
        font-size: 20px;
    }

    .emb-brand img {
        max-width: 140px;
    }

    .fr-bdr span {
        display: none;
    }

    .join-bg {
        padding: 150px 0;
    }

    .footer-area {
        padding: 55px 0 70px;
    }

    .footer-cnt {
        margin-bottom: 30px;
    }

    /*=== tech-page start ===*/
    .tech-serv-item {
        padding: 0;
        margin: 10px 0;
    }

    .tech-inner-cnt h4 {
        font-size: 40px;
        line-height: 50px;
    }

    .tech-serv-area {
        padding-top: 70px;
    }

    .tech-serv-item img {
        max-width: 65px;
    }

    .tech-serv-cnt {
        margin-left: 22px;
    }

    .tech-serv-cnt h4 {
        font-size: 20px;
    }

    .api-area {
        padding: 60px 0;
    }

    .api-right {
        margin-top: 30px;
    }

    /*=== products-page start ===*/
    .head-upiner-part h4 {
        font-size: 40px;
    }

    .head-upiner-part {
        padding: 55px 0 100px!important;

    }

    .business-left-p3 {
        padding: 0px;
    }

    .price-left h4 {
        font-size: 30px;
        line-height: 50px;
        padding-top: 5px;
    }

    .account-area {
        padding: 70px 0;
    }

    .account-item img {
        max-width: 60px;
    }

    .account-cnt h4 {
        font-size: 20px;
        line-height: 25px;
    }

    .hero-area-p3 {
        padding: 90px 0;
    }

    .hero-area-p3-upper {
        padding-bottom: 50px;
    }

    .hero-p3-item {
        margin-top: 40px;
    }

    .hero-p3-item img {
        width: 100%;
    }

    .hero-btm-p3-area {
        padding: 20px;
        padding-bottom: 0;
    }

    .hero-btm-part-p3 {
        padding: 10px;
    }

    .hero-btm-part-p3::after {
        background-size: 38px;
        height: 25px;
        top: -44px;
        left: 48px;
    }

    .hro-btm-section {
        padding-top: 50px;
    }

    .product-area-p3 table {
        width: 100%;
    }

    /*=== about-page start ===*/
    .abt-head p {
        font-size: 25px;
        line-height: 34px;
    }

    .profile-cont img {
        max-width: 120px;
    }

    .advisor-cnt {
        padding: 0;
    }

    .profile-cont h4 {
        font-size: 18px;
        line-height: 30px;
    }

    .profile-cont p {
        font-size: 16px;
    }

    .profile-area {
        padding: 30px 0 70px;
    }

    .advisor-area {
        padding: 70px 0;
    }

    .full-slider .prev {
        left: -20px;
    }
    .full-slider .next {
        right: -20px;
    }


    .full-slider2 .prev {
        left: -20px;
    }
    .full-slider2 .next {
        right: -20px;
    }

















}



/*
====================================
Small Screen - Mobile
====================================
*/
@media screen and (max-width: 767px) {

    .container-fluid {
        padding: 0 15px;
    }

    .navbar-nav {
        margin-top: 8px;
    }

    .navbar-nav li {
        padding: 5px 0;
        padding-left: 15px;
    }

    .lst-btn {
        margin-top: 5px;
    }

    .home-head-inner-part {
        padding: 35px 0 80px;
    }

    .tpbank-area {
        padding: 0;
        margin-bottom: 40px;
    }

    .hm-inner-cnt h4 {
        font-size: 25px;
        line-height: 36px;
    }

    .hm-inner-cnt p {
        font-size: 16px;
        line-height: 25px;
        margin: 20px 0 25px;
    }

    .hm-inner-cnt a {
        font-size: 15px;
    }

    .tpbank-upper {
        padding: 30px 0;
    }

    .tpbank-upper p {
        font-size: 28px;
        line-height: 32px;
    }

    .hm-inner-cnt img {
        margin: 40px 0;
    }

    .header-area {
        clip-path: polygon(100% 0, 100% 96%, 50% 100%, 0 96%, 0 0);
    }

    .hero-area {
        padding: 40px 0;
    }

    .hero-left h4,
    .hero-2-right h4 {
        font-size: 25px;
        line-height: 36px;
    }

    .hero-left p,
    .hero-2-right p {
        font-size: 17px;
        line-height: 26px;
        margin: 20px 0;
    }

    .hero-left a,
    .hero-2-right a {
        font-size: 17px;
    }

    .hero-right,
    .hero-2-left {
        margin-top: 20px;
    }

    .hero-left,
    .hero-2-right {
        padding: 0;
    }

    .embed-area {
        clip-path: polygon(0 0, 50% 6%, 100% 0, 100% 95%, 51% 100%, 0 95%);
        padding: 120px 0 50px;
    }

    .embed-upper-part p {
        font-size: 22px;
        line-height: 32px;
        margin-bottom: 0px;
    }

    .embed-upper-part h6 {
        font-size: 16px;
        margin: 30px 0;
    }

    .embed-btm-cnt {
        padding: 0 40px;
        margin-bottom: 40px;
    }

    .embed-btm-cnt p {
        font-size: 18px;
        margin-bottom: 15px;
    }

    .emb-brand img {
        max-width: 120px;
    }

    .embed-btm-part {
        padding: 40px 0 10px;
    }

    .emb-brand {
        padding-top: 15px;

    }

    .hero-2-area {
        padding-bottom: 50px;
    }

    .fr-bdr span {
        display: none;
    }

    .solution-area {
        padding: 50px 0 50px;
    }

    .solution-upper h4 {
        font-size: 30px;
        line-height: 42px;
    }

    .solution-upper p {
        font-size: 17px;
        line-height: 28px;
    }

    .solution-upper p br {
        display: none;
    }

    .solution-mdl-part {
        padding: 30px 0;
    }

    .solution-mdl-part h4 {
        font-size: 20px;
        line-height: 25px;
    }

    .solution-mdl-part img {
        margin: 20px 0;
    }

    .solution-mdl-part p {
        font-size: 20px;
        font-weight: 25px;
        padding: 0;
    }

    .tp-lgo {
        min-height: 100px;
    }

    .join-area {
        padding-top: 70px;
        clip-path: polygon(0 0, 50% 10%, 100% 0, 100% 100%, 49% 100%, 0 100%);
    }

    .join-bg {
        padding: 50px 0 100px;
    }

    .join-bg p {
        font-size: 20px;
    }

    .join-bg h4 {
        font-size: 24px;
        line-height: 40px;
    }

    .join-bg a {
        margin-top: 20px;
    }

    .footer-area {
        padding: 55px 0 20px;
    }

    .footer-cnt {
        margin-bottom: 30px;
    }

    /*=== tech-page start ===*/
    .tech-inner-cnt h4 {
        font-size: 38px;
        line-height: 50px;
    }

    .tech-serv-item {
        padding: 0;
        margin: 10px 0;
    }

    .tech-serv-area {
        padding-top: 25px;
    }

    .tech-serv-item img {
        max-width: 65px;
    }

    .tech-serv-cnt {
        margin-left: 22px;
    }

    .tech-serv-cnt h4 {
        font-size: 20px;
    }

    .tech-bg {
        background-size: 100%;
    }

    .hero-right [src="images/tech-hero-1.png"] {
        margin-top: 10px;
    }

    .api-area {
        padding: 35px 0 45px;
    }

    .api-left h4 {
        font-size: 25px;
        line-height: 35px;
    }

    .api-right {
        margin-top: 30px;
    }

    .api-left p,
    .api-left ul li,
    .api-left a {
        font-size: 16px;
    }

    .api-left ul li {
        padding-bottom: 5px;
    }

    /*=== products-page start ===*/
    .head-upiner-part h4 {
        font-size: 30px!important;
        line-height: 45px!important;
    }

    .head-upiner-part p {
        font-size: 16px!important;
    }

    .head-upiner-part {
        padding: 50px 0 85px!important;
    }

    .ab-pr-page {
        clip-path: polygon(100% 0, 100% 86%, 49% 100%, 0 86%, 0 0);
    }

    .business-left-p3 {
        padding: 0;
    }

    .business-left-p3 h4,
    .business-upper-cntp3 h4 {
        font-size: 30px;
        line-height: 41px;
    }

    .business-upper-cntp3 {
        padding-bottom: 20px;
    }

    .business-area-p3 {
        padding: 70px 0 50px;
    }

    .business-right-p3 {
        margin-top: 30px;
    }

    .price-left h4 {
        font-size: 30px;
        line-height: 50px;
        padding-top: 5px;
    }

    .price-right {
        margin-top: 20px;
    }

    .price-area {
        padding: 40px 0;
    }

    .account-area {
        padding: 40px 0;
    }

    .account-item img {
        max-width: 55px;
    }

    .account-cnt h4 {
        font-size: 20px;
        line-height: 25px;
    }

    .account-item {
        padding: 0;
        padding: 10px 0;
    }

    .account-upper h4 {
        font-size: 25px;
        line-height: 32px;
    }

    .hero-area-p3 {
        padding: 55px 0;
    }

    .hero-area-p3-upper {
        padding-bottom: 35px;
    }

    .hero-p3-item {
        margin-top: 30px;
    }

    .hero-p3-item img {
        width: 100%;
    }

    .hero-area-p3-upper h4 {
        font-size: 30px;
        line-height: 35px;
    }

    .hero-p3-cnt h4 {
        font-size: 30px;
        line-height: 35px;
    }

    .hero-btm-part-p3::after {
        display: none;
    }

    .hro-btm-section {
        padding-top: 30px;
    }

    .product-area-p3 table {
        width: 100%;
    }

    .product-area-p3 {
        padding: 50px 0;
    }

    .abt-head p {
        font-size: 18px!important;
        line-height: 28px!important;
    }

    .bnk-table-area {
        padding: 110px 0 110px;
    }

    .team-cnt p {
        margin-bottom: 40px;
    }

    .team-cnt {
        padding: 0;
    }

    .team-area {
        padding: 60px 0 40px;
    }

    .team-cnt h4 {
        font-size: 32px;
    }

    .profile-area {
        padding: 0px 0 20px;
    }

    .profile-cont {
        margin-bottom: 40px;
    }

    .advisor-area {
        padding: 50px 0;
    }

    .advisor-upper h4 {
        font-size: 28px;
    }

    .advisor-upper {
        padding-bottom: 10px;
    }

    .full-slider .prev {
        left: -15px;
    }
    .full-slider .next {
        right: -15px;
    }

    .full-slider .prev,
    .full-slider .next {
        font-size: 30px;
    }

    .full-slider2 .prev {
        left: -15px;
    }
    .full-slider2 .next {
        right: -15px;
    }

    .full-slider2 .prev,
    .full-slider2 .next {
        font-size: 30px;
    }

    .news-area {
        padding: 50px 0;
    }

    .member-area {
        padding: 50px 0;
    }

    .modal-body {
        padding: 0 15px 15px;
    }

    .modal-content {
        margin-top: 20px;
    }
    .header-bg video {
        display: none;
    }
















}