@media only screen and (min-width: 320px) {}
@media only screen and (max-width: 767px) {
    .site-header {
        padding: 0;
    }
    #homepageBanner .owl-item>div {
        padding: 0 20px;
        height: 320px !important;
    }
    #homepageBanner .owl-controls {
        display: none !important;
    }
    .banner-content .entry-title {
        margin: 0;
        font-size: 34px;
    }
    .img-responsive {
        width: 100%;
    }
    .inner-wrapper .contact, .inner-wrapper .industry-wrapper, .inner-wrapper .about-wrapper, .inner-wrapper .service-wrapper, .home-wrapper {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 1)  {
    .inner-wrapper .contact, .inner-wrapper .industry-wrapper, .inner-wrapper .about-wrapper, .inner-wrapper .service-wrapper, .home-wrapper {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}