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

    
    
}

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

    .banner_h {
        padding-top: 35px !important;
    }

}

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

    #top_bar{
        display: none;
    }
    .navbar-toggle{
     margin-top: 20px;   
     margin-bottom: 20px;   
    }
    .logo{
        font-size: 26px;
    }
    #logo{
        
        height: 90px;
    }

}

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

    #main_slider {
        background: rgba(0, 0, 0, 0.5);
        border-left: 3px solid #ff9600;
        width: 85%;
        bottom: 10%;
        left: 8%;
        padding: 5px 6px;
    }
    .slider_h {
        letter-spacing: 0.35px;
        font-weight: 600;
        font-size: 16px;
        padding-bottom: 0 !important;
    }
    .slider_p {
        font-size: 15px;
        letter-spacing: 0.5px;
        padding-bottom: 0 !important;
    }
    .slider_btn {
        background: var(--highlight-color);
        padding: 8px 30px;
        font-size: 14px;
        margin-top: 0x;
        margin-bottom: 5px;
    }

}


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

    #main_slider {
        background: rgba(0, 0, 0, 0.5);
        border-left: 3px solid #ff9600;
        width: 85%;
        bottom: 8%;
        left: 7%;
        padding: 5px 6px;
    }
    .slider_h {
        letter-spacing: 0.35px;
        font-weight: 500;
        font-size: 18px;
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }
    .slider_p {
        font-size: 14px;
        letter-spacing: 0.5px;
    }

}