@media (max-width:600px) {
    .overview h3 {
        font-size: 16px;
    }

    .overview p {
        font-size: 14px;
        line-height: 18px
    }

    .google-rank-section .heading {
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 0px;
    }

    .google-rank-section img {
        width: 134px;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .booking-title {
        font-size: 13px;
        margin-bottom: 10px;
    }

    textarea {
        resize: vertical;
        width: 100%;
    }

    .feedback-content p {
        font-size: 14px;
    }

    .maharaja-tt {
        padding: 10px;
    }

    .maharaja-tt .video-gall video {
        width: 100%;
        height: 200px;
    }

    .specde h6 {
        font-size: 12px;
        text-align: center;
    }

    .maharaja-tt p {
        text-align: justify;
        color: #000;
        line-height: 16PX;
        font-size: 12px;
        padding-bottom: 5px;
    }

    .out th {
        line-height: 14px;
        text-align: center;
    }

    .desktop {
        padding-bottom: 80px
    }

    .faq-right {
        margin-bottom: 10px;
    }

    .maharaja-tt th {
        font-size: 13px;
        line-height: 16px;
        vertical-align: middle;
        width: 50%;
    }

    .maharaja-tt td {
        font-size: 14px
    }

    .descriptionss .shop-tab {
        padding: 10px 10px;
        margin-top: 10px;
    }

    .descriptionss h3 {
        font-size: 14px;
        margin-bottom: 0PX
    }

    .booking-form .form-control {
        line-height:10px;
        height: 45px;
        font-weight: 600;
        font-size: 14px;
    }
    .input-field label {position: absolute;
  top: 50%;
  left: 3px;
  transform: translateY(-50%);
  color: #fff;
  font-size: 19px;
  pointer-events: none;
  transition: 0.3s;
  font-weight: 500;
  padding: 0px 40px 0px 20px;
}
.hero-single .hero-content p {font-size: 14px}
.nice-select span.current {
  font-weight: 500;
  font-size: 14px;
  color: #000;
  padding: 0px 7px;
}
    .input-field {
        position: relative;
        margin-bottom: 12px;
    }
    .booking-form .theme-btn {
  width: 100%;
  padding: 5px;
  margin-top: 0px;
  float: right;
}
#roundtrip .row {
  padding: 11px 10px;
}
.booking-form .form-control {border: 1px solid #ced4da}
    .descriptionss select {
        height: 38px !important;
        margin-bottom: 10px;
    }

    .cont .form-content {
        padding: 20px;
        margin-bottom: 10px;
    }

    h4.site-title {
        font-size: 20px;
        color: #000;
    }

    .feature-content p {
        color: #000;
        padding: 5px;
        margin: 0px 20px !important;
        border-radius: 7px;
    }

    #popup {
        display: none;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 10px;
        background-color: #fff;
        border: 1px solid #ccc;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        z-index: 1000;
        width: 90%;
    }

    .site-breadcrumb {
        padding-top: 20px !important;
        padding-bottom: 20px;
        border-top-left-radius: 40px;
        border-top-right-radius: 40px;
    }

    .taxi nav {
        max-width: 100%;
    }

    .taxi .nav-tabs .nav-link {
      width: 163px;
      text-transform: capitalize;
      font-size: 16px;
      font-weight: 600;
      margin-bottom: 5px;
    }

    .news-block_two-inner {
        padding: 0px
    }

    .faq-area h2 {
        font-size: 16px
    }

    .accordion {
        padding: 0px;

    }


    .aboutfoot p {
        font-size: 14px;
        text-align: justify;
        line-height: 18px
    }

    .aboutfoot h5 {
        text-align: center;
        font-size: 14px;
    }

    .aboutfoot h3 {
        text-align: left;
        font-size: 14px;
        margin-top: 10px;
    }

    .aboutfoot ul li {
        text-align: left;
        font-size: 14px;
        color: #000;
        list-style: circle;
        margin-left: 20px;
        line-height: 16px;
    }

    .footer-list li {
        font-size: 14px;
    }


    .innerpages {
        padding: 5px;
    }

    .innerpages h2 {
        font-size: 18px;
        color: #fe0000;
    }

    .innerpages p {
        font-size: 14px;
        line-height: 18px
    }


    .accordion-body {
        font-size: 12px;
        line-height: 16px
    }

    .accordion-button {
        font-size: 14px;
    }

    .faq-area .accordion-item span {
        width: 15px;
        height: 15px;
        margin-right: 15px;
    }

    .accordion-body {
        padding: 5px
    }

    .accordion-item td {
        font-size: 14px;
        line-height: 26px
    }

}

