@media all and (min-width:992px) {
.navbar .nav-item .nav-link {
margin-right: 20px;
padding: 25px 0;
font-size: 16px;
font-weight: 600;
color: #000;
text-transform: capitalize
}

.navbar .nav-item:last-child .nav-link {
margin-right: 0
}

.navbar .nav-item .dropdown-menu {
display: block;
opacity: 0;
visibility: hidden;
transition: .3s;
margin-top: 0;
border: none;
left: -15px;
border-radius: 8px;
background: var(--color-white);
width: 220px;
box-shadow: var(--box-shadow)
}

.navbar .nav-item .dropdown-menu li {
border-bottom: 1px solid var(--border-info-color)
}

.navbar .nav-item .dropdown-menu li:last-child {
margin-bottom: 0;
border-bottom: none
}

.navbar .nav-item .dropdown-menu .dropdown-item {
font-size: 16px;
padding: 9px 25px;
font-weight: 600;
color: var(--color-dark);
position: relative;
overflow: hidden;
text-transform: capitalize;
transition: all .3s ease-in-out
}

.navbar .nav-item .dropdown-menu .dropdown-item:hover {
background: 0 0;
color: var(--theme-color);
padding-left: 32px
}

.navbar .nav-item .dropdown-menu .dropdown-item::before {
content: "//";
position: absolute;
left: 15px;
top: 9px;
color: var(--theme-color);
opacity: 0;
visibility: hidden;
transition: var(--transition);
z-index: -1
}

.navbar .nav-item .dropdown-menu .dropdown-item:hover::before {
opacity: 1;
visibility: visible
}

.navbar .nav-item .nav-link {
position: relative
}

.navbar .nav-item .nav-link.active,
.navbar .nav-item:hover .nav-link {
color: var(--theme-color)
}

.navbar .nav-item:hover .dropdown-menu {
transition: .3s;
opacity: 1;
visibility: visible;
top: 100%;
transform: rotateX(0deg)
}

.navbar .dropdown-menu-end {
right: 0;
left: auto
}

.navbar .dropdown-menu.fade-down {
top: 80%;
transform: rotateX(-75deg);
transform-origin: 0% 0%
}

.navbar .dropdown-menu.fade-up {
top: 140%
}

.navbar #main_nav {
justify-content: flex-end
}

.nav-right {
display: flex;
align-items: center;
justify-content: center;
gap: 20px;
margin-left: 15px
}

.nav-right-link {
position: relative;
font-size: 20px;
color: var(--color-dark);
transition: var(--transition)
}

.nav-right-link:hover {
color: var(--theme-color) !important
}

.nav-right .sidebar-btn .nav-right-link,
.nav-right .search-btn .nav-right-link {
border: none;
background: 0 0;
color: var(--color-dark);
font-size: 28px;
padding-right: 0
}

.nav-right .search-btn .nav-right-link {
font-size: 20px;
padding: 0
}

.nav-right .theme-btn {
padding: 12px 12px
}
}

@media all and (max-width:991px) {
.navbar {
top: 0;
right: 0;
left: 0;
position: fixed;
background-color: #fff;
border-radius: 0px;
padding: 5px 0px 5px 0px;
}

.navbar-brand {
padding-left: 0px
}

.navbar-brand img {
width: 100px
}

.navbar-collapse {
max-height: 300px;
overflow: hidden;
overflow-y: auto;
padding: 0 0px;
}

.dropdown-toggle::after {
float: right
}

.navbar .nav-item .nav-link {
color: var(--color-dark);
font-weight: 400;
transition: var(--transition)
}

.navbar .nav-item .nav-link:hover {
color: var(--theme-color) !important
}

.navbar-toggler {
padding: 0;
border: none
}

.mobile-menu-right {
display: flex;
align-items: center;
gap: 20px
}

.mobile-menu-right .nav-right-link {
background: 0 0;
border: none;
font-size: 20px;
color: var(--color-dark)
}

.mobile-menu-right .nav-right-link:hover {
color: var(--theme-color)
}

.search-area.open {
top: 50px !important
}

.navbar-toggler-mobile-icon {
font-size: 25px;
color: #000;
font-weight: 500
}

.navbar .dropdown-menu {
border-radius: 8px
}

.nav-right {
display: none
}
}

@media all and (max-width: 500px) {



.hero-single {
padding-top: 0px;
padding-bottom: 0px;
border-radius: 10px;
}

.hero-single::before {
border-radius: 10px;
opacity: .7;
}

.hero-single .hero-content {
height: 100%;
text-align: center;
}

.hero-single .hero-content p {
font-size: 15px;
}

.hero-single .hero-content .hero-sub-title {
font-size: 18px !important;
text-align: center;
font-weight: 500;
text-transform: capitalize;
}

.typed {
font-size: 16px;
line-height: 20px
}

.navbar {
width: 100%;
margin: 0px 0%;
z-index: 9999
}

.navbar .nav-item .nav-link {
margin-right: 15px;
padding-left: 10px;
}

.navbar .nav-item .nav-link {
margin-right: 15px;
padding: 3px 10px
}

.monphone {
display: block !important;
}

.monphone {
background-color: var(--theme-color);
text-align: center;
margin: 0px 10px;
border-radius: 6px;
}

.monphone a {
color: #fff;
font-weight: 600;
font-size: 14px
}

.monphone a:hover {
color: #fff !important
}

.monphone {
padding: 0px;
width: 94%;
font-size: 14px
}

.shine-btn {
font-size: 10px
}

#main_nav .shine-btn {
font-size: 14px;
padding: 0px 0px !important;
}

.monwhatsapp {
display: block !important;
margin-bottom: 5px !important
}

.monwhatsapp {
margin-top: 5px !important;
background-color: rgb(34 197 94/var(--tw-bg-opacity, 1));
text-align: center;
margin: 0px 10px;
border-radius: 6px;
}

.monwhatsapp a {
color: #fff;
font-weight: 600;
font-size: 14px
}

.monwhatsapp a:hover {
color: #fff !important
}

.nav-tabs .nav-link:nth-child(2) {
margin: 0px 3px;
}

