/*
Theme Name: Automobile Services WordPress Theme
Theme URI: https://www.novathemes.net/products/automobile-services-wordpress-theme/
Description: The automobile services WordPress theme is a professionally designed solution tailored for auto repair shops, car service centers, mechanics, and automobile businesses looking to establish a strong online presence. Built with a clean and modern layout, this theme helps you showcase your services, highlight your expertise, and attract potential customers with ease. Whether you run a small garage or a large automotive workshop, the automobile services WordPress theme offers a user-friendly interface that simplifies website creation without requiring coding knowledge. Its responsive design ensures your website looks flawless across all devices, from desktops to smartphones, delivering a seamless user experience. With strategically placed sections for services, testimonials, team members, and contact information, this automobile services WordPress theme enables you to present your business professionally and build trust with your audience while improving your online visibility.
Author: Novathemes
Author URI: https://www.novathemes.net/
Version: 1.0
Requires PHP: 5.6
Tested up to: 6.0
Tags: blog, food-and-drink, one-column, two-columns, right-sidebar, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images, footer-widgets, theme-options, threaded-comments, translation-ready
Text Domain: nova-automobile-service-pro
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-weight: 600;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}
.alignwide {
  margin-left: -80px;
  margin-right: -80px;
}
.alignfull {
  margin-left: calc(-100vw / 2 + 100% / 2);
  margin-right: calc(-100vw / 2 + 100% / 2);
  max-width: 100vw;
}
.alignfull img {
  width: 100vw;
}

.post-single a,
.page-single a,
.sidebar-area .textwidget a,
.comment-content a {
  text-decoration: none;
}

body {
  font-family: "Montserrat", sans-serif;
  color: #343438;
  margin: 0;
  background: #fff;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Montserrat", sans-serif;
}

a {
  color: #343438;
  -webkit-transition: color 0.1s linear;
  -moz-transition: color 0.1s linear;
  -o-transition: color 0.1s linear;
  transition: color 0.1s linear;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #fe7215;
  text-decoration: none;
}

header.header-top {
  background: #131c21;
}
section.category-title h1 {
  font-size: 18px;
  font-weight: 600;
}
/* ===============================================
   HEADER BOX
   ============================================= */

.register,
.login {
  background: #aa8a63;
  color: #fff;
  padding: 0;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
}
.login {
  background: #fff;
  color: #212121;
}
.header {
  position: static;
}

/*404 Page*/
.page-404 h1 {
  font-size: 300px;
  color: #171f23;
}
.page-404 h3 {
  font-size: 38px;
  color: #171f23;
}
.page-404 hr {
  width: 10%;
  background: #fe7215;
  padding: 1px;
}
.page-404 p {
  margin-left: 30%;
  margin-right: 30%;
}
.page-404 .intro-button {
  display: inline-block;
  padding: 15px 40px;
  text-align: center;
  color: #ffff;
  transition: all 0.2s;
  text-decoration: none;
  text-transform: uppercase;
  background: #fe7215;
  font-weight: 400;
  font-size: 18px;
}
.page-404 .intro-button,
.page-404 .intro-button::after {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.page-404 .intro-button::before,
.page-404 .intro-button::after {
  background: #fe7215;
  content: "";
  position: absolute;
  z-index: -1;
}
.page-404 .intro-button:hover {
  color: #fff;
  background: #333337;
}
.page-404 .intro-button::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 0;
  background: #333337;
}
.page-404 .intro-button:hover:after {
  width: 100%;
}
.page-404 a {
  color: #fff;
}

/* ===============================================
   LOGO BOX
   ============================================= */

.logo {
  display: block;
  min-height: 53px;
  line-height: 1.4em;
  word-break: break-all;
}
.logo a {
  color: #ffffff;
  font-size: 30px;
  line-height: 35px;
  text-decoration: none;
  -webkit-transition: color 0.1s linear;
  -moz-transition: color 0.1s linear;
  -o-transition: color 0.1s linear;
  transition: color 0.1s linear;
  font-weight: 600;
}
.logo a:hover,
.logo a:focus {
  color: #fe7215;
}
.logo span {
  display: block;
  font-size: 14px;
  line-height: 18px;
  color: #767c83;
}
.logo-image {
  float: unset;
  position: absolute;
}

/* ===============================================
   SOCIAL BOX
   ============================================= */

.social-links a {
  color: #ffffff;
  padding: 0px 10px;
  font-size: 18px;
  text-align: center;
}
.social-links a:hover {
  color: #333337;
  margin-bottom: 0;
}

/* ===============================================
   MENU BOX
   ============================================= */

#main-menu {
  display: block;
  position: relative;
  float: right;
  margin: 0 auto;
}
#main-menu ul {
  margin: 0;
  padding: 0;
  display: block;
}
#main-menu ul li {
  position: relative;
  display: block;
  float: left;
  text-align: left;
}
#main-menu ul li a {
  color: #343438;
  text-decoration: none;
  display: block;
  z-index: 1;
  padding: 9px 30px;
  padding-left: 0;
  margin: 0;
  font-weight: 500;
  -webkit-transition:
    color 0.1s linear,
    background-color 0.1s linear;
  -moz-transition:
    color 0.1s linear,
    background-color 0.1s linear;
  -o-transition:
    color 0.1s linear,
    background-color 0.1s linear;
  transition:
    color 0.1s linear,
    background-color 0.1s linear;
  position: relative;
  line-height: 42px;
}
#main-menu a:hover,
#main-menu ul li a:hover,
#main-menu li:hover > a,
#main-menu a:focus,
#main-menu ul li a:focus,
#main-menu li.focus > a,
#main-menu li:focus > a,
#main-menu ul li.current-menu-item > a,
#main-menu ul li.current_page_item > a,
#main-menu ul li.current-menu-parent > a,
#main-menu ul li.current_page_ancestor > a,
#main-menu ul li.current-menu-ancestor > a {
  color: #fe7215;
}
#main-menu ul.children,
#main-menu ul.sub-menu {
  display: none;
  position: absolute;
  top: 50px;
  left: 0;
  background: #fff;
  z-index: 10001;
  width: 213px;
  padding-left: 0;
  -webkit-transition: opacity 0.3s ease 0s;
  -moz-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
  box-shadow: 0px 5px 30px rgb(0 0 0 / 13%);
  border-radius: 3px;
}
#main-menu ul li:hover .sub-menu {
  display: block;
}
#main-menu ul.children li,
#main-menu ul.sub-menu li {
  display: block;
  position: relative;
  float: none;
  line-height: 18px;
  margin-left: 0;
  margin-right: 0;
  -webkit-transform: skew(0deg);
  -ms-transform: skew(0deg);
  transform: skew(0deg);
  padding: 5px 10px;
}
#main-menu li li:hover > ul,
#main-menu li li:focus > ul,
#main-menu li li.focus > ul {
  top: 0px;
  left: -100%;
}

#main-menu ul.children li a,
#main-menu ul.sub-menu li a {
  display: block;
  position: relative;
  padding: 0px 14px;
  padding-right: 14px;
  font-size: 14px;
  color: #767c83;
  -webkit-transition: all 600ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 600ms cubic-bezier(0.77, 0, 0.175, 1);
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#main-menu ul.sub-menu li a:hover {
  color: #fff;
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
#main-menu ul.sub-menu li a:before,
#main-menu ul.sub-menu li a:after {
  content: "";
  position: absolute;
  -webkit-transition: inherit;
  transition: inherit;
  z-index: -1;
}
#main-menu ul.sub-menu li a:before,
#main-menu ul.sub-menu li a:after {
  top: 0;
  width: 0;
  height: 100%;
}

#main-menu ul.sub-menu li a:before {
  left: 0;
  border: 1px solid #fe7215;
  border-left: 0;
  border-right: 0;
}
#main-menu ul.sub-menu li a:hover:before {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
#main-menu ul.sub-menu li a:hover:before,
#main-menu ul.sub-menu li a:hover:after {
  width: 100%;
}
#main-menu ul.sub-menu li a:after {
  right: 0;
}
#main-menu ul.sub-menu li a:hover:after {
  background: #fe7215;
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
#main-menu ul.sub-menu li a:hover:before,
#main-menu ul.sub-menu li a:hover:after {
  width: 100%;
}
#main-menu ul.children li ul:before,
#main-menu ul.sub-menu li ul:before {
  display: none;
}
#main-menu li:hover > ul,
#main-menu li:focus > ul,
#main-menu li.focus > ul {
  opacity: 1;
  right: calc(100% - 213px);
}
.menu-toggle,
.dropdown-toggle,
button.close-menu {
  display: none;
  background: #fe7215;
  color: #fff;
}
#main-menu ul.children li ul:before,
#main-menu ul.sub-menu li ul:before {
  display: none;
}

