/* Medium Layout: 1200px. */

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .custom-container {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 15px;
  }
  .main-title {
    font-size: 3.5rem;
  }
  .title-2 {
    font-size: 2.875rem;
  }
  .title-3 {
    font-size: 2.625rem;
  }
  .title-4 {
    font-size: 1.75rem;
  }
  .subtitle-1 {
    font-size: 1.5rem;
  }
  .subtitle-2 {
    font-size: 1.375rem;
  }
  .subtitle-3 {
    font-size: 1.25rem;
  }
  .subtitle-4 {
    font-size: 1.5rem;
  }
  .fs-lg {
    font-size: 1.25rem;
  }
  .fs-md {
    font-size: 1rem;
  }
  .fs-reg {
    font-size: 0.9375rem;
  }
  .fs-sm {
    font-size: 0.8125rem;
  }
  .fs-xs {
    font-size: 0.6875rem;
  }
  /* Padding adjustments */
  .pat-120 {
    padding-top: 6.5rem;
  }

  .pab-60 {
    padding-bottom: 3.5rem;
  }
  .fetured-section-wraper {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.125rem;
  }
  .featured-card {
    padding: 1.125rem;
  }
  .featured-card-icon {
    width: 45px;
    height: 45px;
    font-size: 1.375rem;
  }
  .content-with-image-section {
    margin-top: 4rem;
  }
  /* why choose us */

  .why-chose-wraper .top-text-part .des {
    max-width: 450px;
  }
  .why-chose-wraper .car-pic-wraper {
    left: 49%;
  }

  .why-chose-list-left,
  .why-chose-list-right {
    max-width: 450px !important;
  }
  .text-wraper {
    text-align: start;
  }

  .why-chose-list-item .icon-wraper {
    height: 58px;
    width: 58px;
  }

  .why-chose-list-item .icon-wraper svg {
    width: 30px;
    height: 30px;
  }

  .why-chose-list-item:has(+ .why-chose-list-item) {
    margin-bottom: 4.5rem;
  }

  .why-chose-list-item .text-wraper .des {
    font-size: 0.9375rem;
    line-height: 1.5;
  }
  .tag {
    flex: 1 1 auto;
    text-align: center;
  }
  .desp {
    width: 100%;
    max-width: 452px;
  }

  .page_language_changer + .select2-container--default {
    .select2-selection__arrow {
      top: 36%;
      transform: translateY(-50%);
      right: -25px;
    }
  }
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    width: 174px;
    height: 30px;
  }
  .select2-container .select2-dropdown {
    width: auto !important;
    min-width: 196px !important;
  }





}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .custom-container {
    max-width: 962px;
  }

  /* padding  */
  .pat-120 {
    padding-top: 3.75rem;
  }
  .pat-60 {
    padding-top: 60px;
  }
  .pab-60 {
    padding-bottom: 0px;
  }
  /* Font Sizes */
  .main-title {
    font-size: 2rem;
  }
  .title-2 {
    font-size: 2.25rem;
  }
  .title-3 {
    font-size: 1.625rem;
  }
  .title-4 {
    font-size: 1.375rem;
  }
  .subtitle-1 {
    font-size: 1.25rem;
  }
  .subtitle-2 {
    font-size: 1.125rem;
  }
  .subtitle-3 {
    font-size: 1rem;
  }
  .subtitle-4 {
    font-size: 1.125rem;
  }
  .fs-lg {
    font-size: 0.9375rem;
  }
  .fs-md {
    font-size: 0.875rem;
  }
  .fs-reg {
    font-size: 0.75rem;
  }
  .fs-sm {
    font-size: 0.625rem;
  }

  .fetured-section-wraper {
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
  }

  .featured-card {
    padding: 16px;
    flex-direction: column;
    text-align: center;
    align-items: center;
  }

  .featured-card-icon {
    width: 50px;
    height: 50px;
    font-size: 24px;
    margin-bottom: 8px;
  }

  .why-chose-wraper .car-pic-wraper {
    left: 49%;
    max-width: 180px;
  }

  .why-chose-wraper .top-text-part {
    margin-bottom: 3.5rem;
    gap: 1.25rem;
  }

  .why-chose-wraper .top-text-part .des {
    max-width: 380px;
  }

  .why-chose-list-right {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 450px !important;
  }

  .text-wraper {
    text-align: start;
  }

  .why-chose-list-item {
    gap: 1rem;
    max-width: 340px !important;
  }

  .why-chose-list-item .icon-wraper {
    height: 58px;
    width: 58px;
  }

  .why-chose-list-item .icon-wraper svg {
    width: 30px;
    height: 30px;
  }

  .why-chose-list-item:has(+ .why-chose-list-item) {
    margin-bottom: 4.5rem;
  }

  .why-chose-list-item .text-wraper .des {
    font-size: 0.9375rem;
    line-height: 1.5;
  }
  .desp {
    width: 100%;
    max-width: 408px;
  }

  .tag {
    flex: 1 1 auto;
    text-align: center;
  }

  /* Padding adjustments */

  /* service */
  .title-2 {
    display: flex;
    align-items: center;
  }

  .filter-wrappers {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    gap: 0.5rem;
    flex: 1;
  }

  /* product detalis */
  .cmn-btn {
    font-size: 0.75rem;
  }

  .products-card {
    & .top-part {
      & .fvt-icon {
        position: absolute;
        top: 6px;
        right: 7px;
        color: #d9d9d9;
        cursor: pointer;
      }
    }
  }
  .fvt-icon {
    &.style2 {
      position: absolute;
      top: 14px;
      right: 14px;
    }
  }
  .select-wrapper {
    width: 143px;
    padding: 0.627rem;
  }
  .cmn-btn {
    padding: 0.875rem 1rem;
  }
  .quantity-cart-row {
    gap: 0.625rem;
  }
  /* login page  */
  .login-left-card {
    max-width: 354px;
    width: 100%;
  }

  .page_language_changer + .select2-container--default {
    .select2-selection__arrow {
      top: 36%;
      transform: translateY(-50%);
      right: -22px;
    }
  }

  .select2-container--default .select2-selection--single .select2-selection__rendered {
    width: 132px;
    height: 30px;
  }
  .select2-container .select2-dropdown {
    width: auto !important;
    min-width: 171px !important;
  }
}