.enq-form {
margin-top: -10px;
}

.booking-form {
padding: 5px 1px 1px;
margin-top: 10px;
}

.booking-form .form-control {
border: 1px solid #ced4da
}

.home-aboutus img {
height: 200px;
}
.fixme {
display: block;
width: 96%;
}

.callbutton {
   
animation: gradient 5s ease infinite;
display: block;
width: 100%;
margin: 5px 7px;
border-radius: 6px;
display: block !important;
background: #ffbb63;
background: radial-gradient(circle, rgba(255, 187, 99, 1) 0%, rgba(252, 70, 70, 1) 100%);
}

.callbutton a {
color: #000;
padding: 2px;
text-align: center;
display: block;
text-transform: uppercase;
font-weight: 600;
}

.mobileform {
display: block !important
}

.navbar .nav-item .nav-link {
margin-right: 15px;
padding-left: 10px;
}

.clients {
padding: 13px 0px;
}

.clients h3 {
font-size: 20px;
font-weight: 400;
text-align: center;
margin-top: 10px
}

.blog .service-item {
margin-top: 30px;
}

.monphone {
display: block !important;
}

.monphone {
background-color: var(--theme-color);
text-align: center;
margin: 0px 10px;
border-radius: 6px;
}

.monphone a {
color: #fff;
font-weight: 600;
}

.monphone a:hover {
color: #fff !important
}

.monphone {
padding: 0px;
width: 94%;
font-size: 14px
}

.shine-btn {
font-size: 10px
}

#main_nav .shine-btn {
font-size: 14px;
padding: 0px 0px !important;
}

.nav-item .nav-link {
padding: 3px 0px;
border-bottom: 1px silid #000
}

.monwhatsapp {
display: block !important;
margin-bottom: 5px !important
}

.monwhatsapp {
margin-top: 5px !important;
background-color: rgb(34 197 94/var(--tw-bg-opacity, 1));
text-align: center;
margin: 0px 10px;
border-radius: 6px;
}

.monwhatsapp a {
color: #fff;
font-weight: 600;
}

.container {
padding: 0px 16px !important
}

.booking-form .container {
padding: 0px 0px !important
}

.navbar {
margin: 0px !important;
z-index: 99999;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.mainlist {
margin-top: 5px;
}

.mainlist li {
margin: 0px 0px 0px 3px;
}

.mainlist .nav-item .nav-link {
padding: 5px 5px;
border: 2px solid #d5051d !important;
font-size: 15px;
}

.enq-form {
margin-top: -10px;
}

.faq-area {
padding: 0px 0px 0px;
}

.faq-area img {
height: 200px;
}

.faq {
padding: 0px 0px;
}

.enquiryform .book-ride {
padding: 10px 0px;
}

.enquiryform .bg {
height: 370px;
}

.service-item {
margin-bottom: 10px;
}

.faq-area .service-icon {
width: 154px;
height: 40px;
margin-top: -40px;
padding: 0px
}

.testimonial-author-info h6 {
padding: 3px 0px;
font-size: 10px;
}

.navbar-brand2 .testimonial-author-info p {
font-size: 13px;
color: #000;
}

.navbar-brand2 .fa {
font-size: 10px;
padding: 10px;
color: #fff;
border-radius: 50px;
}

.faq-area .service-icon {
line-height: 0px;
}

.testimonial-author-info {
flex: 1;
margin: 2px 0 5px;
}

.faq h3 {
font-size: 15px;
}

.faq p.fullfaq {
padding: 0px 0px;
font-size: 13px;
font-weight: 600;
line-height: 18px;
margin-bottom: 5px
}

.faq-area p {
text-align: left;
color: #000;
line-height: 16px;
font-size: 12px;
}

.contact-address li>.icon-element {
left: 0px;
top: 0px;
width: 45px;
height: 45px;
line-height: 46px;
font-size: 17px;
padding: 0px;
color: #fff;
}

.contact-address li {
position: relative;
padding: 0px 0px 10px 50px;
}

.client-review {
padding: 20px 0px 20px;
}

.client-review .pre {
padding: 0px 15px;
}

.client-review h3 {
font-size: 16px;
font-weight: 600;
}

.client-review p {
color: #000;
padding: 0px 0px;
font-size: 13px;
line-height: 17px;
}

.client-review .exp {
background-color: #D5051D;
padding: 5px;
margin: 10px 0px
}

.client-review .exp .count {
font-size: 50px;
padding-right: 0px;
line-height: 60px
}

.client-review .exp .year {
padding: 0px 14px;
border-left: 1px solid #f5f5f5;
}

.client-review .testimonial-single {
height: 130px;
padding: 20px
}

.client-review .exp .year h4 {
font-size: 16px;
}

.client-review .testimonial-rate img {
width: 100px !important;
}


.fleetoverview ul {
margin-bottom: 5px
}

.fleetoverview ul li {
color: #000;
line-height: 15px;
font-size: 14px;
padding-left: 15px;
padding-right: 15px
}

.fleetoverview h3 {
padding: 0px 10px
}

.fleetoverview p {
padding-bottom: 10px;
line-height: 18px;
padding-left: 10px;
padding-right: 15px
}

.fleetoverview table p {
color: #fff;
line-height: 16px;
font-size: 14px;
padding-bottom: 0px;
}

.fleetoverview .note {
font-size: 14px;
font-weight: 600;
line-height: 18px
}

.enquiryform .book-ride h5 {
font-size: 14px;
color: #fff;
}

.heading-divider {
display: none
}

.book-ride ul li.pho {
padding: 0px 4px;
font-size: 14px;
}

.book-ride ul li.req {
padding: 0px 4px;
font-size: 14px;
}

.partner-img {
padding: 14px
}

.footer {
background-color: #000;
padding: 25px 0px 50px;
}



.footer-logo p.dd {
padding-bottom: 0px;
}

.footer ul li {
display: inline-block;
padding: 0px 25px 0px 0px;
}

.qlinks {
margin-top: 20px !important
}

.testimonial-author-img {
margin-right: 4px;
width: 38px;
padding: 4px 0px;
border-radius: 50px;
border: 3px solid var(--theme-color);
border-top-color: transparent;
border-bottom-color: transparent;
top: 10px;
}

.service-arrow .theme-btn {
padding: 5px 22px !important;
}

.vehicaltypes .service-item {
padding: 10px 15px
}

.vehicaltypes .service-title {
text-align: center
}

.vehicaltypes .service-title a {
font-size: 14px;
margin: 5px 0;
font-weight: 600;
color: #000;
}

.vehicaltypes .service-arrow {
margin-top: 5px;
}

.vehicaltypes .theme-btn {
width: 100%
}

.vehicaltypes .right {
border-right: 1px solid #000
}

.vehicaltypes .right p {
line-height: 18px
}

.vehicaltypes p {
font-size: 13px;
line-height: 18px;
text-align: center;
color: #000
}

.vehicaltypes .service-item {
box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
border-radius: 9px;
}

.enquiryform img {
margin: -41px 0px 0px 0px;
width: 280px;
}

.site-heading p {
margin-top: 0px;
}

.fleets p {
line-height: 15px;
padding: 0px 0px 5px;
font-size: 13px;
color:#000;
}

.site-heading {
margin-bottom: 5px;
}

.fleets .service-content .service-title {
text-align: left;
font-size: 16px
}

.fleets .service-content .service-title {
padding-bottom: 0px
}

.fleets .service-content {
padding: 0px 0px;
}

.fleets .service-title1 span {
font-size: 12px;
}

.fleets .passengers i {
font-size: 12px;
width: 21px
}

.fleets .passengers {
font-size: 14px
}

.fleet-desktop .theme-btn {
font-size: 10px;
padding: 6px 0px;
width: 32.3%;
}

.fleet-desktop .theme-btn.whats {
background-color: #006400
}

.service-item {
padding: 15px 15px 5px
}

.faq-area .service-item {
padding: 15px 15px 15px !important
}

.acc-head {
padding: 10px 15px;
}

.faq-area .faq {
padding: 0px 15px
}

.book-ride ul li {
display: inline-block;
margin-right: 2px
}

.footerone {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
background-color: #fff !important;
color: #fff;
text-align: center;
display: block;
z-index: 99999;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-top: 2px solid #ff7801
}

.carousel {
margin-top: 0px !important;
width: 100% !important
}

.footerone ul {
margin: 0px 0 !important;
padding: 0 !important
}

.footerone ul li {
display: inline-block;
padding: 1px 15px
}

.footerone ul li a {
color: #043436
}

#main {
width: 100%;
margin: 0 auto;
}

