@media (min-width: 577px) and (max-width: 767px) {

/* .header_navbar {

    padding: 12px 26px !important;

}*/



header.navbar.header_navbar {

    padding: 13px !important;

}



.slider_content2 {

    display: inline;

}



.banner_text {

    margin-top: 0px;

}



.slider_content {

    left: 10%;

    top: 24%;

}



.navbar .menu-items {

  background: #080000f7;

}



    .banner_img img {
        width: 80%;
        margin-top: 40px;
    }



.inner_banner::before {



    height: 42%; 



}



section.header_area2 a {

    color: #fff !IMPORTANT;

}



.responsive_padding{

  padding:10px 0px;

}



.responsive_margin{

    margin: 0px 25px;

}



.footer_widget{

    text-align: justify;

}



.services_main h2 {

    font-size: 26px;

}



section.mission-vission {

    padding: 52px 41px 4px 41px;

    text-align: justify;

}





.services_main i {

    margin: 2px 8px;

}



.bt_bb_button a {

    background: #e74242;

    padding: 22px 35px 18px 18px;}





.bt_bb_button {

    margin: 20px 0px 38px 0px;

}



.service_para p {

    line-height: 21px;

    display: flex;

}



.about_para p {

    line-height: 21px;

    display: flex;

}



.ab_right {

    display: none;}



section.ab_sec{

    margin: 1px 17px;

}









.ab_left h2 {

    font-size: 36px;

}



.ab_left {

    padding: 18px 24px 87px 24px;

}



.bt_bb_button .btn2 {

    padding: 22px 35px 18px 18px;

 

}



.ses_img img {

    width: 100%;

}



section.header_area {

    height: 825px;

}



}



@media (min-width: 300px) and (max-width: 576px) {
    



    h1.fade-h1 {
        /* width: 90%; */
        font-size: 20px;
    }

.bt_bb_button .btn2 {
        padding: 12px 20px 12px 13px;
    
}

.bt_bb_button {
    margin-top: 0px;
}

    .bt_bb_button a {
        background: #e74242;
        padding: 12px 12px 12px 20px;
    }

span.bt_bb_button_text {
    font-size: 15px;
}

.header_slider {
        height: 600px;
        width: 100%;
        border-bottom-left-radius: 80px;
}

    .banner_img img {
        width: 35%;
        margin-top: 25px;
        margin-left: 10px;
    }
    
    
    .banner_text.aos-init.aos-animate {
    padding-left: 15px;
}


    .slider_content {
        top: 100px;
    }

    .cus_container {
         padding-left: 0px; 

    }
    
    
    .slider_content2 {
        width: 98%;
        display: flex
;
        flex-wrap: wrap;
        /* flex-direction: column; */
        /* justify-content: space-between; */
    }

    .menu-item.first-item {
        padding: 1rem 1rem;
        color: #000;
    }

body {

    overflow: hidden;
}

.header_slider {
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  position: relative;
}

.header_slider video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
    
    
}