/* Tablet Layout: 768px. */

@media only screen and (max-width: 991px) {
  .custom-container {
    max-width: 720px;
  }
  .pab-120 {
    padding-bottom: 50px;
  }
  .pat-230 {
    padding-top: 373px;
  }
  .pab-60 {
    padding-bottom: 0;
  }

  /* nav responsive  */
  .nav-responsive {
    background-color: #1a1c1e;
    opacity: 0.9;
    border-radius: 12px;
  }
  .navbar-area .navbar-nav {
    & li {
      padding: 1.125rem 1.25rem;
    }
  }
  .single-right-content .navbar-right-flex {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
    margin: 0 0 1rem 1rem;
  }
  .primary-btn:hover {
    background-color: var(--primary-color) !important;
    color: #fff !important;
    border-color: var(--primary-color) !important;
  }
  .about-our-service {
    margin-top: 10rem;
  }
  .logo-wrapper {
    display: flex;
    gap: 10px;
  }
  .nav-top-wrapper {
    display: flex;
    align-content: center;
    align-items: center;
    gap: 20px;
  }
  .text-end {
    text-align: start !important;
  }
  .subtitle-1 {
    font-size: 1.5rem;
    line-height: 1.14;
  }
  .title-2 {
    font-size: 2.25rem;
    line-height: 1.07;
  }

  /* why choos  */
  .desp {
    width: 100%;
    max-width: 343px;
    margin-bottom: 50px;
  }
  .pat-120 {
    padding-top: 60px;
  }

  /* review */
  .client-review-wraper {
    display: flex;
    flex-direction: column;
    gap: 32px;
    align-items: stretch;
  }
  .cta-wraper {
    & .text-part-wraper {
      padding-block: 90px;
      max-width: 450px;
      align-self: center;
      padding: 3rem;
    }
  }
  .cta-wraper {
    padding: 0;
  }
  .about-our-service {
    margin-top: 1rem;
  }

  .logo-icon-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
  }

  .services-list-wrapper {
    padding-bottom: 1.25rem;
  }
  .service-cards {
    margin-left: inherit;
  }
  .display-flex {
    display: flex;
    gap: 1rem;
  }
  .related-product-container {
    margin-top: 1rem;
  }

  .filter-wrappers {
    gap: 0.5rem;
    margin: 3rem 0;
  }

  .get-service-section-wraper {
    display: flex;
    gap: 24px;
    flex-flow: column-reverse;
  }

  .get-service-section-wraper {
    & .text-part {
      max-width: 100%;
    }
  }
  .text-part {
    margin: 1.25rem 0;
  }
  .product-thumbnail-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
  }
  .thumbnail-container {
    flex: 1 1 auto;
    margin-bottom: 1.25rem;
    padding: 0.625rem;
  }
  .search {
    margin-top: 0.625rem;
  }
  .related-tags-wrapper {
    padding-bottom: 0.625rem;
  }
  .get-in-touch {
    margin-bottom: 3rem;
  }
  .blog-item-wrapper {
    flex-direction: row;
    gap: 1.5rem;
    flex-wrap: wrap;
    padding: 1rem 0;
  }
  .bolg-wrapper {
    max-width: 233px;
    width: 100%;
  }
  .recent-blog {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 1rem;
    justify-content: center;
  }

  /* login page  */
  .account-management-wrapper {
    gap: 3rem;
  }
  .login-left-card {
    max-width: 337px;
    width: 100%;
  }
  .page_language_changer + .select2-container--default {
    .select2-selection__arrow {
      top: 36%;
      transform: translateY(-50%);
      right: -14px;
    }
  }
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    width: 137px;
    height: 30px;
  }

  .select2-container .select2-dropdown {
    width: auto !important;
    min-width: 173px !important;
  }
}

