@media (max-width: 369px){
    .banner-btm-text {
    padding:166px 0px 55px !important;}
}
@media (max-width: 479px){
.logo {margin: 7px 0px;}
.logoimg{display: none;}
.links.top-l-social img {  margin-left: 0px;}		
.Resp-logoimg{display: block !important;width: 120px !important;} 	
.responsive-logo {display: block;}
.navbar-default {padding: 20px 0px;}
.banner .content figcaption{padding-top:10px;}
.video-parent img{width: 100%;max-width: 320px;}
.video-parent {margin-top: 20px;}
.video-section .blog-vid-par {width: 250px;height: auto;}
.banner-btm-text {  padding:120px 0px 55px ;}
.links.top-l-social img {    margin-left: 0px;}
}
@media (max-width: 489px){
    .banner-btm-text {
    padding:100px 0px 55px }
    }

@media (min-width: 480px) and (max-width: 991px) {
.logo{max-width: 145px;}
.navbar-default {padding: 20px 0px;}

}
@media (max-width: 590px){
    .track-expense-text.ride-exp {margin: 35px auto 0px !important;}    
.track-expense-text.ride-exp {  width:100%;}
}

@media (max-width: 645px){
    .row.display-flex.three-b {display:block !important;}
    .step-box { width: 100% !important;}
    .step-parent {width:80% !important; margin: 15px auto !important;}
    .step-box span { min-width: 88% !important;}
}

@media (min-width: 992px) and (max-width: 1199px) {
.logo{max-width: 210px;}
.navbar-default {padding: 21px 0px;}
}

@media (min-width: 480px) and (max-width: 991px) {
.video-parent img{width: 100%;max-width: 320px;}
.video-parent {width: 320px;margin: 25px auto 0px;}
.video-section .blog-vid-par {width: 100%;height: auto;}
}

@media (min-width: 646px) and (max-width: 767px) {
.videos-blog .col-md-9 .row .col-sm-4 {width: 47%;display: inline-block;margin: 0px 8px 15px;}
}

@media (max-width: 767px){
.top-caption {padding: 15px;margin-top: 80px;}
.top-caption p {font-size: 16px;}
.banner .content, .banner .video-parent{display: block;}
.banner-bg figcaption h1{font-size: 28px;}
.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 {padding: 10px;}
.heading-box h2 {font-size: 24px;margin: 0px auto 15px;}
.accounting-info .info-sec{padding: 20px 10px;margin-bottom: 50px;}
.three-steps .heading-pre{padding: 0px;}
.three-steps h3{width: 100%;font-size: 24px;}
.three-steps .display-flex{display: block;}
.step-box img {max-width: 250px;}
.step-box p{font-size: 20px;}
.bottom-content {padding: 20px 0px;}
.three-steps .caption p, .benefits ul.list-style-select li {font-size: 18px;line-height: 1.2;}
.benefits-content {padding: 20px 0px 35px;}
.xs-no-display{display: none;}
.sub-benefits p.bottom-text {font-size: 18px;}
.sub-benefits .lets-start-btn a{    max-width: 306px;}
.bg-black {margin-bottom: 10px;}
.content {top:5px;}
.banner { padding: 120px 0px 70px;}
.row.display-flex.three-b{display:flex;}
.step-box span {  min-width: 155px;}
.step-parent { padding: 30px 0px; margin: 15px 15px; width: 29%;}
.step-box { padding: 53px 10px 40px;}
.start-btn2 {  bottom: -59px;}
.track-expense-text.ride-exp li { font-size: 20px;}
.tr-store.ride-str h4 span { font-size: 38px !important;}
.tr-store.ride-str h4 { font-size: 24px !important;}
.tr-store.ride-str .app-store {  margin: auto auto 20px auto;}
.tr-store.ride-str h4 {max-width: 100%;}
.r-in-block img{display:inline-block;}
.sub-benefits .lets-start-btn a { bottom: -21px;}
.banner-btm-text { padding: 90px 0px 55px; }
.start-btn a {font-size:18px !important;  min-width: 225px !important;}
.sub-benefits-box {  width: 94% !important;}
.banner-btm-text .row.flex-row.bnr-tm {  display: block;}
.track-expense-text.ride-exp {  margin: 0px auto 0px;}

}

@media (min-width: 768px) and (max-width: 991px){
.top-caption p{font-size: 22px;}
.heading-box h2{font-size: 26px;}
.accounting-info h4, .three-steps h4 {font-size: 22px;}
.banner-bg figcaption{padding: 0px;}
.three-steps h3 {width: 100%;font-size: 26px;}
.three-steps .caption p {font-size: 20px;}
.benefits ul.list-style-select{padding-left: 27%;}
}

@media (min-width: 768px) and (max-width: 991px){
.banner-bg figcaption p {font-size:16px;}
.banner-bg figcaption h1 {font-size: 28px;}
.heading-box {padding: 15px;}
.accounting-info .info-sec {padding: 30px 0px;}
.step-box p {font-size: 20px;}
.step-parent {   margin: 15px 15px; width: 30%;}
.step-box {    padding: 50px 13px 40px;}
.benefits-content {padding: 30px 0px;}
.step-box span {    min-width: 188px;}
.tr-store.ride-str h4 span { font-size: 40px !important;}
.tr-store.ride-str h4 { font-size: 24px !important;}
.track-expense-text.ride-exp li { font-size: 21px;}
.video-parent { width: 341px;top:70px;}
.bg-black {margin-bottom: 10px;}
.banner-btm-text {
    padding: 120px 0px 50px;
}
}

@media (max-width: 991px){
.sm-no-display{display: none;}
.benefits h1 {margin-top: 0px;}
.benefits {background: #fff;}
.benefits .left-sec p:last-child {padding-bottom: 70px;}
.sub-benefits-box {width: 100%;padding: 25px 25px 35px;}
.sub-benefits h3, .sub-benefits h5{font-size: 20px;line-height: 1.3;}
}

@media(min-width: 992px){
.video-parent{min-width: 400px;}
}

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

@media (min-width: 992px) and (max-width: 1199px){
.top-caption p {font-size: 24px;}
.banner-bg figcaption p {font-size: 17px;}
.video-section .blog-vid-par {width: 535px;}
.accounting-info .info-sec{padding: 50px 0px;}
.sub-benefits-box {padding: 5% 10%;}
.sub-benefits h3{font-size: 22px;}
.three-steps p, .benefits p, .benefits ul.list-style-select li {font-size: 20px;}
.three-steps h3{font-size: 28px;}
.accounting-info h4{font-size: 24px;}
.bg-black {margin-bottom: 10px;}
.content{top:0;}
.step-box { padding: 70px 35px 55px;}
.step-box span {  min-width: 225px;}
.start-btn a { min-width: 230px !important; height: 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){
.links.top-l-social {   padding: 25px 0px !important;}
}


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