@media (min-width: 320px) and (max-width: 768px) {
.home-3 .hero-single {
    padding-top: 14px;
    padding-bottom: 37px !important;
}
.hero-single .hero-content .hero-title {
    font-size: 25px;
}
.hero-slider .owl-nav {
  display: none;
}
.about-area.py-120 {
    padding: 55px 0px;
}
.about-right {
  margin-top: 25px;
}
.site-title {
    font-size: 25px;
}
.service-area.sa-bg.pt-80.pb-90 {
  padding: 40px 0px;
}
.portfolio-area {
  padding: 34px 0;
}
.team-area {
  position: relative;
  padding: 40px 0px;
}
.cta-area {
  padding-top: 28px;
}
.cta-content h1 {
  font-size: 33px;
}
.testimonial-area.tm-bg.pt-80.pb-60 {
    padding: 30px 0px;
}
.blog-area {
  padding: 40px 0px;
}
.site-heading {
  margin-bottom: 15px;
}
.footer-widget-wrap {
  padding: 40px 0px 0px;
}
.footer-widget-box.about-us {
    margin-right: 0px;
}
.footer-widget-box {
  margin-bottom: 0px;
}
.site-breadcrumb {
  padding-top: 22px;
  padding-bottom: 13px;
}
.service-area.bg.py-100 {
  padding: 40px 0px;
}
.contact-area.py-120 {
  padding: 40px 0px;
}
.process-area{
  padding: 47px 0;
}
.portfolio-item .portfolio-img img {
    height: 300px;
    width: 100%;
}
}