/* Tablet Layout wide: 768px. */
@media only screen and (max-width: 767px) {
  .custom-container {
    max-width: 540px;
  }
  .main-title {
    font-size: 3rem;
  }
  .subtitle-4 {
    font-size: 1rem;
    line-height: 1.4;
  }
  .subtitle-1 {
    font-size: 1rem;
    line-height: 1.14;
  }
  .subtitle-2 {
    font-size: 1rem;
    line-height: 1.5;
  }
  .fetured-section-wraper {
    grid-template-columns: repeat(auto-fill, minmax(246px, 2fr));
  }
  .top-text-part {
    flex-direction: column;
    gap: 12px;
    margin-bottom: 0.625rem;
  }

  .desp {
    max-width: 100%;
  }
  .why-chose-list-item:has(+ .why-chose-list-item) {
    margin-bottom: 0;
  }
  .footerWraper {
    & .footer-info-widget {
      & .footer-social-link-list {
        align-items: start;
      }
    }
  }
  .achivment-wraper {
    justify-content: center;
  }
  .filter-wrappers {
    justify-content: start;
  }
  .select-wrapper {
    flex: 1;
  }
  .filter-item-wrapper {
    flex: 1 1 168px;
    max-width: 100%;
  }
  .service-card {
    & .top-part {
      & .img-wraper {
        max-height: 100%;
      }
    }
  }
  .review-card {
    grid-template-columns: 1fr 5fr 2fr;
  }
  .recnet-blog-card {
    display: flex;
  }

  .services-list-wrapper {
    column-gap: 1.938rem;
  }
  .slider-btn {
    height: 40px;
    width: 40px;
  }
  .position-left-btn {
    left: 1.7rem;
  }
  .position-right-btn {
    right: 1.7rem;
  }
  /* login page  */
  .login-left-card {
    max-width: 273px;
    width: 100%;
  }
  .page_language_changer + .select2-container--default {
    .select2-selection__arrow {
      top: 36%;
      transform: translateY(-50%);
      right: -60px;
    }
  }
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    width: 200px;
    height: 30px;
  }
  .select2-container .select2-dropdown {
    width: auto !important;
    min-width: 250px !important;
  }
}

/* medium tablet layout 599px */

@media only screen and (max-width: 575px) {
  .custom-container {
    max-width: 100%;
  }
  .title-2 {
    font-size: 1.5rem;
    line-height: 1.07;
  }
  .why-chose-list-item:has(+ .why-chose-list-item) {
    margin-bottom: 1rem;
  }
  .filter-item-wrapper {
    flex: 1 1 187px;
    max-width: 100%;
  }
  .from-aria {
    padding: 1.5rem;
  }
  .page_language_changer + .select2-container--default {
    .select2-selection__arrow {
      top: 36%;
      transform: translateY(-50%);
      right: -10px;
    }
  }
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    width: 200px;
    height: 30px;
  }
  .select2-container .select2-dropdown {
    width: auto !important;
    min-width: 241px !important;
  }
}

@media only screen and (max-width: 450px) {
  .custom-container {
    max-width: 100%;
  }
    .fs-lg {
    font-size: 1rem;
    line-height: 1.45;
  }
  .mt-60 {
    margin-top: 30px;
  }
  .margin-top {
    margin-top: 0;
  }
  .pat-230 {
    padding-top: 51rem;
  }
  .title-3 {
    font-size: 1rem;
    line-height: 1.17;
  }
  .title-2 {
    font-size: 1.25rem;
    line-height: 1.07;
    text-align: center;
  }

  /* Review Card Mobile Styles */
  .review-card {
    grid-template-columns: 1fr !important;
    gap: 15px;
    padding: 15px;
    text-align: center;
  }

  .review-card .review-avatar {
    justify-self: center;
  }

  .review-card .review-avatar img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
  }

  .review-card .card-text {
    text-align: center;
  }

  .review-card .review-name {
    font-size: 14px;
    margin-bottom: 5px;
  }

  .review-card .review-text {
    font-size: 13px;
    line-height: 1.4;
  }

  .review-card .review-time {
    justify-self: center;
    font-size: 12px;
    color: #666;
  }

  .cart-header {
    flex-wrap: wrap;
  }
  .cart-item {
    flex-wrap: wrap;
    justify-content: center;
  }
  .model-card {
    max-width: 65px;
    min-height: 56px;
    width: 100%;
  }
  .model-car {
    margin-top: 1rem;
  }
  .slider-btn {
    height: 30px;
    width: 30px;
  }
  .btnPosition {
    left: 15px;
  }

  .mission-vision-wraper {
    & .text-part {
      & .des {
        text-align: center;
      }
    }
  }
  .price-reating-wrapper {
    display: block;
  }
  .fvt-icon {
    &.style2 {
      top: 8px;
      right: 16px;
    }
  }
  .fvt-icon {
    width: 30px;
    height: 30px;
  }
  .head {
    margin-top: 0;
  }
  .containers {
    padding: 1rem 0;
  }
  .content-with-image-section {
    & .text-part {
      & .pera {
        text-align: center;
      }
    }
  }
  .get-service-section-wraper {
    & .text-part {
      padding: 26px;
    }
  }
  .banner-text-part-wraper {
    padding: 170px 0 150px 0;
  }

  .banner-text-part-wraper {
    & .banner-bottom-part {
      display: flex;
      align-items: center;
      gap: 21px;
    }
  }
  .user-trust-avatar {
    display: block;
  }
  /* CTA Section Mobile Styles */
  .cta-section {
    padding: 30px 0;
  }

  .cta-section .cta-wraper {
    padding: 20px;
    text-align: center;
    background-position: center;
    flex-direction: column;
  }

  .cta-section .text-part-wraper {
    padding: 0;
  }

  .cta-section .title-2 {
    font-size: 20px;
    line-height: 1.3;
    margin-bottom: 20px;
  }

  .cta-section .Ctabtn-wraper {
    flex-direction: column;
    align-items: center;
    gap: 15px;
  }

  .cta-section .store-btn {
    width: 100%;
  }
  .cta-wraper .Ctabtn-wraper .store-btn {
    flex: 1 1 60px;
  }

  .cta-section .app-store {
    width: 100%;
    justify-content: center;
    padding: 8px;
  }

  .cta-section .img-part {
    margin-top: 25px;
  }

  .cta-section .img-part img {
    max-width: 100%;
    height: auto;
  }
  /* service detalis */
  .services-list-wrapper {
    flex-wrap: wrap;
    gap: 1rem;
  }
  .service-description {
    text-align: center;
  }
  .tab {
    padding: 0.625rem 0.625rem;
  }

  /* Form Responsive */
  .form-row {
    grid-template-columns: 1fr;
    gap: 12px;
    margin-bottom: 12px;
  }

  .form-row .form-input {
    width: 100%;
    padding: 10px;
    font-size: 14px;
  }

  /* product detalis  */
  .thumbnail-container {
    padding: 0;
  }
  .thumbnail-item {
    padding: 0.625rem;
  }
  .car-detalis {
    text-align: center;
  }
  .price-rating-row {
    justify-content: center;
  }
  .quantity-cart-row {
    gap: 1.5rem;
    flex-wrap: wrap;
    justify-content: center;
  }
  .bolg-wrapper {
    max-width: 305px;
    width: 100%;
  }
  .search i.icon-base {
    left: 25px;
  }
  /* blog detalis  */
  .text-box {
    text-align: center;
  }
  .about-car {
    max-width: 309px;
    text-align: center;
  }
  .client-comment {
    flex-wrap: wrap;
    max-width: 300px;
  }
  .solving-title {
    max-width: 300px;
    text-align: center;
  }
  .related-tags-wrapper {
    flex-wrap: wrap;
  }
  .from-wrapper {
    flex-wrap: wrap;
  }
  .page_language_changer + .select2-container--default {
    .select2-selection__arrow {
      top: 36%;
      transform: translateY(-50%);
      right: -13px;
    }
  }
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    width: 152px;
    height: 30px;
  }
  .select2-container .select2-dropdown {
    width: auto !important;
    min-width: 195px !important;
  }
}