#site-navigation .sidenav a.closebtn,
.open-menu {
  display: none;
}

/* ===============================================
   HEADER SEARCH
   =============================================== */

.header-search {
  text-align: right;
}
.header-search .open-search-form i {
  font-size: 18px;
  cursor: pointer;
  color: #555555;
  margin: 30px 0;
}
.header-search .open-search-form i:hover {
  color: #fe7215;
}
.header-search .search-form {
  position: fixed;
  top: 0;
  right: -100%;
  width: 100%;
  height: 100%;
  padding: 0;
  z-index: 1001;
  visibility: hidden;
  -webkit-transition-property:
    all,
    -webkit-transform;
  transition-property: all, transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  background: rgba(255, 255, 255, 0.98) none repeat;
  border: none !important;
}
.header-search .search-form.is-open {
  right: 0;
  height: 100%;
  visibility: visible;
}
.header-search .search-form.is-open form {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 50px;
}
.header-search .search-form a.close-search-form {
  top: 50px;
  position: absolute;
  margin-left: -13px;
  left: 50%;
}
.header-search .search-form i.searchform-close-button {
  font-size: 25px;
  color: #616161 !important;
  opacity: 0;
  -webkit-transition: transform 0.2s linear;
  -moz-transition: transform 0.2s linear;
  -o-transition: transform 0.2s linear;
  transition: transform 0.2s linear;
}
.header-search .search-form.is-open i.searchform-close-button {
  opacity: 1;
}
.header-search .search-form.is-open i.searchform-close-button:hover {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

#site-navigation .sidenav a.closebtn,
.open-menu {
  display: none;
}

/* ===============================================
   POST BOX
   ============================================= */

.post-box,
.post-single,
.page-single {
  background: #fff;
}
.post-thumbnail {
  line-height: 0;
}
h4.post-title {
  font-size: 17px;
  color: #ffffff;
  font-weight: 600;
}
.latest-post :hover h4 a {
  color: #fe7215;
}
.post-content p {
  color: #555555;
  font-weight: 400;
}
.post-content .admin {
  text-transform: capitalize;
}
.post-meta i {
  color: #fe7215;
}
.post-meta span {
  text-decoration: none;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 500;
  color: #343438;
}
pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #121d21;
  white-space: break-spaces;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.post-content img,
.post-thumbnail img,
.post-content iframe,
.post-content object,
.post-content embed {
  max-width: 100%;
}
.post-content img,
.post-thumbnail img {
  max-height: 100%;
  height: auto;
}
.post-content:after {
  content: "";
  display: table;
  clear: both;
}

#content,
footer {
  float: left;
  width: 100%;
}
.latest-post {
  filter: drop-shadow(0 0 20px rgba(0, 0, 0, 0.08));
}
.latest-post .dummy-images {
  background: #fe7215;
  height: 410px;
  border-radius: 10px;
}
.search-post {
  height: 550px;
}

.latest-post .content_box {
  filter: drop-shadow(0 0 20px rgba(0, 0, 0, 0.08));
  background: #ffffff;
  border-radius: 5px;
}
.latest-post .post-content {
  font-size: 15px;
  color: #555555;
}

.latest-post .post-meta {
  color: #343438;
  text-align: center;
  padding: 5px;
}
.latest-post .post-meta .date-day {
  font-size: 28px;
  color: #fff;
  font-weight: 600;
}
.latest-post .post-meta .date-month {
  font-size: 20px;
  color: #343438;
  font-weight: 400;
}
.latest-post .catname {
  background: #fef8ec;
  padding: 12px 15px;
  position: absolute;
  top: 43%;
  left: 62%;
  font-size: 14px;
  border-radius: 5px;
  color: #777e82;
  font-weight: 400;
}
.latest-post .post-hr {
  background: #888888;
  margin-right: 75%;
  padding: 1px;
}
.latest-post .admin-text,
.latest-post span {
  color: #777e82;
  font-weight: 500;
  font-size: 15px;
  text-transform: capitalize;
}
.latest-post .admin-text:hover {
  color: #fe7215;
}
.latest-post .admin-img img {
  border-radius: 50%;
}
.latest-post .comments {
  color: #777e82;
  font-weight: 500;
  text-transform: capitalize;
}
.latest-post i {
  color: #fe7215;
}
.latest-post .fas {
  color: #888888;
  position: relative;
  left: 10px;
}
.latest-post .post-meta a {
  color: #ffffff;
  font-weight: 500;
  font-size: 18px;
}
.latest-post figure {
  margin: 0;
  padding: 0;
  background: #343438;
  overflow: hidden;
}
.latest-post figure:hover + span {
  opacity: 1;
}

.latest-post figure img {
  webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  width: 100%;
}
.latest-post .latest-box:hover figure img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.5;
}
.latest-post .icon-book {
  float: right;
  background: #fff;
  border-radius: 50%;
  border: 1px solid #717982;
  width: 40px;
  height: 40px;
  padding: 10px 14px;
  margin-top: -8px;
}
.post-single .tags-bg a {
  padding: 10px 15px;
  background: #fe7215;
  border-radius: 5px;
  text-transform: uppercase;
  color: #fff;
  margin: 0 10px;
}
.post-single .tags-bg a:hover {
  background: #ffffff;
}
.post-single .blog_share_icon .fab {
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 50%;
  background: #fe7215;
  color: #ffffff;
  font-size: 18px;
  padding: 15px;
  margin: 0 10px;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.post-single .blog_share_icon .fab:hover {
  transform: rotate(360deg);
  background-color: #333337;
  color: #ffffff;
}
.post-single {
  display: block;
}
label {
  display: block;
}
.latest-post .read_more {
  color: #201f1f;
  font-weight: 500;
  text-transform: capitalize;
  float: left;
}
.latest-post .read_more:hover {
  color: #fe7215;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-form-url input {
  width: 100%;
}
.comment-respond input#submit {
  background: #fe7215;
  border: none;
  color: #ffffff;
  padding: 10px;
  font-weight: 600;
  display: inline-block;
  margin: 15px 0;
}
.comment-respond input#submit:hover {
  background-color: #333337;
  border: 1px solid transparent;
  color: #ffffff;
}
.comment-content a {
  word-wrap: break-word;
}
.bypostauthor {
  display: block;
}
.comments-title {
  font-size: 1.125rem;
}
.comment-body .pull-left {
  padding-right: 0.625rem;
}
.comment-list {
  padding-left: 0;
}
.comment-list .comment {
  display: block;
}
.comment-list .pingback {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  padding: 0.563rem 0;
}
.comment-list .pingback a {
  margin-left: 5px;
  margin-right: 5px;
}
.comment-content.card-block {
  padding: 15px;
}
.comment-reply a {
  border-radius: 5px;
  background: #fe7215;
  padding: 5px 15px;
  color: #ffffff;
}
.comment-reply a:hover {
  background-color: #333337;
  border: 1px solid transparent;
  color: #ffffff;
  text-decoration: none;
}

@media screen and (min-width: 0) and (max-width: 767px) {
  section.category-title h1 {
    text-align: center;
  }

  #mySidenav span {
    display: block;
    font-size: 30px;
    cursor: pointer;
  }
  .logo {
    text-align: center;
  }
  .open-menu {
    display: block;
  }

  #main-menu ul li {
    float: left;
    width: 100%;
    padding: 5px 15px;
  }

  #main-menu > li > ul.children,
  #main-menu > li > ul.sub-menu {
    position: absolute;
    top: -100%;
    background: #fff;
  }

  #main-menu li.focus > ul.children,
  #main-menu li.focus > ul.sub-menu,
  #main-menu li:hover > ul.children,
  #main-menu li:hover > ul.sub-menu,
  #main-menu li:focus > ul.children,
  #main-menu li:focus > ul.sub-menu {
    width: 100%;
    top: 0;
    left: 0 !important;
    position: relative;
  }

  #main-menu ul {
    padding: 0;
    float: none;
  }

  #main-menu ul li a {
    padding: 0;
    display: initial;
    font-size: 18px;
  }

  #main-menu ul.children li a,
  #main-menu ul.sub-menu li a {
    padding: 0;
    line-height: 53px;
  }

  #main-menu ul li.menu-item-has-children:after {
    content: "";
    position: absolute;
    border: solid #fe7215;
    right: 10px;
    top: 50%;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    -webkit-transform: translate(0, -50%) rotate(-45deg);
    transform: translate(0, -50%) rotate(-45deg);
  }

  #main-menu ul.children li,
  #main-menu ul.sub-menu li {
    width: 100%;
    padding-left: 10px;
  }

  #main-menu ul li.menu-item-has-children:hover:after,
  #main-menu ul li.menu-item-has-children:focus:after,
  #main-menu ul li.menu-item-has-children.focus:after {
    top: 20px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  #main-menu a:hover,
  #main-menu ul li a:hover,
  #main-menu li:hover > a,
  #main-menu a:focus,
  #main-menu ul li a:focus,
  #main-menu li.focus > a,
  #main-menu li:focus > a,
  #main-menu ul li.current-menu-item > a,
  #main-menu ul li.current_page_item > a,
  #main-menu ul li.current-menu-parent > a,
  #main-menu ul li.current_page_ancestor > a,
  #main-menu ul li.current-menu-ancestor > a {
    background: none;
  }
  #main-menu ul.sub-menu li a:hover:after {
    background: transparent;
  }
}

