/* Extra small devices (phones, less than 768px) */
@media (max-width: 767px) {
    .section-hero {
        background: #ffffff url('/themes/images/main-banner.jpg') no-repeat center;
        background-size: cover;
        min-height: 300px;
        color:#fff;
    }
    .hero-div {
        padding-top: 150px;
        padding-bottom: 100px;
        text-align: center;
    }
    .hero-div h3 {
        color: #fff;
        text-transform: uppercase;
        font-size: 1.2em;
    }
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {

}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .flexslider-container{
        margin-top: -2px;
    }
}
/* Large devices (large desktops, 1200px and up) */