/* mobile tablet layout 414px */

@media only screen and (max-width: 420px) {
  .custom-container {
    max-width: 100%;
  }
    .fs-lg {
    font-size: 1rem;
    line-height: 1.45;
  }
  .mt-60 {
    margin-top: 30px;
  }
  .margin-top {
    margin-top: 0;
  }
  .pat-230 {
    padding-top: 51rem;
  }
  .title-3 {
    font-size: 1rem;
    line-height: 1.17;
  }
  .title-2 {
    font-size: 1.25rem;
    line-height: 1.07;
    text-align: center;
  }

  /* Review Card Mobile Styles */
  .review-card {
    grid-template-columns: 1fr !important;
    gap: 15px;
    padding: 15px;
    text-align: center;
  }

  .review-card .review-avatar {
    justify-self: center;
  }

  .review-card .review-avatar img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
  }

  .review-card .card-text {
    text-align: center;
  }

  .review-card .review-name {
    font-size: 14px;
    margin-bottom: 5px;
  }

  .review-card .review-text {
    font-size: 13px;
    line-height: 1.4;
  }

  .review-card .review-time {
    justify-self: center;
    font-size: 12px;
    color: #666;
  }

  .cart-header {
    flex-wrap: wrap;
  }
  .cart-item {
    flex-wrap: wrap;
    justify-content: center;
  }
  .model-card {
    max-width: 65px;
    min-height: 56px;
    width: 100%;
  }
  .model-car {
    margin-top: 1rem;
  }
  .slider-btn {
    height: 30px;
    width: 30px;
  }
  .btnPosition {
    left: 15px;
  }

  .mission-vision-wraper {
    & .text-part {
      & .des {
        text-align: center;
      }
    }
  }
  .price-reating-wrapper {
    display: block;
  }
  .fvt-icon {
    &.style2 {
      top: 8px;
      right: 16px;
    }
  }
  .fvt-icon {
    width: 30px;
    height: 30px;
  }
  .head {
    margin-top: 0;
  }
  .containers {
    padding: 1rem 0;
  }
  .content-with-image-section {
    & .text-part {
      & .pera {
        text-align: center;
      }
    }
  }
  .get-service-section-wraper {
    & .text-part {
      padding: 26px;
    }
  }
  .banner-text-part-wraper {
    padding: 170px 0 150px 0;
  }

  .banner-text-part-wraper {
    & .banner-bottom-part {
      display: flex;
      align-items: center;
      gap: 21px;
    }
  }
  .user-trust-avatar {
    display: block;
  }
  /* CTA Section Mobile Styles */
  .cta-section {
    padding: 30px 0;
  }

  .cta-section .cta-wraper {
    padding: 20px;
    text-align: center;
    background-position: center;
    flex-direction: column;
  }

  .cta-section .text-part-wraper {
    padding: 0;
  }

  .cta-section .title-2 {
    font-size: 20px;
    line-height: 1.3;
    margin-bottom: 20px;
  }

  .cta-section .Ctabtn-wraper {
    flex-direction: column;
    align-items: center;
    gap: 15px;
  }

  .cta-section .store-btn {
    width: 100%;
  }
  .cta-wraper .Ctabtn-wraper .store-btn {
    flex: 1 1 60px;
  }

  .cta-section .app-store {
    width: 100%;
    justify-content: center;
    padding: 8px;
  }

  .cta-section .img-part {
    margin-top: 25px;
  }

  .cta-section .img-part img {
    max-width: 100%;
    height: auto;
  }
  /* service detalis */
  .services-list-wrapper {
    flex-wrap: wrap;
    gap: 1rem;
  }
  .service-description {
    text-align: center;
  }
  .tab {
    padding: 0.625rem 0.625rem;
  }

  /* Form Responsive */
  .form-row {
    grid-template-columns: 1fr;
    gap: 12px;
    margin-bottom: 12px;
  }

  .form-row .form-input {
    width: 100%;
    padding: 10px;
    font-size: 14px;
  }

  /* product detalis  */
  .thumbnail-container {
    padding: 0;
  }
  .thumbnail-item {
    padding: 0.625rem;
  }
  .car-detalis {
    text-align: center;
  }
  .price-rating-row {
    justify-content: center;
  }
  .quantity-cart-row {
    gap: 1.5rem;
    flex-wrap: wrap;
    justify-content: center;
  }
  .bolg-wrapper {
    max-width: 305px;
    width: 100%;
  }
  .search i.icon-base {
    left: 25px;
  }
  /* blog detalis  */
  .text-box {
    text-align: center;
  }
  .about-car {
    max-width: 309px;
    text-align: center;
  }
  .client-comment {
    flex-wrap: wrap;
    max-width: 300px;
  }
  .solving-title {
    max-width: 300px;
    text-align: center;
  }
  .related-tags-wrapper {
    flex-wrap: wrap;
  }
  .from-wrapper {
    flex-wrap: wrap;
  }
  .page_language_changer + .select2-container--default {
    .select2-selection__arrow {
      top: 36%;
      transform: translateY(-50%);
      right: -22px;
    }
  }
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    width: 200px;
    height: 30px;
  }
  .select2-container .select2-dropdown {
    width: auto !important;
    min-width: 195px !important;
  }
}

