@media only screen and (min-width: 1170px) {
  
  }


@media (min-width: 768px) {
}
  
@media (max-width: 767px) {
  .application-wrap {
    grid-template-columns: 1fr;
}
.offset-left{
  width: 100%;
}
.offset-right{
  width: 100%;
}
.offset-block .section-content {
  padding-right: 0;
  color: #fff;
}
.offset-block {
  display: block;
}
.qty-container {
  display: block;
}
.rate-selected-qty {
  margin-left: 0;
  margin-top: 24px;
}
.bg-yellow::before {
  display: none;
}
.step-arrow {
  display: none;
}
.truct-ani {
  height: 148px;
  width: auto;
}
.order-diesel {
  width: 100%;
}
.index-order-sec {
  display: block;
}
.order-diesel-form-block {
  text-align: center;
  padding-bottom: 40px;
}
.cart-button {
  margin-left: 0;
  margin-top: 20px;
}
h1 {
  font-size: 42px;
  line-height: 52px;
}
.sec-content {
  padding: 30px;
}
.product-logo {
  margin: 0 auto;
  text-align: center;
}
.relative-block {
  display: block;
}
.cta-content {
  width: 100%;
}
.cta-content {
  margin-bottom: 20px;
}
.footer-contact {
  display: block;
  text-align: center;
}
.footer-contact .phone {
  display: block;
}
.footer-contact .mail {
  display: block;
}
.ripple-background {
  display: none;
}
.testimonial-slide {
  padding: 12px;
}
.testi-tittle {
  padding: 0 30px ;
}
.go-top {
  display: none !important;
  position:fixed;
  bottom:12%;
  right: 12%;
  padding:20px;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
}
.parralax-content {
  padding: 20px 0;
}
.smart-lube-block {
  margin-top: 30px;
}
.floating_btn {
  right: 15%;
}
.section-content {
  margin-top: 30px;
}
.round-top {
  display: none;
}
.contact-form-block {
  padding: 0;
  border-left: none;
  margin-bottom: 30px;
}
.blog-header-strip {
  display: block;
}
.cta-container .cta-content {
  text-align: center;
}
.cta-container .cta-button {
  text-align: center;
}
.order-1 {
  order: 2 !important;
}
.order-2 {
  order: 1 !important;
}
.blog-posts .filters ul li {
  padding: 12px !important;
  
}
.cur-rate {
  display: block;
}
.ani-text span {
  left: 0;
  right: 0;
}
.order-diesel-block {
  text-align: center;
}
.ani-text {
  margin: 0 auto;
  text-align: center;
}


}