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

    #logo{
        height: 85px;
    }

}
@media only screen and (max-width: 1100px) {
    .slider_content {
        padding: 25px;
    }

    #main_slider{
        bottom: 10%;
    }
   
}

@media only screen and (max-width: 991px) {
    .slider_content {
        padding: 20px;
    }

    .slider_h {
        font-size: 20px;
        padding:0 !important;
        line-height: 36px;
    }
    #main_slider{
        width: 50%;
        left: 3%;
    }
    .slider_p {
        line-height: 28px;
        letter-spacing: 0.3px;
        font-size: 14px;
    }

    #slider_btn {
        padding: 7px 25px;
        margin-top: 8px;
    }

    #logo {
        height: 80px;
    }

    .navbar .navbar-nav>li>a {
        margin: 15px 8px;
    }
    .banner_content{
        width: 100%;
    }
    .banner_btn{
        margin-top: 15px;
    }
    .banner_p{
        padding-top: 10px !important;
    }
    .counter-number{
        margin-bottom: 65px;
    }
    #reverse {
        display: flex;
        flex-direction: column-reverse;
    }
    .ser_content{
        margin-top: 0;
    }
    #abt_banner{
        padding-bottom: 90px;
    }

}


@media only screen and (max-width: 767px) {
    #logo {
        height: 75px;
        margin-left: 15px !important;
    }
    .slider_h {
        font-size: 17px;
        line-height: 30px;
    }
    #top_nav{
        display: none;
    }
    .navbar{
        margin-top: 20px !important;
        background: #ffffff;
    }
    .nav_background_scroll{
        margin-top: 0 !important;
    }
    #main_slider{
        width: 65%;
        left: 2%;
        bottom: 0%;
    }
    .slider_p {
        line-height: 25px;
        letter-spacing: 0;
        font-size: 13.5px;
        padding:0 !important;
    }
    #slider_btn {
        padding: 6px 25px;
        margin-top: 10px;
    }

    .navbar-toggle{
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .banner_h{
        font-size: 32px;
    }
    .banner_p{
        font-size: 15px;
        letter-spacing: 0;
        line-height: 30px;
    }
    .banner_content{
        padding-left: 5%;
        padding-top: 22.5%;
        padding-bottom: 0;
        padding-right: 2%;
    }
}

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

    #video{
        width: 130%;
    }
    .banner_btn{
        padding: 10px 25px;
        font-size: 14px;
    }

}


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

    #video{
        width: 180%;
    }
    .banner_content{
        padding-top: 30%;
    }
    .banner_h{
        font-size: 28px;
    }
    .banner_p{
        font-size: 14px;
        letter-spacing: 0;
        line-height: 28px;
    }
   
}