/* ===============================================
   Pagination
   ============================================= */

.pagination,
.nova-automobile-service-pro-pagination {
  margin: 25px 0;
}

.pagination .nav-links a,
.pagination .nav-links span.current,
.nova-automobile-service-pro-pagination a span,
.nova-automobile-service-pro-pagination span.current {
  display: inline-block;
  text-decoration: none;
  padding: 10px 20px;
  font-size: 18px;
  font-weight: 600;
  line-height: 21px;
  color: #343438;
  border-radius: 4px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  position: relative;
  margin: 0;
  -webkit-transition: background-color 0.3s ease;
  -moz-transition: background-color 0.3s ease;
  -ms-transition: background-color 0.3s ease;
  -o-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}

.pagination .nav-links a:hover,
.pagination .nav-links a:focus,
.pagination .nav-links span.current,
.nova-automobile-service-pro-pagination span.current,
.nova-automobile-service-pro-pagination span.current:hover,
.nova-automobile-service-pro-pagination span.current:focus,
.nova-automobile-service-pro-pagination a span:hover,
.nova-automobile-service-pro-pagination a span:focus {
  background: #fe7215;
  color: #ffffff;
}

.commentlist {
  list-style: none;
  margin: 0;
  padding: 0;
}

.commentlist ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.commentlist li {
  margin: 0;
}

.commentlist li .comment-respond {
  margin-bottom: 25px;
}

.commentlist li:last-of-type .comment-respond {
  margin-bottom: 0px;
}

.comment-container {
  position: relative;
  margin: 0 0 25px 0;
  padding: 30px;
  background: #fff;
  border: solid 1px #f3f4f7 !important;
  z-index: 999;
}

.comment-avatar img {
  float: left;
}

.comment-text {
  position: relative;
  margin-left: 110px;
  padding: 0 0 0 15px;
}

.comment-container .comment-date {
  padding: 15px 0;
}

.comment-avatar {
  position: relative;
  width: 110px;
  float: left;
}

.comment-author .author {
  display: block;
  font-weight: bold;
}

.commentlist .children li {
  margin-left: 30px;
}

.comment-notes {
  font-size: 12px;
  margin: -25px 0 25px 0;
}

h3#reply-title,
h3.comments {
  height: 30px;
  line-height: 30px;
  margin: 30px 0;
}

h3#reply-title small,
.logged-in-as {
  font-size: 15px;
  margin: -25px 0 25px 0;
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form textarea {
  padding: 10px 2%;
  background: #fff;
  width: 100%;
  margin: 0 0 15px 0;
  border: 1px solid black;
  color: #343438;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.comment-form input[type="submit"] {
  background: #fe7215;
  color: #ffffff;
  border: none;
  font-size: 14px;
  border-radius: 5px;
  font-weight: 600;
  text-align: center;
  position: relative;
  display: block;
  text-shadow: none;
  padding: 10px 15px;
  width: inherit;
  margin: 0;
  -webkit-transition:
    color 0.3s ease,
    background-color 0.3s ease;
  -moz-transition:
    color 0.3s ease,
    background-color 0.3s ease;
  -o-transition:
    color 0.3s ease,
    background-color 0.3s ease;
  transition:
    color 0.3s ease,
    background-color 0.3s ease;
  cursor: pointer;
}

.comment-form input[type="submit"]:hover,
.comment-form input[type="submit"]:focus {
  background-color: #248efa;
  text-decoration: none;
}

.logged-in-as a {
  color: #343438;
}

.logged-in-as,
.comment-notes,
.comment-form-comment,
.comment-form-author,
.comment-form-email,
.comment-form-url,
.form-submit {
  display: block;
}

/* ===============================================
   SIDEBARS
   =============================================== */

.sidebar-area .textwidget img {
  width: 100%;
  height: auto;
}
.sidebar-area .sidebar-widget {
  margin-bottom: 25px;
  box-shadow: 0px 5px 16px 0px rgb(200 183 255 / 30%);
  background: #fff;
}
.sidebar-area a,
.sidebar-area p,
.sidebar-area li,
.sidebar-area address,
.sidebar-area dd,
.sidebar-area blockquote,
.sidebar-area td,
.sidebar-area th,
.sidebar-area .textwidget {
  line-height: 1.9em;
  font-weight: normal;
}
.sidebar-area ul,
#calendar_wrap,
.sidebar-area .textwidget,
.tagcloud {
  list-style: none;
  margin: 0;
  padding: 0 15px;
}
.sidebar-area li a,
.sidebar-area li {
  font-size: 16px;
  font-weight: 500;
  color: #343438;
}
.sidebar-area li {
  padding-bottom: 15px;
  color: #343438;
}
.sidebar-area h4.title {
  padding: 10px 15px;
  border-bottom: solid 5px #333337;
  background: #fe7215;
  color: #ffffff;
  font-size: 24px;
}
.sidebar-area .tagcloud a {
  font-size: 15px !important;
  background: #fff;
  color: #121d21;
  padding: 5px;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  display: inline-block;
  margin: 5px 0;
  text-decoration: none;
}
.sidebar-area .tagcloud a:hover {
  background: #fe7215;
  color: #fff;
}
.sidebar-area form {
  padding: 0;
}
.sidebar-area select,
.sidebar-area textarea,
#comments textarea,
.sidebar-area input[type="text"],
#comments input[type="text"],
.sidebar-area input[type="password"],
.sidebar-area input[type="datetime"],
.sidebar-area input[type="datetime-local"],
.sidebar-area input[type="date"],
.sidebar-area input[type="month"],
.sidebar-area input[type="time"],
.sidebar-area input[type="week"],
.sidebar-area input[type="number"],
.sidebar-area input[type="email"],
.sidebar-area input[type="url"],
.sidebar-area input[type="search"],
.sidebar-area input[type="tel"],
.sidebar-area input[type="color"],
.sidebar-area .uneditable-input {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  width: 68%;
  margin: 0;
  padding: 12px;
  background-color: transparent;
  border: 1px solid #ededed;
  float: unset;
}
#wp-calendar th,
#wp-calendar #today,
#wp-calendar #today a {
  background: #f3f4f7;
  color: #434343 !important;
}
#wp-calendar a:hover {
  border: none;
}
#wp-calendar {
  background: #fff;
  width: 100%;
}
#wp-calendar caption {
  font-size: 14px;
  text-transform: uppercase;
  margin: 0 0 10px 0;
  text-align: left;
}
#wp-calendar th,
#wp-calendar td {
  text-align: center;
  font-size: 14px;
  color: #434343 !important;
  padding: 3px 6px;
}
#wp-calendar td a {
  display: block;
  text-align: center;
  font-size: 14px;
  color: #434343 !important;
  text-decoration: underline;
}
#wp-calendar td#prev a,
#wp-calendar td#prev a {
  text-decoration: none;
  text-align: left;
}
#wp-calendar th {
  font-weight: bold;
}
#wp-calendar tr:nth-child(2n + 2) {
  background-color: #f3f4f7;
}
.searchform label {
  display: block;
}
.searchform input[type="text"] {
  width: calc(100% - 110px);
  margin: 0;
  padding: 12px;
  float: left;
  background-color: transparent;
  border: none;
}
.searchform input[type="submit"] {
  background: #fe7215;
  border: none;
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  position: relative;
  float: left;
  text-shadow: none;
  padding: 14px 0;
  width: 110px;
  margin: 0 auto;
  cursor: pointer;
  -webkit-transition:
    color 0.3s ease,
    background-color 0.3s ease;
  -moz-transition:
    color 0.3s ease,
    background-color 0.3s ease;
  -o-transition:
    color 0.3s ease,
    background-color 0.3s ease;
  transition:
    color 0.3s ease,
    background-color 0.3s ease;
}

.searchform input[type="submit"]:hover,
.searchform input[type="submit"]:focus {
  background-color: #333337;
  text-decoration: none;
  color: #fff;
}

.searchform:after {
  content: "";
  display: table;
  clear: both;
}
.sidebar-area select#archives-dropdown--1,
.sidebar-area select#cat {
  width: 100%;
}
.sidebar-area .post-thumbnail img {
  width: 100%;
  height: 75px;
  border-radius: 50%;
  margin-top: 10px;
}
.sidebar-area .post-title {
  font-size: 14px;
}

