.dl-menuwrapper{
    display: none;
}
.active-sub-menu{
    display: block !important;
}

/*
=================================================
UP FROM 1200PX
=================================================
*/ 
@media (max-width: 1600px) {
    h3.logo-name, h3.logo-name a{font-size: 22px;margin: 12px 0 !important;}
    .figcaption-tittle h3{padding: 1.25rem !important;font-size: 26px;}
    .fg-h1 h3 {font-size: 36px;}
    .f-30-px h3{font-size: 30px;}
}
@media (max-width: 1460px) {
    h3.logo-name, h3.logo-name a{font-size: 18px;margin: 12px auto !important;text-align: center;}
    .top_nav li a{padding: 10px 4px 8px;font-size: 18px;}
    .figcaption-tittle h3{padding: 1rem !important;font-size: 24px;}
    .fg-h1 h3 {font-size: 30px;}
}
@media (max-width: 1300px) {
    .english-faculty-bg .edu2_faculty_des2 h6{font-size: 15px;}
}
/*
=================================================
FROM 992PX TO 1199PX
=================================================
*/ 
@media (min-width: 992px) and (max-width: 1199px) {
    .nav_2 ul li a{
        padding:15px 6px; 
    }
    /* h3.logo-name,h3.logo-name a{font-size: 14px;padding: 5px 0px 8px;}
    .top_nav li a, .login_wrap li a{ 
    padding: 14px 4px 8px;
    font-size: 13px;
    font-weight: bold;
}*/
    h3{
        font-size: 24px;
    }
    h5{
        font-size: 18px;
    }
    .kf_edu2_intro_wrap::before{
        width: 40%;
    }
    .kf_intro_des_wrap{
        width: 60%;
    }
    .edu2_gallery_des ul li{
        line-height: normal;
        margin: 0px;
    }
    .edu2_gallery_des ul li a{
        line-height: normal;
        font-weight: normal;

    }
    .wiget-instagram ul li {
        width: 60px
    }
    .edu2_event_wrap.side_change{
        padding: 30px 30px 20px 220px
    }
    .edu2_event_wrap{
        padding: 30px 220px 20px 30px
    }
    .edu2_event_wrap figure{
        width: 200px;
    }
    .edu2_event_wrap .post-option > li{
        line-height: normal;
    }
    .edu2_event_wrap.side_change .post-option li{
        margin: 0px;
        float: right;

    }
    .edu2_event_wrap .post-option{
        margin: 0px;
    }
    .edu2_event_wrap .edu2_event_des{
        padding: 0px;
    }
    .edu2_event_des span{
        font-size: 52px;
        top: 0px;
    }
    .edu2_event_wrap .edu2_event_des h4{
        margin-bottom: 15px; 
    }
    .edu2_event_des p{
        line-height: normal;
        margin: 0px;
    }
    .edu2_event_wrap figure{
        margin-top: -76px;
    }
    .kf_courses_wrap figure{
        margin-bottom: 30px;
    }
    /*.nav_2{
    padding: 3px 0;
}*/
    .kf_intro_des figure figcaption{
        margin:-27px 0 0;
    }
    .kf_edu2_tab_wrap .nav-tabs li {
        margin: 0 0 0 14px;
    }
    .edu2_ft_logo_wrap{
        width:100%;
    }
    .cards_wrap li:last-child {
        display:none;
    }
    .copyright_des{
        padding:26px 0;
    }
    .cards_wrap {
        padding: 17px 0 11px;
    }
    .edu2_main_bn_wrap .owl-theme .owl-pagination{
        bottom:30px;
    }
}

