@media only screen and (max-width: 767px) {
    
    .h1, h1 {font-size: 1.7rem;}
    .h2, h2 {font-size: 1.3rem;}
    .h4, h4 {font-size: 1.1rem;}
    .h5, h5 {font-size: 1rem;}
    
    .mt-5, .my-5 {margin-top: 2rem!important;}
    .mb-5, .my-5 {margin-bottom: 2rem!important;}
    
    .chatbox {width: 100%;max-width: 300px;margin: 5rem auto 2rem;}
    .chat-img {width: 100px;top: -50px;left: 0;right: 0;margin: auto;}
    .chatbox p, .chat-box-pre .chatbox p {font-size: 20px;padding: 50px 10px 10px;}
    .tax-dedcution .list-group li.list-item {font-size: 17px;}
    .greenbtn {height: auto;max-width: 210px;margin: 1rem auto 0;}
    .btn {font-size: 16px;padding: 10px 10px 4px;}
    .app-store {padding: .5rem;}
    .about-app .price {max-width: 250px;}
    .about-app .price:before {width: 80px;height: 127px;top: -84px;right: 0;}
    .jumbotron {padding: 2rem 0;}
    .jumbotron p.h4 {margin-bottom: 1rem !important;}
    .tax-dedcution {padding: 2rem 0 8rem;}
    .intro-grabber {padding: 6rem 0 7rem;}
    .mid-info {padding: 5rem 0 2rem;}
    .about-app {padding: 5rem 0 5rem;}
    footer {padding: 2rem 0 1rem;}
    footer .links a {font-size: 14px;margin-top: 25px;}   
}

@media (min-width: 768px) and (max-width: 991px) {
    .h1, h1 {font-size: 2rem;}
    .h2, h2 {font-size: 1.5rem;}
    .h4, h4 {font-size: 1.2rem;}
    .h5, h5 {font-size: 1.2rem;}
    .chatbox {width: auto;max-width: 520px;}
    .chat-img {width: 110px;left: -9px;}
    .chatbox p, .chat-box-pre .chatbox p {font-size: 22px;padding: 10px 0px 10px 100px;}
    .app-store {padding: 1rem 3rem;}
}

@media (min-width: 992px) and (max-width: 1024px) {
    .chatbox {width: auto;max-width: 620px;}
}