/* mobile tablet layout 375px */

@media only screen and (max-width: 384px) {
  .custom-container {
    max-width: 100%;
  }
    .fs-lg {
    font-size: 1rem;
    line-height: 1.45;
  }
  .mt-60 {
    margin-top: 30px;
  }
  .margin-top {
    margin-top: 0;
  }
  .pat-230 {
    padding-top: 51rem;
  }
  .title-3 {
    font-size: 1rem;
    line-height: 1.17;
  }
  .title-2 {
    font-size: 1.25rem;
    line-height: 1.07;
    text-align: center;
  }

  /* Review Card Mobile Styles */
  .review-card {
    grid-template-columns: 1fr !important;
    gap: 15px;
    padding: 15px;
    text-align: center;
  }

  .review-card .review-avatar {
    justify-self: center;
  }

  .review-card .review-avatar img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
  }

  .review-card .card-text {
    text-align: center;
  }

  .review-card .review-name {
    font-size: 14px;
    margin-bottom: 5px;
  }

  .review-card .review-text {
    font-size: 13px;
    line-height: 1.4;
  }

  .review-card .review-time {
    justify-self: center;
    font-size: 12px;
    color: #666;
  }

  .cart-header {
    flex-wrap: wrap;
  }
  .cart-item {
    flex-wrap: wrap;
    justify-content: center;
  }
  .model-card {
    max-width: 65px;
    min-height: 56px;
    width: 100%;
  }
  .model-car {
    margin-top: 1rem;
  }
  .slider-btn {
    height: 30px;
    width: 30px;
  }
  .btnPosition {
    left: 15px;
  }

  .mission-vision-wraper {
    & .text-part {
      & .des {
        text-align: center;
      }
    }
  }
  .price-reating-wrapper {
    display: block;
  }
  .fvt-icon {
    &.style2 {
      top: 8px;
      right: 16px;
    }
  }
  .fvt-icon {
    width: 30px;
    height: 30px;
  }
  .head {
    margin-top: 0;
  }
  .containers {
    padding: 1rem 0;
  }
  .content-with-image-section {
    & .text-part {
      & .pera {
        text-align: center;
      }
    }
  }
  .get-service-section-wraper {
    & .text-part {
      padding: 26px;
    }
  }
  .banner-text-part-wraper {
    padding: 170px 0 150px 0;
  }

  .banner-text-part-wraper {
    & .banner-bottom-part {
      display: flex;
      align-items: center;
      gap: 21px;
    }
  }
  .user-trust-avatar {
    display: block;
  }
  /* CTA Section Mobile Styles */
  .cta-section {
    padding: 30px 0;
  }

  .cta-section .cta-wraper {
    padding: 20px;
    text-align: center;
    background-position: center;
    flex-direction: column;
  }

  .cta-section .text-part-wraper {
    padding: 0;
  }

  .cta-section .title-2 {
    font-size: 20px;
    line-height: 1.3;
    margin-bottom: 20px;
  }

  .cta-section .Ctabtn-wraper {
    flex-direction: column;
    align-items: center;
    gap: 15px;
  }

  .cta-section .store-btn {
    width: 100%;
  }
  .cta-wraper .Ctabtn-wraper .store-btn {
    flex: 1 1 60px;
  }

  .cta-section .app-store {
    width: 100%;
    justify-content: center;
    padding: 8px;
  }

  .cta-section .img-part {
    margin-top: 25px;
  }

  .cta-section .img-part img {
    max-width: 100%;
    height: auto;
  }
  /* service detalis */
  .services-list-wrapper {
    flex-wrap: wrap;
    gap: 1rem;
  }
  .service-description {
    text-align: center;
  }
  .tab {
    padding: 0.625rem 0.625rem;
  }

  /* Form Responsive */
  .form-row {
    grid-template-columns: 1fr;
    gap: 12px;
    margin-bottom: 12px;
  }

  .form-row .form-input {
    width: 100%;
    padding: 10px;
    font-size: 14px;
  }

  /* product detalis  */
  .thumbnail-container {
    padding: 0;
  }
  .thumbnail-item {
    padding: 0.625rem;
  }
  .car-detalis {
    text-align: center;
  }
  .price-rating-row {
    justify-content: center;
  }
  .quantity-cart-row {
    gap: 1.5rem;
    flex-wrap: wrap;
    justify-content: center;
  }
  .bolg-wrapper {
    max-width: 305px;
    width: 100%;
  }
  .search i.icon-base {
    left: 25px;
  }
  /* blog detalis  */
  .text-box {
    text-align: center;
  }
  .about-car {
    max-width: 309px;
    text-align: center;
  }
  .client-comment {
    flex-wrap: wrap;
    max-width: 300px;
  }
  .solving-title {
    max-width: 300px;
    text-align: center;
  }
  .related-tags-wrapper {
    flex-wrap: wrap;
  }
  .from-wrapper {
    flex-wrap: wrap;
  }
  .page_language_changer + .select2-container--default {
    .select2-selection__arrow {
      top: 36%;
      transform: translateY(-50%);
      right: -60px;
    }
  }
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    width: 200px;
    height: 30px;
  }
  .select2-container .select2-dropdown {
    width: auto !important;
    min-width: 195px !important;
  }
}

