@media (max-width: 600px){
.sign-up-section .row{display: block;}
.sign-up-section {text-align: center;padding-top: 15px;}
a.sign-up-btn::after {display: none;}
}

@media (max-width: 767px){
.logo {max-width: 155px;margin: 8px 0px;}
.navbar-default {padding: 15px 0px;}
.banner-bg{padding-top: 67px;}
.banner h1{font-size: 24px;}
.banner p, .banner .text-bottom {font-size: 16px;}
.banner h5 {font-size: 20px;}
.banner .text-mid {font-size: 18px;}
.track_expenses .track-btn {max-width: 230px;font-size: 20px;padding: 5px;margin: 0px auto 25px;}  
.track_expenses .col-sm-6:first-child ul {float: none;}  
.xs-no-display{display: none;}
.workfromhomepricing .board{font-size: 16px;background-size: contain;}
a.sign-up-btn{padding: 6px 12px;font-size: 16px;}
.banner:before, .banner:after{display: none;}
.track_expenses ul {margin-bottom: 0px;}
.track_expenses ul li {font-size: 16px;margin-bottom: 0px;}
.pricing-box:first-child {margin-top: 10px;}
}

@media(min-width: 768px) and (max-width: 991px){
.banner-bg {padding-top: 77px;}
.banner::before {width: 102px;height: 83px;}
.banner::after {width: 120px;height: 110px;}
.banner h1 {font-size: 30px;}
.banner p {font-size: 20px;}
.banner h5 {font-size: 23px;}
.banner .text-mid {font-size: 20px;}
.track_expenses .track-btn {max-width: 280px;font-size: 24px;}
}

@media (max-width: 991px){
.banner {background: #f5f5f5;background-image: none;}
.banner .content {width: 100%;margin: 25px 0px;}
.sm-no-display{display: none;}
.navbar-default .navbar-nav > li > a{font-size: 16px;}
.video-parent {margin-top: 0px;margin-left: 0px;text-align: center;}
.video-parent img {width: 290px;}
.blog-vid-par {width: 230px;height: 141px;margin: auto;position: absolute;top: 30px;left: 0px;right: 0px;}
.track_expenses {padding-bottom: 20px;}
a.sign-up-btn{white-space: nowrap;}
a.sign-up-btn::after {border-top: 6px solid transparent;border-bottom: 6px solid transparent;border-left: 10px solid #0eba1f;}
.workfromhomepricing .board {width: 100%;height: auto;top: 0px;left: 0px;right: 0;margin: auto;text-align: center;background-color: #bc0012;background-image: none;}
}

@media (min-width: 992px) and (max-width: 1199px){
.banner-bg {padding-top: 77px;}
.banner::before {width: 123px;height: 100px;}
.banner::after {width: 195px;height: 178px;}
.banner .content {width: 80%;margin: 50px 0px 80px;}
.banner h1{font-size: 38px;}
.banner p {font-size: 20px;}
.banner h5 {font-size: 24px;}
.banner .text-mid {font-size: 20px;}
.track_expenses {padding-bottom: 20px;}
a.sign-up-btn::after {border-top: 6px solid transparent;border-bottom: 6px solid transparent;border-left: 10px solid #0eba1f;}
}

@media (max-width:1199px){
section.pt-100 {padding-top: 80px;}
.navbar-toggle {display: block;margin-right: 0px;}
.navbar-header{float: none;}
.navbar-collapse.collapse{display: none !important;}
.navbar-collapse.collapse.in{display: block !important;}
.navbar-nav{margin: 0px;}
.navbar-nav > li{float: none;margin-right: 0px;}
.navbar-default .navbar-nav > li > a {-webkit-transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none;transform: none;}
.navbar-default .navbar-nav > li {-webkit-transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none;transform: none;}
.navbar-nav{float: none;}
.navbar-collapse{padding: 0px;}
.navbar-toggle{margin: 0px;}
}

@media (min-width: 1200px) and (max-width: 1300px){
.banner:before {width: 159px;height: 130px;}
.banner:after {width: 258px;height: 235px;}
}