@media(max-width:1199px) {
  .service-box {right: -20px;}
  .mission-text {font-size: 20px;}
  .section-text {font-size: 18px;}
  .content-area .feature-text {font-size: 18px;}
}
@media(max-width:1024px) {
.navbar-nav .nav-link {font-size: 16px;margin: 0 0px;}
.topbar .col-lg-3.text-center.text-lg-start.mb-2.mb-lg-0 {display: none;}
.navbar-brand img {max-height: 40px;}
}
@media (min-width: 992px) {
.navbar .dropdown:hover .dropdown-menu {background: rgba(255, 255, 255); display: block; margin-top: 0;}
.navbar-expand-lg .navbar-collapse {display: contents !important;flex-basis: auto;}
}
@media(max-width:991px) {
.pricing-plans-section{padding:50px 25px}
.pricing-content h2{font-size:42px}
.section-desc{font-size:18px}
.features-row{gap:30px;justify-content:center}
.pricing-table-wrapper .price {font-size: 18px;}
.pricing-table-wrapper {overflow-y: scroll;}
.topbar {text-align: center;}
.topbar .info {justify-content: center !important;flex-wrap: wrap;gap: 10px;}
.main-navbar {padding: 5px 0;}
.navbar-collapse { margin-top: 20px; padding-top: 0px; border-top: 1px solid #e5e7eb;}
.navbar-nav .nav-link {justify-content: space-between;}
.dropdown-menu {box-shadow: none; padding-left: 10px;}
.navbar-nav {margin-bottom: 20px;}
.navbar-nav .nav-link {margin: 0px 0; border-bottom: 1px solid #f1f1f1;}
li.nav-item.dropdown a.dropdown-item {border-bottom: 1px solid #f1f1f1; padding: 8px;}
.btn-login,.btn-demo {text-align: center;}
.hero-content {padding-top: 0; padding-right:0px;}
.hero-content h2.title-hero-content {margin-bottom: 0; font-size: 34px;}
.hero-content h2 {margin-bottom: 10px;}
.banner_feature li .feature-text h5 {font-size: 13px;}
.banner_feature {gap: 14px;}
.banner_feature li .feature-text p {font-size: 12px;}
.banner_feature li {gap: 10px;}
.welcome_area h1,.realtime h2 {font-size: 23px; line-height: 34px; margin-bottom: 10px;}
.realtime ul {padding-bottom: 30px;}
img.w-100.mobileapp {margin-bottom: 30px;}
.pricing-container {width: 100%; grid-template-columns: 1fr 1fr 1fr;}
.content-area p.mb-0.text-muted {max-width: 100%;}
.content-area {text-align: left;}
.footer-section .col-lg-2.col-md-6.footer-column:nth-child(3),
.footer-section .col-lg-3.col-md-6.footer-column:nth-child(4) {padding-left: 0;}
.d-none_only {display: none;}
.contact-box .d-flex.align-items-center.gap-3.flex-wrap, .contact-item {border-right: none;}
.why-section .why-content {padding: 20px;}
.left-content {width: 100%;padding: 0 30px;}
.right-image {width: 100%;}
.right-image img{border-radius:0;}
.main-title{font-size:42px;}
.seo-wrapper{padding:30px;}
.right-title{margin-top:40px;}
.faq-title{font-size:34px}
.accordion-button{font-size:18px;padding:18px}
.accordion-body{padding:0 18px 20px 80px}.contact-box{text-align:center}
.contact-item{justify-content:inherit;float:left;text-align:left;margin-top:15px}
 .footer-section {padding: 60px 0 0px;}
  .footer-heading {margin-top: 10px;}
  .section-title{font-size:36px}
  .form-title{font-size:40px}
  .form-box{margin-top:30px}
  .contact-image img{min-height:inherit}
  .blog-title {font-size: 20px;}
  .blog-text {font-size: 16px;}
  .read-btn {font-size: 18px;}
  .about-section{padding:70px 0}
  .about-content{padding-right:0;margin-bottom:50px}
  .service-box{position:absolute;right:0;top:20px;min-width:auto}
   .mission-card {min-height: 280px;}
  .mission-text {font-size: 18px;}
   .customer-section {padding: 60px 0;}
  .customer-box {right: 20px;}
   .price {font-size: 46px;}
  .pricing-card h4 {font-size: 26px;}
   .home_blogsection .read-btn {font-size: 14px;}
   .divider{border-left:none;border-top:1px solid #e8edf5;margin-top:30px;padding-top:30px}
    .carousel-control-prev {left: 0;}
  .carousel-control-next {right: 0; }
  .roi-features .feature-box{flex-wrap:wrap;padding:25px}
  .roi-features .feature-item{width:calc(50% - 15px);flex:auto}
  .demo-popup{bottom: 80px;}
  .agn-main-card {display: inherit;}
  .pricing-plans-section .pricing-content {max-width: 100%;position: relative;margin: 0px auto;text-align: center;}
  .pricing-plans-section .section-desc { max-width: 100%;text-align: center;}
  .cta-box{padding:20px;}
.cta-icon {width: 50px;height: 50px;font-size: 40px;}
.cta-content h2 {font-size: 24px;line-height: 34px;margin-bottom: 0;}
.cta-btn{font-size: 14px;}
.cta-section {padding: 30px 0 0 0;}
.garage_management {padding: 40px 30px;}
.garage_management .feature-card p{min-height: inherit;}
.navbar .dropdown:hover .dropdown-menu {position: relative;}
.navbar-nav .nav-link::before{display: none;}
section.split-section.contact-section.d-flex.align-items-center {display: inherit !important;}
.bottom-box{margin-bottom: 15px;}
}
@media(max-width:767px) {
  #collapseBlogs .sitmap_list a { align-items: baseline;}
  ul.phone_info i {width: 30px;height: 30px;max-width: 30px;text-align: center;line-height: 28px;}
.garage_management .title_center h2, .seo-section .title_center h2 {font-size: 24px;}
.navbar-brand img {max-height: 48px;}
.topbar {font-size: 13px;}
.topbar .social-icons {margin-bottom: 8px;}
ul.phone_info li:last-child {display: none;}
ul.phone_info li strong {margin-right: 15px;}
.hero-section { padding: 30px 0 75px 0;}
.hero-content h2.title-hero-content {margin-bottom: 15px; font-size: 26px;line-height: 36px;}
.hero-content h2{font-size: 18px;line-height:28px;}
.hero-content p {margin-bottom: 30px; font-size:16px;line-height: 1.6;}
.hero-video_area { margin-bottom: 30px;}
.btn-trial,.btn-demo{padding:9px 10px;}
.hero-buttons {gap: 10px; margin-bottom: 30px;}
.banner_feature {flex-wrap: wrap;}
.stats-item {margin-bottom: 15px; gap: 10px;}
.stats-wrapper {padding: 10px 10px;}
.stats-content p {font-size: 11px;}
.light_bg {padding: 30px 15px;}
.two_image_sec {display: inherit; text-align: center;}
.two_image_sec img {margin: 0px auto;}
.commitment-box {background-size: cover;}
.commitment-content {padding: 20px; position: relative;}
.split-section {display: inherit !important;}
.right-image img{border-radius: 0;}
.right-image {width: 100%;}
.left-content {width: 100%; padding: 20px;}
.commitment-box:before {max-width: 100%; margin-left: 0;}
.garage_management .feature-card p {min-height: inherit;}
.seo-section{padding: 0; margin:30px 0px;}
section.seo-section.iFrame_website .seo-wrapper {padding: 20px;}
section.seo-section.pricing-plans-section.iFrame_website {padding: 30px 0;}
.form_heading i {width: 50px;height: 50px; min-width: 50px;}
.f_content h2 {font-size: 24px;}
.faq-section{padding:0px 0 30px 0}.faq-title{font-size:28px}
.accordion-button{font-size:16px;gap:12px}.faq-icon{width:45px;height:45px;min-width:45px;font-size:22px}
.accordion-body{padding:0 18px 20px 70px;font-size:15px}
.contact-box{padding:25px}
.contact-box .content-area{text-align:left;max-width:215px}
.contact-box .col-lg-2.text-lg-end.text-center.col-md-6.d-md-none{display:none}
.footer-section {text-align: center;}
.footer-contact {flex-direction: column;align-items: center;}
.social-icons {justify-content: center;}
.store-btn {margin-left: auto;margin-right: auto;}
.footer-title {font-size: 26px;}
.footer-links li {margin-bottom: 12px;}
.contact-banner{text-align:center}.section-title{font-size:28px}
.section-subtitle{font-size:15px}
.form-box{padding:25px}.form-title{font-size:24px}
.submit-btn{width:100%;font-size:20px}
.blog-section{padding:50px 0}.blog-card .row{flex-direction:column}
.blog-image{height:260px}.blog-content{padding:22px}.blog-title{font-size:18px}
.blog-text{font-size:15px;line-height:1.7}
.read-btn{width:100%;justify-content:center;font-size:16px;padding:12px 20px}
.about-content{margin-bottom:0}
.about-section{padding:50px 0}
.about-text{font-size:16px;line-height:1.8}
.main-image img{border-radius:24px}
.small-image img{border-radius:18px}
.service-box{position:relative;top:auto;right:auto;margin-top:15px;width:100%;border-radius:10px;justify-content:center}
.top-shape{width:110px;height:110px}
.line-shape{width:180px}
.mission-section {padding: 50px 0 0 0;}
  .mission-wrapper {border-radius: 16px;}
  .mission-card {min-height: 320px;}
  .mission-title {font-size: 28px;margin-bottom: 15px;}
  .about-images .small-image {display: none;}
  .mission-text {font-size: 16px;line-height: 1.7;}
  .customer-section {padding: 50px 0;}
  .image-wrapper {padding: 20px 20px 80px;}
  .section-title {font-size: 24px; margin-bottom: 20px;}
  .section-text {font-size: 16px; line-height: 1.8;}
  .content-area .feature-text {font-size: 16px;}
.customer-box{position:relative;right:auto;bottom:auto;margin-top:20px;width:100%}
.customer-box h4{font-size:18px}
.circle-shape-top{width:120px;height:120px}
.circle-shape-bottom{width:180px;height:180px}
#pricingTab li,.feature-list li{font-size:16px}.price{font-size:38px}
#pricingTab li{margin:0 2px;font-weight:700}
.pricing-card .feature-list li p{max-width:163px;margin:0;float:left}
.pricing-container{display: inherit;}
.pricing-container .pricing-card {margin-bottom: 15px;}
.cta-content h2 {font-size: 24px;line-height: 34px;margin-bottom: 0;}
.pricing-plans-section{background-position:center;}
.footer-column {margin-bottom: 20px;}
.stepsec_6 {padding: 30px 0;}
.mobile_application.stepsec_6.texture-bg {margin-bottom: 0;}
}
@media (max-width: 575px) {
.roi-features .feature-item{width:100%}
.roi-features .feature-item h4{font-size:18px}
.roi-features .feature-item p{font-size:14px}
}
@media(max-width:425px) {
.banner_feature {flex-wrap: inherit; display: block !important;}
.banner_feature li {gap: 10px; border-bottom: 1px solid #142b61; padding-bottom: 10px; padding-top: 10px;}
.contact-box .content-area {max-width: 210px;}
}