/* mobile tablet layout 375px */

@media only screen and (max-width: 375px) {
  .custom-container {
    max-width: 100%;
  }
    .fs-lg {
    font-size: 1rem;
    line-height: 1.45;
  }
  .mt-60 {
    margin-top: 30px;
  }
  .margin-top {
    margin-top: 0;
  }
  .pat-230 {
    padding-top: 51rem;
  }
  .title-3 {
    font-size: 1rem;
    line-height: 1.17;
  }
  .title-2 {
    font-size: 1.25rem;
    line-height: 1.07;
    text-align: center;
  }

  /* Review Card Mobile Styles */
  .review-card {
    grid-template-columns: 1fr !important;
    gap: 15px;
    padding: 15px;
    text-align: center;
  }

  .review-card .review-avatar {
    justify-self: center;
  }

  .review-card .review-avatar img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
  }

  .review-card .card-text {
    text-align: center;
  }

  .review-card .review-name {
    font-size: 14px;
    margin-bottom: 5px;
  }

  .review-card .review-text {
    font-size: 13px;
    line-height: 1.4;
  }

  .review-card .review-time {
    justify-self: center;
    font-size: 12px;
    color: #666;
  }

  .cart-header {
    flex-wrap: wrap;
  }
  .cart-item {
    flex-wrap: wrap;
    justify-content: center;
  }
  .model-card {
    max-width: 65px;
    min-height: 56px;
    width: 100%;
  }
  .model-car {
    margin-top: 1rem;
  }
  .slider-btn {
    height: 30px;
    width: 30px;
  }
  .btnPosition {
    left: 15px;
  }

  .mission-vision-wraper {
    & .text-part {
      & .des {
        text-align: center;
      }
    }
  }
  .price-reating-wrapper {
    display: block;
  }
  .fvt-icon {
    &.style2 {
      top: 8px;
      right: 16px;
    }
  }
  .fvt-icon {
    width: 30px;
    height: 30px;
  }
  .head {
    margin-top: 0;
  }
  .containers {
    padding: 1rem 0;
  }
  .content-with-image-section {
    & .text-part {
      & .pera {
        text-align: center;
      }
    }
  }
  .get-service-section-wraper {
    & .text-part {
      padding: 26px;
    }
  }
  .banner-text-part-wraper {
    padding: 170px 0 150px 0;
  }

  .banner-text-part-wraper {
    & .banner-bottom-part {
      display: flex;
      align-items: center;
      gap: 21px;
    }
  }
  .user-trust-avatar {
    display: block;
  }
  /* CTA Section Mobile Styles */
  .cta-section {
    padding: 30px 0;
  }

  .cta-section .cta-wraper {
    padding: 20px;
    text-align: center;
    background-position: center;
    flex-direction: column;
  }

  .cta-section .text-part-wraper {
    padding: 0;
  }

  .cta-section .title-2 {
    font-size: 20px;
    line-height: 1.3;
    margin-bottom: 20px;
  }

  .cta-section .Ctabtn-wraper {
    flex-direction: column;
    align-items: center;
    gap: 15px;
  }

  .cta-section .store-btn {
    width: 100%;
  }
  .cta-wraper .Ctabtn-wraper .store-btn {
    flex: 1 1 60px;
  }

  .cta-section .app-store {
    width: 100%;
    justify-content: center;
    padding: 8px;
  }

  .cta-section .img-part {
    margin-top: 25px;
  }

  .cta-section .img-part img {
    max-width: 100%;
    height: auto;
  }
  /* service detalis */
  .services-list-wrapper {
    flex-wrap: wrap;
    gap: 1rem;
  }
  .service-description {
    text-align: center;
  }
  .tab {
    padding: 0.625rem 0.625rem;
  }

  /* Form Responsive */
  .form-row {
    grid-template-columns: 1fr;
    gap: 12px;
    margin-bottom: 12px;
  }

  .form-row .form-input {
    width: 100%;
    padding: 10px;
    font-size: 14px;
  }

  /* product detalis  */
  .thumbnail-container {
    padding: 0;
  }
  .thumbnail-item {
    padding: 0.625rem;
  }
  .car-detalis {
    text-align: center;
  }
  .price-rating-row {
    justify-content: center;
  }
  .quantity-cart-row {
    gap: 1.5rem;
    flex-wrap: wrap;
    justify-content: center;
  }
  .bolg-wrapper {
    max-width: 305px;
    width: 100%;
  }
  .search i.icon-base {
    left: 25px;
  }
  /* blog detalis  */
  .text-box {
    text-align: center;
  }
  .about-car {
    max-width: 309px;
    text-align: center;
  }
  .client-comment {
    flex-wrap: wrap;
    max-width: 300px;
  }
  .solving-title {
    max-width: 300px;
    text-align: center;
  }
  .related-tags-wrapper {
    flex-wrap: wrap;
  }
  .from-wrapper {
    flex-wrap: wrap;
  }
  .page_language_changer + .select2-container--default {
    .select2-selection__arrow {
      top: 36%;
      transform: translateY(-50%);
      right: -60px;
    }
  }
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    width: 200px;
    height: 30px;
  }
  .select2-container .select2-dropdown {
    width: auto !important;
    min-width: 195px !important;
  }
}