footer {
  background: #171f23;
}

footer .sidebar-area {
  background: none;
  padding: 25px 0 0 0;
}

footer a,
footer p,
footer .sidebar-area li,
footer .sidebar-area address,
footer .sidebar-area dd,
footer .sidebar-area blockquote,
footer .sidebar-area td,
footer .sidebar-area th,
footer .sidebar-area .title,
footer .sidebar-area .textwidget {
  color: #ffffff;
  font-weight: 400;
}

.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
  max-width: 100%;
  height: auto;
}

img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
img.alignleft,
img.alignright,
img.aligncenter,
.attachment img {
  max-width: 100%;
  height: auto;
  margin-bottom: 10px;
}
.alignleft,
img.alignleft {
  display: inline;
  float: left;
  margin-right: 24px;
  margin-top: 4px;
}
.alignright,
img.alignright {
  display: inline;
  float: right;
  margin-left: 24px;
  margin-top: 4px;
}
div.aligncenter,
img.aligncenter {
  display: block;
  margin-left: auto !important;
  margin-right: auto !important;
  float: none;
}
img.alignleft,
img.alignright,
img.aligncenter {
  margin-bottom: 12px;
}
.wp-caption {
  background: #f1f1f1;
  line-height: 18px;
  margin-bottom: 25px;
  max-width: 100% !important;
  padding: 4px;
  text-align: center;
}
.wp-caption img {
  margin: 5px 5px 0;
  width: 96%;
  height: 100%;
}
.wp-caption p.wp-caption-text {
  color: #888;
  font-size: 12px;
  margin: 5px;
}
.footer-area .woocommerce ul.cart_list li img,
.footer-area .woocommerce ul.product_list_widget li img {
  height: 70px;
}

/*SCROLL TO TOP BUTTON*/

#button_scroll {
  display: inline-block;
  background: #fe7215;
  width: 45px;
  height: 45px;
  text-align: center;
  position: fixed;
  bottom: 30px;
  right: 30px;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
  color: #fff;
}
#button_scroll::after {
  font-weight: normal;
  font-style: normal;
  font-size: 10px;
  line-height: 50px;
  color: #fff;
}
#button_scroll:hover,
#button_scroll:active {
  cursor: pointer;
  background: #333337;
  color: #fff;
}
#button_scroll.show {
  opacity: 1;
  visibility: visible;
}
#button_scroll .fas {
  color: #fff;
  padding: 8px;
  margin: 5px 0;
}
#button_scroll,
#button_scroll::after {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#button_scroll::before,
#button_scroll::after {
  background: #fe7215;
  content: "";
  position: absolute;
  z-index: -1;
}
#button_scroll:hover {
  color: #fff;
  background: #333337;
}
#button_scroll::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 0;
  background: #333337;
}
#button_scroll:hover:after {
  width: 100%;
}

/*PRELOADER*/
/** page **/
.cssloader {
  padding-top: calc(45vh - 25px);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: #212121;
  z-index: 99999;
}

/** loader **/
.sh1 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 50px 0 0;
  border-color: #fff transparent transparent transparent;
  margin: 0 auto;
  animation: shk1 1s ease-in-out infinite normal;
}

.sh2 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 50px 50px;
  border-color: transparent transparent #fe7215 transparent;
  margin: -50px auto 0;
  animation: shk2 1s ease-in-out infinite alternate;
}

/** animation starts here **/
@keyframes shk1 {
  0% {
    transform: rotate(-360deg);
  }

  100% {
  }
}

@keyframes shk2 {
  0% {
    transform: rotate(360deg);
  }
  100% {
  }
}
.lt {
  color: #fff;
  margin: 30px auto;
  text-align: center;
  font-weight: 100;
  letter-spacing: 10px;
}
a.close-search-form {
  display: none;
}

/*SRTICKY HEADER*/

.fix-sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
}
.admin-bar .fix-sticky {
  margin-top: 32px;
  background: #ffffff;
}

/*Body*/

.menu-header {
  background: linear-gradient(90deg, #fe7215 32%, #fff 30%);
}
.top-header .logo-content span {
  color: #fff;
  float: left;
}
.top-header span {
  color: #ffffff;
  font-weight: 400;
  font-size: 14px;
}
.top-header .content a {
  color: #fff;
}
.top-header .content a:hover {
  color: #fe7215;
}
.top-header .logo-content a {
  color: #fff;
  font-size: 34px;
  font-weight: 600;
}
.top-header .logo-content a:hover {
  color: #fe7215;
}
.top-header .dashicons {
  font-size: 20px;
  color: #ffffff;
}

input#woocommerce-product-search-field {
  border: none;
  border-left: 1px solid #efeef3;
  outline: none;
  padding: 12px 40px;
  width: 60%;
}
input#woocommerce-product-search-field::placeholder {
  color: #343438;
  font-weight: 400;
}
button.search-button {
  border: none;
  position: absolute;
  right: 53%;
  top: 10px;
  outline: none;
  background: none;
  color: #343438;
}
.social-icon {
  background: #fe7215;
}

/*SLIDER SECTION*/

#slider .slider-content {
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  right: 48%;
  left: 15%;
}

#slider .slider-content-box {
  border-left: 5px solid #fe7215;
}
#slider .main-heading {
  color: #343438;
  font-weight: 800;
  font-size: 60px;
  text-transform: uppercase;
  margin-left: 25px;
}

#slider .button1 {
  background: #fe7215;
  padding: 15px 40px;
  color: #ffffff;
  font-weight: 600;
  border-radius: 10px;
  display: inline-block;
  overflow: hidden;
  border: 1px solid transparent;
}
#slider .button1:hover {
  background: #333337;
  border-radius: 10px;
  color: #ffffff;
}
#slider .button1,
#slider .button1::after {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#slider .button1::before,
#slider .button1::after {
  background: #fe7215;
  content: "";
  position: absolute;
  z-index: -1;
}
#slider .button1::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
#slider .button1:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}
#slider .owl-dots {
  text-align: center;
  width: 100%;
  display: block;
  position: absolute;
  bottom: 15px;
}
#slider .owl-dots button.owl-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
  background: #333337;
  margin: 0 5px;
  outline: none;
}
#slider .owl-dots button.owl-dot.active {
  background-color: #fe7215;
  border-radius: 20px;
}

/*SEARCH SECTION*/

#search_cars h3 {
  color: #343438;
  font-weight: 800;
  font-size: 28px;
  text-transform: uppercase;
}
#search_cars .tab-section {
  display: inline-block;
}
#search_cars .tab-section button {
  border: none;
  background: transparent;
  color: #767c83;
  outline: none;
  cursor: pointer;
}
#search_cars .product-tab {
  float: unset;
  position: relative;
  display: inline-block;
}
#search_cars button.tablinks {
  padding: 10px 15px;
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  border: 1px solid #fff;
  display: inline-block;
  border-radius: 10px 10px 0 0;
}
#search_cars .tabcontent.active {
  display: block;
}
#search_cars .tabcontent {
  display: none;
}
#search_cars button.tablinks.active {
  color: #452426;
  font-weight: 400;
  padding: 10px 15px;
  background: #fff;
  border-radius: 10px 10px 0 0;
}
#search_cars button:hover {
  color: #452426;
  background: #fff;
  transition: all 0.2s;
  padding: 10px 15px;
  border-radius: 10px 10px 0 0;
  border: 1px solid transparent;
}
#search_cars ul {
  padding: 0;
}

#search_cars {
  position: absolute;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  z-index: 99;
}
#search_cars .search-form {
  background: #fff;
  border-radius: 10px;
  filter: drop-shadow(0.471px 8.988px 8px rgba(0, 0, 0, 0.2));
}
#search_cars h5 {
  color: #452426;
  font-weight: 400;
  font-size: 17px;
}
#search_cars .form-fields1 select#cartype,
#search_cars .form-fields2 select#cartype,
#search_cars .form-fields3 select#cartype,
#search_cars .form-fields4 select#cartype {
  border: 1px solid;
  outline: none;
  border-radius: 5px;
  padding: 15px 10px;
  color: #989898;
  width: 100%;
  background: #f7f7f7;
  border: none;
}

#search_cars .form-fields5 {
  background: #fe7215;
  border-radius: 5px;
}
#search_cars .form-fields5 button.hvr-icon-wobble-horizontal {
  border: none;
  background: transparent;
  color: #ffffff;
  padding: 13px 25px;
  width: 100%;
  cursor: pointer;
  outline: none;
  text-transform: uppercase;
}
#search_cars .form-fields5:hover {
  background: #333337;
  color: #ffffff;
  border: 1px solid transparent;
}
#search_cars .form-fields5 button.hvr-icon-wobble-horizontal:hover {
  color: #ffffff;
}