#main .icon {
padding: 0px;
}

#main .icon:nth-child(2n) {
animation-name: keyframes1;
animation-iteration-count: infinite;
transform-origin: 50% 10%;
}

#main .icon:nth-child(2n-1) {
animation-name: keyframes2;
animation-iteration-count: infinite;
animation-direction: alternate;
transform-origin: 30% 5%;
}

@keyframes keyframes1 {
0% {
transform: rotate(-2deg);
animation-timing-function: ease-in;
}

50% {
transform: rotate(4.5deg);
animation-timing-function: ease-out;
}
}

@keyframes keyframes2 {
0% {
transform: rotate(2deg);
animation-timing-function: ease-in;
}

50% {
transform: rotate(-4.5deg);
animation-timing-function: ease-out;
}
}

.partner {
display: none
}

.blog .service-img img {
width: 100%;
height: 200px;
object-fit: cover;
object-position: center center;
border-radius: 8px 8px 8px 8px;
}

.hero-content {
padding: 0px !important
}

.maharaja-tt .hero-content {
padding: 10px !important;
}

.fleetoverview table td {
line-height: 13px;
font-size: 12px;
}

.out h2 {
color: #fff;
font-size: 14px;
text-align: center;
}

.fleetoverview h3 {
padding: 0px 0px;
font-size: 12px
}

.imagesbox {
white-space: nowrap;
overflow: hidden;
margin-left: -60%;
margin-right: -60%;
}

.enquiryform .book-ride p {
font-size: 12px;
color: #fff;
}

.book-ride ul {
margin-top: 4px;
}

.pd-20 {
padding: 10px 10px
}

.shop-tab {
padding: 10px !important
}

.booking-form1 .form-control {
margin-bottom: 10px;
line-height: 35px
}

.booking-form1 .form-group label {
margin-bottom: 0px;
}

   

.input-field input {
border: 1px solid #ced4da
}

.ss>span {
height: 48px;
}

.navbar {

padding-top: 10;
padding-bottom: 10;
box-shadow: var(--box-shadow);
z-index: 9999;
position: absolute;
width: 100%;
margin: 15px 5%;
background-color: #fff;
border-radius: 0px;
}

.booking-form .form-group label {
margin-bottom: 5px;
color: var(--color-dark);
font-size: 14px;
background-color: #f6f6f6;
line-height: 22px;
padding: 0px 33px 0px 10px;
}

.home-aboutus p {
text-align: left;
color: #000;
line-height: 16px;
font-size: 12px;
}

.font-size-16 {
font-size: 13px
}

.testimonial-content {
display: flex;
align-items: center;
}

.home-aboutus .service-icon {
width: 170px;
height: 40px;
margin-top: -40px;
padding: 0px 5px;
}

.navbar-brand2 .testimonial-author-img {
width: 38px;
}

.navbar-brand2 .fa {
width: 25px;
height: 25px;
}

.home-aboutus .service-icon {
line-height: 10px;
font-size: 22px;
}

.testimonial-author-img {
margin-right: 4px;
width: 38px;
padding: 4px 0px;
border-radius: 50px;
border: 3px solid var(--theme-color);
border-top-color: transparent;
border-bottom-color: transparent;
top: 10px;
}

.navbar-brand2 .fa {
font-size: 10px;
padding: 8px;
color: #fff;
border-radius: 50px;
}

.testimonial-author-info {
flex: 1;
margin: 2px 0 5px;
}

.navbar-brand2 .testimonial-author-info h6 {
padding: 3px 0px;
font-size: 10px;
}

.navbar-brand2 .testimonial-author-info p {
font-size: 13px;
color: #000;
}