@media (max-width:520px) {
    .footer-widget-box {
        margin-bottom: 10px;
    }

    .align-items-center {
        align-items: center !important;
        margin-bottom: 10px;
    }

    .navbar-brand {
        margin-right: 0;
        background-color: #fff;
        padding: 0px 0px;
    }

    .hero-section {
        position: relative;
        margin: 80px 16px 0px 16px;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
    }

    .hero-single::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: 20px;
        border-top-right-radius: 20px
    }

   
    #example1 {
        line-height: 13px;
        margin-bottom: 5px;
        height: 27px;
        text-align: center;
    }

    #example1 .typed_cursor {
        display: none !important;
        height: 35px
    }

    .testimonial-area1 {
        display: none
    }

    .team-bio h5 {
        font-size: 12px;
    }

    .team-bio img {
        width: 20px;
    }

    .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;
    }

    .copyright .copyright-text {
        color: var(--footer-text-color);
        margin-bottom: 0;
        font-size: 16px;
        text-align: center;
    }

    .login-popup .box {
        background-color: #ffffff;
        width: 750px;
        position: absolute;
        left: 50%;
        top: 60%;
        transform: translate(-50%, -50%);
        display: flex;
        flex-wrap: wrap;
        opacity: 0;
        margin-left: 50px;
        transition: all 1s ease;
    }

    .header-step p {
        padding: 10px
    }

    .login-popup.show .box {
        opacity: 1;
        margin-left: 0;
        width: 340px !important;
    }

    .fa-2x {
        font-size: 16px;
    }


    .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;
        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: 10px;
    }


    .btn-call:hover {
        background-color: #fff;
    }

    .btn-call:hover .btn-call__ico {
        color: #38a3fd;
    }

    @-webkit-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)
        }
    }

    @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)
        }
    }

    .login-popup .box .form {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0px 0px;
    }

    .login-popup .box .form h6 {
        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 .form-control {
        height: 45px;
        margin-bottom: 30px;
        width: 100%;
        border: none;
        border-bottom: 1px solid #cccccc;
        font-size: 15px;
        color: #000000;
    }

    .login-popup .box .form .form-control:focus {
        outline: none;
    }

    .login-popup .box .form label {
        font-size: 15px;
        color: #555555;
    }

    .login-popup .box .form .btn {
        width: 100%;
        background-color: #E91E63;
        margin-top: 40px;
        height: 30px;
        border: none;
        border-radius: 25px;
        font-size: 15px;
        text-transform: uppercase;
        color: #ffffff;
        cursor: pointer;
    }

    .login-popup .box .form .btn:focus {
        outline: none;
    }

    .login-popup .box .form .close {
        position: absolute;
        right: 6px;
        top: -10px;
        font-size: 30px;
        cursor: pointer;
        color: #000 !important;
        padding: 5px;
        height: 40px;
    }

    .hero-content {
        padding: 0px !important
    }

    .hero-content h2 {
        font-size: 16px
    }

    .taxi-single-meta li {
        display: inline-block;
        margin-right: 4px !important;
    }

    .fleetimage {
        padding-left: 10px !important;
        background-color: #fff;
        margin-bottom: 0px;
    }

    .specification-card h4 {
        font-size: 16px;
    }

    .specification-card .feature-img {
        width: 40px;
        height: 40px;
        padding: 3px 6px;
    }

    .specification-card .featues-info h6 {
        color: #000;
    }

    .hero-single .hero-content .hero-sub-title {
        font-size: 18px !important;
        text-align: center;
    }

    .fleetimage .col-4 {
        padding: 0px !important
    }

    .fleetimg img {
        border: 2px solid var(--theme-color) !important;
        width: 85%
    }

    .fleetimage .col-8 {
        padding: 0px 5px 0px 10px !important
    }

    .taxi-single-meta {
        line-height: 20px;
        text-align: center;
    }

    .taxi-single-meta li {
        font-size: 16px;
    }

    .fleetcontent {
        padding: 5px !important;
    }

    .hero-content h2 {
        text-align: center;
        font-size: 18px;
        margin: 10px 0px
    }

    .hero-single .hero-content {
        height: 100%;
        text-align: center;
    }

    .accordion p {
        font-size: 13px;
    }

    .spec-details h6 {
    text-align: center;
    padding: 5px 0px;
    font-size: 12px !important;
    }

    .cont {margin-top: 10px !important;}
    .footer-list li.fleetsli a {  font-size: 14px}

    .contact-address li.mapsli{padding-left: 0px !important}
}


@media (max-width: 768px) {
    .review {
        background-color: #ffffff; /* solid high-contrast background */
        color: #000000; /* high-contrast text */
    }

    .review a {
        color: #0055cc; /* WCAG-compliant link color */
    }

    .review a:hover,
    .review a:focus {
        color: #ff9900; /* accessible hover/focus color */
    }
    .gallery img{padding: 5px}
}


@media (max-width: 1200px) 
{
    .maharaja-tt .container-fluid{max-width: 1100px !important}
}

@media (max-width: 1300px) 
{
    .maharaja-tt .container-fluid{max-width: 1300px !important}
}



@media (min-width: 300px) and (max-width: 400px) {
    .navbar-brand img {width: 111px;}
    .typed {font-size: 16px;}
    ul.sublist {margin: 5px 45px;}
    #example1 {line-height: 13px;margin-bottom: 0px;height: 20px;text-align: center;}
    .feature-content .typecars {font-size: 14px;}
    .feature-content p {color: #000;padding: 5px;margin: 0px 15px !important;border-radius: 7px;}
    h3 {font-size: 14px;}
    .team-bio p{font-size: 12px}
    .taxi .nav-tabs .nav-link { width: 145px;}
    .news-block_two-content {left: 30px;bottom: 10px;right: 30px;}
    .testimonial-quote {font-size: 12px; line-height: 20px}
    .footer-widget-wrapper h2{font-size: 16px;}
    .desktop { padding-bottom: 110px;}

    .booking-form1 {padding: 2px;  }
    .input-field { margin-bottom: 9px;  }
    .booking-form1 h3 {font-size: 13px; }
     
    .specification-card h4 {font-size: 14px;font-weight: 500;}
    .booking-form1 .theme-btn {margin-top: 0px;  }

    .monphone{background-color: var(--theme-color); text-align: center; margin: 0px 10px; border-radius: 6px;}
    .monphone a{color: #fff; font-weight: 600;}
    .nav-item .nav-link{padding: 3px 0px; border-bottom: 1px silid #000}
    
    .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;}

   }