/*CHOOSE US SECTION*/

#choose_us figure img {
  opacity: 1;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
#choose_us figure:hover img {
  opacity: 0.7;
}
#choose_us h3 {
  font-size: 36px;
  letter-spacing: 1px;
  color: #fe7215;
  font-weight: 800;
  text-transform: uppercase;
}
#choose_us p {
  color: #777e82;
  font-weight: 400;
}
#choose_us ul {
  padding: 0;
}
#choose_us li.plan-list {
  list-style-type: square;
  color: #fe7215;
  font-weight: 700;
  padding: 5px 0px;
}
#choose_us .button1 {
  background: #fe7215;
  padding: 15px 40px;
  color: #ffffff;
  font-weight: 600;
  border-radius: 10px;
  display: inline-block;
  overflow: hidden;
  border: 1px solid transparent;
  text-transform: uppercase;
}
#choose_us .button1:hover {
  background: #333337;
  border-radius: 10px;
  color: #ffffff;
}
#choose_us .button1,
#choose_us .button1::after {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#choose_us .button1::before,
#choose_us .button1::after {
  background: #fe7215;
  content: "";
  position: absolute;
  z-index: -1;
}
#choose_us .button1::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
#choose_us .button1:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}
#choose_us .choose_box {
  background: #fe7215;
  position: absolute;
  top: 43%;
  left: 55%;
}
#choose_us .check-icon {
  background: #ffffff;
  width: 50px;
  height: 50px;
  padding: 15px 15px;
  border-radius: 50%;
  font-size: 20px;
  color: #44c54d;
}
#choose_us .price {
  color: #ffffff;
  font-weight: 700;
  font-size: 24px;
}
#choose_us .title {
  color: #ffffff;
  font-weight: 500;
}

/*ABOUT US SECTION*/

#about_us h2 {
  color: #fe7c26;
  font-weight: 800;
  font-size: 90px;
  margin-top: 55px;
  text-transform: uppercase;
}
#about_us figure {
  margin: 0;
  padding: 0;
  overflow: hidden;
}
#about_us figure:hover + span {
  opacity: 1;
}
#about_us img {
  width: 100%;
  position: absolute;
  top: 40%;
  left: 10%;
  z-index: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
#about_us img:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.9;
}
#about_us .about_box2 {
  background: #333337;
}
#about_us h3 {
  color: #ffffff;
  font-weight: 800;
  font-size: 36px;
}
#about_us p {
  color: #ffffff;
  font-weight: 400;
}
#about_us .icon {
  width: 20px;
  height: 20px;
  background: #ffffff;
  padding: 2px 2px;
  border-radius: 50%;
  color: #333337;
}
#about_us .list_content {
  padding: 10px 0px;
}
#about_us .list-text {
  color: #ffffff;
  font-weight: 600;
  padding: 0px 15px;
}

/*OUR FEATURED SECTION*/

#our_featured .img-content {
  opacity: 1;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
#our_featured .img-content:hover {
  opacity: 0.7;
}
#our_featured h3 {
  color: #fe7215;
  font-weight: 800;
  text-transform: uppercase;
  font-size: 36px;
  letter-spacing: 1px;
}
#our_featured .properties_box {
  border-top: 2px solid #fe7215;
  border-right: 2px solid #fe7215;
  border-left: 2px solid #fe7215;
  height: 250px;
  z-index: 999;
  position: relative;
  top: 22px;
}
#our_featured .post_title a {
  color: #fe7215;
  font-weight: 700;
}
#our_featured .properties_box1 i {
  color: #777e82;
}
#our_featured .post_content {
  color: #777e82;
  font-weight: 400;
}
#our_featured .post_price {
  color: #343438;
  font-weight: 700;
}
#our_featured .button {
  background: #fe7215;
  padding: 10px 25px;
  font-size: 12px;
  color: #ffffff;
  font-weight: 600;
  border-radius: 5px;
  display: inline-block;
  overflow: hidden;
  border: 1px solid transparent;
  text-transform: uppercase;
}
#our_featured .button:hover {
  background: #333337;
  border-radius: 5px;
  color: #ffffff;
}

#our_featured .owl-dots {
  text-align: center;
  width: 100%;
  display: block;
  position: relative;
  margin-top: 15px;
}
#our_featured .owl-dots button.owl-dot {
  width: 20px;
  height: 8px;
  border-radius: 30%;
  display: inline-block;
  background: #ffc7a1;
  margin: 0 5px;
  outline: none;
}
#our_featured .owl-dots button.owl-dot.active {
  background-color: #fe7215;
  border-radius: 20px;
  width: 30px;
}

/*LOOKING SECTION*/

#looking img {
  width: auto;
}
#looking .looking-box1 {
  position: relative;
  bottom: 280px;
  left: 45%;
}
#looking .looking1 img {
  position: relative;
  top: 300px;
  left: 5%;
  width: 95%;
}
#looking .looking-box2 {
  position: absolute;
  top: 15%;
  left: 15%;
}
#looking .looking2 img {
  position: relative;
  top: 280px;
  left: 5%;
  width: 95%;
}
#looking h4 {
  color: #ffffff;
  font-weight: 700;
  text-transform: uppercase;
}
#looking h3 {
  color: #ffffff;
  font-weight: 800;
  font-size: 36px;
  text-transform: uppercase;
}
#looking p {
  color: #ffffff;
  font-weight: 400;
}
#looking .button1 {
  background: #fe7215;
  padding: 15px 25px;
  font-size: 14px;
  color: #ffffff;
  font-weight: 600;
  border-radius: 10px;
  display: inline-block;
  overflow: hidden;
  border: 1px solid transparent;
  text-transform: uppercase;
}
#looking .button1:hover {
  background: #ffffff;
  border-radius: 10px;
  color: #fe7215;
}
#looking .button1,
#looking .button1::after {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#looking .button1::before,
#looking .button1::after {
  background: #fe7215;
  content: "";
  position: absolute;
  z-index: -1;
}
#looking .button1::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
#looking .button1:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}
#looking .looking-box2 {
  position: absolute;
  top: 15%;
  left: 15%;
}
#looking .button2 {
  background: #ffffff;
  padding: 15px 25px;
  font-size: 14px;
  color: #fe7215;
  font-weight: 600;
  border-radius: 10px;
  display: inline-block;
  overflow: hidden;
  border: 1px solid transparent;
  text-transform: uppercase;
}
#looking .button2:hover {
  background: #333337;
  border-radius: 10px;
  color: #ffffff;
}
#looking .button2,
#looking .button2::after {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#looking .button2::before,
#looking .button2::after {
  background: #ffffff;
  content: "";
  position: absolute;
  z-index: -1;
}
#looking .button2::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
#looking .button2:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}

/*LATEST CARS SECTION*/

#latest_cars h3 {
  color: #fe7215;
  font-weight: 800;
  text-transform: uppercase;
  font-size: 36px;
}
#latest_cars .sub-text {
  color: #888888;
  font-weight: 400;
  font-size: 18px;
  margin-left: 25%;
  margin-right: 25%;
}
#latest_cars img {
  width: 100%;
}
#latest_cars h5.product-titel a {
  color: #343438;
  font-weight: 500;
}
#latest_cars h5.product-titel a:hover {
  color: #fe7215;
}

#latest_cars .post_price {
  color: #343438;
  font-weight: 700;
  font-size: 20px;
}
#latest_cars figure {
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: #222222;
}
#latest_cars figure:hover + span {
  opacity: 1;
}
#latest_cars figure img {
  webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  width: 100%;
}
#latest_cars .product-box:hover figure img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.7;
}

/*TESTIMONIAL SECTION*/

#testimonial h3 {
  color: #ffffff;
  font-weight: 800;
  font-size: 36px;
  text-transform: uppercase;
}
#testimonial .img-box {
  border-right: 1px solid #efeef3;
}
#testimonial .testimonial_box {
  border-radius: 5px;
  filter: drop-shadow(0 0 30px rgba(84, 50, 86, 0.1));
  background-color: #ffffff;
}
#testimonial .circle {
  background: #fff1e7;
  width: 140px;
  height: 140px;
  border-radius: 50%;
}
#testimonial img {
  width: auto;
  position: absolute;
  top: 25%;
  left: 25px;
}
#testimonial .icon {
  background: #fe7215;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  padding: 12px 12px;
  font-size: 18px;
  color: #ffffff;
  position: absolute;
  left: 53%;
  bottom: 75%;
}