p.site-title {
font-size: 18px !important;
color: #000;
}

.fleets .service-content {
position: relative;
margin-top: 5px;
}

.fleets .fleet-desktop a {
font-size: 13px
}

.fleets .fleet-desktop a.readmore {
width: 33% !important;
color: #fff;
text-decoration: none;
padding: 4px 10px;
background: var(--theme-color);
box-shadow: var(--box-shadow);
}

.fleets .fleet-desktop a.whats {
width: 33% !important;
color: #fff;
background-color: #006400;
text-decoration: none;
padding: 4px 10px;
box-shadow: var(--box-shadow);
}

.exp .count {
font-size: 50px;
padding-right: 0px;
line-height: 60px;
}

.hero-single1 {
padding-top: 20px !important;
padding-bottom: 20px !important;
border-top-left-radius: 7px;
border-top-right-radius: 7px
}

.hero-single1::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
left: -.5px;
top: 0;
background: var(--hero-overlay-color);
opacity: .7;
z-index: -1;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}

.maharaja-tt .prices table th {
font-size: 12px;
padding: 5px 1px
}

.maharaja-tt .prices table td {
font-size: 12px
}

.hero-section1 .hero-single {
padding-top: 90px;
padding-bottom: 10px;
}

.maharaja-tt .prices table {
margin-bottom: 0px
}

.maharaja-tt .prices table th {
font-size: 10px
}

.maharaja-tt .prices table td {
padding: 2px 10px
}

.maharaja-tt .prices table th.out {
background-color: var(--theme-color);
color: #fff
}

.maharaja-tt .prices table .tariffnote {
background-color: #f7f7f7;
font-weight: 600
}

.overview .specification h2 {
font-size: 16px
}

.overview .specification h3 {
font-size: 16px;
padding: 3px 0px
}

.overview .specification p {
font-size: 12px;
line-height: 16px
}

.overview .specification ol li {
font-size: 14px;
line-height: 15px !important
}

.overview .specification ul li {
font-size: 14px;
line-height: 15px !important
}

.descriptionss .shop-tab {
margin: 0px 10px 10px 10px;
}

#myBtn {
bottom: 54px;
right: 10px;
padding: 5px;
border-radius: 4px;
font-size: 14px;
}

.login-popup {
display: block;
}

.login-popup {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1099;
visibility: hidden;
opacity: 0;
transition: all 1s ease;
display: block !important;
border-radius: 8px;
}

.login-popup.show {
visibility: visible;
opacity: 1;
}

.login-popup .box {
background-color: #ffffff;
width: 750px;
position: absolute;
left: 50%;
top: 67%;
transform: translate(-50%, -50%);
display: flex;
flex-wrap: wrap;
opacity: 0;
margin-left: 50px;
transition: all 1s ease;
}

.login-popup.show .box {
opacity: 1;
margin-left: 0;
width: 340px !important;
}

.login-popup .form-group {
margin-bottom: 10px !important
}

.login-popup .box {
background-color: #fff;
width: 450px;
position: absolute;
left: 50%;
top: 65%;
transform: translate(-50%, -50%);
display: flex;
flex-wrap: wrap;
opacity: 0;
margin-left: 50px;
transition: all 1s ease;
padding: 2px;
border: 10px solid #d5051d
}

.login-popup .box .img-area {
flex: 0 0 40%;
max-width: 100%;
position: relative;
overflow: hidden;
padding: 0;
display: flex;
align-items: center;
justify-content: center
}

.login-popup .box .img-area h1 {
font-size: 30px
}

.login-popup .box .img-area .img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
animation: zoomInOut 7s linear infinite;
z-index: -1
}

.login-popup .box .form {
flex: 0 0 100%;
max-width: 100%;
padding: 0px 0px;
}

.login-popup .box .form h5 {
color: #fff;
font-size: 14px;
margin: 0 0 10px;
background-color: #FFB300;
padding: 10px 0px;
text-align: left;
padding: 5px 20px 5px 5px;
}

.login-popup .box .form .close {
position: absolute;
right: 6px;
top: -10px;
font-size: 30px;
cursor: pointer;
color: #000 !important;
padding: 5px;
height: 40px;
}

.btn-call {
background: #ffb300;
border: 2px solid #ffb300;
border-radius: 50%;
box-shadow: 0 8px 10px rgba(254, 0, 0, 0.3);
cursor: pointer;
height: 40px;
width: 40px;
text-align: center;
margin: auto;
margin-top: auto;
bottom: 50px;
z-index: 999;
transition: .3s;
-webkit-animation: hoverWave linear 1s infinite;
animation: hoverWave linear 1s infinite;
display: flex;
justify-content: center;
align-items: center;
text-decoration: none;
margin-top: 0px;
}



.fa-2x {
font-size: 16px;
color: #000
}

.maharaja-tt h2.hero-sub-title {
font-size: 16px;
text-align: center;
}

.maharaja-tt .taxi-single-meta {
text-align: center;
}

.maharaja-tt p {
text-align: justify;
color: #000;
line-height: 16px;
font-size: 14px;
}

.maharaja-tt h3 {
font-size: 14px;
margin-bottom: 2px
}

.maharaja-tt ul li {
font-size: 14px;
line-height: 16px
}

.fleetoverview .note {
font-size: 12px;
font-weight: 600;
line-height: 16px;
}

.featues-info h6 {
font-size: 14px;
}

.fleet-des .contact-form {
margin: 0px 5px 5px 5px
}

.fleetoverview p {
padding-bottom: 4px
}

.specification-card .feature-img {
width: 40px;
height: 40px;
padding: 5px 5px;
}

.fleet-desktop .readmore1.shine-btn {
display: block
}

.fleet-desktop .readmore1.shine-btn {
background-color: var(--theme-color);
padding: 4px 5px;
position: relative;
display: inline-block;
color: #fff;
text-decoration: none;
overflow: hidden;
border-radius: 5px;
width: 33%;
font-size: 13px;
text-align: center;
}

.fleet-desktop .readmore1.shine-btn:hover {
color: #fff
}

