@media (max-width: 420px){
    .track-expense-text.ride-exp { margin: 150px auto 0px !important;width:100%;}
}
@media (max-width: 375px){
    .track-expense-text.ride-exp { margin: 225px auto 0px !important;width:100%;}
}
@media (max-width: 330px){
    .track-expense-text.ride-exp { margin: 240px auto 0px !important;width:100%;}
}
@media (max-width: 320px){
    .track-expense-text.ride-exp { margin: 240px auto 0px !important;width:100%;}
}
@media (max-width: 479px){
.logo {margin:5px 0px;}
.logoimg{display: none;}
.responsive-logo {display: block;}
.navbar-default {padding:20px 0px;float:none;}
.smb-btn-1{ width: 262px!important;}
.slgsn-btn-big{width: 240px!important;}
.slgsn-btn-big a{width: 240px!important;}
.video-parent {max-width: 280px;margin:20px auto 0px;display: block !important;}
.track-expense-text.ride-exp { margin: 140px auto 0px;width:100%;}
.sub-benefits-box { width: 94% !important;}
.benefits h1 {   font-size: 26px;}
.benefits p strong { font-size: 21px;}
.accounting-info h3 { font-size: 24px;}
.start-btn.start-blk a { width: 262px;}
.tr-store.ride-str h4 span { font-size: 36px !important;}
.links.top-l-social img {  margin-left: 0px;}		
.Resp-logoimg{display: block !important;width: 170px;}
}


@media (min-width: 480px) and (max-width: 767px){
.video-parent {width: 400px;margin:30px auto 0px;display: block !important;}
}

@media (min-width: 480px) and (max-width: 991px) {
.logo{width: 175px;     margin: 3px 0px;}
.navbar-default {padding: 20px 0px;    float: none;}
}
@media (min-width: 480px) and (max-width: 610px) {
.track-expense-text.ride-exp { margin: 100px auto 0px;width:100%;}
}

