@media only screen and (max-width: 1340px) {
    .header .item-center{
        flex: 0 0 83%;
    }
}

@media only screen and (max-width: 1199px) {
    .banner_btn_box {
        gap: 12px;
    }
    .header .item-left {
        flex: 0 0 10%;
    }
    .header .item-center {
        flex: 0 0 90%;
    }
    .menu-main{
        padding-left: 10px;
    }
    .header .menu > ul > li > a{
        padding-left: 25px !important;
    }
    .course_t_box{
        gap: 0 20px !important;
    }
    .jhb{
        width: 48%;
    }
}

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

    .navbar .navbar-nav>li>a {
        padding: 15px 15px;
        margin: 25px 0px;
    }

    .top_phone_mail {
        padding-right: 20px !important;
    }
    .banner {
        padding: 80px 0;
        padding-top: 40px;
    }
    .banner_li{
        margin-top: 10px !important;
    }

    /* .responsive_reverse {
        display: flex;
        flex-direction: column-reverse;
    } */
    .banner_form{
        margin-top: 40px;
    }
    .bb_btns {
        grid-template-columns: repeat(2, 1fr);
    }

    .bb_box {
        border-right: none !important;
    }
    .abt_img_box{
        padding: 20px;
        margin-top: 40px;
    }
    .contact_d_box{
        min-height: auto;
    }
    .box_right{
        margin-top: 40px;
    }
    .course_t_box{
        gap: 0;
    }
    .ctbib{
        padding-top: 20px;
    }


}

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

    #top_bar {
        display: block;
    }

    .top_phone_mail {
        display: none !important;
    }

    .pull-right {
        text-align: center;
        float: none !important;
    }
    .abt_t_i_box{
        display: grid;
        grid-template-columns: repeat(1,1fr);
        gap: 0px;
    }
    .abt_b_box{
        margin-top: 25px;
    }
    .resume a{
        position: relative;
        top: 5px;
    }


}

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

    .banner_li li {
        padding: 0 10px;
    }

    .banner_btn_box {
        margin-top: 40px;
        flex-direction: column;
        gap: 25px;
    }

    .bbb {
        padding: 0;
        margin: auto;
    }
    .panel-title {
        display: flex;
        line-height: inherit;
        font-size: 15px;
        gap: 5px;
        justify-content: space-between;
    }

    #faq .panel .panel-heading a .panel-title span {
        width: 20px;
    }
    #faq .panel-heading{
        padding: 15px !important;
    }
    .course_t_box{
        flex-direction: column;
    }
    .java_h_box{
        gap: 0 20px;
    }
    .jhb{
        width: 100%;
    }

}

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

    .banner_li li {
        margin-top: 25px;
    }
    .bb_btns {
        grid-template-columns: repeat(1, 1fr);
        gap: 30px;
    }
    .bb_box{
        padding: 0;
    }
    .banner_bottom{
        padding: 40px 0;
    }

}