@media screen and (min-width: 1610px){
	.top-banner { max-height: 870px; position: relative;}
	.top-banner h1, .top-banner .left-sec p.h1 { font-size: 72px;}
	.right-sec-img img.img-1 { max-width: 578px;}
	.technology-section .right-img { width: 31%;}
	footer .container { max-width: 100%; margin: 0 auto; padding: 0 120px; float: left;}
}
@media screen and (max-width: 1590px){	
	.platform-content { padding: 30px 40px 40px 60px;}	
	.red-section-middle { background: url(../images/red-middle.jpg) no-repeat 0px 0px / cover;}
	.red-section { background: url(../images/red-middle1.jpg) no-repeat 0px -150px / cover;}
	.smartcabs-ms .top-banner .left-sec { max-width: 54%;}
	.top-banner .container-fluid { padding: 160px 80px; }
	.top-banner h1, .top-banner .left-sec p.h1 { font-size: 60px;}
	.top-banner .left-sec p { font-size: 18px;}
	.left-img .app-screen1, .left-img .app-screen2 { left: 15px; max-width: 85%; top: -413px;}
	.left-img .app-screen3 { left: 15px; max-width: 85%; top: -343px;}
	.technology-section .right-img { width: 37%; padding-top: 12px; right:0;}
	.right-sec-img img.img-1 { max-width: 430px;}
	.tab-content { min-height: 755px; padding: 0px 0px 0;}
	.tab-content h5 { margin: 20px auto 10px;}
	.left-img .app-screen2 { top: -335px;}
	.food-delivery-ms .top-banner .left-sec {width: 53%; margin-left: 5px;}
	.right-sec-img { right: 45px; width: 40%; text-align: center;}
	.black-section {padding: 70px 0px 50px;}
	.black-sec { padding: 0px 0 60px 0;}
	.left-img .app-screen1 { left: auto; right: 0; top: 243px;}
	.tab-content .tab-pane { padding: 70px 0px;}
	.tab-content #customer.tab-pane { padding: 60px 0px;}
	.contact-us { padding: 80px 0 90px;}
	.service-cols .col-4 { padding: 20px 50px;}
	.container { width:1200px;}
	.food-delivery-ms .top-banner .left-sec { top: 135px;}
	.squares.square1, .aos-animate.squares.square1 { left:-125px;}
	.squares, .aos-animate.squares { right: 695px; width: 80px; height: 80px;}
	.squares.square3, .aos-animate.squares.square3 { right: 649px; width: 25px; height: 25px; bottom: 135px;}
	.red-section-middle .sm-heading {margin-bottom: 10px; padding-top: 15px;}
    .squares.square1, .aos-animate.squares.square1 {    top: 140px; width: 180px; height: 180px; left: -105px;}
}

@media screen and (max-width: 1460px) and (min-width: 1410px) and (max-height: 735px){
	/*.right-sec-img img.img-1 { max-width: 385px;}*/		
}

@media screen and (max-width: 1400px){
	.left-img .app-screen2 {left: 0; right:0; margin: auto; max-width: 85%; /*top: 0;*/}
	.left-img .app-screen1 {left: 0; max-width: 85%; /*top: 0px;*/}
	.left-img .app-screen3 { left: 0; right:0; margin: auto; max-width: 85%;}
	.technology-section .right-img { width: 38.5%; top: 22px;}
	.top-banner h1, .top-banner .left-sec p.h1 { font-size: 50px;}
	.right-sec-img img.img-1 { max-width: 360px;}
	.white-section { padding: 80px 0;}
	.black-section { padding: 60px 0px 50px;}
	.black-sec { padding: 0px 0 50px 0;}
	.technology-section { padding: 70px 0 0px 0;}
	.red-section .sm-heading { padding: 0 10%; font-size: 50px;}
	.services-sec { padding: 70px 0 50px;}
	.service-cols .col-4 { padding: 20px 40px;}
	.platform-content { padding: 30px 40px 40px 10px;}
}

@media screen and (max-width: 1360px){
}