@media (max-width: 1024px) {
    .kf_blog_detail_wrap .elementor-col-50, .kf_blog_detail_wrap .elementor-col-66, .kf_blog_detail_wrap .elementor-col-33 {
        width: 100% !important;
    }
    .m15-rg{
        margin-right: 0 !important;
        padding-right: 5px;
    }
    .p10-rg, .p5-rg{padding-right: 0px !important;}
    .figcaption-tittle h3{
        padding: 0 !important;
        font-size: 22px;
    }
    .teacher_bio_logo{display: none;}
    .english-faculty-bg .edu2_faculty_des2 h6, .english-faculty-bg .edu2_faculty_des2 strong{height: auto;}
    .english-faculty-bg .edu2_faculty_des2 strong{margin-bottom: 15px;}
    .arabic-faculty-bg .edu2_faculty_des .edu2_faculty_des2, .english-faculty-bg .edu2_faculty_des .edu2_faculty_des2 { min-height: auto;}
    h3.logo-name, h3.logo-name a{font-size: 16px;}
}

/*
=================================================
FROM 0PX TO 979PX
=================================================
*/ 
@media (max-width: 991px) {
    .width-100{width: 100%;}
    #mobile-header{
        display:none;
    }
    .nav_2{
        padding: 0;
    }
    .nav_2 > ul{
        display:none;
    }
    .dl-menuwrapper{
        display: block;
    }
    #header_2 .top_bar_2 .container .row div:first-child{
        display: none;
    }
    #header_2 .top_bar_2 .container .row > div{
        width: 100%;
        float: left;
    }
    #header_2 .top_nav{
        float: left;

    }
    .logo_wrap{
        text-align: center;
    }

    .edu2_main_bn_wrap .owl-theme .owl-pagination{
        bottom: 10px;
    }

    .edu2_main_bn_wrap figcaption h2,.edu2_main_bn_wrap figcaption h1{
        font-size: 40px;
    }
    .kf_edu2_intro_wrap::before{
        width: 30%;
    }
    .kf_intro_des_wrap{
        width: 70%;
    }

    .page-id-77 .kf_edu2_heading1 h3{
        margin-bottom: 20px !important;
        text-align: left;
        line-height: 1.2 !important;
    }
    .kf_edu2_training_des figure{
        width: auto;
        left: -150px;
    }
    .edu2_pricing_des{
        margin-bottom: 30px;
    }
    footer .widget{
        margin-bottom: 30px;
        border-bottom: solid 1px rgba(0,,0)
    }
    .edu2_copyright_wrap{
        text-align: center;
    }
    .edu2_ft_logo_wrap{
        display: inline-block;
        float: none;
    }
    .abt_univ_wrap{
        margin-bottom: 0px
    }
    .edu2_event_wrap.side_change .post-option > li{
        display: inline-block;
        float: none;
    }
    .edu2_event_wrap.side_change .post-option {
        text-align: right;
    }
    .kf_event_list_des{
        padding: 20px;
        text-align: justify;
    }
    .kf_event_list_des p{
        line-height: 24px;
    }
    .kf_event_gallery{
        margin-bottom: 30px;
    }
    .kf-sidebar div.widget:first-child{
        margin-top: 30px;

    }
    #filterable-item-filter-1 a{
        padding:5px 10px; 
    }
    .error_thumb{
        width: 80%;
    }
    .error_des{
        padding: 0 30px;
    }
    .error_thumb{
        bottom: -42px;
    }
    .error_des span{
        top: -120px;
    }
    #header_2 .top_bar_2 .container .row div.lng_wrap, #header_2 .top_bar_2 .container .row div.lng_wrap > div{
        display: block;
    }
    .kf_edu2_tab_wrap .nav-tabs {
        border: medium none;
        float: left;
        margin-bottom: 20px;
    }
    .edu2_ft_logo_wrap{
        width:auto;
    }
    .logo_wrap > a {
        float: left;
    }
    .nav_2 ul li a{
        color:#fff;
        font-weight:normal;
    }
    .edu2_main_bn_wrap figure figcaption{
        margin: -69px auto 0;
    }
    .edu2_main_bn_wrap figcaption p{
        margin-bottom:0px;
    }
    .kf_intro_des figure figcaption{
        margin:-28px 0 0;
    }
    .top_bar_2{
        border-bottom: 1px solid #089de3;
    }
    .kode_navigation, .logo_wrap{
        /*background: #067eb6;
        padding: 5px 0;*/
    }
    .login_wrap li:first-child{
        display: inline-block;
    }
    /*.abt_univ_wrap{margin-bottom: 0;}*/
    .abt_univ_thumb figure{margin-bottom: 30px;}
    .nav_2 ul ul{width: 100%;}
    .nav_2 ul li > ul{
        border-top: 3px solid #2ea3f2;
        background: #fff;
        position: relative;
        opacity: 1;
        top: 100%;
        visibility: visible;
        display: none;
    }
    .nav_2 ul li:hover > ul{
        display: none;
    }
    .nav_2 ul ul li a{
        font-size: 16px;
        /*padding: 7px 30px;*/
        color: #333 !important;
    }
    .top_bar_2{    position: fixed;width: 100%;}
    #header_2{    height: 38px;}
    .home #header_2{    height: 18px;}
    .student_slider_thumb{margin-top: 20px;}
    .abt_univ_des .elementor-column-wrap.elementor-element-populated {
        padding:10px !important;
    }
    .blog section {
        padding: 30px 0;
    }
    /*.kf-sidebar .elementor-widget{
    margin-bottom: 70px;
}*/
    .abut-padiing{    padding-bottom: 0px;}
    .elementor-top-section{padding: 20px 0px 0px 0px !important;}
    .kf_edu2_heading2{margin: 0;}
    .page-id-319 .elementor-top-section{padding: 0px 0px 0px 0px !important;}
    .inputs_des.des_2 > span,.contact_des .des_2 > input[type="submit"]{width: 100% !important;}
    .blog_3_des img{width: 100%;height: 100%;}
    .kf-sidebar img{width: 100%;}
    .lng_wrap{
        position: absolute;
        right: 0;
    }
    .rtl .lng_wrap {
        position: absolute;
        right: 0px;
        top: 0px;
    }
    #return-to-top i{
        margin:12px 10px;
    }
    .kf-sidebar{display: none !important;}
    .page-id-77 .kf-sidebar{display: block !important;}
    .right-side-align.contact_des, .right-side-align.contact_meta, .right-side-align.contact_des, .right-side-align.cont_socil_meta{
        padding-top: 20px;
        padding-bottom: 30px;
    }
    .tab-content.blog_pg_form{margin-bottom: 30px;}
    .contact-forms, .career-forms{
        margin-bottom: 20px;
    }
    #english.collapse, #arabic.collapse {
        display: none;
    }
    #english.collapse.in, #arabic.collapse.in{
        display: block;
    }
    .blue-bg .kf_intro_des_wrap {
        padding: 0;
    }
}
/*
=================================================
FROM 768PX TO 979PX
=================================================
*/

