@media only screen and (max-width: 991px) {
    .banner_h {
        padding-top: 35px !important;
    }

    .navbar-default .navbar-toggle {
        color: #3b0d82 !important;
        border-color: #3b0d82 !important;
    }

    .navbar-default .navbar-toggle .icon-bar {
        color: #3b0d82 !important;
        background: #3b0d82;
    }

    .carousel-caption {
        bottom: 75%;
    }

    .slider_h {
        font-size: 35px;
    }

    .category_menu {
        margin: 10px 0;
    }

    .logo {
        padding: 5px 15px !important;
    }
}

@media only screen and (max-width: 842px) {
    .slider_h {
        font-size: 30px;
        line-height: 50px;
    }

    .carousel-caption {
        width: 70%;
    }
}

@media only screen and (max-width: 767px) {
    #header {
        position: fixed !important;
        top: 0;
    }

    #myCarousel {
        margin-top: 50px;
    }

    #footer {
        padding: 50px 15px;
    }
    .navbar-brand{
        padding: 1px !important;
    }
    #logo{
        height: 50px;
    }
}

@media only screen and (max-width: 640px) {
    .slider_h {
        font-size: 25px;
        line-height: 35px;
    }
}

@media only screen and (max-width: 500px) {
    .slider_h {
        font-size: 22px;
        line-height: 30px;
    }

    .carousel-caption {
        bottom: 93%;
        width: 75%;
    }

    .coption_inner {
        padding: 10px !important;
    }

    .slider_p {
        font-size: 16px;
        line-height: 26px;
    }
}

@media only screen and (max-width: 410px) {
    .carousel-caption {
        bottom: 98%;
        width: 75%;
    }
}