@media screen and (max-width: 1200px){
	.top-banner .container-fluid { padding: 130px 40px 0;}	
	.top-banner h1, .top-banner .left-sec p.h1 { font-size: 48px; line-height: 1.1; padding-right: 70px;}
	.top-banner .left-sec p { line-height: 1.4; font-size: 18px;}
	.top-banner { max-height: 680px;}
	.right-sec-img img.img-1 { max-width: 410px;}
	.right-sec-img { right: 40px; top: 119px; height: 73%;}
	.white-section { padding: 70px 30px;}
	.black-section { padding: 70px 30px 50px;}
	.tab-content #customer h5 { margin: 20px auto 10px;}
	.left-img .app-screen1 {  top: 110px;}
	.red-section-middle .sm-heading { font-size: 52px;}
	.red-section-middle { padding: 70px 0 60px;}
	.technology-section { padding: 70px 0;}
	.technology-section .container-fluid, .services-sec .container-fluid { padding: 0px 30px;}
	.technology-section p br { display: none;}
	.platform-content { padding: 30px 80px 0px 40px;}
	.technology-section .right-img { right: 22px; width: 42%;}
	.red-section { padding: 70px 0 60px;}
	.red-section .sm-heading { font-size: 50px;}
	.service-cols .col-4 { padding: 20px 10px;}
	footer { padding: 5px 30px;}
	.social-navigation { padding: 32px 0 0;}
	.columns-sec { display: inline-block; width:100%; text-align: center;}
	.wht-cols, .red-cols { display: inline-block; float: none;}
	
	.top-banner .left-sec { top: 40px;}
	.top-banner .right-sec-img {top: auto; bottom:0; text-align: right;}
	.right-sec-img img.img-1 { max-width: 337px;}
	.food-delivery-ms .top-banner .left-sec { width:100%; max-width: 60%;}
	.black-section p { font-size: 18px;}
	.nav-link h5 { padding: 0 20px;}
	.red-section .sm-heading { padding: 0;}
	#contact .main-heading { font-size: 60px;}
	.left-img { text-align: center !important;}
	.contact-us .h4 {padding: 0 5% 0px;}
	.contact-us { padding: 80px 10px 90px;}
}

@media screen and (max-width: 980px){
	.smartcabs-ms .top-banner .left-sec { max-width: 80%;}	
	.top-banner h1, .top-banner .left-sec p.h1 { font-size: 30px; letter-spacing: -0.6px; padding-right: 0;}
	.top-banner .left-sec p { font-size: 15px;  padding: 5px 0;}
	.right-sec-img { height: 540px; top: auto; left: 40px;}
	.top-banner { max-height: none;}
	.nav-link h5 { padding: 0 5px; line-height: 1.3; font-size: 16px;}
	.tab-content { padding: 0px 0px;}
	.feature-listing li { line-height: 1.4; padding: 3px 0 3px 28px; font-size: 16px;}
	.tab-content h5 { margin: 20px auto 0px;}
	.left-img .app-screen1 { top: 18px; margin: 0; position: relative;}
	.left-img .app-screen2 { top: -20px;}
	.tab-content #customer.tab-pane { padding: 40px 0px;}
	.red-section-middle .sm-heading { font-size: 38px;}
	.platform-content { padding: 30px 40px 40px 40px;}
	.technology-section .right-img { top: 60px;}
	.technology-section { padding-bottom:0;}
	.red-section .sm-heading { line-height: 1;}
	.red-section { padding: 60px 0 50px;}
	.service-cols h4 { font-size: 18px;}
	.service-cols p { font-size: 16px; line-height: 1.4;}
	.services-sec { padding: 60px 0 35px;}	
	.left-img .app-screen3 { top: 0;}
	.wts-btn.hd-sm { display: none;}	
	.wts-btn.hd-md { display: block;}
	
	header nav { width: calc(100% + 20px) !important; left: -10px !important;}
	.top-banner .left-sec { width: 41%; margin: 0 2% 0 3%; float: left;}
	.top-banner .right-sec-img { width: 46%; left: 0px; position: relative; margin: 0; text-align: center;}
	.top-banner h2 { font-size: 35px; width: 320px;}
	.top-banner .container-fluid { padding: 130px 0px 0;} 
	.top-banner { height: auto;}
	.food-delivery-ms .top-banner .left-sec { max-width: 50%; top:175px;}
	.right-sec-img img.img-1 { max-width: 260px;}
	.right-sec-img .lr-img { max-width: 75%;top: 123px;}
	.right-sec-img .sm-img { top: 243px;}
	.top-banner .yellow-btn { padding: 10px 30px; font-size: 18px;}
	.top-banner .right-sec-img { bottom: -160px;}	
	.app-screens-sec { padding: 40px 0px;}
	.white-section { padding: 50px 30px;}
	.get-own-solution p, .technology-section p {font-size: 17px; line-height: 1.3em;}
	.btn.yellow-btn { font-size: 18px;}
	.black-section { padding: 45px 30px 40px;}
	.left-img .app-screen1 {max-width: 94%;}
	.content-listing li p { font-size: 16px;}
	.technology-section .middle-content {    margin: 30px -15px 0;}
	.content-listing li {    padding: 10px 0 5px 90px;}
	.red-section .sm-heading { font-size: 40px;}
	.icons { width: 60px; height: 70px;}
	.contact-details-wrapper, .contact-form { margin: 10px auto 0;}
	.contact-us .h4 { font-size: 15px;}
	.sm-heading { font-size: 24px;}
	.services-sec .sm-heading { margin: 0 auto 30px;}
	.contact-us { padding: 50px 10px 70px;}
}