#testimonial .testimonial_content {
  color: #777e82;
  font-weight: 400;
}
#testimonial .testimonial_hr {
  background: #fe7215;
  padding: 1px;
  margin-right: 80%;
}
#testimonial .testimonial_title {
  color: #343438;
  font-weight: 700;
}
#testimonial .owl-carousel .owl-nav {
  display: block;
  position: absolute;
  right: 0%;
  left: 0%;
  top: 55%;
  transform: translateY(-50%);
}
#testimonial .owl-carousel .owl-nav button.owl-prev {
  position: relative;
  color: #ffffff;
  font-size: 24px;
  float: left;
  right: 85px;
  background: #fe7215;
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
#testimonial .owl-carousel .owl-nav button.owl-next {
  position: relative;
  color: #ffffff;
  font-size: 24px;
  float: right;
  left: 85px;
  background: #fe7215;
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

/*SERVICES SECTION*/

#services figure {
  margin: 0;
  padding: 0;
  overflow: hidden;
}
#services figure:hover + span {
  opacity: 1;
}
#services img {
  width: 100%;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
#services img:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.9;
}
#services h3 {
  color: #fe7215;
  font-weight: 800;
  font-size: 36px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
#services h5 {
  color: #343438;
  font-weight: 700;
}
#services p {
  color: #777e82;
  font-weight: 400;
}
#services .dashicons {
  background: #ffe3d0;
  color: #fe7215;
  width: 55px;
  height: 55px;
  padding: 10px 10px;
  font-size: 30px;
  border-radius: 5px;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  display: inline-table;
}
#services .services-box:hover .dashicons {
  transform: rotate(360deg);
}
#services .dashicons:hover {
  background: #fe7215;
  color: #ffffff;
}
#services .services_box2 {
  position: relative;
  right: 10%;
}
#services .services_boxs2 {
  position: relative;
  left: 5%;
}

/*LATEST NEWS SECTION*/

#latest_news h3 {
  color: #ffffff;
  font-weight: 800;
  font-size: 36px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
#latest_news .post-item {
  border-radius: 5px;
  filter: drop-shadow(0 0 20px rgba(0, 0, 0, 0.07));
}
#latest_news .latest_content {
  background: #fff;
  border-radius: 0px 0px 10px 10px;
}
#latest_news h4 {
  color: #343438;
  font-weight: 700;
  font-size: 18px;
}
#latest_news .far {
  color: #fe7215;
}
#latest_news .comments {
  color: #777e82;
  font-weight: 600;
  text-transform: capitalize;
}
#latest_news .owl-dots {
  text-align: center;
  width: 100%;
  display: block;
  position: relative;
  margin-top: 15px;
}
#latest_news .owl-dots button.owl-dot {
  width: 20px;
  height: 8px;
  border-radius: 30%;
  display: inline-block;
  background: #848385;
  margin: 0 5px;
  outline: none;
}
#latest_news .owl-dots button.owl-dot.active {
  background-color: #ffffff;
  border-radius: 20px;
  width: 30px;
}
#latest_news figure {
  margin: 0;
  overflow: hidden;
  border-radius: 3px;
}
#latest_news figure:hover + span {
  opacity: 1;
}
#latest_news figure {
  margin: 0;
  padding: 0;
  overflow: hidden;
  border-radius: 10px;
}
#latest_news figure:hover + span {
  opacity: 1;
}
#latest_news img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
#latest_news .post-item:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.9;
  border-radius: 10px;
}

#latest_news .admin-img img {
  width: auto;
  border-radius: 50%;
  display: unset;
}
#latest_news .admin-img img:hover {
  border-radius: 50%;
}
#latest_news .admin-text {
  color: #777e82;
  font-weight: 600;
  text-transform: capitalize;
}
#latest_news .admin-text:hover {
  color: #fe7215;
}
#latest_news .eye-icon {
  color: #fe7215;
}

/*BOOKING SECTION*/

#booking .booking-box {
  background: #fff4ed;
  border-radius: 5px;
}
#booking h3 {
  color: #343438;
  font-weight: 800;
  font-size: 30px;
  text-transform: uppercase;
}
#booking .content {
  color: #777e82;
  font-weight: 400;
}
#booking input.wpcf7-form-control.wpcf7-text {
  width: 95%;
  margin: 10px 0px;
  padding: 12px;
  border-radius: 5px;
  border: none;
  outline: none;
}
#booking input.wpcf7-form-control.wpcf7-text::placeholder {
  color: #343438;
}
#booking input.wpcf7-form-control.wpcf7-text.wpcf7-tel.wpcf7-validates-as-tel {
  width: 100%;
  margin: 10px 0px;
  padding: 12px;
  border-radius: 5px;
  border: none;
  outline: none;
}
#booking
  input.wpcf7-form-control.wpcf7-text.wpcf7-tel.wpcf7-validates-as-tel::placeholder {
  color: #343438;
}
#booking input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
  width: 95%;
  margin: 10px 0px;
  padding: 12px;
  border-radius: 5px;
  border: none;
  outline: none;
}
#booking
  input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required::placeholder {
  color: #343438;
}
#booking select.wpcf7-form-control.wpcf7-select {
  width: 95%;
  margin: 10px 0px;
  padding: 12px;
  border-radius: 5px;
  border: none;
  outline: none;
}
#booking select.wpcf7-form-control.wpcf7-select {
  color: #343438;
}
#booking input.wpcf7-form-control.wpcf7-date.wpcf7-validates-as-date {
  width: 95%;
  margin: 10px 0px;
  padding: 12px;
  border-radius: 5px;
  border: none;
  outline: none;
}
#booking
  input.wpcf7-form-control.wpcf7-date.wpcf7-validates-as-date::placeholder {
  color: #343438;
}
#booking input.wpcf7-form-control.has-spinner.wpcf7-submit {
  width: 100%;
  padding: 15px;
  border: none;
  outline: none;
  border-radius: 5px;
  color: #ffffff;
  font-weight: 600;
  margin-top: 20px;
  background-color: #fe7215;
  cursor: pointer;
}
#booking input.wpcf7-form-control.has-spinner.wpcf7-submit:hover {
  color: #ffffff;
  background: #333337;
}
#booking .wpcf7-spinner {
  display: none;
}
#booking figure img {
  opacity: 1;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
#booking figure:hover img {
  opacity: 0.7;
}
#booking .booking2 img {
  position: absolute;
  top: 20%;
  left: 38%;
}
#booking .rent-text {
  color: #eaeaeb;
  font-weight: 800;
  letter-spacing: 3px;
  font-size: 55px;
  text-transform: uppercase;
  position: absolute;
  top: 8%;
  left: 70%;
}
#booking .car-text {
  color: #eaeaeb;
  font-weight: 800;
  letter-spacing: 3px;
  font-size: 55px;
  text-transform: uppercase;
  position: relative;
  left: 5%;
}

/*BRANDS SECTION*/

#brands .brand-box {
  filter: drop-shadow(0px -10px 30px rgba(254, 114, 21, 0.08));
  background-color: #ffffff;
  position: relative;
  margin-bottom: -100px;
}
#brands .owl-carousel .owl-item img {
  width: 100%;
  display: initial;
}
#brands .owl-carousel .owl-item img:hover {
  -webkit-filter: inherit;
  filter: inherit;
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
#brands .owl-dots {
  display: none;
}

/*Footer Section*/

.footer-area ul {
  list-style: none;
  line-height: 2;
  padding: 0 10px;
}
.footer-area .textwidget ul li {
  margin: 15px 0;
  font-size: 16px;
  color: #8583a1;
  font-weight: 500;
}
.footer-area li {
  color: #8583a1;
  list-style: disc;
  font-size: 16px;
}
.footer-area .textwidget ul li::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f054";
  margin-right: 10px;
}
.footer-area .textwidget {
  margin-top: 100px;
}
.footer-area h4.title {
  color: #ffffff;
  font-weight: 700;
  font-size: 24px;
  margin-bottom: 20px;
  margin-top: 100px;
  text-transform: capitalize;
}
.footer-area bdi {
  color: #fe7215;
}
.footer-area
  input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email {
  width: 100%;
  background: #e9e5de;
  border: none;
  padding: 10px 10px;
  color: #a6a5a5;
  outline: none;
  border-radius: 5px;
}
.footer-area
  input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email::placeholder {
  color: #ffffff;
  font-weight: 400;
}
.footer-area input.wpcf7-form-control.has-spinner.wpcf7-submit {
  width: 100%;
  padding: 10px 20px;
  background: #fe7215;
  color: #ffffff;
  font-weight: 400;
  border-radius: 5px;
  border: none;
  margin: 15px 0px;
  cursor: pointer;
}
.footer-area input.wpcf7-form-control.has-spinner.wpcf7-submit:hover {
  background: #ffffff;
  color: #ffffff;
  border: 1px solid #ffffff;
}
.footer-area li::marker {
  color: #fe7215;
}
.copyright img {
  width: auto !important;
  float: right;
}
.copyright_box {
  background: #232134;
  color: #ffffff;
  font-weight: 600;
}
.copyright p {
  color: #ffffff;
  margin-bottom: 0;
}
.copyright a {
  color: #fe7215;
}
.copyright a:hover {
  color: #ffffff;
}
.footer-area .post-thumbnail img {
  height: 70px;
  float: right;
}
.footer-area .post-title {
  font-size: 16px;
  font-weight: 400;
}
.footer-area .post-meta a {
  font-weight: 400;
  font-size: 16px;
}
.footer-area ul li a {
  font-size: 16px;
}
.footer-area select {
  width: 100%;
  padding: 10px;
}
.footer-area .woocommerce ul.cart_list li a,
.footer-area .woocommerce ul.product_list_widget li a {
  font-weight: 400;
}
.footer-area .far,
.footer-area .fas {
  color: #fe7215;
  margin-right: 5px;
}
.footer-area strong {
  font-size: 24px;
}
.page-template-frontpage .footer-area h2 {
  margin-top: 70px;
  color: #fff;
}

