@media only screen and (max-width: 1300px){
    .container .head_bar_con .head_bar_center {
        width: 100%;
    }

    .container .header_con .header_center {
       width: 100%;
    }

    .menu_con .menu_center {
        width: 100%;
    }



    .container .label_con .label_center {
        width: 100%;
    }

    .container .about_in_con .about_in_center {
         width: 100%;
    }

    .container .inst_banner_con .inst_banner_center {
        width: 100%;
    }

    .container .course_t_con .course_t_center {
        width: 100%;
    }

    .container .footer_con .footer_center {
       width: 100%;
    }
}

@media only screen and (min-width: 769px){
    .menu_con .menu_center .menu .menu_s{
        display: block;
    }
}

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

    .header .logo_search .logo{
        width:60%;
    }

    .header .logo_search .logo img{
        padding: 13px 10px;
    }

    .header .logo_search .enroll_n{
        width: 35%;
    }

    .menu_con .menu_center .menu .menu_bar {
        display: block;
        cursor: pointer;
    }

    .menu_con .menu_center .menu .menu_s {
        width: 98%;
        position: absolute;
        max-height: inherit;
        overflow-y: auto;
        z-index: 100;
        top: 100%;
        left: 1%;
        
        box-sizing: border-box;
    }

    .menu .menu_s > ul {
        float: left;
        width: 100%;
    }

    .menu .menu_s > ul > li {
        float: left;
        width: 100%;
        position: relative;
        background: white;
        border-bottom: 1px solid rgba(51, 51, 51, 0.1);
    }

    .menu .menu_s > ul > li > a{
        color:var(--black);

    }

    .menu .menu_s > ul > li > a i{
        color:var(--black);
    }

    .menu .menu_s > ul > li > .cate_sub_one{
        width: 100%;
        float: left;
        position: static;
    }

    .menu .menu_s > ul > li > .cate_sub{
        width: 99%;
        float: left;
        position: static;
        min-height: inherit;
        border:none;
    }

    .menu .menu_s > ul > li > .cate_sub > ul > li{
        padding: 10px;
    }

    .menu .menu_s > ul > li > .cate_sub > ul > li > .sub_cate{
        width: 100%;
       
        box-sizing: border-box;
        height: 100%;
        position: static; 
        border: none;
        border-left: none;        
        float: left;
    }

    .menu .menu_s > ul > li > .cate_sub > ul > li > .sub_cate .sub_level .course_head{
        width: 100%;
    }

    .menu .menu_s > ul > li > .cate_sub > ul > li > .sub_cate .course_img{
        display:none;
    }

    .label .fact ul{
        display: flex;
        flex-wrap: wrap;
        gap: 15px;
        padding: 25px;
        align-items: center;
        justify-content: center;
    }

    .label .fact ul li{
        width: 47%;
    }
    

    .about_in .about_image{
        width: 100%;
    }

    .about_in .about_image .image{
        margin-top: 0;
    }

    .about_in .about_image .image .img_one {
        padding: 25px;
        box-sizing: border-box;
    }

    .about_in .about_content{
        width:100%;
    }

    .inst_banner .inst{
        flex-direction: column;
        background-position: 90% 33%;
        background-size: 30% auto;
    }

    .inst_banner .inst .column_two{
        justify-content: flex-start;
        padding: 20px 0px;
    }

    .inst_banner .inst .column_two .joinbox{
        justify-content: flex-start;
    }

    .container .inst_banner_con .inst_banner_center .inst_banner {
        padding: 10px;
        box-sizing: border-box;
    }

    .course_t .course_heads{
        padding: 23px;
        box-sizing: border-box;
        margin-bottom: 20px;
    }

    .course_t .course_heads .pop_course{
        width:100%;
    }

    .course_t .course_list{
        padding: 10px;
        box-sizing: border-box;
    }

    .course_t .course_list ul li{
        width: 50%;
    }

    .course_t .course_list ul li .list_con {        
        width: 100%;
        box-sizing: border-box;
    }

    .course_t .course_list ul li .list_con .img_cont .head{
        font-size: 16px;
    }

    .course_t .course_list ul li .list_con .img_cont .para{
        height: inherit;
    }

    .container .footer_con .footer_center .footer {
        padding: 20px;
        box-sizing: border-box;
    }

    .footer .footer_sec_two{
        flex-direction: column;
    }

    .footer .footer_sec_two .sect_two_con{
        width: 100%;
    }

    .footer .footer_sec_two .sect_two_con .social_icon{
        width: 100%;
        float: left;
        display: flex;
        justify-content: center;
    }

    .footer .footer_sec_two .sect_sitemap{
         width: 100%;
         justify-content:flex-start;
    }

    .responsive-map {
        overflow: hidden;
        position: relative;
        width: 98% !important;
        height: 300px;
    }


}

@media only screen and (max-width: 600px){
    .head_bar .info_f {
        width: 100%;
        position: fixed;
        z-index: 99999999;
        bottom: 0;
        background: white;
        padding: 10px 4px;
        box-sizing: border-box;
        border-top: 1px solid rgba(51, 51, 51, 0.1);
    }

    .head_bar .info_f ul {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .about_in .about_content .about_head{
        font-size: 46px;
    }

    .head_bar .info_f ul li {
        font-size: 13px;
        color:var(--black);
		padding: 2px 5px;
    }

    .head_bar .info_f ul li .txt a {
        color:var(--black)
    }

    .head_bar .social_icon{
        width:100%;
        box-sizing: border-box;
        display: none;
    }

    .head_bar .social_icon .tp-footer-bottom-social{
        display: flex;
        justify-content: center;
    }

    .header .logo_search .logo{
        width:65%;
    }

    .header .logo_search .logo img{
        padding: 31px 10px;
    }

    .header .logo_search .enroll_n{
        width: 35%;
    }

    .label .fact ul li {
        width: 100%;
    }
	
	.about_in .about_image .image .img_two img {
		width: 80%;
	}

    .about_in .about_image .image .img_three {       
        bottom: 197px;
        right: 23px;
    }

    

    .about_in .about_content {
        margin-top: 35px;
    }

    .course_t .course_heads .pop_course .pop_head{
        font-size: 36px;
    }

    .course_t .course_list ul li {
        width: 100%;
    }

    .course_t .course_list ul li .list_con .image img{
        width: 100%;
        height: auto;
    }

    .footer .footer_sec_two {
        flex-direction: column;
        padding: 0;
    }

    
}

@media only screen and (max-width: 450px){
     .about_in .about_image .image .img_three {       
        bottom: 125px;
        right: 7px;
        align-items: center;
    }

    .about_in .about_image .image .img_three .years {
        font-size: 79px;
    }
}