/* Medium devices (tablets, ipad less than 1024px) */

@media screen and (min-width:993px) and (max-width: 1399px) {

}
@media screen and (min-width:768px) and (max-width: 991px) {
    .hero-banner .slider-bg img {
        display: none;
    }
    .hero-banner .slider-outer .slider-box {
        padding: 12px 6px;
        background: #e3ca3e;
    }
    .hero-banner .banner-text {
        padding: 40px 0px;
    }
    .hero-banner .banner-text-outer {
        padding-bottom: 20px;
        display: block;
        text-align: center;
    }
    .hero-banner .social-media ul {
        justify-content: center;
    }
}

@media screen and (max-width: 767px) {
    .hero-banner .col-md-12:first-child{
        order: 2;
    }
    .hero-banner .slider-bg img {
        display: none;
    }
    .hero-banner .slider-outer .slider-box {
        padding: 12px 12px;
        background: #e3ca3e;
    }
    .hero-banner .banner-text-outer {
        padding-bottom: 40px;
        padding-top: 40px;
    }
    .hero-banner .slider-outer .slider-box img {
        max-width: 100%;
        margin: auto;
    }
    .banner-text {
        padding: 30px 0px;
    }
    .hero-banner .slider-outer .banner-slider {
        padding-top: 30px;
    }
    .hero-banner .slider-bg img{
        width: 100%;
        max-width: 100%;
    }
}