@media screen and (max-width: 767px){
	.top-banner { height: auto; padding-top:100px;}
	.food-delivery-ms .top-banner .left-sec { max-width: 100%; top: 0; padding: 50px 0;}
	.white-section { padding: 50px 25px;}
	.top-banner .container-fluid { padding: 130px 40px 50px; height: auto;}	
	.smartcabs-ms .top-banner .left-sec { max-width:100%;}
	.right-sec-img { display: none;}
	.sm-heading { font-size: 25px;}
	.black-section { padding: 50px 30px 50px;}
	.black-sec { padding: 0px 0 50px 0;}
	.nav-tabs .nav-link:focus::after, .nav-tabs .nav-item.show .nav-link::after, .nav-tabs .nav-link.active::after { bottom: -4px;}
	.nav-tabs .nav-link { border:0; top: 1px; position: relative;}
	.left-img .app-screen1, .left-img .app-screen2, .left-img .app-screen3 { position: relative; top:0; max-width: 350px;}
	.feature-listing li { font-size: 17px;}
	.red-section-middle { padding: 60px 30px 50px;}
	.sm-heading::after { margin: 20px auto 20px;}
	.technology-section .middle-content { margin: 30px -15px 0;}
	.content-listing li p { margin: 0 auto; font-size: 17px; line-height: 1.3;}
	.technology-section .right-img { top: 0; margin: 0 auto 50px; left:0; right:0; position: relative; width: 50%;}
	.red-section .sm-heading { font-size: 35px; padding: 0 20px; letter-spacing: -1px;}
	.columns-sec { display: inline-block; width:100%; text-align: center;}
	.wht-cols, .red-cols { display: inline-block; float: none;} 
	.top-banner .left-sec { top: -30px; width:100%; margin: 0;}
	.top-banner h2 { width:100%;}
	.tab-content #admin.tab-pane { padding: 70px 0px 50px 0px;}
	.red-section-middle .sm-heading { font-size: 35px;}
}

