@media (max-width: 479px){
.logo {margin: 7px 0px;}
.logoimg{display: none;}
.Resp-logoimg{display: block !important;width: 193px;}
.features ul.list-style-home {padding-left: 30px;margin: 30px 0;}
.banner .content figcaption{padding-top: 0px;}
.video-parent img{width: 100%;max-width: 320px;}
.video-parent {width: 280px;margin:45px auto 10px;}
/*.video-section .blog-vid-par {width: 157px;height: 98px;top: 12px;right: 92px;}*/
.cbook-need{margin-bottom:20px;}
.tradie-info-list {  padding: 19px 0px 31% !important;}
.track-expense-text.ride-exp {    width: 100% !important;    margin:20px auto 0px !important;}
.banner-btm-box p { font-size: 19px;}
.cbook-need { padding: 22px 20px 35px;}
.cbook-need h2 {font-size: 28px;}
.links.top-l-social img {  margin-left: 0px;}
}
@media (max-width: 375px){
.tradie-info-list {  padding: 19px 0px 35% !important;}
.track-expense-text.ride-exp {  margin: 42px auto 0px !important;}
.r-in-block img { width: 62%;}
}

@media (min-width: 320px) and (max-width: 360px){
.banner-btm-box { width: 92% !important;}
.tradie-info-list {  padding: 19px 0px 48% !important;}
}
@media (max-width: 320px){
.tradie-info-list {  padding: 19px 0px 48% !important;}
}

@media (min-width: 480px) and (max-width: 767px) {
.video-section .blog-vid-par {}
}

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

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

@media (min-width: 768px) and (max-width: 991px) {
/*.video-section .blog-vid-par {width: 181px;height: 113px;right: 104px;top: 162px;}*/
.sub-benefits-box {  width: 100%;  padding: 25px 25px 35px;}
.banner-btm-box ul{padding-left:0px;}
.start-btn.lets-start-btn.last-btn a{ width:245px;}
.r-in-block img{margin-top: 75px;}
.track-expense-text.ride-exp li {font-size: 21px;}
.track-expense-text.ride-exp { width: 480px;    margin: 75px auto 0px;}
.accounting-info { padding: 4% 0 13%;}
} 

@media (min-width: 480px) and (max-width: 991px) {
.video-parent img{width: 100%;max-width: 320px;}
.video-parent {width: 320px;margin:45px auto 10px;}
}

@media (min-width: 480px) and (max-width: 1199px){
.logo {margin: 10px 0px;}
}

@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){
.three-steps{padding: 20px 0px 40px;}    
.sub-benefits { padding: 20px 0px 0px;}
.accounting-info{ padding: 20px 0px 80px;}
.features{   padding: 40px 0px 40px;}
.banner {height: auto !important;display: block !important;}
.banner .content, .banner .video-parent{display: block;}
.wavy-bg figcaption h3 {font-size: 18px;line-height: 1.2;margin: 20px 0;}
.wavy-bg figcaption h1, .wavy-bg figcaption h2 {font-size: 24px;padding: 0;}
.wavy-bg figcaption p {font-size: 16px;margin: 2% auto 10px;}
.accounting-info .info-sec p{font-size: 18px;}
.accounting-info h4{font-size: 20px;    margin: 3% 0% 0%;}
.three-steps h4 {font-size: 20px;}
.step-box p {font-size: 20px;}
.three-steps .mt:nth-child(2), .three-steps .mt:nth-child(3) {margin-top: 0;}
.bottom-info h1 {font-size: 24px;}
 .features h1 {font-size: 30px;margin-bottom: 0px;}
.bottom-info p {font-size: 18px;}
.features p {font-size: 18px;font-weight: 600;}
.features ul.list-style-home li {font-size: 18px;font-weight: 600;margin-bottom: 10px;}
.features ul.list-style-home li:before {width: 20px;height: 20px;}
.features ul.list-style-home li:before {top: 3px;}
.sub-benefits ul, .sub-benefits p {font-size: 18px;}
.lets-start-btn a{width: 100%;max-width: 230px;height: 45px;}
.start-btn a, .lets-start-btn a {font-size: 14px;}
.three-steps .col-sm-4.mt:first-child .step-parent {margin-top: 0px !important;}
.three-steps .col-sm-4.mt:last-child .step-parent {margin-bottom: 0px !important;}
.step-box span {  min-width: 155px;}
.step-parent { padding: 30px 0px;  margin: 15px 15px; width: 29%;}
.step-box {  padding: 53px 10px 40px;}
.tradie-info-list {  padding: 19px 0px 11%;}
.banner-btm-box{  width: 94% ;padding: 6% 3%;}
.start-btn.lets-start-btn.last-btn a{ max-width: 240px !important;    width: 100%;}
.wavy-bg .banner {    padding: 65px 0px 70px;}
.info-sec.text-center { padding: 20px 30px;}
.banner-btm-text .row.flex-row.bnr-tm { display: block;}
.track-expense-text.ride-exp { width: 522px;}
.track-expense-text.ride-exp li {font-size: 20px;}
.r-in-block img{display: inline-block;margin-top: 20px;}
.tr-store.ride-str h4 { font-size: 24px !important;}
.tr-store.ride-str h4 span {  font-size: 40px !important;}
.bottom-info h1 {margin-top:0px;}
.banner-btm-box ul{padding-left: 0px;}
.bg-black { margin-top: 10px;}
.links.top-l-social { text-align: right; padding: 16px 0px;}
.navbar-collapse {}
.navbar-default{float:right !important;    padding: 9px 5px !important;}

.navbar-collapse{box-shadow: none;}
}

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