.fleet-desktop .readmore1.shine-btn::before {
animation: shine 0.9s linear infinite;
content: "";
position: absolute;
top: 0;
left: -75%;
width: 32%;
height: 100%;
background: linear-gradient(120deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%);
transform: skewX(-20deg);
}

@keyframes shine {
100% {
left: 125%;
}
}

.vehicaltypes {
display: none !important
}

.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
z-index: 9999;
}

.popup-content {
background: #fff;
width: 90%;
padding: 10px;
margin: 50px auto;
border-radius: 8px;
text-align: center;
position: relative;
}

.close-btn {
position: absolute;
top: -15px;
right: -13px;
cursor: pointer;
font-size: 20px;
background-color: red;
border-radius: 21px;
width: 30px;
height: 30px;
color: #fff;
padding: 0px;
line-height: 30px;
}

.hero-single2 
{
padding-top: 80px;
padding-bottom: 10px;
}

.hero-single2 h1 {
font-size: 16px;
}

.home-out {
padding: 10px
}

.owl-theme .owl-dots {
position: absolute;
bottom: 0px;
padding: 0px 38%;
}

.owl-theme .owl-nav.disabled+.owl-dots {
margin-top: 0px;
}

.enquiryform .book-ride ul li.req {
padding: 2px 10px;
}

.enquiryform .book-ride ul li.pho {
padding: 2px 10px;
}