@media (max-width: 767px){
p, .sub-benefits p{font-size: 18px;}
.video-section .blog-vid-par{width: 100%;}
.accounting-info .info-sec{padding: 60px 0px;}
.banner-bg figcaption h1 {font-size: 24px;line-height: 1.5;}
.banner-bg figcaption p, .accounting-info .info-sec p, .benefits p{font-size: 18px;}
.accounting-info h4, .three-steps h4 {font-size: 20px;}
.heading-box {width: 95%;}
.heading-box h2 {font-size: 24px;margin: 0px;}
.software-info .info-sec {padding: 10px;padding-bottom: 30px;border: 2px solid #fff;}
.software-info {padding: 30px 0px 110px;}
.software-info .info-sec p{font-size: 18px;}
.software-info h3 {font-size: 22px;margin: 0;}
.software-info .info-sec + p {width: 220px;bottom: -10px;font-size: 23px;}
.three-steps .col-sm-4:last-child .step-parent{margin-bottom: 0px;}
.three-steps .col-sm-4{margin: auto;max-width: 285px;}
.three-steps h3{width: 100%;font-size: 24px;}
.three-steps .caption p, .benefits ul.list-style-select li {font-size: 18px;line-height: 1.2;}
.step-parent{margin-bottom: 70px;}
.sub-benefits p.bottom-text {font-size: 18px;}
.benefits ul.list-style-select{padding-left: 14%;}
.sub-benefits .lets-start-btn a{max-width: 250px;}
.content { bottom: 40px;top:0px;}
.banner-bg figcaption p { margin: 2% auto;}
.banner-bg figcaption h4 { font-size:21px}
.hz-rular { height: 1px;}
.sm-bus-mob img {  width: 20%;padding-top:0px;}
.benefits .display-flex{display: block;}
.sub-benefits-box {   width: 96%;}
.r-in-block img{padding-top:20px;}
.bg-black {  margin-top: 10px;}
.benefits { padding: 40px 0px 20px;}
.grey-bg-cashbook p {    font-size: 20px;}
.caption-lbb p { font-size: 19px;}
.caption-lbb h3 {    font-size: 25px;}
.qa-grey-bg p span { border: none; padding:0px;  border-radius:0px;background-color: transparent;line-break: 20px; }
.video-parent {  margin:0px auto 30px;}
.navbar-default{float:right !important;    padding:14px 5px !important;}

}

@media (min-width: 768px) and (max-width: 991px){
.heading-box h2{font-size: 26px;}
.blog-vid-par { top: 25px;}
.content{top:0px;}
.accounting-info h4, .three-steps h4 {font-size: 22px;}
.banner-bg figcaption h1 {font-size: 30px; }
.banner-bg figcaption p{font-size: 18px;}
.software-info .info-sec{padding: 20px;}
.software-info .info-sec p{font-size: 20px;}
.software-info h3 {font-size: 24px;margin: 0;}
.three-steps .caption p {font-size: 20px;}
.three-steps h3 {width: 100%;font-size: 26px;}
.benefits ul.list-style-select{padding-left: 30%;}
.banner-bg figcaption h4 {    font-size: 23px;}
.need-to {width:84%;}
.benefits {  padding: 30px 0px 20px;}
.benefits img{padding-top:50px;}
.track-expense-text.ride-exp li { font-size: 21px; font-weight: 600;}
.r-in-block { display: flex;justify-content: center; padding-top: 45px;}
.banner-btm-text { padding: 210px 0px 50px;}
.track-expense-text.ride-exp {  width: 485px;  margin: 160px auto 0px;}
.bg-black { margin-top: 10px;}
.links.top-l-social {  padding: 25px 0px;}
}

@media (max-width: 991px){
.sm-no-display{display: none;}
.heading-box {max-width: 500px;padding: 20px;position: relative;margin-top: -80px;}
.three-steps {padding: 30px 0px;}
.benefits h1 {padding-top: 30px;margin-top: 0px;}
.benefits .left-sec p:last-child {padding-bottom: 70px;}
.sub-benefits-box {padding: 25px 25px 35px;}
.sub-benefits h3, .sub-benefits h5{font-size: 20px;line-height: 1.3;}
.banner {padding: 120px 0px 50px;}
.info-text{font-size: 16px;}
.three-steps h4 {padding-bottom: 50px;}
.sub-benefits .lets-start-btn a {width: 240px;}
.banner-btm-text .row.flex-row.bnr-tm { display: block;}
.banner-btm-text { padding: 100px 0px 50px;}
.track-expense-text.ride-exp li {font-size: 20px;}
.tr-store.ride-str h4 { font-size: 24px !important;}
.tr-store.ride-str h4 span { font-size: 40px !important;}
}

@media (min-width: 992px) and (max-width: 1024px){
.benefits ul.list-style-select{padding-left: 9%;}
}

@media (min-width: 992px) and (max-width: 1199px){
.logo{max-width: 180px;}
.navbar-default {padding: 21px 0px;}
.banner-bg figcaption h1 {font-size: 31px;}
.banner-bg figcaption p{font-size:19px;}
.sub-benefits-box {    padding: 5% 3% 6%;}
.sub-benefits h3{font-size: 22px;}
.info-text{font-size: 18px;}
.banner-bg figcaption h4 { font-size: 24px;}
.content{top:15px;}
.bg-black {  margin-top: 10px;}
.start-btn a { min-width: 230px !important;max-width: 100%;}
.banner-btm-text {padding: 216px 0px 50px;}
.track-expense-text.ride-exp { width: 485px;  margin: 27px auto 0px;}
.logo{ width: 180px !important;}
.banner-btm-text {
    padding: 250px 0px 50px;
}
}

@media (min-width: 768px) and (max-width: 1024px){
.accounting-info .info-sec p, .sub-benefits p.bottom-text {font-size: 20px;}
}

@media (min-width: 768px) and (max-width: 1199px){
.three-steps p, .benefits p, .benefits ul.list-style-select li {font-size: 18px;}
.links.top-l-social {
    padding: 25px 0px !important;
}

}
@media (max-width: 320px){
    .smb-btn-2 a { padding: 16px!important;  width: 220px!important; height: 65px!important;}
    .smb-btn-1 {width: 220px!important;}
    .start-btn.start-blk a {  width: 220px;}

}

@media (max-width:1199px){
section.pt-100 {padding-top: 90px;}
.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;}
}