@media only screen and (min-width: 320px) and (max-width: 768px) {
.hero-content p{
    display:none;
} 
.hero-1 .hero-content {
    padding: 52px 0 35px;
} 
.hero-1 .hero-content h1 {
    font-size: 23px;
}
.hero-1 .hero-content h1 {
    margin-bottom: 0px;
}
.header-left .logo img {
    height: 36px;
}
.about-section.section-padding {
    padding: 29px 0;
}
.about-content .section-title h2 {
    font-weight: bold;
    font-size: 20px;
}
.about-content .section-title span {
    text-align: center;
}
.about-content  p {
    text-align: justify;
}
.section-padding {
    padding: 30px 0;
}
h2 {
    font-size: 22px;
}
.brand-section.fix.pt-0 {
    margin: 67px 0px 30px;
}

element.style {
    visibility: visible;
    animation-delay: 0.3s;
    animation-name: fadeInUp;
}
.brand-wrapper h6 {
    margin-bottom: 30px;
}
.brand-wrapper .brand-image img {
    height: 76px;
    padding: 11px;
}
.footer-widgets-wrapper {
    padding: 0px 0 20px;
}
.breadcrumb-wrapper .page-heading {
    padding: 16px 0;
}
section.service {
    margin: 20px 0px;
}
.service .container-fluid {
    width: 100%;
}
.service-text {
    padding-left: 0px;
    padding-top: 13px;
}
.top-img {
    margin: 20px;
}
.blog-page-section {
    padding: 0px 0px !important;
}
.contact-wrapper-2 .contact-left-items .contact-info-area-2 .contact-info-items .content h3{
    font-size: 20px;
    color: #333;
}
.contact-wrapper-2 .contact-left-items .contact-info-area-2 {
    padding: 20px;
    background: #f5f6f7;
}
.footer-bottom {
    padding: 10px 0 20px;
}
    .footer-bottom .footer-wrapper {
        margin-top: 0px;
    }
}