.tab-content .form-group{
position: relative;
margin-bottom: 5px !important;
}
.theme-btn {
  width: 100%;
  padding: 5px 15px;
}

 input::placeholder {
  font-size: 14px;
}
select option::placeholder {
  font-size: 14px;
}
.mobileved{display: block !important; }
.mobileved .ser{border: 1px solid #ddd; border-radius: 5px;padding: 5px 5px;box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;}
.mobileved .ser img{width: 28px;
margin-bottom: 5px;}
.mobileved .ser p{font-size: 8px; text-align: center; font-weight: 600; line-height: 12px; color: #000;font-weight: 600;}
.mobileved .col-3{padding: 5px}
.feature-line{
  width:25px;
  height:2px;
  background:#c40018;
  margin:5px auto;
  border-radius:10px;
}

.hero-section {
position: relative;
margin: 80px 10px 0px 10px;
border-radius: 10px;
}
.home-aboutus {padding: 5px 0 5px;}
.footer-nav{display: block !important; position: fixed;
left: 0;
bottom: 0;
background-color: #05172D !important;
color: #fff;
text-align: center;
display: block;
z-index: 99999;
margin: 1px 3px;
border-radius: 10px;
width: 98.5%;
}
.footer-nav ul{text-align: center;}
.footer-nav ul li {
display: inline-block;
padding: 4px 0px;
width: 19%;
text-align: center;
  }
  .footer-nav ul li.active{background-color: #d5051d}
  .footer-nav i{color: #fff}
  .footer-nav p{font-size: 10px; color: #fff}

  .nav-item::after{
  content:'';
  position:absolute;
  right:0;
  top:20%;
  height:60%;
  width:1px;
  background:rgba(255,255,255,0.15);
}
.footer-nav ul li:after{
  content:'';
  position:absolute;
  right:0;
  top:20%;
  height:60%;
  width:1px;
  background:#fff;
}

.hero-single img{border-radius: 10px}

.socialmedia li a i {
  color: #000;
  font-size: 12px!important;
  background-color: #f4f4f4;
  width: 30px !important;
  height: 24px !important;
  padding: 7px 10px !important;
}

.footer-logo img {
  width: 138px !important;
  margin-bottom: 20px;
  background-color: #fff;
  padding: 5px 9px;
  border-radius: 9px;
}
.footer-logo p.dd {
padding-bottom: 0px;
font-size: 12px !important;
line-height: 18px !important;
  }
  .mobilefooter{display: block !important}
.desktopfooter{display: none !important}
.payment li img {
  width: 32px !important;
}
.eqdeshtop {display: none !important}
.eqmobile{display: block !important;}
.eqmobile img{box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;; border-radius: 8px}
.faddress h5{margin-top: 5px !important;}
 .faqsw img{height: auto !important;}
 
  .faddress ul li {line-height: 20px;margin-left: 0px;font-size: 14px;}
  .payment li img {width: 30px !important;}
  
.faddress i {color: #d5051d;font-size: 18px;margin-right: 0px;}
.copyright {margin-top: 0px !important;}


.ex .heading-divider{display: block !important;margin:8px 0%;}
.homeform .readmore1.shine-btn::before{
position: absolute;width: 42%;
animation: .9s linear infinite shine;
  left: -75%;
  height: 100%;
  background: linear-gradient(120deg,rgba(255,255,255,0) 0,rgba(255,255,255,.5) 50%,rgba(255,255,255,0) 100%);
  transform: skewX(-20deg);
  content: "";
  top: 0;
}

.hform {border: 2px solid #ddd; padding: 0px !important; border-radius: 9px;box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;margin-top: 10px;
  position: relative;
  z-index: 999;
  background-color: #fff;
}
 .fixme {
display: block;
width: 96%;
  }
  
  
  .fixme.fixed {
position: fixed;
bottom: 55px;
left: 0;
width: 96%;
z-index: 9999;
}

.callbutton a {
display: inline-block;
color: #fff;
padding: 5px 30px;
border-radius: 5px;
text-decoration: none;
font-weight: 600;
}
.tab-btn{font-size: 12px;color:#000}

.animated-bg {
  width: 100%;
  height: 40px;
  
  background: linear-gradient(to right, #ff416c, #ff4b2b, #4ac1ff);
  

  background-size: 200% 100%;
  

  animation: moveBackground 5s ease-in-out infinite alternate;
}

@keyframes moveBackground {
   0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}


@keyframes hoverWave {
0% {
box-shadow: 0 8px 10px rgba(254, 0, 0, 0.3), 0 0 0 0 rgba(254, 0, 0, 0.2), 0 0 0 0 rgba(254, 0, 0, 0.2)
}

40% {
box-shadow: 0 8px 10px rgba(254, 0, 0, 0.3), 0 0 0 15px rgba(254, 0, 0, 0.2), 0 0 0 0 rgba(254, 0, 0, 0.2)
}

80% {
box-shadow: 0 8px 10px rgba(254, 0, 0, 0.3), 0 0 0 30px rgba(254, 0, 0, 0), 0 0 0 26.7px rgba(254, 0, 0, 0.067)
}

100% {
box-shadow: 0 8px 10px rgba(254, 0, 0, 0.3), 0 0 0 30px rgba(254, 0, 0, 0), 0 0 0 40px rgba(254, 0, 0, 0.0)
}
}

}


@media all and (max-width: 375px) {

.hero{margin-top: 50px !important;}




.nav-tabs .nav-link {
font-size: 12px !important;
width: 32% !important
}

.fleets .service-item {
padding: 15px 10px 5px !important;
}

.fleets .fleet-desktop a.readmore {
padding: 4px 4px !important;
width: 47% !important;
font-size: 12px !important
}

.fleets .fleet-desktop a.whats {
padding: 4px 4px !important;
width: 25% !important;
font-size: 12px !important
}

.footerone ul li {
display: inline-block;
padding: 2px 12px !important;
}


/*saasddjfasjdfakjsdfkj*/
.tab-content .form-group{
position: relative;
margin-bottom: 5px !important;
}

.theme-btn {
  width: 100%;
  padding: 8px 15px;
}

input::placeholder {
  font-size: 14px;
}
select::placeholder {
  font-size: 14px;
}

.mobileved{display: block !important; }
.mobileved .ser{border: 1px solid #ddd; border-radius: 5px;}
.mobileved .ser p{font-size: 8px; text-align: center; line-height: 10px}
.mobilefooter{display: block !important}
.desktopfooter{display: none !important}
.fleet-desktop .readmore1.shine-btn{font-size: 12px;}
.payment li, .socialmedia li {padding-right: 0px !important;}
 .socialmedia li a i {color: #000; font-size: 12px !important; background-color: #f4f4f4; width: 32px !important; height:20px !important; padding: 6px 10px !important;}
 
.eqdeshtop {display: none !important}
.eqmobile{display: block !important;}
.faddress h5{margin-top: 10px !important;}

 .faqsw img{height: auto !important;}
 
  .faddress ul li {line-height: 20px;margin-left: 0px;font-size: 14px;}
  .payment li img {width: 32px !important;}
  
.faddress i {color: #d5051d;font-size: 18px;margin-right: 0px;}
.copyright {margin-top: 0px !important;}
.ex .heading-divider{display: block !important;margin: 7px 0%;}


.homeform .readmore1.shine-btn::before{
position: absolute;width: 42%;
animation: .9s linear infinite shine;
  left: -75%;
  height: 100%;
  background: linear-gradient(120deg,rgba(255,255,255,0) 0,rgba(255,255,255,.5) 50%,rgba(255,255,255,0) 100%);
  transform: skewX(-20deg);
  content: "";
  top: 0;
}

.hform {border: 2px solid #ddd; padding: 0px !important; border-radius: 9px;box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;margin-top: 10px;
  position: relative;
  z-index: 999;
  background-color: #fff;
}
 .fixme.fixed {
position: fixed;
bottom: 55px;
left: 0;
width: 96%;
z-index: 9999;
}

.callbutton a {
display: inline-block;
color: #fff;
padding: 5px 30px;
border-radius: 5px;
text-decoration: none;
font-weight: 600;
}
#outstation {margin-bottom: 6px;}
.footerone ul li {
display: inline-block;
padding: 1px 15px
}
.tab-btn{font-size: 12px;}
.animated-bg {
  width: 100%;
  height: 40px;
  
  background: linear-gradient(to right, #ff416c, #ff4b2b, #4ac1ff);
  

  background-size: 200% 100%;
  

  animation: moveBackground 5s ease-in-out infinite alternate;
}

@keyframes moveBackground {
   0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}


.hero-content h1 {  font-size: 16px !important; margin-bottom: 0px}

   
}



@media all and (max-width: 450px) 
{
hr {margin: 4px 0;}
.home-aboutus .navbar-brand2 .testimonial-author-img{width: 43px;margin-right: 3px;}
.home-aboutus .navbar-brand2 .fa {width: 30px;height: 30px;font-size: 12px;padding: 10px;}
.home-aboutus .navbar-brand2 .testimonial-author-info h3 {text-align: left;}
.home-aboutus .navbar-brand2 .testimonial-author-info p {font-weight: 600px !important;font-size: 14px}
.home-aboutus .faq h3 {font-size: 14px;}
.home-aboutus .faq p.fullfaq {font-size: 14px;padding: 0px;line-height: 15px}
.home-aboutus .title1 {font-size: 14px;font-weight: 600;}
.home-aboutus .map__desc {font-size: 12px; line-height: 16px;}
.fleets .features2 .feature i {font-size: 12px !important;}
.fleets .features2 .feature a {font-size: 12px;}
.fleets .features {margin-bottom: 5px;grid-template-columns: repeat(4,1fr);}
.fleets .features span{font-size: 8px}
.fleets .feature i {padding: 5px 0px;}
.mb-30 {margin-bottom: 10px;}
.contact-area {padding: 10px 0;}
.f-widget-title h4 {font-size: 12px; text-align: center;}
.f-widget-title h3 {font-size: 16px;line-height: 24px;text-align: center;}
.f-widget-title p {line-height: 16px;color: #000;font-weight: 500;font-size: 14px;text-align: center;}
.contact-box .icon {min-width: 45px;width: 45px;height: 45px;font-size: 22px;}
.contact-box .content small {font-size: 12px;margin-bottom: 0px}
.contact-box .content h3 {font-size: 12px;line-height: 15px;margin-bottom: 0px}
.contact-box .content p {font-size: 11px;line-height: 15px;}
.contact-item {margin-bottom: 8px;}

.contactus-form h4{font-size: 12px;text-align: center;}
.contactus-form p{font-size: 12px;text-align: center;}
.contactus-form form input {line-height: 25px;}
.contactus-form .mb-3 {margin-bottom: 5px !important;}
.contactus-form form select {line-height: 25px;}
.contact-btn {line-height: 30px;}

.left-box{display: none}
.feedback-section .right-box {padding: 5px;}
.feedback-section .right-box h3 {font-size: 16px;text-align: center;}
.star-rating {text-align: center !important;}

.trust-section {grid-template-columns: repeat(4, 1fr);padding: 5px 5px;min-height: auto;}
.trust-item {min-height: 35px;}
.trust-item:not(:last-child)::after {display: none;}
.trust-text h3 {font-size: 12px;line-height: 15px}
.trust-icon {font-size: 38px;}
.trust-icon i{font-size: 18px}

}


@media all and (max-width: 450px) 
{
.hero {display: none}
.hero-mobile{position:relative;width:100%;min-height:250px;padding: 25px 0px; background:url("../images/mobilehome.png");background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;}
.hero-mobile .hero-content p.sub-title{font-size: 10px !important; margin-bottom: 5px; line-height: 15px;}
.hero-mobile .hero-content h1{color: #000;font-size: 16px !important; margin-bottom: 10px}
.hero-mobile .hero-content p {font-size: 10px !important; margin-bottom: 0px; line-height: 12px;width: 200px}
.hero-mobile .feature-wrapper {display: block;}
.hero-mobile .feature-wrapper{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin-bottom:10px;margin-top: 0px;width: 190px}
.hero-mobile .feature-wrapper .feature-box{backdrop-filter:blur(5px);width:64px;height:60px; border:1px solid #fff;border-radius:4px;text-align:center;padding:5px 5px;backdrop-filter:none}
.hero-mobile .feature-wrapper .feature-box.red{background-color: #e60026;border: 1px solid #e60026}
.hero-mobile .feature-wrapper .feature-box.green{background-color: #079438;border: 1px solid #079438}
.hero-mobile .feature-wrapper .feature-box.blue{background-color: #1856b9;border: 1px solid #1856b9}
.feature-box img{width: 25px}
.hero-mobile .feature-wrapper .feature-box:before{background-color:rgba(208,0,0,.09) !important;}
.hero-mobile .feature-wrapper .feature-box i{color:#fff;font-size:18px; margin-bottom:0px;}
.hero-mobile .feature-wrapper .feature-box h4{color:#fff; font-size:10px; margin-bottom:0px;font-weight: 500}
.hero-mobile .feature-wrapper .feature-box p{color:#fff; font-size:10px !important;}
.ser i{font-size: 25px;margin-bottom: 8px}
.ser.green i{color: #2e9e39 !important}
.ser.green .feature-line{background:#2e9e39 !important }
.ser.purple i{color: #7b2cbf !important}
.ser.purple .feature-line{background:#7b2cbf !important }
.ser.orange i{color: #ff6600 !important}
.ser.orange .feature-line{background:#ff6600 !important }
.ser img{width: 25px}


.fleets .features1{display:grid;grid-template-columns:repeat(4,1fr);align-items:center;}
.fleets .feature1{display:flex;align-items:center;justify-content:center;gap:10px;padding:5px 5px;border-right:1px solid #e5e5e5;}
.fleets h6{color: #fff}
.fleets .feature1 h4{font-size: 8px; color: #fff} 
.fleets .feature1 p{font-size: 8px; color: #fff} 
.fleets .feature1:last-child {border-right: none}

.homeform .container{padding: 0px 20px !important}

.rating-banner{width:95%; background:#fffdf6;border:1px solid #d8d8d8; border-radius:7px;display:flex; align-items:center; justify-content:space-between; padding:5px; box-shadow:0 3px 8px rgba(0,0,0,0.08);margin: 5px 10px;}
.left-section{flex:1;}
.left-section h2{font-size:16px; font-weight:400; color:#222; margin-bottom:12px;}
.left-section h2 strong{font-weight:700;}
.stars{display:flex;gap:8px;}
.stars .material-icons{ color:#FFC107; font-size:12px;}
.divider{ width:2px;height:100px;background:#bdbdbd; margin:0 40px;}
.right-section{ display:flex;align-items:center; gap:5px;}
.rating h1{color:#E53935; font-size:20px; line-height:1; font-weight:700;}
.rating p{font-size:184px; color:#333; margin-top:5px;}
.right-section img{width:30px; height:30px;}

.rating-banner .container{padding: 0px !important}
.rating-banner h4{font-size: 8px;text-align: center;}
.right-section h4{font-size: 14px;text-align: center;}
.right-section p{font-size: 10px; margin-top: 0px;line-height: 15px}
.rating-banner .stars{justify-content: center;margin-bottom: 0px}


.left-box{width: 30%}
.right-box{width: 70%}
.left-box,.right-box{position:relative;z-index:2;}
.left-box{width:250px;display:flex;justify-content:center;}
.award-circle{width:45px;height:45px;border:2px solid rgba(255,255,255,.8); border-radius:50%; display:flex; align-items:center; justify-content:center; position:relative;}

.award-circle i{font-size:85px;color:#fff;}
.right-box{flex:1;}
.right-box h2{font-size:54px;font-weight:700;margin-bottom:40px;letter-spacing:1px;}
.features{display:flex;align-items:center;justify-content:space-between;}
.feature{display:flex;align-items:center;gap:18px;}
.feature i{font-size:58px;}
.feature h4{font-size:34px;font-weight:700;line-height:1.1;}
.feature p{font-size:34px;font-weight:700;line-height:1.1;}
.divider{width:2px;height:120px;background:rgba(255,255,255,.45);margin:0 20px;}/* Hover */.feature{transition:.3s;}
.feature:hover{transform:translateY(-6px);}

@media(max-width:1200px){.why-choose{flex-direction:column;border-radius:8px;text-align:center;}
.features{flex-wrap:wrap;justify-content:center;gap:30px;}
.divider{display:none;}
.feature{width:45%;justify-content:center;}}@media(max-width:768px){.feature{width:100%;}
.right-box h2{font-size:34px;}
.feature h4,.feature p{font-size:24px;}
.feature i{font-size:40px;}
.award-circle{width:45px;height:45px;}
.award-circle i{font-size:20px;}}



.counter {display: flex;gap: 18px;flex-wrap: wrap;margin-bottom: 5px;}
.hero{margin-top: 50px !important;min-height:auto;}

.counter .box {width: 144px;line-height: 5px}
.counter span {font-size: 12px;color: #ddd;}
.counter .box:hover{transform:translateY(-6px);}
.counter i{color:#e30613;font-size:20px;margin-bottom:12px;}
.counter h2{color:#fff;font-size:18px;margin-bottom:0px;line-height: 20px}
.hero .buttons{display: none;}
.features {gap: 5px}
.feature {font-size: 12x; gap: 5px}
.feature i {padding: 5px 3px;}
.head-top{display: none;}


.maharaja-tt h3 {font-size: 12px;margin-bottom: 0px;}
.maharaja-tt ul li {font-size: 12px;line-height: 15px;}
.hero1 {padding: 18px 0 !important;}
.hero1 .features {display: none;}
.hero1 .hero-left p.travel{display: none;}
.hero1 .hero-left p{font-size: 10px; line-height: 15px; font-weight: 600}
.hero1 .buttons{display: none}
.hero1 .hero-right {display: none;}
.hero1 .hero-left h1 {font-size: 16px !important}
.tariff-details .top-features {display: grid;grid-template-columns: repeat(3,1fr);text-align: center;border-bottom: 1px solid #eee;}
.tariff-details .feature h4 {  font-size: 14px;color: #222;}
.main{margin-top: 65px}
.hero1 .container {width: 100%;}

.tariff-details {padding: 5px 0px;}
.tariff-details .feature {padding: 5px;}
.top-features p{font-size: 9px}
.tariff-details .feature i {font-size: 20px;}
.tariff-details .tariff-section h2 {font-size: 12px;}
.tariff-details .table-responsive {padding: 0px 2px 0px;}
.tariff-details .note {font-size: 12px;color: #000;line-height: 15px;}
.terms-and-conditions h3{font-size: 14px;}
.terms-and-conditions p{font-size: 12px; line-height: 15px;text-align: justify;}
.terms-and-conditions ul li{font-size: 12px; line-height: 15px;}
.fleetfaq h4{font-size: 14px;}
.fleetfaq h3{font-size: 14px;}
.fleetfaq p{font-size: 12px; line-height: 15px;text-align: left;}
.feeback p{display: none}
.feeback .container {width: 100%;}
.feeback .hero-left h1{font-size: 26px}
.feeback .hero-left h3 { font-size: 10px;}
.feeback .features{display: none;}
.feedback-section {margin-top: 10px;}
.feedback-section .left-box {padding: 5px;}
.tariff-details .tariff-section h2 {padding: 5px 5px !important}
.popup .content h4{font-size:16px !important;font-weight:600;line-height:1.3;text-align:center;}
 .popup .content {padding: 5px;}
  .popup .line {margin: 2px auto;}
  .popup .content p {display: none;}
  .popup .content .features-one{display: none !important}
  .popup .contact-form h4 {display: none;}
  .contact-form{padding: 10px !important}


.sub-title {font-size: 14px;margin-bottom: 5px; width: 200px; line-height: 15px}
.home-choose{display: block !important}
.left-box{display: none}

}


@media all and (max-width: 360px) 
{   
.left-box{display: none}
.counter {display: flex;gap: 18px;flex-wrap: wrap;margin-bottom: 5px;}
.hero{margin-top: 50px !important;min-height:auto;}
.hero-content h1 {  font-size: 16px !important; margin-bottom: 10px}
.hero-content p {  font-size: 14px !important; margin-bottom: 10px; line-height: 20px}
.counter .box {width: 144px;line-height: 5px}
.counter span {font-size: 12px;color: #ddd;}
.counter .box:hover{transform:translateY(-6px);}
.counter i{color:#e30613;font-size:20px;margin-bottom:12px;}
.counter h2{color:#fff;font-size:18px;margin-bottom:0px;line-height: 20px}
.hero .buttons{display: none;}
.features {gap: 5px}
.feature {font-size: 10px; gap: 2px}
.feature i {padding: 5px 3px;}
.head-top{display: none;}

 .hero-content p {font-size: 12px !important; margin-bottom: 0px; line-height: 15px;}
  .maharaja-tt h3 {font-size: 12px;margin-bottom: 0px;}
   .maharaja-tt ul li {font-size: 12px;line-height: 15px;}
.hero1 .features {display: none;}

.hero1 .hero-left p{font-size: 12px}
.hero1 .hero-left p.travel{display: none;}
.hero1 .buttons{display: none}
.hero1 .hero-left{width: 100%}
.hero1 .hero-right {display: none;}
.hero1 .hero-left h1 {font-size: 20px !important}
.main{margin-top: 72px}
.hero1 .container {width: 100%;}

.home-choose{display: block !important}

.contact-area {padding: 10px 0px}
.f-widget-title h4 {font-size: 14px;}
.f-widget-title h3 {font-size: 18px;line-height: 25px}
.f-widget-title p {line-height: 16px;color: #000;font-size: 14px;}
.contact-box .icon{min-width:35px;width:35px;height:35px;font-size: 18px}
.contact-box .content small { font-size: 12px;margin-bottom: 0px}
.contact-box .content h3{margin-bottom: 3px}
.contact-item {margin-bottom: 10px;}
.mb-30 {margin-bottom: 10px;}

.contactus-form {padding: 10px;}
.contactus-form h4 {font-size: 14px; text-align: center;}
.contactus-form p {font-size: 12px; text-align: center;}
.contactus-form form label {font-size: 12px;font-weight: 600}
.contactus-form form input {line-height: 26px;padding: 5px 20px;}
.contactus-form form select {line-height: 26px;padding: 5px 20px;}
.contactus-form .mb-3{margin-bottom: 0px !important;}
.contactus-form .contact-btn {line-height: 30px; margin-top: 5px;}

.trust-section {width: 94%;border-radius: 16px;padding: 10px 5px;}
.trust-item {min-height: 115px;}
.trust-icon {width: 48px;height: 48px;font-size: 32px;margin-bottom: 7px;}
.trust-text h3 {font-size: 15px;line-height: 1.4;}

}