@media only screen and (max-width: 991px) {

    .navbar-collapse.collapse.in {
        display: block !important;
    }

    .navbar-header {
        float: none;
    }

    .navbar-toggle {
        display: block;
        margin-top: 15px !important;
        margin-bottom: 15px !important;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }
    #logo{
        height: 55px;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-nav>li {
        float: none;
    }

    .navbar-nav {
        float: none !important;
    }

    .logo{
        padding-top: 5px !important;
    }
    .top_phone_mail{
        display: none;
    }
    .top_social{
        float: none !important;
        text-align: center;
    }
    #main_slider{
        width: 65%;
    }
    .slider_h{
        font-size: 36px;
    }
    .s_p{
        font-size: 17px;
    }

}

@media only screen and (max-width: 767px) {

    .slider_btn{
        font-size: 15px;
        padding: 8px 25px;
    }
    #main_slider{
        width: 75%;
    }
    .slider_h{
        font-size: 32px;
    }
    .s_p{
        font-size: 16px;
        line-height: 32px;
    }

}


@media only screen and (max-width: 640px) {

    #main_slider{
        width: 80%;
    }
    .slider_h{
        font-size: 30px;
    }
    .s_p{
        font-size: 15px;
        line-height: 30px;
        padding: 0 !important;
    }
    .logo{
        font-size: 22px;
        padding-top: 6px !important;
    }
    .ser_p{
        padding: 6px 10px !important;
    }
    .salary_h{
        padding: 6px 10px !important;
        font-size: 17px;
        vertical-align: middle !important;
    }
    #bredcum_innerpages{
        padding: 80px 0;
    }
    .app_box{
        padding: 40px 25px;
    }

}

@media only screen and (max-width: 520px) {

    #main_slider{
        width: 92%;
        left: 6%;
    }
    .slider_h{
        font-size: 24px;
    }
    .s_p{
        font-size: 14px;
        line-height: 24px;
        padding: 5px 0 !important;
        letter-spacing: 0;
    }
    .slider_btn{
        font-size: 14px;
        padding: 6px 20px;
        margin-top: 5px !important;
    }
    .carousel-caption{
        padding: 0;
    }


}

@media only screen and (max-width: 420px) {

    .carousel-inner > .item > img{
        height: 200px;
    }

}