/*Contact Page*/

#contact h2 {
  color: #0e0e0e;
  font-size: 44px;
  font-weight: 500;
  letter-spacing: 1px;
}
#contact h4 {
  color: #343438;
  font-weight: 500;
  font-size: 28px;
}
#contact h3 {
  color: #343438;
  font-weight: 500;
  font-size: 36px;
  letter-spacing: 1px;
}
#contact .contact-text {
  color: #888888;
  letter-spacing: 1px;
}
#contact input.wpcf7-form-control.wpcf7-text {
  border-radius: 5px;
  padding: 15px 10px;
  width: 100%;
  margin: 10px 0px;
  color: #888888;
  border: none;
  outline: none;
  webkit-box-shadow: 0 0 5px 2px #fe7215;
  -moz-box-shadow: 0 0 5px 2px #fe7215;
  box-shadow: 0 0 15px -10px #fe7215;
}
#contact input.wpcf7-form-control.wpcf7-text::placeholder {
  color: #555555;
}
#contact textarea.wpcf7-form-control.wpcf7-textarea {
  border-radius: 5px;
  padding: 15px 10px;
  width: 100%;
  line-height: 14px;
  color: #888888;
  margin: 10px 0;
  border: none;
  outline: none;
  webkit-box-shadow: 0 0 5px 2px #fe7215;
  -moz-box-shadow: 0 0 5px 2px #fe7215;
  box-shadow: 0 0 15px -10px #fe7215;
}
#contact textarea.wpcf7-form-control.wpcf7-textarea::placeholder {
  color: #555555;
}
#contact input.wpcf7-form-control.has-spinner.wpcf7-submit {
  border-radius: 10px;
  padding: 15px;
  background: #fe7215;
  border: none;
  color: #ffffff;
  cursor: pointer;
  font-weight: 500;
}
#contact input.wpcf7-form-control.has-spinner.wpcf7-submit:hover {
  color: #ffffff;
  background: #333337;
}
#contact .wpcf7 form.failed .wpcf7-response-output,
#contact .wpcf7 form.aborted .wpcf7-response-output {
  color: #ffffff;
  border-color: #ffffff;
}
#contact .wpcf7-spinner {
  display: block;
}
#contact .dashicons {
  font-size: 48px;
  display: inline-table;
  color: #fe7215;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
#contact .enquiry_box:hover .dashicons {
  color: #333337;
  transform: rotate(360deg);
}
#contact h6 {
  color: #0e0e0e;
  font-size: 20px;
  font-weight: 500;
}
#contact .contact-details {
  background: #edf1f2;
}
#contact .contact-enquiry {
  background: #edf1f2;
}
#contact .contact-heading {
  color: #343438;
  font-size: 30px;
}
#contact .contact_form {
  webkit-box-shadow: 0 0 5px 2px #fe7215;
  -moz-box-shadow: 0 0 5px 2px #fe7215;
  box-shadow: 0 0 20px -10px #fe7215;
  background: #fff;
}
#contact .contact-cont {
  color: #888888;
}

/*MEDIA QUERY 320 TO 720*/

@media only screen and (min-width: 320px) and (max-width: 720px) {
  .top-header .div1 img {
    width: 100%;
  }
  .admin-bar .fix-sticky {
    margin-top: 0;
  }
  #main-menu ul li a:before {
    display: none;
  }
  .sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    background-color: #ffff;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
    text-align: center;
  }
  .sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s;
  }
  #main-menu {
    top: 25px;
  }
  .sidenav a:hover {
    color: #f1f1f1;
  }
  #main-menu ul.children,
  #main-menu ul.sub-menu {
    box-shadow: none;
  }
  .sidenav .closebtn {
    position: absolute;
    top: 50px;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
  }
  #site-navigation .sidenav a.closebtn,
  .open-menu {
    display: inline-block;
    background: #fe7215;
    padding: 0 10px;
    color: #fff;
  }
  #main-menu ul.children,
  #main-menu ul.sub-menu {
    background: transparent;
  }
  #main-menu ul.sub-menu li a:hover:after {
    background: transparent;
    color: #ffffff;
  }
  #main-menu ul.sub-menu li a:hover {
    color: #ffffff;
  }
  #main-menu ul.sub-menu li a:before {
    border: none;
  }
  .woocommerce #content table.cart td.actions .coupon .button.alt,
  .woocommerce #content table.cart td.actions .coupon .input-text + .button,
  .woocommerce table.cart td.actions .coupon .button.alt,
  .woocommerce table.cart td.actions .coupon .input-text + .button,
  .woocommerce-page #content table.cart td.actions .coupon .button.alt,
  .woocommerce-page
    #content
    table.cart
    td.actions
    .coupon
    .input-text
    + .button,
  .woocommerce-page table.cart td.actions .coupon .button.alt,
  .woocommerce-page table.cart td.actions .coupon .input-text + .button {
    float: unset;
    width: 100% !important;
    margin: 0;
  }
  .woocommerce #content table.cart td.actions .button,
  .woocommerce table.cart td.actions .button,
  .woocommerce-page #content table.cart td.actions .button,
  .woocommerce-page table.cart td.actions .button {
    width: 100%;
    margin: 0;
  }
  .woocommerce-cart table.cart td.actions .coupon .input-text {
    width: 100% !important;
  }
  .woocommerce div.product .woocommerce-tabs ul.tabs li {
    padding: 10px 20px;
  }
  .woocommerce .quantity .qty {
    max-width: 130px;
  }
  .woocommerce ul.products[class*="columns-"] li.product,
  .woocommerce-page ul.products[class*="columns-"] li.product {
    width: 100%;
  }
  .page-404 h1 {
    font-size: 100px;
  }
  .page-404 p {
    margin-left: 0;
    margin-right: 0;
  }
  .fix-sticky {
    position: relative;
  }
  .header input.search-field {
    width: 80%;
    margin: 10px 0;
  }
  .logo-content {
    position: unset;
    display: grid;
  }
  .top-header p.cart-item-box {
    left: 60%;
  }
  .header .product-cat {
    left: 13%;
    right: 14px;
  }
  .header .product-search .fas {
    padding: 12px 15px;
  }
  #main-menu ul li a {
    color: #0e0e0e;
  }
  .menu-header,
  .header {
    background: #fe7215;
  }
  .top-header .div1 {
    order: 1;
  }
  .top-header .div2 {
    order: 3;
  }
  .top-header .div3 {
    order: 2;
  }
  .logo-image {
    position: unset;
    margin: 10px 0;
  }
  button.search-button {
    top: 15px;
    right: 20px;
  }
  input#woocommerce-product-search-field {
    width: 100%;
  }
  .social-links a {
    padding: 0px 4px;
    font-size: 16px;
  }
  #slider .slider-content {
    top: 28%;
    left: 7%;
    right: 36%;
    transform: none;
  }
  #slider .main-heading {
    font-size: 16px;
    margin-left: 15px;
  }
  #slider .slider-content-box:after {
    width: 3px;
    height: 65%;
    top: 25px;
  }
  #slider .button1 {
    padding: 8px 12px;
    font-size: 11px;
    margin: 0;
  }
  #slider .owl-dots {
    bottom: unset;
  }
  #search_cars {
    position: unset;
    transform: none;
  }
  #search_cars .form-fields5 {
    margin: 20px 0;
  }
  #choose_us img {
    width: 100%;
  }
  #choose_us ul {
    padding: 0px 15px;
  }
  #choose_us .choose-box1 {
    order: 2;
  }
  #choose_us .choose-box2 {
    order: 1;
  }
  #choose_us .choose_box {
    position: unset;
  }

  #about_us img {
    position: unset;
  }
  #about_us h2 {
    font-size: 38px;
    margin-top: unset;
  }
  #about_us .icon {
    width: 15px;
    height: 15px;
    font-size: 12px;
  }
  #about_us .list_content {
    padding: 5px;
  }
  #about_us .list-text {
    font-size: 9px;
    padding: unset;
  }
  #our_featured .post_content {
    font-size: 15px;
  }
  #looking img {
    width: 100%;
  }
  #looking .looking1 img {
    position: unset;
  }
  #looking .looking2 img {
    position: unset;
  }
  #looking .looking-box1 {
    position: unset;
  }
  #looking .looking-box2 {
    position: unset;
  }

  #testimonial .icon {
    left: 56%;
    z-index: 999;
  }
  #testimonial .circle {
    position: relative;
    left: 23%;
  }
  #testimonial img {
    left: 80px;
  }
  #testimonial .testimonial_hr {
    margin-right: 25%;
    margin-left: 25%;
  }
  #testimonial .owl-carousel .owl-nav {
    display: none;
  }
  #services .services_box2 {
    position: unset;
  }
  #services .services_boxs2 {
    position: unset;
  }
  #services .services2 {
    order: 1;
  }
  #services .services1 {
    order: 2;
  }
  #services .services3 {
    order: 3;
  }

  #services .services-content {
    order: 2;
  }
  #services .services-icon {
    order: 1;
  }

  #booking img {
    width: 100%;
  }
  #booking .booking2 img {
    position: unset;
  }
  #booking .rent-text {
    position: unset;
  }
  #booking th {
    display: inline;
  }
  #booking input.wpcf7-form-control.wpcf7-text {
    width: 100%;
  }
  #booking input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    width: 100%;
  }
  #booking select.wpcf7-form-control.wpcf7-select {
    width: 100%;
  }
  #booking input.wpcf7-form-control.wpcf7-date.wpcf7-validates-as-date {
    width: 100%;
  }
  #booking .car-text {
    position: unset;
  }
  #search_cars form .row {
    margin: auto;
  }
}