/* mobile tablet layout 360px */

@media only screen and (max-width: 360px) {
  .custom-container {
    max-width: 100%;
  }
  .fs-lg {
    font-size: 1rem;
    line-height: 1.45;
  }
  .mt-60 {
    margin-top: 30px;
  }
  .margin-top {
    margin-top: 0;
  }
  .pat-230 {
    padding-top: 51rem;
  }
  .title-3 {
    font-size: 1rem;
    line-height: 1.17;
  }
  .title-2 {
    font-size: 1.25rem;
    line-height: 1.07;
    text-align: center;
  }

  /* Review Card Mobile Styles */
  .review-card {
    grid-template-columns: 1fr !important;
    gap: 15px;
    padding: 15px;
    text-align: center;
  }

  .review-card .review-avatar {
    justify-self: center;
  }

  .review-card .review-avatar img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
  }

  .review-card .card-text {
    text-align: center;
  }

  .review-card .review-name {
    font-size: 14px;
    margin-bottom: 5px;
  }

  .review-card .review-text {
    font-size: 13px;
    line-height: 1.4;
  }

  .review-card .review-time {
    justify-self: center;
    font-size: 12px;
    color: #666;
  }

  .cart-header {
    flex-wrap: wrap;
  }
  .cart-item {
    flex-wrap: wrap;
    justify-content: center;
  }
  .model-card {
    max-width: 65px;
    min-height: 56px;
    width: 100%;
  }
  .model-car {
    margin-top: 1rem;
  }
  .slider-btn {
    height: 30px;
    width: 30px;
  }
  .btnPosition {
    left: 15px;
  }

  .mission-vision-wraper {
    & .text-part {
      & .des {
        text-align: center;
      }
    }
  }
  .price-reating-wrapper {
    display: block;
  }
  .fvt-icon {
    &.style2 {
      top: 8px;
      right: 16px;
    }
  }
  .fvt-icon {
    width: 30px;
    height: 30px;
  }
  .head {
    margin-top: 0;
  }
  .containers {
    padding: 1rem 0;
  }
  .content-with-image-section {
    & .text-part {
      & .pera {
        text-align: center;
      }
    }
  }
  .get-service-section-wraper {
    & .text-part {
      padding: 26px;
    }
  }
  .banner-text-part-wraper {
    padding: 170px 0 150px 0;
  }

  .banner-text-part-wraper {
    & .banner-bottom-part {
      display: flex;
      align-items: center;
      gap: 21px;
    }
  }
  .user-trust-avatar {
    display: block;
  }
  /* CTA Section Mobile Styles */
  .cta-section {
    padding: 30px 0;
  }

  .cta-section .cta-wraper {
    padding: 20px;
    text-align: center;
    background-position: center;
    flex-direction: column;
  }

  .cta-section .text-part-wraper {
    padding: 0;
  }

  .cta-section .title-2 {
    font-size: 20px;
    line-height: 1.3;
    margin-bottom: 20px;
  }

  .cta-section .Ctabtn-wraper {
    flex-direction: column;
    align-items: center;
    gap: 15px;
  }

  .cta-section .store-btn {
    width: 100%;
  }
  .cta-wraper .Ctabtn-wraper .store-btn {
    flex: 1 1 60px;
  }

  .cta-section .app-store {
    width: 100%;
    justify-content: center;
    padding: 8px;
  }

  .cta-section .img-part {
    margin-top: 25px;
  }

  .cta-section .img-part img {
    max-width: 100%;
    height: auto;
  }
  /* service detalis */
  .services-list-wrapper {
    flex-wrap: wrap;
    gap: 1rem;
  }
  .service-description {
    text-align: center;
  }
  .tab {
    padding: 0.625rem 0.625rem;
  }

  /* Form Responsive */
  .form-row {
    grid-template-columns: 1fr;
    gap: 12px;
    margin-bottom: 12px;
  }

  .form-row .form-input {
    width: 100%;
    padding: 10px;
    font-size: 14px;
  }

  /* product detalis  */
  .thumbnail-container {
    padding: 0;
  }
  .thumbnail-item {
    padding: 0.625rem;
  }
  .car-detalis {
    text-align: center;
  }
  .price-rating-row {
    justify-content: center;
  }
  .quantity-cart-row {
    gap: 1.5rem;
    flex-wrap: wrap;
    justify-content: center;
  }
  .bolg-wrapper {
    max-width: 305px;
    width: 100%;
  }
  .search i.icon-base {
    left: 25px;
  }
  /* blog detalis  */
  .text-box {
    text-align: center;
  }
  .about-car {
    max-width: 309px;
    text-align: center;
  }
  .client-comment {
    flex-wrap: wrap;
    max-width: 300px;
  }
  .solving-title {
    max-width: 300px;
    text-align: center;
  }
  .related-tags-wrapper {
    flex-wrap: wrap;
  }
  .from-wrapper {
    flex-wrap: wrap;
  }
  .page_language_changer + .select2-container--default {
    .select2-selection__arrow {
      top: 36%;
      transform: translateY(-50%);
      right: 3px;
    }
  }
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    width: 200px;
    height: 30px;
  }
  .select2-container .select2-dropdown {
    width: auto !important;
    min-width: 302px !important;
  }
}