@media screen and (max-width: 567px){
	.top-banner .container-fluid { height: 100vh;}
	.smartcabs-ms .top-banner .left-sec { padding: 25px 25px;}
	.top-banner .left-sec p { line-height: 1.4; font-size: 17px; margin: 20px auto 12px;}	
	.sm-heading { font-size: 25px;}
	.get-own-solution p, .technology-section p { font-size:17px; line-height: 1.4;}
	.white-section { padding: 50px 10px;}
	.btn.yellow-btn, .black-section p { font-size: 17px; line-height: 1.4;}
	.black-section h4 { margin: 10px auto 15px;}
	.nav-tabs .nav-item { min-width: 100%;}
	.left-img .app-screen1, .left-img .app-screen2, .left-img .app-screen3 { max-width: calc(100% - 15px);}
	#customer .left-img { margin-top: 20px;}
	.tab-content h5 { font-size: 22px; padding: 0px 0 10px 10px;}
	.red-section-middle { padding: 50px 0px 50px;}
	.red-section-middle .sm-heading { font-size: 28px; line-height: 1.2; margin: 0 auto 10px;letter-spacing: -0.5px;}
	.brdr-btn { width:100%; margin: 10px auto 0px;}
	.technology-section { padding: 50px 0;}
	.platform-content { padding: 0px 20px 0px 20px;}
	.technology-section .right-img { width: 100%; margin: 0 auto 10px;}
	.technology-section .right-img img { max-width: 60%;}
	.red-section .sm-heading { font-size: 29px; padding: 0 0px;}
	.content-listing li {    padding: 15px 0px 10px 90px;}
	.red-section { padding: 55px 0 40px;}
	.service-cols .col-4 { min-width:100%; padding: 10px 10px;}
	footer { padding: 20px 0 25px;}
	footer .copyright { text-align: center; padding: 10px 30px;}
	.social-navigation { padding: 10px 0 0; float: none;}
	.nav-tabs .nav-link { margin: 10px auto;}
	.brdr-btn.apple img { left: 73px;}
	.brdr-btn.gp img { left: 60px;}
	.top-banner h1, .top-banner .left-sec p.h1 { margin-bottom: 15px; margin-top:0;}
	
	.top-banner .yellow-btn { left:0;}
	.top-banner .right-sec-img { display: block; width: 100%; bottom:0; text-align: center; max-height: 520px;}
	.top-banner .right-sec-img .sm-img { top: 577px;}
	.food-delivery-ms .top-banner .left-sec { padding: 20px 7px 50px; margin: 0;}
	.get-own-solution .btn.yellow-btn, .btn.yellow-btn { font-size: 18px; padding: 12px 20px; margin-top:20px;}
	.black-section { padding: 50px 30px 10px;}
	.nav-link h5 { margin: 0; font-size: 17px; line-height: 1.4;}
	.btn.red-btn {font-size: 17px;}
	.red-section-middle .btn-sec { margin: 20px auto 0;}
	.app-screens-sec .container-fluid.d-flex { overflow: auto;}
	.app-screens-sec figure.screen.col img { max-width: 60%; margin: 0px auto; min-width: 300px;}
	.app-screens-sec { padding: 30px 0px;}
	header nav { width: 100% !important; left: auto !important;}
	.top-banner .right-sec-img { margin: 0 auto 0px; padding: 0 25px;}
	.right-sec-img img.img-1 { max-height: none; max-width:100%;}
	.tab-content .tab-pane {    padding: 70px 0px 50px 0px;}
	.tab-content .tab-pane ul { margin: 0;}
	.content-listing li p {font-size: 15px;}
	.content-listing li h3 { font-size: 16px;}
	#contact .main-heading { font-size: 45px;}
	.contact-us .h4 { font-size: 13px; line-height: 1.4;}
	.address, .email, .email a { font-size: 13px; line-height: 20px;}
	.contact-us { padding: 50px 10px 20px;}
	.top-banner h1, .top-banner .left-sec p.h1 { font-size: 35px;}
	.get-own-solution .btn.yellow-btn, .btn.yellow-btn { width:100%;}
	.d-xs-block { display: block !important;}
	.d-xs-none { display: none;}
	.technology-section .right-img { display: none;}
	.btn.submit { font-size: 18px;}
	.tab-content #customer.tab-pane .col-md-7, .tab-content #admin.tab-pane .col-md-7 { top:0;}
	.tab-content #admin.tab-pane { padding: 50px 0px 50px 0px;}
	.contact-details-wrapper > ul { margin-top: 30px;}
	.contact-us .g-recaptcha iframe { transform: scale(1.07); left: 10px; position: relative;}
	.contact-form { margin-top: 40px;}
	.squares.square1, .aos-animate.squares.square1 { top: 130px;}
	.top-banner .btn.yellow-btn { margin-top: 18px;}
}


@media screen and (max-width: 365px){
	.black-section .container.text-center { padding: 0;}
	.technology-section .sm-heading { font-size: 23px;}
	.services-sec .sm-heading { font-size: 21px;}
	.tab-content h5 { font-size: 20px;}
}