@media(min-width:768px){
	.testimonial__section .swiper-wrapper{
		margin-left:27%;
	}
}
@media(min-width:1024px){
	.testimonial__section .swiper-wrapper{
		margin-left:18%;
	}
	.inner__banner h1 {
		margin-bottom: unset;
		margin-top: 60px;
	}
}
@media screen and (min-width:1441px){
	.inner__banner {
		height: 500px;
		align-items: center;
	}
}


@media screen and (max-width: 1366px) and (min-width: 1024px) {
    .inner__content {
		margin-bottom: 60px;
	}
}


@media screen and (max-width:1100px){
	.home a.service__card--link-wrapper .aicenter {
    position: absolute;
    width: 86%;
    bottom: 10px;
}

.home .serivcce__card--content {
    padding-bottom: 60px;
}
	.page-id-284 .services__cards a {
    position: relative;
    padding-bottom: 32px;
    border-top: 1px solid var(--grey-scale-dee-2-e-6, #DEE2E6);
}

.page-id-284 .service__card--link {
    position: absolute;
    bottom: 16px;
    border-top: 1px solid var(--grey-scale-dee-2-e-6, #DEE2E6);
    width: 86%;
    padding-top: 10px;
}

.page-id-284 .serivcce__card--content {
    border-bottom: unset;
}
}

@media (max-width: 1024px) {
  .header__nav {
    gap: 40px;
  }
  .hero__banner,
  .featured__video{
    height: 50vh;
  }
  .gap-64 {
    gap: 40px;
  }
  .about__img,
  .about__details {
    width: calc(50% - 20px);
  }
  .featured__block-item ul li {
    padding: 15px;
  }
  .featured__block-item:first-child span,
  .featured__block-item:nth-child(2) span,
  .featured__block-item:nth-child(3) span {
    font-size: 18px;
  }
  .featured__block-item ul li {
    font-size: 14px;
  }
  .single__blog-img {
    width: 150px;
  }
  .single__blog-content {
    width: calc(100% - 174px);
  }
  .single__product {
    width: calc(33% - 13px);
  }
  .testimonial__page .testimonial__card {
    width: calc(50% - 12px);
  }
	

	.single .services__cards a, .archive  .services__cards a  {
		width: 48%;
	}
	.card{
		width: calc(34% - 24px);
	}
}

@media (max-width: 991px) {
  .primary__button {
    padding: 18px 15px;;
  }
  .menu-toggle {
    display: flex;
  }
  /* Animate Toggle Button */
  .menu-toggle.active span:nth-child(1) {
    transform: rotate(45deg) translateY(8px);
  }
  .menu-toggle.active span:nth-child(2) {
    opacity: 0;
  }
  .menu-toggle.active span:nth-child(3) {
    transform: rotate(-45deg) translateY(-8px);
  }
  .header__cta,
  .header__menu {
    display: none;
  }
  .hero__banner {
    padding: 20px 0;
  }
  .header__menu {
    position: fixed;
    top: 0;
    right: -120%;
    height: 100vh;
    background: #111;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: right 0.4s ease;
  }
  .header__menu.open {
    right: 0;
  }
  .header__menu ul {
    flex-direction: column;
    text-align: left;
    align-items: flex-start;
    padding: 20px;
    width: 100%;
  }
  .sub-menu {
    position: relative;
    min-width: unset;
    opacity: 1;
    visibility: visible;
    background: transparent;
  }
  .menu-item-has-children {
    width: 100%;
  }
  body.menu-open {
    overflow: hidden;
  }
  body.menu-open:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: 0.8;
    transition: right 0.24s ease;
  }
  .blog__detail--left,
  .blog__detail--right,
  .blog__page .blog__posts,
  .blog__sidebar,
  .service__content--left,
  .service__content--right {
    width: 100%;
  }
  .blog__page .blog__content {
    flex-direction: column;
  }
  .single__product {
    width: calc(50% - 13px);
  }
  .team__page .team__meber {
    width: calc(33% - 14px);
  }
  .product__detail--imgs a {
    height: 200px;
  }
  .inner__banner.inner__video__banner {
    height: 300px;
  }
	ul.sub-menu {
    position: unset;
    padding: 0 0 0 8px;
}

.header__menu li {
    position: relative;
}

.header__menu li img {
    position: absolute;
    top: 6px;
    right: 0;
}

.header__menu.open {
    display: block !IMPORTANT;
    padding-top: 70px;
	width:50%;
}

.sub-menu li a {
    font-size: 14px;
    padding: 5px;
}
	.home .team__section .site__container{
		padding-top: 50px;
	}
	.inner__banner h1 {
    margin-bottom: 0px;
}
	.inner__banner{
		align-items:center;
	}
	.current-menu-item {
    border-bottom: unset;
}
	.wc-block-components-sidebar-layout {
    flex-direction: column;
}

.wc-block-components-sidebar-layout .wc-block-components-mainq {
    width: 100%  !important;
}

.wc-block-components-sidebar {
    width: 100% !important;
}

.wc-block-components-sidebar-layout .wc-block-components-main {
    width: 100% !important;
}
	.card{
		width: calc(50% - 24px);
	}
}

@media (max-width: 767px) {
	.woocommerce-product-search {
		width: 90%;
	}
  .header__menu {
    width: 100%;
  }
  .sub-menu li a {
    padding: 10px;
  }
  .primary__button {
    gap: 40px;
  }
  .hero__banner {
    height: 70vh;
  }
  .about__img,
  .about__details,
  .service__card,
  .featured__block-item,
  .featured__blog-post,
  .blog__posts,
  .blog__page .single__blog-post,
  .blog__page .single__blog-post:first-child .single__blog-img,
  .blog__page .single__blog-post:first-child .single__blog-content,
  .contact__info--item,
  .half__input,
  .product__detail--imgs,
  .product__detail--text,
  .testimonial__page .testimonial__card {
    width: 100%;
  }
  .about__section,
  .services__section,
  .team__section,
  .logistics__company,
  .testimonial__section,
  .blog__section,
  .blog__detail--section,
  .product__section,
  .product__detail {
    padding: 50px 0;
  }
  .gap-64 {
    gap: 30px;
  }
  .about__stats {
    gap: 30px;
  }
  .stat__heading {
    width: calc(50% - 15px);
  }
  .footer__menu {
    width: 100%;
  }
  .footer__copyright {
    flex-direction: column-reverse;
    gap: 20px;
  }
  .footer__copyright p {
    text-align: left;
  }
  .footer__content {
    padding: 40px 20px 20px;
  }
  .site__footer {
    padding-bottom: 20px;
  }
  .blog__heading {
    padding: 40px 0 30px;
  }
  .single__blog-img {
    width: 150px;
  }
  .single__blog-content {
    width: calc(100% - 175px);
  }
  .testimonial__content {
    padding: 0 20px;
  }
  .feature__img {
    height: 300px;
  }
  .blog__page .single__blog-post:first-child {
    flex-direction: column;
  }
  .contact__info {
    gap: 40px;
  }
  .accordion-header .icon {
    right: 10px;
  }
  .single__product,
  .services__grid .service__card {
    width: 100%;
  }
  .team__page .team__meber {
    width: 100%;
  }
  .team__detail--section {
    padding: 20px 0px 20px;
  }
	 .hero__banner .site__container {
    z-index: 0;
}
	.services__cards a {
    width: 100%;
}
	    .single .services__cards a, .archive  .services__cards a  {
        width: 100%;
    }
	.contact-popup-box {
    padding: 15px;
}

.contact-popup-box h2 {
    width: 90%;
    font-size: 24px;
}

.contact-popup-title-area p {
    margin-top: 10px;
    font-size: 14px;
}

.contact-popup-box .contact__form--inputs {
    margin-top: 10px;
    gap: 10px;
}

.contact-popup-box .contact__form--inputs input {
    height: 40px;
}
	.header__menu.open {
    display: block !IMPORTANT;
    padding-top: 70px;
	width:100%;
}
	.single-service .inner__banner {
    height: 300px;
    padding-bottom: 30px;
}

section.service__detail--section {
    margin-top: -50px;
}    
	.woocommerce-order {
    margin: 30px 0;
}
	.inner__banner h1 {
		margin-bottom: 0px;
	}
	.inner__banner{
		align-items:center;
	}
	
	.search-results .inner__banner h1 {
    font-size: 24px;
}
	.vin-search-cart-flex {
		flex-wrap: wrap;
		justify-content: flex-end;
	}
	.vin-search-cart-search {
		width: 100%;
	}
	.vin-search-cart-cart {
		margin: 15px 0px 0px;
		width: 155px;
	}
	.vin-search-cart-search .search__block {
		justify-content: space-between;
	}
.vin-search-cart-cart {
        width: 100% !important;
    }
	.footer__bg{
		padding: 50px 0 120px;
	}
	
	.footer__info{
		flex-direction: column;
		gap: 50px;
	}
	.footer__info-text {
		width: 100%;
	}
	.service__block{
		padding: 0 20px 16px;
	}
	.service__text{
		width:100%;
	}
	.service__card--img{
		height:200px;
	}
	.footer__legal-menu ul {
		flex-wrap: wrap;
        justify-content: flex-start;
        gap: 20px;
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
	}
	.footer__legal-menu {
    width: 100%;
}
	.header__menu li img{
		right: 9px;
	}
	li.current-menu-item > a {
		color: var(--primary-color);
	}
	.footer__contacts a.footer__phone span {
		width: calc(100% - 40px);
	}
	#vin-submit span {
		display: none;
	}
	.card{
		width: 100%;
	}
	.related__blog-posts .single__blog-post {
		width: 100%;
	}

	.related__blog-posts .blog__posts {
		flex-wrap: wrap;
	}
	.related__blog-posts h2{
		padding-bottom:30px;
	}
	
}

@media screen and (max-width:400px){
	.page-id-12 .hero__cta.dflex.aicenter.gap-24 a.primary__button.contact-popup-open {
    padding: 10px;
    font-size: 16px;
}
}