@media (min-width: 768px) and (max-width: 979px) {
    .top_nav li a{    padding: 10px 6px 8px;}
    .lng_wrap button{padding: 10px 20px;}
    h3.logo-name{font-size: 22px;}
    .hidden-sm {
        display: none!important;
    }
}
/*
=================================================
FROM 0PX TO 767PX
=================================================
*/
@media (max-width: 767px) {
    .hidden-xs {
        display: none!important;
    }
    .lng_wrap button{padding: 10px 20px;}
    h3.logo-name {
        font-size: 19px;
    }
    #kode-header{
        position:relative;
    }

    .top_nav{
        display: none;
    }
    .edu2_main_bn_wrap figcaption span, .edu2_main_bn_wrap figcaption p{
        display: none; 
    }
    .edu2_main_bn_wrap figcaption p.link-btn{display: block;}
    .edu2_main_bn_wrap figcaption h2,.edu2_main_bn_wrap figcaption h1{
        font-size: 30px;
    }
    .edu2_main_bn_wrap figure figcaption{
        margin: 0px;
        padding:0px 50px;
        top: 30%;
    }
    .kf_intro_des{
        width: 100%;
        margin: 15px 0px;
    }
    .kf_intro_des_wrap{
        width: 100%;
        padding: 0;
    }
    .kf_edu2_intro_wrap::before{
        width:100%;
        opacity: 0.1
    }
    .kf_intro_des_caption p{
        text-align: justify;
        color: #000;
    }
    .kf_intro_des_caption a{position: relative;}
    .edu2_counter_des{
        width: 100%;
        border-right: none;
        border-bottom: solid 1px rgba(255,255,255,0.3); 
    }
    .edu2_event_des{
        width: 100%;
    }
    /*.student_slider_thumb{
    display: none;
}*/
    .student_slider_wrap .bx-wrapper{
        padding: 0px 0 55px 0;
    }
    .edu2_event_wrap{
        padding: 20px;
    }
    .edu2_event_wrap::before{
        right: 0px;
    }
    .edu2_event_wrap .edu2_event_des{
        width: 100%;
    }
    .edu2_event_wrap figure{
        position: relative;
        float: left;
        width: 100%;
        margin: 0px;
    }
    .side_change::before{
        left: 0px;
    }
    .kf_event_list_wrap{
        /*padding:30px;*/
    }
    .kf_event_speakers_des{
        margin-bottom: 30px;
    }
    .event_gallery_des{
        float: none;
        margin: 0 -1%;
        width: auto;

    }
    .event_gallery_des li{
        width: 48%;
        margin: 1% 1%;
    }
    .event_gallery_des li img{
        width: 100%;
    }
    .event_link{
        margin-top: 30px;
    }

    .kf_courses_tabs .nav-tabs > li{
        width: 100%;
    }
    .kf_courses_tabs .nav-tabs > li a{
        padding:10px 10px; 
    }
    .kf_inr_breadcrumb{
        display: none;
    }
    .inr_banner_heading{
        width: 100%;
    }
    .teacher_bio_logo{
        width: 100%;
    }
    .teacher_bio_des ul li{
        margin-right: 15px;
    }
    .skill_progress_des{
        padding: 30px;
    }
    .kf_training_des{
        padding:0;
        width: 100%; 
    }
    .kf_training_date{
        width: 100%;
        padding:0;
        text-align: justify; 
    }
    .kf_training_wrap li:nth-child(2n) .kf_training_date{
        padding:0; 
    }
    .kf_training_wrap ul li::before, .kf_training_wrap ul li::after{
        display: none;
    }
    .kf_training_wrap ul li{
        border: solid 1px #ccc;
        margin-bottom: 20px;
        padding: 0px;

    }
    .kf_training_wrap li:nth-child(2n) .kf_training_des{
        padding:0;
        text-align: justify;
    }
    .kf_training_des p{
        margin: 0 0 10px;
    }
    .kf_training_outer_des {
        border-bottom: 1px solid;
    }
    .filterable_thumb figure{
        margin:0px; 

    }
    .error_des span{
        font-size: 140px;
        top: -90px;
    }
    .error_wrap{
        padding: 98px 0 0px
    }
    .elementor-element.elementor-element-f2b160d.error_wrap.elementor-column.elementor-col-100.elementor-top-column {
        padding: 100px 0;
    }
    .blog-detl_heading .elementor-column-wrap.elementor-element-populated{
        padding: 10px !important
    }
    .error_thumb{
        width: 100%;
        position: static;
        float: left;
    }
    .error_thumb figure img{
        width: 150%;
        max-width: inherit;

    }
    .location_des{
        margin: -182px 0 0 -63px
    }
    .kf_courses_wrap figure{
        margin-bottom: 30px;
    }
    #filterable-item-filter-1 li{
        margin:3px;
    }
    .logo_wrap > a {
        float: left;
    }
    .edu2_main_bn_wrap .owl-theme .owl-pagination{
        z-index:7;
    }
    .nav_2 ul li a{
        color:#fff;
        font-weight:normal;
    }
    /*.nav_2 ul ul li a{
    color: #000;
}*/
    .gallery3 .filterable-item.col-md-3 {
        width: 50% !important;
    }
    .top_bar_2 .col-md-5 {
        display:block;
    }
    #header_2 .login_wrap{
        float:left;
    }
    .lng_wrap .open .dropdown-menu{
        right: 5px!important;
    }
    .lng_wrap button .caret{
        margin-left: 0;
    }
    .blog-detl_heading, .blog_pg_form textarea, .blog_pg_form input[type="e-mail"], .blog_pg_form input[type="text"]{
        float:unset;
    }
    .university-faculty img{
        margin-bottom: 15px;
    }
    .university-faculty-p{
        margin-top: 0px;
    }
    .kf_edu2_intro_wrap{
        padding: 40px 0 20px;
    }
    .edu2_counter_des.icon-div {
        padding: 30px 0;
    }
    .view-all{
        padding-bottom: 30px;
    }
    .tab-nxt-but-div{
        text-align: center;
    }
    .btnNext.button, .btnpayment.button,.btnPrevious.button, .printform.button{
        float: none;
        margin: 0 auto;
        margin-top: 20px;
    }
    .m15-rg{
        margin-bottom: 15px;
        padding-right: 0px;
    }
    .p10-rg{margin-bottom: 15px;}
    .figcaption-tittle h3{
        padding: 0 !important;
        font-size: 32px;
    } 

    .figcaption-tittle a h3 {
        padding: 0 !important;
    }
    .woocommerce-loop-product__title{
        height: auto;
    }
    .alignleft, img.alignleft{
        width: 100%;
        margin-bottom: 20px;
    }
    .mobile-height-img .elementor-column-wrap.elementor-element-populated {
        height: 250px;
    }
    .blog .edu2_col_3_des, .blog .edu2_col_3_des p{
        height: auto;
    }
    .arabic-faculty-bg .edu2_faculty_des .edu2_faculty_des2, .english-faculty-bg .edu2_faculty_des .edu2_faculty_des2 {
        min-height: auto;
    }
    .bg-des2-new{
        min-height: auto !important; 
    }
    .mobile-height-img .elementor-container.elementor-column-gap-default {
        min-height: 250px !important;
    }
    .elementor-8 .elementor-element.elementor-element-769d648{padding: 15px 0px !important;}
    .elementor-8 .elementor-element.elementor-element-c538b33 > .elementor-element-populated{padding: 0px 0px 12px 0px !important;}
}
/*
=================================================
FROM 0PX TO 0PX
=================================================
*/
@media (max-width: 480px) {
    body{
        cursor: pointer;
    }
    h3.logo-name, h3.logo-name a {
        font-size: 20px;
        width: 220px;
        white-space: nowrap;
        overflow: hidden;
        margin: 12px auto !important;
        text-align: center;
    }
    .rtl h3.logo-name, h3.logo-name a{
        width: 100%;
    }
    .lng_wrap button{
        padding: 10px 20px; 
    }
    .logo_wrap img{
        width: 155px;
    }
    .location_des{
        position: static;
        margin: 60px 0px 0px 0px;
        width: 100%;
        float: left;
    }
    .edu2_main_bn_wrap figcaption h2,.edu2_main_bn_wrap figcaption h1{
        font-size: 24px;
        margin: 0 !important;
    }
    .kf_edu2_heading2 h3, .kf_edu2_heading1 h3{
        font-size: 20px;
    }
    body{
        line-height: 24px;
    }
    .edu2_training_wrap h2{
        font-size: 30px;
    }
    .edu2_training_wrap .countdown li{
        margin: 0px 1px;
        width: 65px;
    }
    .kf_edu2_training_des{
        display: none;
    }
    .edu_testemonial_wrap figure{
        float: none;
        /* width: 100%;*/
        height: auto;
        position: static;
        margin: 0 auto;
    }
    .edu_testemonial_wrap:before{
        width: 100%;
    }
    .edu_testemonial_wrap .kode-text{
        padding: 20px 0px 0px 0px;
        float: left;
        width: 100%;
    }
    .edu_testemonial_wrap{
        padding:20px
    }
    .convocation_link{
        padding: 15px 19px; 
    }
    .comment_wrap figure{
        width: 70px;
    }
    .search_bar_des{
        width: 100%;
    }
    .search_bar_des > input[type="search"], .search_bar_des .selectric-wrapper, .inr_pg_search_wrap form > button{
        width: 100%;
        margin: 10px 0px;
    }
    .inr_pg_search_wrap{
        padding: 10px 20px
    }
    .teacher_bio_des ul li{
        width: 100%;
        margin: 3px 0px;
    }
    .kf_inr_ban_des h3{
        font-size: 26px;
    }
    h3{
        font-size: 26px
    }
    .filterable_heading .btn-group{
        width: 100%;
        margin: 20px 0px;
    }
    .nav_2 .dl-menuwrapper button{
        margin-top:0px;
    }
    .kf_edu2_tab_wrap .nav-tabs li {
        margin: 0 0 0 8px;
    }
    .edu2_gallery_wrap.gallery .gallery3 .filterable-item.col-md-3 {
        width: 100% !important;
    }
    .edu2_ft_topbar_des h5{
        text-align:center;
        font-size: 18px;
        padding-bottom: 15px;
    }
    .login_wrap li a{
        padding: 10px 10px 8px;
    }
    .kf_event_speakers_des figure img{
        float: none;
        width: auto;
        margin: 0 auto;
        text-align: center;
    }
    .list-alter p span{
        float:left;width: 90%;
        text-align: justify;
    }
    .teacher_thumb figure img{width: 100%;height: 100%;}
    .training_heading h4{font-size: 22px;}
    .student_slider_thumb a{    padding: 1px;}
    .nav-tabs>li>a{padding: 8px 4px;font-size: 13px;}
    .product-detail-tabs .blog-detl_heading h5 {font-size: 14px;}
    .upload-image{width: 270px;height: 270px;top:20px;}
    .contact_meta li a{    font-size: 22px;}
    .live-video-session iframe {
        width: 320px !important;
        height: auto;
        margin-top: 15px;
        margin-left: 5px;
    }
    section.elementor-element.elementor-element-5830ee0.elementor-section-stretched.elementor-section-full_width.kf_edu2_intro_wrap.no-padding.blue-bg.elementor-section-height-default.elementor-section-height-default.elementor-section.elementor-top-section{padding: 20px 0 !important;}
    .blue-bg .kf_intro_des_caption p{    font-size: 16px;}
    .elementor-element.elementor-element-e4bfbf5.elementor-section.elementor-top-section {
        padding: 0 !important;
    }
    #owl-demo-main-mobile a.btn-1 {
        font-weight: normal;
        font-size: 14px;
        margin-top: 25px;
        text-transform: capitalize;
        padding: 8px 25px;
    }
    #owl-demo-main-mobile a.btn-1:hover, #owl-demo-main-mobile a.btn-1:focus{
        color: #fff;
        background-color: #5eb7f2;
        border-color: #5eb7f2 !important;
    }
    .marquee span{top:4px;}
    ._sumo_pp_modal-wrapper table._sumo_pp_modal-info th, ._sumo_pp_modal-wrapper table._sumo_pp_modal-info td {
        line-height: 1.8;
        font-size: 14px;
        text-align: center;
    }
    ._sumo_pp_modal-close img{
        position: relative;
        top: -5px;
        right: -8px;
    }
}