/* mobile tablet layout 320px */

@media only screen and (max-width: 330px) {
  .custom-container {
    max-width: 100%;
  }
  .fs-lg {
    font-size: 1rem;
    line-height: 1.45;
  }
  .mt-60 {
    margin-top: 30px;
  }
  .margin-top {
    margin-top: 0;
  }
  .pat-230 {
    padding-top: 51rem;
  }
  .title-3 {
    font-size: 1rem;
    line-height: 1.17;
  }
  .title-2 {
    font-size: 1.25rem;
    line-height: 1.07;
    text-align: center;
  }

  /* Review Card Mobile Styles */
  .review-card {
    grid-template-columns: 1fr !important;
    gap: 15px;
    padding: 15px;
    text-align: center;
  }

  .review-card .review-avatar {
    justify-self: center;
  }

  .review-card .review-avatar img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
  }

  .review-card .card-text {
    text-align: center;
  }

  .review-card .review-name {
    font-size: 14px;
    margin-bottom: 5px;
  }

  .review-card .review-text {
    font-size: 13px;
    line-height: 1.4;
  }

  .review-card .review-time {
    justify-self: center;
    font-size: 12px;
    color: #666;
  }

  .cart-header {
    flex-wrap: wrap;
  }
  .cart-item {
    flex-wrap: wrap;
    justify-content: center;
  }
  .model-card {
    max-width: 65px;
    min-height: 56px;
    width: 100%;
  }
  .model-car {
    margin-top: 1rem;
  }
  .slider-btn {
    height: 30px;
    width: 30px;
  }
  .btnPosition {
    left: 15px;
  }

  .mission-vision-wraper {
    & .text-part {
      & .des {
        text-align: center;
      }
    }
  }
  .price-reating-wrapper {
    display: block;
  }
  .fvt-icon {
    &.style2 {
      top: 8px;
      right: 16px;
    }
  }
  .fvt-icon {
    width: 30px;
    height: 30px;
  }
  .head {
    margin-top: 0;
  }
  .containers {
    padding: 1rem 0;
  }
  .content-with-image-section {
    & .text-part {
      & .pera {
        text-align: center;
      }
    }
  }
  .get-service-section-wraper {
    & .text-part {
      padding: 26px;
    }
  }
  .banner-text-part-wraper {
    padding: 170px 0 150px 0;
  }

  .banner-text-part-wraper {
    & .banner-bottom-part {
      display: flex;
      align-items: center;
      gap: 21px;
    }
  }
  .user-trust-avatar {
    display: block;
  }
  /* CTA Section Mobile Styles */
  .cta-section {
    padding: 30px 0;
  }

  .cta-section .cta-wraper {
    padding: 20px;
    text-align: center;
    background-position: center;
    flex-direction: column;
  }

  .cta-section .text-part-wraper {
    padding: 0;
  }

  .cta-section .title-2 {
    font-size: 20px;
    line-height: 1.3;
    margin-bottom: 20px;
  }

  .cta-section .Ctabtn-wraper {
    flex-direction: column;
    align-items: center;
    gap: 15px;
  }

  .cta-section .store-btn {
    width: 100%;
  }
  .cta-wraper .Ctabtn-wraper .store-btn {
    flex: 1 1 60px;
  }

  .cta-section .app-store {
    width: 100%;
    justify-content: center;
    padding: 8px;
  }

  .cta-section .img-part {
    margin-top: 25px;
  }

  .cta-section .img-part img {
    max-width: 100%;
    height: auto;
  }
  /* service detalis */
  .services-list-wrapper {
    flex-wrap: wrap;
    gap: 1rem;
  }
  .service-description {
    text-align: center;
  }
  .tab {
    padding: 0.625rem 0.625rem;
  }

  /* Form Responsive */
  .form-row {
    grid-template-columns: 1fr;
    gap: 12px;
    margin-bottom: 12px;
  }

  .form-row .form-input {
    width: 100%;
    padding: 10px;
    font-size: 14px;
  }

  /* product detalis  */
  .thumbnail-container {
    padding: 0;
  }
  .thumbnail-item {
    padding: 0.625rem;
  }
  .car-detalis {
    text-align: center;
  }
  .price-rating-row {
    justify-content: center;
  }
  .quantity-cart-row {
    gap: 1.5rem;
    flex-wrap: wrap;
    justify-content: center;
  }
  .bolg-wrapper {
    max-width: 305px;
    width: 100%;
  }
  .search i.icon-base {
    left: 25px;
  }
  /* blog detalis  */
  .text-box {
    text-align: center;
  }
  .about-car {
    max-width: 309px;
    text-align: center;
  }
  .client-comment {
    flex-wrap: wrap;
    max-width: 300px;
  }
  .solving-title {
    max-width: 300px;
    text-align: center;
  }
  .related-tags-wrapper {
    flex-wrap: wrap;
  }
  .from-wrapper {
    flex-wrap: wrap;
  }
  .page_language_changer + .select2-container--default {
    .select2-selection__arrow {
      top: 36%;
      transform: translateY(-50%);
      right: -8px;
    }
  }
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    width: 200px;
    height: 30px;
  }
  .select2-container .select2-dropdown {
    width: auto !important;
    min-width: 271px !important;
  }
}