@media (max-width: 1920px) {
    .my-project-slider .owl-nav button.owl-next {
      right: -1815px;
    }
  
    .clear-ppf-unseen {
      margin-bottom: 48px;
    }
  
    section.series-feature {
      background-position: bottom;
    }
  }
  
  @media (min-width: 1920px) {
    .unseen-arrow:after {
      top: -129px;
  
      width: 55%;
  
      height: 460px;
    }
  
    .multi-color {
      left: -86px;
  
      top: -119px;
  
      height: 460px;
    }
  
    .windiw-ppf-arrow:after {
      left: -86px;
  
      top: -119px;
  
      height: 460px;
    }
  
    .clear-ppf-unseen {
      margin-bottom: 113px;
    }
  
    .form-box {
      padding: 74px 26px 77px 33px;
    }
  
    .contact-page .form-box {
      padding: 42px 26px 42px 33px;
    }
  
    .unsseen-sec {
      margin-bottom: 220px;
    }
  }
  
  @media (min-width: 1800px) {
    .clear-ppf-banner {
      background-position-x: 0;
    }
  }
  
  @media (min-width: 1750px) {
    .contact-banner {
      background-position-x: 0;
    }
  }
  
  @media (max-width: 2200px) and (min-width: 1600px) {
    .parts .prolist-ct2 {
      position: absolute;
  
      top: 20%;
  
      right: -33%;
    }
  }
  
  @media (max-width: 1600px) {
    .my-project-slider .owl-nav button.owl-next {
      position: absolute;
  
      right: -1411px;
    }
  }
  
  @media (max-width: 1366px) {
    .my-project-slider .owl-nav button.owl-next {
      position: absolute;
  
      right: -1260px;
    }
    .window-icon-table ul li img {
      width: 80%;
      margin-right: -23px;
      position: relative;
    }
  }
  
  @media (max-width: 1300px) and (min-width: 1200px) {
    .parts .prolist-ct2 {
      position: absolute;
  
      top: 20%;
  
      right: -51%;
    }
  
    .pro-lead {
      top: 50px;
  
      width: 60%;
    }
  
    .windiw-ppf-arrow:after {
      left: -75px;
  
      width: 60%;
    }
  
    .tpu-icon-shape ul li {
      margin-left: 13px;
    }
  
    .clear-ppf-banner {
      background-position-x: -522px;
    }
  
    .contact-banner {
      background-position-x: -573px;
    }
  
    .unseen-arrow:after {
      left: -75px;
  
      width: 60%;
    }
  
    .my-project-slider .owl-nav button.owl-next {
      right: -1141px;
    }
  
    .multi-color {
      left: -80px;
  
      width: 63%;
    }
    .window-icon-table ul li img {
      width: 70%;
    }
  }
  
  @media (min-width: 1400px) {
    .get-touch-sec img {
      height: 533px;
    }
  }
  
  @media (max-width: 1199px) and (min-width: 1025px) {
    .tpu-icon-shape ul li {
      margin-left: 22px;
    }
    .window-icon-table ul li img {
      width: 80%;
    }
  }
  
  @media (max-width: 1024px) {
    section.who-we-are-sec:after {
      background-size: contain;
    }
  
    section.banner-content:after {
      top: 78px;
  
      font-size: 118px;
    }
  
    .my-project-slider .owl-nav button.owl-next {
      position: absolute;
  
      right: -959px;
    }
  
    section.why-choose-sec h3 {
      line-height: 20px;
    }
  
    section.advantage {
      background-image: none;
  
      background-color: #000;
    }
  
    section.advantage .row .col-lg-4:nth-child(2) {
      display: none;
    }
  }
  
  @media (min-width: 992px) {
    .mr-btm ul li img {
      height: 175px;
    }
  
    .head-top {
      padding: 0;
    }
  
    .main-navbar .row {
      width: -webkit-fill-available;
  
      display: flex;
  
      align-items: center;
    }
  }
  
  @media (max-width: 1024px) and (min-width: 992px) {
    section.banner-content h2 {
      font-size: 97px;
    }
  
    .we-lead-resister i {
      top: -63px;
    }
  
    .mr-btm ul li img {
      height: 164px;
  
      width: 100%;
    }
  
    .clear-ppf-banner {
      background-position-x: -1038px;
    }
  
    .unseen-arrow:after {
      left: -210px;
  
      top: -28px;
  
      width: 76%;
    }
  
    .tpu-icon-shape ul li {
      margin-left: 25px;
    }
  }
  
  @media (max-width: 1024px) and (min-width: 768px) {
    .main-navbar ul li:last-child a {
      margin-left: 0;
    }
  
    .main-navbar .col-lg-8 .navbar-collapse {
      top: 73px !important;
    }
  
    .main-navbar .navbar {
      top: -4px;
  
      padding-bottom: 0px;
    }
  
    .ultrabg3-icon {
      bottom: 105px !important;
    }
  
    section.explore-sec {
      margin-top: 0px;
    }
  
    .icon {
      float: initial;
  
      justify-content: center;
    }
  }
  
  @media (max-width: 991px) {
    .main-navbar .col-lg-8 .navbar-collapse ul li {
      border-bottom: 1px solid #ccc;
    }
  
    .main-navbar .navbar img {
      width: 100%;
    }
    .edit-waaranty-list .warranty-page-form {
      margin: 16px 0px;
    }
    .edit-waaranty-list .popup-warranty .modal-body {
      padding-top: 34px;
      padding-left: 28px;
    }
    .edit-waaranty-list h3 {
      margin-bottom: 19px !important;
      margin-top: 0px !important;
    }
    .registration-form {
      padding: 10px 12px;
    }
    div#contactdes h3 {
      margin: 17px 0px 10px;
    }
  
    .dealer-img {
      margin-top: 40px;
    }
    .contact-quote a {
      margin-top: 11px;
  
      display: inline-block;
    }
  
    .explore-series-sec .row-cols-lg-3 {
      display: block;
    }
    .edit-waaranty-list .contact-form label {
      bottom: 6px;
      left: 43%;
    }
    .pro-mate-content h3 a {
      color: #000;
      font-size: 28px;
    }
    .pro-mate-content a {
      color: #000;
    }
    .top_head .to_head_right button:first-child {
      /* padding: 10px 13px; */
      width: 131px;
    }
  
    .tpu-icon-shape {
      text-align: center;
  
      margin-top: 11px;
    }
  
    .pro-gloss ul {
      right: 0px;
    }
  
    .explore-series-sec {
      margin: 50px 0px 10px;
    }
  
    .pro-lead h1 {
      font-size: 26px;
  
      position: absolute;
  
      top: -211px;
  
      color: #fff !important;
    }
  
    .windiw-ppf-arrow:after {
      display: none;
    }
  
    .clear-ppf-banner {
      background-position-x: left;
    }
  
    .clear-ppf-unseen p {
      text-align: justify;
    }
  
    .color-ppf-banner {
      background-position-x: left;
    }
  
    .last-text-color h2 {
      font-size: 79px;
  
      margin-top: 28px;
  
      line-height: 89px;
  
      word-spacing: 39px;
    }
  
    .multi-color {
      position: relative;
  
      top: 12px;
  
      width: 100%;
  
      /* height: 133px; */
  
      background-size: cover;
  
      background-repeat: no-repeat;
  
      background-position: top;
    }
  
    section.contact-page h1 {
      font-size: 34px;
  
      font-weight: 600;
    }
  
    .top_head .row {
      display: flex;
  
      align-items: center;
    }
  
    .tpu-icon-shape ul {
      position: absolute;
  
      top: 100%;
  
      justify-content: center;
  
      background-color: #161514;
  
      padding: 10px;
  
      /* margin-top: 15px; */
  
      /* margin-bottom: 22px; */
  
      display: flex;
  
      /* left: 0; */
  
      width: 100%;
    }
  
    .tpu-type h3 {
      text-align: center;
    }
  
    .tpu-type p {
      text-align: center;
    }
  
    .tpu-icon-shape ul li img {
      width: 72%;
    }
  
    .tpu-icon-shape ul li {
      margin-left: 0px;
  
      justify-content: center;
    }
  
    .tpu-type {
      margin-bottom: 29px;
    }
  
    .ultrabg3 {
      text-align: center;
    }
  
    .manmachine-sec:after {
      width: 0 !important;
  
      background-image: none !important;
    }
  
    .scoial-contact {
      right: 0px;
  
      bottom: 30px;
    }
  
    section.banner-content h2 {
      font-size: 57px;
  
      text-shadow: 2px 0px 0px #ffffff, 2px 0px 0px #e20000, 3px 1px 0 #f00;
  
      text-align: center;
    }
  
    .get-touch-sec img {
      display: none;
    }
  
    .get-touch-sec h2 {
      margin-bottom: 0px;
    }
  
    .about-banner-mobile {
      background-position: left !important;
  
      background-image: none;
  
      background-color: #000 !important;
    }
  
    .factory-sec p {
      text-align: justify;
    }
  
    .parts {
      border-bottom: 2px solid #f00;
    }
  
    .category-box p {
      text-align: justify;
    }
  
    .footer-logo-content-one a {
      justify-content: center;
    }
  
    .dropdown ul li a {
      margin: 3px 0px !important;
    }
  
    .navbar-expand-lg .navbar-nav .dropdown-menu {
      height: 193px;
  
      overflow-y: scroll;
    }
  
    .we-lead-resister i {
      font-size: 14px;
  
      right: 2px;
  
      top: -37px;
    }
  
    .item-button button {
      padding: 6px 20px 5px 19px;
  
      font-size: 14px;
    }
  
    .prof-sec h1 {
      color: #000;
    }
  
    .ppf-rating {
      margin-top: 28px;
    }
  
    .social-talk {
      justify-content: center;
  
      margin-bottom: 0px;
    }
  
    .to_head_right {
      justify-content: space-around;
    }
    .to_head_right button {
      margin-right: 0;
      border-radius: 14px;
    }
    section.thank-sec p {
      font-size: 14px;
    }
    .thank-sec h2 {
      font-size: 39px;
      margin-top: 50px;
    }
    .thank-sec {
      padding: 10px 0px;
    }
    .thank-sec img {
      width: 24%;
    }
    .unseen-arrow:after {
      position: relative;
  
      content: "";
  
      left: 0;
  
      top: -60px;
  
      background-image: url("../images/product/unseen.webp");
  
      width: 100%;
  
      height: 300px;
  
      background-size: cover;
  
      background-repeat: no-repeat;
    }
  
    .form-box .form-control {
      padding: 0.4rem 0.75rem;
  
      margin-bottom: 5px;
    }
  
    .scoial-contact img {
      width: 70%;
    }
  
    .pro-lead {
      width: 100%;
  
      position: relative;
  
      top: 0;
    }
  
    section.prof-sec p {
      color: #000;
    }
  
    section.prof-sec h2 {
      color: #000;
  
      margin-top: 18px;
    }
  
    .clear-ppf-unseen {
      margin-bottom: -31px;
    }
  
    .unsseen-sec {
      background-color: #fff;
    }
  
    .unsseen-sec p {
      color: #000;
    }
  
    .unsseen-sec p {
      padding: 0px 0px;
    }
  
    .unsseen-sec {
      margin-bottom: 32px;
  
      margin-top: 0;
    }
  
    .feature-categories {
      display: block;
    }
  
    section.series-feature h3 {
      text-align: center;
    }
  
    .feature-categories-img {
      width: 100%;
    }
  
    .feature-categories {
      padding: 0px 0px;
    }
  
    .feature-categories {
      padding: 0px 0px;
  
      margin-top: 8px;
  
      margin-bottom: 20px;
    }
  
    .feature-categories-img img {
      width: 25%;
  
      display: block;
  
      margin: auto;
    }
  
    .popup-warranty .modal-body {
      padding-top: 5px;
    }
  
    .warrant-form-list {
      margin: 20px 0px;
  
      padding: 18px 13px 30px;
    }
  
    .warrant-form-list .modal-body {
      padding: 23px 13px 21px 13px;
    }
  
    .warranty-sec h3 {
      margin-bottom: 15px;
  
      margin-top: 31px;
    }
  
    .warrant-form-list .col-sm-12 a {
      margin-bottom: 0px;
    }
  
    .home-form {
      margin-top: 20px;
    }
  
    section.series-feature p {
      text-align: center !important;
    }
  
    .tpe-type-content {
      position: relative;
  
      width: 100%;
  
      left: 0;
  
      color: #000000;
  
      top: 0;
  
      transform: inherit;
  
      background: #ddd;
  
      padding: 14px 20px;
    }
  
    .talk {
      text-align: center;
    }
  
    .tpu-type {
      display: block;
  
      border: 2px solid #f00;
  
      padding: 12px;
  
      box-shadow: 0px 0px 8px 2px #ccc;
  
      padding-bottom: 137px;
    }
  
    .tpe-type-content h3 {
      text-align: center;
    }
  
    .tpe-type-content a {
      display: flex;
  
      justify-content: center;
  
      background: #000;
  
      color: #fff;
    }
  
    .tpe-type-content p {
      text-align: center;
    }
  
    .talk a {
      text-align: center;
    }
  
    .clear-ppf-unseen span {
      font-size: 25px;
    }
  
    .clear-ppf-unseen h2 {
      font-size: 25px;
    }
  
    .clear-ppf-unseen span {
      font-size: 20px;
    }
  
    .parts a {
      color: #000;
    }
  
    .mobile-series {
      display: block;
    }
  
    .desktop-product {
      display: none;
    }
  
    .icon-bar a {
      padding: 5px 9px;
    }
  
    .all-small-car h2 {
      padding-top: 16px;
    }
  
    .about-banner {
      background-position: bottom;
  
      background-size: cover;
    }
  
    .content {
      margin-left: 0px;
    }
  
    .cont-right {
      margin-left: 0px;
  
      margin-top: 42px;
    }
  
    section.contact-page h1 {
      text-align: center;
    }
  
    .parts .prolist-ct1 {
      position: relative;
  
      top: 0%;
  
      left: 0%;
    }
  
    .parts h2 {
      color: #000;
  
      margin-bottom: 0px;
  
      margin-top: 16px;
    }
  
    .parts p {
      color: #000;
  
      margin-top: 6px;
  
      margin-bottom: 30px;
  
      font-size: 14px;
    }
  
    .parts a {
      margin-top: 20px;
    }
  
    .parts b {
      color: #000;
    }
  
    .parts .icon .col-xs-4 {
      margin-right: 0;
    }
  
    .parts .prolist-ct2 {
      position: relative;
  
      top: 20%;
  
      right: 0%;
    }
  
    .parts a {
      margin-top: 20px;
  
      margin-bottom: 25px;
    }
  
    .contact-form .form-group:nth-child(odd) {
      padding-right: 0px;
  
      width: 100%;
  
      margin-bottom: 9px;
    }
  
    .contact-form fieldset {
      padding: 43px 21px 30px;
    }
  
    .contact-banner {
      background-position-x: -423px !important;
    }
  
    .ultrabg3-icon {
      left: 50%;
  
      position: relative;
  
      bottom: 0;
  
      padding: 0;
    }
  
    .main1 {
      position: relative;
    }
  
    .main1:after {
      content: "";
  
      position: absolute;
  
      background: #000000e6;
  
      width: 100%;
  
      height: 100%;
  
      top: 0;
  
      bottom: 0;
  
      left: 0;
  
      right: 0;
    }
  
    .pro-mate-content {
      background: #ffffff;
  
      position: relative;
  
      z-index: 1;
  
      border: 3px solid RED;
  
      box-shadow: 0px 0px 0px 5px #fff;
    }
  
    .pro-mate-content h3 {
      color: #000;
  
      text-align: center;
    }
  
    .pro-mate-content p {
      color: #000;
    }
  
    .main-navbar .col-lg-8 .navbar-collapse ul li:last-child {
      border-bottom: 0;
  
      margin: 6px 0px 7px 17px;
    }
  
    .hero-section video {
      z-index: 0;
    }
  
    section.embrance-sec .row:first-child {
      width: 100%;
    }
  
    .content {
      width: 100%;
  
      padding-top: 7%;
    }
  
    div#two\ offset-md-6\ col-md-5 {
      margin-top: 0vh !important;
    }
  
    div#three\ \ col-md-5 {
      margin-top: 0vh !important;
    }
  
    div#four\ offset-md-6\ col-md-\ float-right {
      margin-top: 0vh !important;
    }
  
    div#five\ \ col-md-5 {
      margin-top: 0vh !important;
    }
  
    div#six\ offset-md-6\ col-md-5\ float-right {
      margin-top: 0vh !important;
    }
  
    div#seven\ \ col-md-5 {
      margin-top: 0vh !important;
  
      padding-top: 0 !important;
  
      padding-bottom: 38px !important;
    }
  
    section.embrance-sec .row:first-child .col-lg-10 {
      padding-left: 36px;
    }
  
    .my-project-slider .owl-nav {
      position: relative;
  
      top: 21px;
    }
  
    .benefits.film h2:after {
      display: none;
    }
  
    section.banner-content h1 {
      font-size: 73px;
    }
  
    .our-range h2:after {
      display: none;
    }
  
    .my-project-slider .owl-nav button.owl-next {
      position: relative;
  
      right: 0;
    }
  
    .my-project-slider .owl-nav button span {
      font-size: 69px;
  
      font-weight: 400;
    }
  
    .pro-lead.lead2 {
      display: none;
    }
  
    .service-banner {
      z-index: 0 !important;
    }
  
    .condition-sec {
      margin: 33px 0px 17px;
    }
  
    .category-box__img-wrapper {
      padding-left: initial;
    }
  
    .second-zig {
      padding-right: initial;
    }
  
    .main-navbar .col-lg-8 .navbar-collapse {
      float: right;
  
      background: #3f3939;
  
      position: absolute;
  
      left: 0px;
  
      top: 64px;
  
      border-radius: 6px;
  
      width: 100%;
  
      padding: 0px 0px;
    }
  
    .ppf-install-sec {
      padding-top: 25px;
  
      overflow: hidden;
    }
  
    section {
      overflow: hidden;
    }
  
    .cta-sec {
      padding: 60px 0px 0px;
    }
  
    .container__img-holder {
      width: 46%;
    }
  
    section.cta-sec img {
      height: auto;
    }
  
    button.navbar-toggler {
      background: #fff;
  
      position: absolute;
  
      right: 12px;
  
      top: 15px;
    }
  
    .main-navbar ul li a {
      margin-right: 0px;
  
      margin: 3px 20px;
    }
  
    .mobile-ppf {
      flex-direction: column-reverse;
    }
  
    .car-wash {
      margin-bottom: 47px;
    }
  
    .car-wash .row {
      justify-content: center;
    }
  
    section.embrance-sec .row:first-child .col-lg-9 {
      padding-right: 26px;
    }
  }
  
  @media (max-width: 991px) and (min-width: 768px) {
    .contact-banner {
      background-position-x: -710px !important;
    }
  
    .dropdown ul li:last-child {
      margin-left: 0 !important;
    }
  
    .mr-btm ul li img {
      height: 130px;
    }
  
    .mr-btm ul li:nth-child(odd) span h3 {
      font-size: 15px;
    }
  
    .mr-btm ul li:nth-child(even) span h3 {
      font-size: 15px;
    }
  
    .mr-btm ul li:nth-child(even) span h3 {
      top: -98px;
    }
  
    .mr-btm ul li:nth-child(odd) span h3 {
      top: 87px;
    }
  }
  
  @media (max-width: 767px) {
    .hero-section video {
      height: 277px;
    }
  
    button.navbar-toggler:focus {
      box-shadow: none !important;
    }
  
    section.embrance-sec p {
      padding: 0px 0px;
    }
  
    section.banner-content h2 {
      font-size: 39px;
    }
  
    .earth-vedio video {
      height: 471px !important;
  
      object-fit: cover;
    }
  
    section.embrance-sec h2 {
      font-size: 29px;
    }
  
    section.why-choose-sec.how-does-car
      .row:last-child
      .col-lg-4:last-child
      .blog-box {
      margin-bottom: 0;
    }
  
    section.why-choose-sec h3 {
      font-size: 20px;
  
      font-weight: 500;
    }
  
    .blog-heading-bx {
      margin-top: -46px;
    }
  
    button.navbar-toggler {
      background: #fff;
  
      position: absolute;
  
      right: 12px;
  
      top: 10px;
    }
  
    .main-navbar .navbar {
      /* position: absolute; */
  
      top: 0px;
  
      padding-bottom: 8px;
    }
  
    section.advantage h2 {
      margin-bottom: 17px;
    }
  
    .ppf-kind {
      margin-bottom: 0px;
    }
  
    .main-navbar ul li:last-child a {
      margin-left: 0;
  
      padding: 6px 5px 4px 3px;
  
      margin-top: 0px;
    }
  
    section.banner-content h1 {
      font-size: 43px;
  
      line-height: 23px;
  
      text-shadow: 3px 1px 0px #ffffff, 5px 3px 0px #e20000, 3px 3px 0 #f00;
    }
  
    section.banner-content:after {
      display: none;
    }
  
    section.banner-content {
      padding: 20px 0px;
    }
  
    h2 {
      font-size: 25px;
  
      line-height: 31px;
    }
  
    section.prof-sec p {
      font-size: 13px;
  
      padding: 0 10px;
  
      margin-top: 10px;
    }
  
    .ultrabg3-icon ul {
      display: flex;
  
      flex: inherit;
  
      gap: 7px;
  
      flex-wrap: wrap;
  
      margin-top: 13px;
    }
  
    .ultrabg3-icon ul li {
      width: 50%;
  
      display: contents;
    }
  
    .add-splash-sec {
      height: 200px;
  
      background-position: right;
    }
  
    .ultrabg3-icon ul li img {
      width: 31%;
  
      filter: brightness(0);
  
      margin: auto;
    }
  
    .pro-lead .red-ppf {
      font-size: 32px;
    }
  
    .choose-enjoy {
      padding-left: 0;
  
      margin-top: 14px;
    }
  
    section.explore-sec {
      margin-top: 23px;
  
      padding: 12px 0px 9px;
    }
  
    .item span {
      font-size: 30px;
    }
  
    section.benefits-sec {
      margin-top: 30px;
    }
  
    .pro-mate {
      padding: 55px 0px;
  
      background-position: center;
    }
  
    .pro-mate-content h3 {
      font-size: 28px;
    }
  
    .custom-fit h2 {
      margin: 20px 0px 20px;
  
      font-size: 30px;
    }
  
    .custom-fit img {
      border-top: 8px solid #ff0508;
  
      border-bottom: 8px solid #ff0508;
    }
  
    .unlimits-sec {
      padding: 35px 0px;
    }
  
    .unlimits ul {
      display: block;
    }
  
    .unlimits p {
      text-align: justify;
    }
  
    .our-range h2 {
      padding-bottom: 6px;
  
      font-size: 30px;
  
      letter-spacing: 0;
    }
  
    .add-splash-sec h2 {
      font-size: 30px;
  
      padding-top: 44px;
    }
  
    .benefits.film h2 {
      padding-bottom: 4px;
  
      font-size: 30px;
    }
  
    section.who-we-are-sec {
      padding: 25px 0px;
    }
  
    .main-services-one {
      padding-top: 25px;
    }
  
    .about_btn.new-animate-btn a {
      padding: 13px 25px 16px;
  
      font-size: 19px;
  
      margin-top: 10px;
  
      line-height: 16px;
    }
  
    .unlimits ul li {
      font-size: 16px;
  
      padding-bottom: 3px;
  
      list-style: disc;
  
      margin-left: 19px;
    }
  
    .mr-btm ul {
      display: inline-block;
  
      text-align: center;
    }
  
    .mr-btm {
      padding: 0px 0px 0px;
    }
  
    .mr-btm ul li img {
      width: 100%;
    }
  
    .mr-btm ul li img {
      width: 35%;
  
      margin-bottom: 102px;
  
      height: 100%;
    }
  
    .mr-btm ul li:nth-child(even) img {
      width: 35%;
  
      margin-bottom: 32px;
  
      height: 100%;
  
      transform: rotate(180deg);
    }
  
    .mr-btm ul li {
      display: contents;
    }
  
    .mr-btm ul li:nth-child(odd) span h3 {
      left: 22%;
  
      font-size: 15px;
  
      top: 122px;
    }
  
    .mr-btm ul li:nth-child(even) span h3 {
      top: 167px;
  
      left: 2%;
    }
  
    .mr-btm ul li:nth-child(even) span:after {
      top: 60px;
    }
  
    .why-choose-sec {
      padding: 33px 0px 44px 0px;
    }
  
    section.why-choose-sec p {
      text-align: justify;
    }
  
    .enjoy-kind {
      margin-bottom: 12px;
    }
  
    .paint-protect-sec {
      margin-top: 29px;
    }
  
    .advantage {
      padding: 27px 0px;
  
      margin-top: 40px;
    }
  
    .cta-sec {
      padding: 26px 0px;
    }
  
    section.cta-sec img {
      height: auto;
    }
  
    .my-project-box {
      display: block;
  
      margin: 0px 0px;
    }
  
    .project-contnt-b {
      width: 100% !important;
    }
  
    .owl-carousel .owl-item img {
      margin: auto;
    }
  
    .project-img {
      width: 100%;
    }
  
    .my-project-slider .owl-nav button.owl-next {
      position: initial;
  
      right: auto;
    }
  
    .ppf-sec {
      padding: 31px 0px 113px;
    }
  
    .ppf-sec h2 {
      margin-bottom: 22px;
    }
  
    section.ppf-sec .row .col-lg-4 {
      margin-bottom: 34px;
    }
  
    .item-button a {
      padding: 8px 27px 10px 27px;
  
      font-size: 17px;
  
      margin-top: 0 !important;
    }
  
    .second-cta-box {
      padding: 18px 16px;
  
      box-shadow: initial;
    }
  
    .factory-sec {
      padding: 26px 0px 0px;
    }
  
    .gallery-sec {
      padding: 31px 0px;
    }
  
    .gallery-sec .row:first-child {
      padding-bottom: 11px;
    }
  
    .container .container__img-holder:nth-child(3n + 1) {
      margin-left: auto;
  
      width: 100%;
    }
  
    .container__img-holder {
      width: 100%;
  
      margin-bottom: 20px;
  
      margin-left: 0;
  
      display: block;
    }
  
    .container__img-holder {
      max-width: 100% !important;
    }
  
    section.ppf-install-sec h3 {
      font-size: 26px;
    }
  
    .ppf-install-sec .item-button a {
      padding: 15px 22px;
  
      margin-top: 24px;
    }
  
    .faq-sec {
      margin: 0px 0px;
    }
  
    section.embrance-sec .row:first-child p {
      text-align: justify;
    }
  
    .form-submit {
      padding: 2px 15px;
    }
  
    .footer-links-one {
      text-align: left;
  
      padding: 0 17px;
  
      margin-top: 15px;
    }
  
    .footer-copyright-one {
      margin-top: 17px;
  
      padding: 7px 0;
    }
  
    .copyright-text-one {
      float: inherit;
  
      text-align: center;
    }
  
    .copyright-links-one ul {
      float: inherit;
  
      justify-content: center;
  
      margin-top: 10px;
    }
  
    .copyright-links-one ul li a {
      width: 41px;
  
      height: 41px;
    }
  
    .btn-style2 {
      font-size: 16px;
  
      line-height: 1.3em;
  
      padding: 9px 28px;
    }
  
    .footer-links-one ul li {
      margin-bottom: 2px;
  
      list-style: disc;
  
      font-size: 15px;
    }
  
    .footer-contact-one {
      text-align: left;
  
      margin-top: 22px;
    }
  
    .category-box__img:after {
      display: none;
    }
  
    .category-box__img-wrapper {
      padding-left: 0;
    }
  
    .second-zig {
      padding-right: 0;
    }
  
    .category-box__num {
      font-size: 85px;
  
      top: -13px;
  
      left: 23px;
    }
  
    .category-box__num:after {
      width: 357%;
  
      height: 200%;
  
      transform: translate(-53%, -69%) rotate(57deg);
  
      top: 12px;
  
      left: 6px;
    }
  
    .category-box__num.cat-first:after {
      width: 330%;
  
      height: 200%;
  
      top: 43px;
  
      left: -1px;
    }
  
    .faq-scroll {
      padding: 17px;
    }
  
    .scrollbar {
      padding-right: 11px;
    }
  
    .faq-sec {
      padding: 34px 0px;
    }
  
    .get-touch-sec {
      padding: 19px 0px 43px;
    }
  
    .get-touch-sec h2 {
      text-align: center;
    }
  
    .form-box {
      padding: 20px;
    }
  
    .service-banner h1 {
      font-size: 45px;
    }
  
    .service-banner {
      padding: 53px 0px !important;
    }
  
    section.manmachine-sec:before {
      background: #e8e8e8 !important;
  
      width: 100%;
    }
  
    .our-future h2 {
      padding-top: 14px;
    }
  
    .our-future {
      padding-bottom: 18px;
    }
  
    .contact-quote {
      margin-bottom: 35px;
  
      margin-top: -96px;
    }
  }
  
  @media (max-width: 767px) and (min-width: 575px) {
    .footer-contact-one {
      margin-top: 22px;
    }
  }
  
  @media (max-width: 575px) {
    .social-talk {
      margin-bottom: 8px;
    }
  }
  
  @media (max-width: 460px) {
    .prof-sec video {
      height: 222px !important;
  
      object-fit: cover;
    }
  }
  
  @media (max-width: 575px) and (min-width: 361px) {
    .mr-btm ul li:nth-child(even) span h3 {
      top: 86px;
  
      font-size: 15px;
    }
  
    .mr-btm ul li:nth-child(odd) span h3 {
      top: 49px;
    }
  }
  
  @media (max-width: 375px) {
    .tpu-type {
      padding-bottom: 116px;
    }
  }
  
  @media (max-width: 360px) {
    .mr-btm ul li:nth-child(odd) span h3 {
      top: 56px;
    }
  
    .mr-btm ul li:nth-child(even) span h3 {
      top: 91px;
  
      font-size: 15px;
    }
  
    .prof-sec video {
      height: 248px !important;
    }
  
    .soxial_head a {
      margin: 0 -1px;
    }
  }
  
  /* sandeep Ultraguardindia website (product pages css) 4 march 24 */
  @media (max-width: 997px) {
    .PPF {
      margin-top: 11rem;
      margin-bottom: -100px;
    }
  }
  
  @media (max-width: 500px) {
    .PPF {
      margin-top: 9rem;
    }
    .tpu-type p {
      margin: 16px 0px;
      text-align: justify;
    }
  }