@media (min-width: 1024px) {
  nav#cssmenu {
    display: flex;
    justify-content: flex-start;
    column-gap: 4.38em;
  }
  #services p {
    margin-bottom: 5em !important;
  }
  .mapArea iframe {
    height: 1146px;
    display: block;
  }
}
@media (max-width: 768px) {
  .leftUl li:last-child {
    display: none;
  }
  .topBar ul.leftUl li:first-child::after {
    display: none;
  }
  .topBar ul.leftUl li:first-child {
    margin: 0;
  }
  .carWrp {
    display: flex;
    column-gap: 8px;
    row-gap: 8px;
    justify-content: center;
    margin-top: 2.5em;
    margin-bottom: 2em;
    flex-wrap: wrap;
  }
  #ReliableSec .container {
    display: flex;
    flex-direction: column;
  }
  .carBox {
    margin: 0px;
    padding: 10px;
    border: 2px solid #ff8c00 !important;
  }
  #aboutSec .overlay-img {
    position: absolute;
    bottom: -11px;
    right: -10px;
  }
  #aboutSec .RightArea {
    padding-left: 15px;
  }
  .padM {
    padding: 3em 0;
  }
  #heroSec {
    padding: 3em 0px;
  }
  section.book-taxi-section.padM.animated-section {
    overflow: hidden;
  }
  #fleet .fleet-card .grayText {
    color: #7a7a7a;
    height: auto;
  }
  .footer {
    padding: 3em 20px;
  }
  .footer-about {
    width: 100%;
    max-width: 525.31px;
    margin: 0px;
    padding-right: 0;
    margin-bottom: 20px;
  }
  .footer-links {
    max-width: 100%;
    width: 100%;
    padding-right: 0;
    margin-bottom: 15px;
  }
  #achievements h2 {
    font-size: 40px;
  }
  #BookOnline h2 {
    font-size: 40px;
    text-align: center;
  }
  #BookOnline {
    padding: 80px 0px;
  }
  #fleet h2 {
    font-size: 40px;
  }
  #fleet .row {
    padding-left: 15px;
    padding-right: 15px;
    row-gap: 15px;
  }
  #aboutSec .about-images {
    margin-bottom: 20px;
  }
  .topBar .container {
    padding: 0;
  }
  .topBar ul {
    width: 50%;
    justify-content: center;
  }
  .topBar ul a {
    font-size: 18px;
    font-weight: 600;
  }
  .topBar ul.leftUl {
    text-align: right;
    display: flex;
    justify-content: center;
  }
  .topBar .rightUl {
    background: #333333;
  }
  .topBar .rightUl li a {
    color: #fff;
  }
  .topBar .rightUl {
    border-bottom: 4px solid #ff8c00;
  }
  .TaxiBookingWrp {
    z-index: 99;
    flex-direction: column;
    row-gap: 20px;
  }
  #aboutSec .innerPage .row {
    display: flex;
    flex-direction: column;
  }
  #aboutSec .innerPage .LeftC {
    width: 100%;
    padding: 10px;
    padding-right: 30px;
  }
  #aboutSec .innerPage .RightAreaC {
    width: 100%;
    padding-left: 15px;
    padding: 30px 30px 30px 30px;
  }

  #aboutSec .innerPage ul {
    list-style-type: disc;
    padding-left: 20px;
  }
  .contactPage .contactArea {
    width: 100%;
    padding-left: 10%;
    padding: 20px 15px;
  }
  .OurContact {
    display: flex;
    column-gap: 20px;
    flex-direction: column;
  }
  .SendMessage {
    padding: 0;
    display: flex;
    column-gap: 20px;
    flex-direction: column;
    width: 100%;
  }
  .SocialMedia {
    display: flex;
    column-gap: 32px;
    align-items: flex-start;
    margin-top: 7%;
    flex-direction: column;
  }
  .contactPage {
    display: flex;
    align-items: center;
    flex-direction: column-reverse;
    row-gap: 3em;
  }
  .contactPage .mapArea {
    width: 100%;
  }
  .contactPage .mapArea iframe {
    height: 250px;
  }

  element.style {
  }
  .btn:not(:disabled):not(.disabled) {
    cursor: pointer;
  }
  .SendMessage form button {
    font-size: 20px;
  }
}