@media only screen and (max-width: 767px) {
  .hb header {
    width: 100% !important;
  }

  .header-style-1 .site-branding {
    border-radius: 0px !important;
  }

  .pbmit-header-overlay {
    border-radius: 0px !important;
    overflow: visible !important;
    backdrop-filter: none !important;
  }

  .site-header {
    overflow: visible !important;
  }

  .site-header .site-branding img {
    max-height: 40px !important;
  }

  .site-title {
    height: auto !important;
    padding: 15px 0px !important;
  }

  .navbar-toggler {
    font-size: 25px !important;
    right: 15px !important;
  }

  .pbmit-slider-one .pbmit-slider-item {
    height: 100vh !important;
  }

  .pbmit-slider-one .pbmit-title {
    font-size: 22px !important;
    line-height: 25px !important;
  }

  .about-one-leftbox {
    margin: 0px !important;
    margin-bottom: 50px !important;
    padding: 125px !important;
  }

  .pbmit-service-highlight {
    display: block !important;
  }

  .container,
  .container-fluid,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    padding: 0px 15px !important;
  }

  .about-one-rightbox {
    padding: 0px !important;
  }

  .service-one .pbmit-service-highlight h2 {
    font-size: 74px !important;
    line-height: normal !important;
    letter-spacing: normal !important;
    top: -36px !important;
  }

  .srv {
    padding-top: 75px !important;
  }

  .why-us-img {
    width: 290px !important;
    height: 290px !important;
  }

  .project .pbmit-sortable-list-ul {
    text-align: left !important;
    /* display: grid !important;
    grid-gap: 15px !important;
    grid-template-columns: repeat(3, 1fr) !important; */
  }

  .project .pbmit-sortable-list-ul li {
    margin-bottom: 10px !important;
    margin-right: 20px !important;
    /* text-align: center !important; */
  }

  .project .pbmit-sortable-list-ul li::before {
    margin: 0px !important;
  }

  .project .pbmit-sortable-list-ul li a {
    padding: 0px !important;
  }

  .testimonial-one .swiper-buttons {
    display: block !important;
  }

  .testimonial-one .swiper-button-next {
    right: 0% !important;
  }

  .testimonial-one .swiper-button-prev {
    right: 18% !important;
  }

  .site-footer .col-md-4:nth-child(2) {
    order: 1 !important;
  }

  .site-footer .col-md-4:first-child {
    order: 2 !important;
  }

  .site-footer .col-md-4:last-child {
    order: 3 !important;
  }

  .site-footer .col-md-4:last-child .widget {
    padding: 0px !important;
  }

  .footer-style-1 .pbmit-footer-widget-area {
    padding-bottom: 0px !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .header-style-1 .site-branding {
    border-radius: 0px !important;
  }

  .pbmit-header-overlay {
    border-radius: 0px !important;
    overflow: visible !important;
    backdrop-filter: none !important;
  }

  .site-header {
    overflow: visible !important;
  }

  .site-header .site-branding img {
    max-height: 70px !important;
  }

  .site-title {
    height: auto !important;
    padding: 15px 0px !important;
  }

  .navbar-toggler {
    font-size: 25px !important;
    right: 15px !important;
  }

  .hb header {
    width: 100% !important;
  }

  .pbmit-slider-one .pbmit-title {
    font-size: 35px !important;
    line-height: 45px !important;
  }

  .pbmit-heading-subheading .pbmit-title,
  .pbmit-heading .pbmit-title {
    font-size: 40px;
    line-height: 40px;
  }

  .pbmit-heading,
  .pbmit-heading-subheading,
  .pbmit-heading-subheading-style-1 {
    margin-bottom: 0px;
    position: relative;
    z-index: 1;
  }

  .pbmit-service-style-2 .pbmit-service-image-wrapper img {
    border-radius: 30px;
    transition: all .4s ease-in-out;
    width: 100%;
    height: 350px;
    object-fit: cover;
    width: 100%;
  }

  .pbmit-service-style-2 .pbmit-service-title {
    font-size: 18px;
    line-height: normal;
    margin-bottom: 5px;
  }

  .portfolio-single .pbmit-short-description {
    padding-top: 80px;
  }

  .col-md-3 {
    flex: 0 0 auto;
    width: 50%;
  }

  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .me-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .ms-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .header-style-1 .site-branding {
    border-radius: 0px !important;
  }

  .pbmit-header-overlay {
    border-radius: 0px !important;
    overflow: visible !important;
    backdrop-filter: none !important;
  }

  .site-header {
    overflow: visible !important;
  }

  .site-header .site-branding img {
    max-height: 70px !important;
  }

  .site-title {
    height: auto !important;
    padding: 15px 0px !important;
  }

  .navbar-toggler {
    font-size: 25px !important;
    right: 15px !important;
  }
}

@media (min-width: 1200px) and (max-width: 1300px) {}