@media (min-width:768px) and (max-width:991px){
.step-icon{left: 28%;}
.step-box{width: 100%;height: 200px;}
.banner {padding-top: 30px;}
.wavy-bg figcaption p{width: 100%;}
.wavy-bg figcaption h3 {font-size: 24px;}
.wavy-bg figcaption h2 {font-size: 32px;}
.wavy-bg figcaption h1 {padding-top: 0%;font-size: 28px;}
/*.wavy-bg .banner {height: 670px;}*/
.bg-black {margin-top:10px;}
.step-box {  padding: 50px 13px 40px;}
.step-box { padding: 50px 13px 40px;}
.step-box span {    min-width: 188px;}
.step-parent {  margin: 15px 15px;  width: 30%;}
.video-parent { width: 341px;  top: 70px;}
.wavy-bg .banner {  padding: 75px 0px 70px;}
}

@media (max-width: 991px){
.sm-no-display, .wavy-bg .col-md-5.sm-no-display{display: none;}
.wavy-bg .col-md-7{display: block;}
.logoimg{    width: 200px;}
.tradie-info-list .info-list h5{width: 100%;}
}

@media (min-width: 768px) and (max-width: 1024px){
.accounting-info .info-sec p {font-size: 20px;}
.accounting-info h4 {font-size: 22px;}
.three-steps h4 {font-size: 24px;width: 100%;}
.step-box{height: 200px;}
.step-box p {font-size: 20px;}
.bottom-info h1, .features h1{font-size: 32px;}
.bottom-info p {font-size: 20px;}
.features p , .features ul.list-style-home li, .sub-benefits ul, .sub-benefits p {font-size: 20px;}
}

@media (min-width: 768px) and (max-width: 1199px){
}

@media (max-width:1199px){
section.pt-100 {padding-top: 80px;}
.logo{max-width: 210px;}
.navbar-default {padding: 15px 0px;}
.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: 992px) and (max-width:1199px){
.wavy-bg figcaption h3 {font-size: 24px;margin-top: 0;}
.wavy-bg figcaption h2 {font-size: 34px;padding-top: 1%;padding-bottom: 2%;}
.wavy-bg figcaption h1 {padding-top: 1%;padding-bottom: 1%;font-size: 30px;}
.video-parent img {width: 470px;}
.video-section .blog-vid-par { width: 535px;}
.step-box span { min-width: 225px;}
.step-box { padding: 70px 35px 55px;}
.bottom-info h1 {font-size:31px;}
.start-btn a, .common-btn a {  width: 200px;  height: 50px;}
.features ul.list-style-home {  padding-left: 6%;}
.start-btn.lets-start-btn.last-btn a{width:285px;}
.bg-black {margin-top:10px;}
.tradie-info-list .info-list h5{width: 80%;}

}
@media (max-width:768px){
       .banner-btm-text {  padding: 350px 0px 50px;}
}