/*MEDIA 721 TO 1023*/
@media only screen and (min-width: 721px) and (max-width: 1023px) {
  .sidebar-area .post-title {
    font-size: 14px;
  }
  .logo-content {
    position: unset;
  }
  .top-header .logo-content a {
    font-size: 20px;
  }
  .top-header span.dashicons {
    margin-top: 5px;
  }
  .admin-bar .fix-sticky {
    margin-top: 45px;
    position: unset;
  }
  .woocommerce div.product div.images img {
    width: auto;
  }
  .woocommerce #content div.product div.images,
  .woocommerce div.product div.images,
  .woocommerce-page #content div.product div.images,
  .woocommerce-page div.product div.images {
    width: 50%;
  }
  .woocommerce #content div.product div.images,
  .woocommerce #content div.product div.summary,
  .woocommerce div.product div.images,
  .woocommerce div.product div.summary,
  .woocommerce-page #content div.product div.images,
  .woocommerce-page #content div.product div.summary,
  .woocommerce-page div.product div.images,
  .woocommerce-page div.product div.summary {
    float: left;
    width: 50%;
  }
  .woocommerce button.button {
    margin: 0 10px;
    padding: 12px 20px;
  }
  .logo-image img {
    width: 100%;
    height: 100%;
  }
  .page-template-frontpage .menu-header {
    position: unset;
    clip-path: none;
  }
  #main-menu ul li a {
    padding: 10px 8px;
  }
  .top-header .social-links a {
    font-size: 16px;
  }
  .top-header .content a {
    font-size: 9px;
  }

  .header .product-search {
    padding: 0px;
  }
  .top-header span {
    font-size: 12px;
    font-weight: 400;
  }
  .top-header span.dashicons {
    font-size: 16px;
  }
  .header .product-search .fas {
    padding: 11px 15px;
  }

  .top-header .social-links a {
    font-size: 12px;
    padding: 5px 5px;
  }
  input#woocommerce-product-search-field {
    margin-bottom: 10px;
  }
  button.search-button {
    right: 50%;
    top: 12px;
  }
  #slider .slider-content {
    top: 40%;
    left: 7%;
    right: 51%;
    transform: none;
  }
  #slider .slider-content-box:after {
    height: 63%;
    top: 25px;
  }
  #slider .main-heading {
    font-size: 32px;
  }
  #slider .button1 {
    padding: 13px 25px;
    font-size: 13px;
  }
  #slider .owl-dots {
    display: none;
  }
  #slider .owl-nav {
    display: none;
  }
  #search_cars {
    position: unset;
    transform: unset;
  }
  #search_cars .form-fields5 {
    margin-top: 15px;
  }
  #choose_us img {
    width: 100%;
  }
  #choose_us .choose_box {
    left: 45%;
    top: 25%;
  }
  #choose_us h3 {
    font-size: 28px;
  }
  #choose_us p {
    font-size: 13px;
  }
  #choose_us li.plan-list {
    font-size: 13px;
    padding: unset;
  }
  #choose_us .check-icon {
    width: 40px;
    height: 40px;
    padding: 10px 10px;
    font-size: 18px;
  }
  #choose_us .price {
    font-size: 18px;
  }
  #choose_us .title {
    font-size: 12px;
  }
  #choose_us .button1 {
    padding: 13px 25px;
    font-size: 13px;
  }
  #about_us img {
    position: unset;
  }
  #about_us h2 {
    font-size: 46px;
  }
  #about_us h3 {
    font-size: 30px;
  }
  #about_us p {
    font-size: 13px;
  }
  #about_us .icon {
    width: 17px;
    height: 17px;
    font-size: 13px;
  }
  #about_us .list-text {
    font-size: 12px;
    padding: unset;
  }
  #looking img {
    width: 100%;
  }
  #looking .looking1 img {
    left: unset;
  }
  #looking .looking-box1 {
    bottom: 145px;
    left: 16%;
  }
  #looking .looking2 img {
    left: unset;
  }
  #testimonial .icon {
    left: 62%;
    bottom: 74%;
  }
  #testimonial .testimonial_content {
    font-size: 12px;
  }
  #testimonial .testimonial_title {
    font-size: 16px;
  }
  #booking img {
    width: 100%;
  }
  #booking .rent-text {
    position: unset;
    font-size: 36px;
  }
  #booking .booking2 img {
    top: 15%;
    left: 45%;
  }
  #booking .car-text {
    position: absolute;
    top: 0;
    left: 60%;
    font-size: 36px;
  }
  #services h5 {
    font-size: 18px;
  }
  #brands .brand-box {
    margin-bottom: 0;
  }
  #booking .booking_div {
    order: 2;
  }
  #booking .img_div {
    order: 1;
  }
  #booking img {
    width: auto;
  }
  .page-template-frontpage .footer-area h2 {
    margin-top: 0;
  }
  #search_cars form .row {
    margin: auto;
  }
}

/*MEDIA 1024 TO 1119*/
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .top-header span {
    font-size: 11px;
  }
  .header-navigation p {
    font-size: 16px;
  }
  .social-links a {
    font-size: 12px;
  }

  #slider .slider-content {
    top: -10%;
    left: 5%;
    right: 54%;
    transform: none;
  }
  #slider .main-heading {
    font-size: 44px;
  }
  #slider .slider-content-box:after {
    top: 30px;
    height: 63%;
  }
  #slider .button1 {
    padding: 13px 25px;
    font-size: 13px;
  }
  #search_cars {
    transform: translateY(-36%);
  }
  #choose_us img {
    width: 100%;
  }
  #choose_us .check-icon {
    width: 40px;
    height: 40px;
    padding: 10px 10px;
    font-size: 18px;
  }
  #choose_us .price {
    font-size: 20px;
  }
  #choose_us .title {
    font-size: 13px;
  }
  #about_us .list-text {
    font-size: 13px;
    padding: 0px 3px;
  }
  #about_us h2 {
    font-size: 70px;
  }
  #looking img {
    width: 100%;
  }
  #looking .looking2 img,
  #looking .looking1 img {
    left: unset;
  }
  #looking .looking-box1 {
    bottom: 200px;
    left: 29%;
  }
  #latest_news .admin-text,
  #latest_news .comments {
    font-size: 13px;
  }
  #booking img {
    width: auto;
  }
  #booking .booking2 img {
    top: 26%;
    left: 25%;
  }
  #booking .rent-text {
    font-size: 32px;
    top: 19%;
    left: 81%;
  }
  #booking .car-text {
    font-size: 32px;
  }
}

/*MEDIA 1200 TO 1440*/
@media only screen and (min-width: 1200px) and (max-width: 1440px) {
  #slider .slider-content {
    right: 43%;
    left: 10%;
  }
}
.wp-singular .wp-block-latest-comments__comment-meta a {
  color: white;
}