<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@media (max-width: 1303px) {
    #section_contact .contact-section-wrap .left-content {
        padding: 15px 15px 0px;
    }
    #section_contact .contact-bottom-content {
        padding-top: 10px;
    }
    /*********counter three**************/
    
    .counter-three-main-wrap .right-content {
        padding: 0 20px;
        padding-bottom: 0;
    }
}
@media (max-width: 1200px) {
    .site-footer .footer_area {
        margin-left: 0;
        margin-right: 0;
    }
    .course-main .hour-cresit &gt; div {
        width: auto;
        padding: 0;
    }
    .course-main .hour-cresit &gt; div span {
        padding-right: 5px;
    }
    .course-main .hour-cresit &gt; div.hour {
        padding-right: 8px;
        padding-left: 0;
    }
    .course-main .title-hour-credit {
        padding: 30px 15px 0;
    }
    .course-main .hour-cresit &gt; div.credit {
        padding-right: 0;
    }
    /*********header slider feature event*************/
    
    .feature-event [class^="flaticon-"]::before,
    .feature-event [class*=" flaticon-"]::before,
    .feature-event [class^="flaticon-"]::after,
    .feature-event [class*=" flaticon-"]::after {
        font-size: 45px;
    }
    .feature-event .title-events h4 {
        margin-bottom: 6px;
    }
    .feature-event .ep-detail {
        font-size: 13px;
    }
    .feature-event .title-events h4 {
        font-size: 18px;
    }
    .feature-event .field-icon {
        top: -3px;
    }
    .feature-event .ak-container {
        padding: 30px 0 25px;
    }
}
@media (max-width: 1050px) {
    #section_event_countdown .right-countdown {
        display: none;
    }
    #section_event_countdown.home_section .left-countdown {
        margin-right: 0;
        display: inline-block;
    }
    #section_event_countdown.home_section &gt; div {
        padding: 0;
    }
    #section_event_countdown {
        height: auto;
    }
    #section_event_countdown.home_section .ak-container {
        text-align: center;
    }
    #section_event_countdown .widget_newsletterwidget {
        padding-left: 8px;
        padding-right: 8px;
        margin-bottom: 0;
    }
}
/*********counter three**************/

@media (min-width: 899px) and (max-width: 1200px) {
    .counter-three-main-wrap .counter-three .counter-three-desc {
        padding: 20px 0;
    }
    .counter-three-main-wrap .counter-three .title-count .counter-count {
        font-size: 25px;
    }
    .counter-three-main-wrap .counter-three .counter-title {
        font-size: 12px;
    }
    .counter-three-main-wrap .counter-three .title_two h2 {
        font-size: 20px;
    }
    .counter-three-main-wrap .counter-three .title_one h4 {
        font-size: 12px;
    }
}
@media (min-width: 993px) and (max-width: 1098px) {
    #section_director-words .director-right-content {
        padding: 0 26px;
    }
}
@media (min-width: 769px) and (max-width: 1200px) {
    /*******home counter one******/
    
    #section_counter-two .counter_count_two {
        font-size: 40px;
    }
    #section_counter-two .counter-wrap .title-link {
        font-size: 18px;
    }
    #section_counter-two .link a {
        font-size: 13px;
    }
}
@media (min-width: 958px) and (max-width: 1192px) {
    /*_________home contact section_________*/
    
    .contact-bottom-content &gt; span {
        margin-bottom: 5px;
    }
    #section_contact .bottom-phone {
        font-size: 20px;
    }
    #section_contact .contact-bottom-content {
        padding-top: 0;
    }
    #section_contact .wrap-1 span input[type="text"],
    #section_contact .wrap-1 span input[type="email"],
    #section_contact .wrap-2 textarea,
    #section_contact .contact-form-wrap form .wrap-2 input[type="submit"] {
        padding: 4px 15px;
    }
    #section_contact .wrap-1 .wpcf7-form-control-wrap {
        margin-bottom: 10px;
    }
    #section_contact .contact-form-wrap form .wrap-2 input[type="submit"] {
        margin-top: 10px;
    }
    #section_contact .contact-title {
        padding-bottom: 15px;
    }
    #section_contact .wrap-2 textarea {
        max-height: 71px;
    }
}
@media (max-width: 992px) {
    .main-navigation ul ul li:hover &gt; ul,
    .main-navigation ul ul li.focus &gt; ul {
        left: -100%;
    }
    /*-----------------------single pages----------------*/
    
    .header-banner-container .page-title {
        font-size: 25px;
    }
    #enlighten-breadcrumb {
        font-size: 15px;
    }
    /********events section************/
    
    .event-wrap .mid-event-content {
        padding: 0 25px;
    }
    .event-wrap .date-event .date {
        font-size: 40px;
    }
    .event-wrap .mid-event-content .title-event {
        font-size: 22px;
        line-height: 1.3;
    }
    .event-wrap .month-year {
        font-size: 12px;
    }
    .event-wrap .event-excerpt {
        padding-top: 15px;
    }
    .main-schedule-wrap {
        padding: 30px 20px 0;
    }
     /*****home feature event****/
    .feature-event .icon-detail{
    	padding: 0 30px;
    }
}
@media (max-width: 957px) {
    /***************home contact section*********/
    #section_contact .contact-section-wrap{
        display: block;
    }
    #section_contact .contact-section-wrap .right-content,
    #section_contact .contact-section-wrap .left-content {
        width: 100%;
        float: none;
        display: block;
    }
    #section_contact .contact-section-wrap .left-content {
        padding: 40px 40px 30px;
    }
}
@media (max-width: 900px) {
    .counter-three-main-wrap .counter-three &gt; div {
        width: 100%;    
        float: none;
        display: block;  
    }
    .home .counter-three-main-wrap .right-content {
        padding: 30px;
    }
    .counter-three-main-wrap .counter-three {
        display: block;
    }
    #section_event-schedule .schedule-wrap:before {
        width: 80%;
    }
    /*********header slider feature event*************/
    .feature-event .title-events h4 {
        font-size: 16px;
    }
    .feature-event .ep-detail {
        font-size: 12px;
    }
}
@media (min-width: 769px) and (max-width: 992px){
.layout1 .logo_info_wrap .header-logo-container .custom-logo-link{
        display: table-cell;
        vertical-align: middle;
        height: 93px;
    }
}
@media only screen and (min-width: 768px) {
    /*.social_htext_wrap .header_text:before {
        content: "";
        display: block;
        width: 0px;
        height: 0px;
        border-top: 39px solid;
        border-left: 39px solid transparent;
        position: absolute;
        left: -39px;
        border-top-color: #333;
    }
    .social_htext_wrap .header_social_link {
        float: right;
        width: 30%;
        color: #fff;
    }
    .social_htext_wrap:before {
        content: "";
        display: block;
        position: absolute;
        left: 50%;
        width: 50%;
        height: 39px;
        background: #333;
    }*/
    .social_htext_wrap .header_text:before{
    content: "";
    display: block;
    width: 0px;
    height: 0px;
    border-top: 39px solid;
    border-left: 39px solid transparent;
    position: absolute;
    left: -39px;
    border-top-color: #333;
}
.social_htext_wrap:after {
    content: "";
    display: block;
    width: 0px;
    height: 0px;
    border-top: 39px solid;
    border-left: 39px solid transparent;
    position: absolute;
    left: 50%;
    margin-left: -39px;
    border-top-color: #333;
    z-index: 0;
}
.social_htext_wrap .header_social_link {
    float: right;
    width: 30%;
    color: #fff;
}
.social_htext_wrap:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    width: 50%;
    height: 39px;
    background: #333;
    z-index: 0;
}
.social_htext_wrap .header_text{
    z-index: 1;
}
}
@media (min-width: 599px) and (max-width: 1200px) {
    .course-main .hour-cresit &gt; div.hour {
        border-right: 0;
        padding-bottom: 5px;
    }
    .course-main .hour-cresit &gt; div {
        display: block;
    }
    .course-main .hour-cresit &gt; div span {
        padding-right: 5px;
    }
    .course-main .hour-cresit &gt; div.hour {
        padding-right: 8px;
        padding-left: 0;
    }
    .course-main .title-hour-credit {
        padding: 30px 15px 0;
    }
    .course-main .hour-cresit &gt; div.credit {
        padding-right: 0;
    }
}
@media only screen and (min-width: 769px) {
    .layout2 .site-branding {
        display: table;
        height: 86px;
    }
    .layout2 .sticky-wrapper.is-sticky .site-branding {
        height: 68px;
    }
    .layout2 .site-branding,
    .layout2 .header-logo-container {
        float: left;
        position: relative;
        width: 20%;
        text-align: left;
    }
    .layout2 .secondary-wrap {
        display: table-cell;
        vertical-align: middle;
    }
    body.admin-bar header.site-header .sticky-wrapper.is-sticky .main-navigation {
        margin-top: 32px;
    }
    /*enable hidden sidebar*/
    .main-navigation.enable-hiddne-sidebar .nav-wrap {
        padding-right: 50px;
    }
    .layout1 .main-navigation.enable-hiddne-sidebar .nav-wrap {
        padding-right: 50px;
    }
    /**/
    .layout2 .main-navigation .nav-wrap {
        display: inline-block;
    }
    .main-navigation.enable-search.enable-hiddne-sidebar .nav-wrap {
        padding-right: 0;
    }
    .main-navigation.enable-search.enable-hiddne-sidebar .search-wrap {
        margin-right: 40px;
        margin-left: 40px;
    }
    .layout2 .main-navigation.enable-search.enable-hiddne-sidebar .search-wrap {
        margin-left: 20px;
    }
    .main-navigation.enable-search .search-wrap {
        margin-left: 40px;
    }
    /***********************************/
    .layout2 .main-navigation.bottom ul &gt; li.menu-item-has-children:after {
        margin-top: -8px;
    }
    .layout2 .main-navigation.bottom ul.sub-menu &gt; li.menu-item-has-children:after {
        margin-top: -10px;
    }
    .layout2 .main-navigation ul li li.menu-item-has-children:after {
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        right: 10px;
        -webkit-transition: all 500ms ease 0s;
        -ms-transition: all 500ms ease 0s;
        -moz-transition: all 500ms ease 0s;
        transition: all 500ms ease 0s;
        left: auto;
    }
    .layout2 .main-navigation.center ul ul ul li.menu-item-has-children:after,
    .layout2 .main-navigation.right ul ul ul li.menu-item-has-children:after {
        transform: rotate(90deg);
    }
    .home header.site-header.menu-transparent.layout2 .sticky-wrapper,
    .home header.site-header.menu-transparent .sticky-wrapper,
    .home header.site-header.menu-transparent .main-navigation.top {
        position: absolute;
        left: 0;
        right: 0;
    }
    .layout2 .main-navigation ul &gt; li &gt; a {
        display: block;
        height: 100%;
        line-height: 86px;
    }
    .layout2 .sticky-wrapper.is-sticky .main-navigation ul &gt; li &gt; a {
        line-height: 68px;
    }
    .layout2 .sticky-wrapper.is-sticky .main-navigation ul ul li a {
        line-height: 1.5;
    }
    .mb-ham {
        display: none;
    }
    .main-navigation.left ul.menu &gt; li:first-child a {
        padding-left: 0;
    }
    .main-navigation.left ul.menu &gt; li:first-child ul.sub-menu li a {
        padding-left: 25px;
        padding-right: 15px;
    }
    .site-header .main-navigation ul ul.sub-menu {
        width: 200px;
        -webkit-box-shadow: 0 2px 0px 1px rgba(0, 0, 0, 0.05);
        -moz-box-shadow: 0 2px 0px 1px rgba(0, 0, 0, 0.05);
        -ms-box-shadow: 0 2px 0px 1px rgba(0, 0, 0, 0.05);
        box-shadow: 0 2px 0px 1px rgba(0, 0, 0, 0.05);
    }
    .site-header .main-navigation .hidden-sidebar ul ul.sub-menu {
        width: 100%;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        -ms-box-shadow: none;
        box-shadow: none;
    }
    .layout2 .main-navigation ul &gt; li &gt; a:after,
    #search-toggle:after,
    #search-toggle.open .ak-search:after,
    #search-toggle a.search-icon:after,
    .hide-show-point:after {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }
    .layout2 .sticky-wrapper.is-sticky .main-navigation,
    .menu-transparent.layout2 .sticky-wrapper.is-sticky .main-navigation,
    .home header.site-header.menu-transparent.layout2 .sticky-wrapper.is-sticky .main-navigation {
        height: 68px;
    }
    .layout2 .info-header {
        width: 60%;
        float: left;
    }
    .layout2 .header_social_link {
        width: 40%;
        float: right;
        text-align: right;
    }
    .main-navigation.right ul li:last-child:hover &gt; ul {
        right: 0;
        left: auto;
    }
    .main-navigation.right ul li ul.sub-menu li:hover &gt; ul {
        right: 100%;
        left: auto;
    }
    .main-navigation.right ul li:last-child ul li.focus &gt; ul,
    .main-navigation.center ul li:last-child ul li:hover &gt; ul,
    .main-navigation.center ul li:last-child ul li.focus &gt; ul {
        left: auto;
        right: 100%;
    }
    .main-navigation.left ul li:last-child ul ul li:hover ul,
    .main-navigation ul li li li li:hover &gt; ul {
        left: auto;
        right: 100%;
        top: 0;
    }
    .main-navigation ul.menu &gt; li &gt; a {
        padding: 0 15px;
    }
    .main-navigation .hidden-sidebar ul.menu &gt; li &gt; a {
        padding: 0;
    }
    .main-navigation ul ul ul li.menu-item-has-children:after,
    .main-navigation.right ul &gt; li:last-child li.menu-item-has-children:after,
    .main-navigation.right ul li li.menu-item-has-children:after,
    .main-navigation.center ul &gt; li:last-child li.menu-item-has-children:after,
    .main-navigation.center ul li li li.menu-item-has-children:after {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    .main-navigation ul ul li:hover &gt; ul,
    .main-navigation ul ul li.focus &gt; ul,
    .main-navigation ul ul ul li:hover &gt; ul,
    .main-navigation ul ul ul li.focus &gt; ul {
        left: 100%;
        top: 0;
    }
    .main-navigation ul ul ul li:hover &gt; ul,
    {
        left: auto;
        right: 100%;
    }
    .main-navigation.bottom ul ul li:hover &gt; ul,
    .main-navigation.bottom ul ul li.focus &gt; ul,
    .main-navigation.bottom ul ul ul li:hover &gt; ul,
    .main-navigation.bottom ul ul ul li.focus &gt; ul {
        top: auto;
        bottom: 0;
    }
    .layout2 .main-navigation ul li:hover &gt; ul {
        margin-top: 0;
    }
    .layout2 .main-navigation.top ul li:hover &gt; ul {
        border-top: 5px solid #00a9da;
    }
    .layout2 .main-navigation.bottom ul li:hover &gt; ul {
        border-bottom: 5px solid #00a9da;
    }
    .main-navigation.left .header-logo-container {
        margin-right: 40px;
    }
    .main-navigation.left .nav-wrap,
    .layout2 .main-navigation.left .nav-wrap {
        float: left;
    }
    .layout2 .main-navigation .nav-wrap {
        width: 67%;
    }
    .layout2 .main-navigation {
        height: auto;
        min-height: 86px;
        z-index: 9999;
    }
    .layout2 .sticky-wrapper.is-sticky .main-navigation,
    .layout2 .sticky-wrapper.is-sticky .header-logo-container,
    .layout2 .sticky-wrapper.is-sticky .main-navigation .search-wrap {
        min-height: 68px;
        height: 68px;
    }
    .layout2 .header-logo-container,
    .layout2 .main-navigation .search-wrap {
        height: 86px;
    }
    .layout2 .sticky-wrapper.is-sticky .hide-show-point {
        top: 29px;
    }
    /*************************************************
				new navigation menu
	*****************************************************/
    .layout1 .main-navigation.enable-hiddne-sidebar .nav-wrap,
    .layout1 .main-navigation.enable-search .nav-wrap,
    .layout1 .main-navigation.enable-search.enable-hiddne-sidebar .nav-wrap {
        width: 90%;
    }
    .layout1 .main-navigation .nav-wrap {
        width: 100%;
    }
    /**************extra*************************/
    .layout2 .main-navigation ul &gt; li &gt; a {
        padding: 0 15px;
    }
    .layout2 .main-navigation ul li li a {
        padding: 10px 15px;
        text-transform: capitalize;
    }
    .home .menu-transparent.layout2 .main-navigation.top ul ul.sub-menu li.menu-item-has-children:after,
    .home .menu-transparent.layout2 .main-navigation.top ul.sub-menu ul li.menu-item-has-children:after,
    .menu-transparent.layout2 .main-navigation.top ul ul.sub-menu li a {
        color: #323232;
    }
    .layout2 .main-navigation ul ul.sub-menu li:hover &gt; a,
    .menu-transparent.layout2 .main-navigation.top ul ul.sub-menu li:hover &gt; a,
    .menu-transparent.layout2 .is-sticky .main-navigation ul ul.sub-menu li.menu-item-has-children:hover:after,
    .home .menu-transparent.layout2 .main-navigation.top ul ul.sub-menu li li:hover &gt; a,
    .home .menu-transparent.layout2 .main-navigation.top ul ul.sub-menu li:hover &gt; a,
    .layout2 .main-navigation ul ul.sub-menu li.menu-item-has-children:hover:after,
    .menu-transparent.layout2 .main-navigation.top ul ul.sub-menu li.menu-item-has-children:hover:after {
        color: #009ada;
    }
    .layout2 .header-logo-container a.custom-logo-link {
        vertical-align: middle;
        height: 100%;
    }
    .layout2 .header-logo-container a.custom-logo-link:after {
        display: inline-block;
        content: "";
        height: 100%;
        vertical-align: middle;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #section_news_twitter_message .recent_news .rn_content_loop {
        height: 400px;
    }
    .rn_image a {
        height: 100%;
        display: block;
    }
    .rn_image img {
        height: 100%;
        display: block;
    }
    .rn_image {
        height: 100%;
    }
    #secondary h2.widget-title {
        font-size: 17px;
    }
    .ak-container-both .ak-container-both .widget ul li a,
    .ak-container-both .widget ul li {
        font-size: 14px;
    }
}
@media (max-width: 992px) {
    .header_info_wrap .phone_header .title_phone,
    .header_info_wrap .email_header .title_email_wrap,
    .header_info_wrap .location_header .title_location_wrap {
        font-size: 13px;
    }
    .header_info_wrap .fa_icon {
        margin: 3px 5px 0px 0px;
    }
    .logo_info_wrap {
        overflow: hidden;
    }
    .header_info_wrap {
        width: 74%;
        margin-left: 3%;
    }
    .header-logo-container img {
        display: block;
    }
    .header_info_wrap .phone_header,
    .header_info_wrap .email_header,
    .header_info_wrap .location_header {
        width: auto;
        float: none;
        margin-left: 25px;
    }
    .logo_info_wrap .header-logo-container,
    .logo_info_wrap .site-branding {
        width: 23%;
        float: left;
    }
    .layout1 .logo_info_wrap .header-logo-container {
        padding-top: 0px;
    }
    .header_info_wrap i:before {
        width: 25px;
        height: 25px;
        line-height: 20px;
        padding-right: 0;
        font-size: 12px;
    }
    /*----------------home slider---------------*/
    
    #header_slider_wrap .bx-wrapper .bx-viewport ul.header_slider .slider_capation .slider_title_desc {
        width: 60%;
        padding-left: 20px;
    }
    #section_cta {
        text-align: center;
    }
    #section_cta .title_description .cta_title {
        font-size: 25px;
        line-height: 30px;
        margin-bottom: 10px;
        display: block;
    }
    #section_cta .title_description .cta_title h3 {
        line-height: 1.3;
    }
    #section_cta .button_cta {
        display: block;
    }
    #section_cta .button_cta a {
        padding: 7px 20px;
        font-size: 12px;
        width: auto;
        display: inline-block;
        float: none;
        margin-top: 0;
    }
    #section_cta .title_section_cta {
        line-height: normal;
        text-align: center;
        font-size: 14px;
        width: auto;
        display: inline-block;
        border-right: none;
        float: none;
        padding: 0 0 5px;
        margin-bottom: 20px;
        position: relative;
    }
    #section_cta .title_section_cta:after,
    #section_news .bg_news .news_slide_wrap .news_slider_title:after {
        width: 30px;
        content: "";
        height: 1px;
        background: rgba(255, 255, 255, 0.5);
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        text-align: center;
        margin-top: 23px;
        margin: 0 auto;
    }
    #section_cta .title_description {
        display: inline-block;
        width: 100%;
        float: none;
        margin-left: 0;
        margin-bottom: 20px;
    }
    /*------------header info wrap--------------*/
    
    .header_info_wrap .phone_header {
        margin-left: 0;
    }
    /*----------homepage bottom slider---------*/
    
    .home_section .bg_news .news_slide_wrap .news_slider_title {
        width: auto;
        float: none;
        line-height: normal;
        border-right: none;
        padding: 0px 0px 5px;
        text-align: center;
        display: inline-block;
        font-size: 15px;
        font-weight: 600;
        margin-bottom: 15px;
        position: relative;
    }
    #section_news .bg_news .news_slide_wrap .bx-wrapper {
        width: 100%;
        float: none;
    }
    #section_news .bg_news .news_slide_wrap .bx-wrapper ul li {
        width: 100%;
    }
    #section_news .bg_news .news_slide_wrap .bx-wrapper .bx-viewport {
        padding-right: 0px;
    }
    .home_section .bg_news .news_slide_wrap {
        text-align: center;
    }
    #section_news .bg_news .news_slide_wrap .slider_news_title a {
        font-size: 20px;
        font-weight: 500;
        line-height: normal;
    }
    #section_news .bg_news .news_slide_wrap .slider_news_title {
        margin-bottom: 10px;
    }
    #section_news .bg_news .slide_content_wrap .slide_news_content {
        font-size: 14px;
        line-height: 25px;
    }
    #section_news .news_slide_wrap .bx-wrapper .bx-controls .bx-controls-direction a {
        display: inline-block;
        margin-right: 0px;
        position: relative;
        margin-top: 0;
    }
    /*********director say*******/
    
    #section_director-words .director-words-wrap {
        display: block;
    }
    #section_director-words .director-left-content,
    #section_director-words .director-right-content {
        width: 100%;
       display: block;
    }
    #section_director-words .director-right-content {
        padding: 30px;
    }
    /**/
    .counter-three-main-wrap .right-content {
        padding: 0px 15px 0;
    }
    .counter-three-main-wrap .counter-three .counter-three-desc {
        padding: 15px 0;
    }
    /********service slider left right layout*********/
    #section_service .left-right-service {
        background-size: 26% 100%;
    }
    #section_service .left-right-service .service-image-wrap {
        margin-bottom: 57px;
    }
    .tab-button-event &gt; div {
        padding: 15px;
    }
    .tab-button-event &gt; div span {
        font-size: 18px;
    }
    .tab-button-event .event-date-schedule {
        font-size: 12px;
    }
    #section_event-schedule .detail-time-location &gt; span {
        font-size: 12px;
        margin: 0 20px 0 0;
    }
    #section_event-schedule .schedule-time:before,
    #section_event-schedule .schedule-location:before {
        top: 0;
    }
    #section_event-schedule .title-contents-schedule a h4 {
        font-size: 20px;
    }
    #section_event-schedule .desc-schedule {
        font-size: 13px;
    }
    #section_event-schedule .title-contents-schedule a h4 {
        margin-bottom: 12px;
    }
}
@media screen and (max-width: 840px) {
    .ap-span4 {
        width: 75%;
    }
    .ap-span2 {
        width: 50%;
    }
    .ap-span1 {
        width: 25%;
    }
}
@media (max-width: 768px) {
    /******layout 2 top header*******/
    
    .layout2 .layout2-header .header_social_link {
        padding-top: 0;
    }
    .layout2 .layout2-header .info-header {
        padding-bottom: 0;
    }
    /*************/
    
    .layout1 .main-navigation .search-wrap {
        display: block;
        margin-left: 0;
    }
    .layout1 .main-navigation {
        padding: 10px 0;
    }
    .layout1 .mb-ham {
        padding-bottom: 0;
    }
    .layout1 .main-navigation .search-wrap {
        padding-bottom: 0;
    }
    /**************************************/
    
    .layout2 .main-navigation ul li.menu-item-has-children:after {
        content: none;
    }
    .main-navigation ul ul li:hover &gt; ul,
    .main-navigation ul ul li.focus &gt; ul {
        left: 0;
        top: 100%;
        position: static;
    }
    .main-navigation ul ul {
        display: block;
        opacity: 1;
        box-shadow: none;
    }
    .main-navigation {
        min-height: 50px;
        display: block;
    }
    .main-navigation ul &gt; li &gt; a {
        padding: 10px 15px;
        border-right: none;
        border-top: 1px solid rgba(255, 255, 255, 0.2);
    }
    .main-navigation ul li.menu-item-has-children a {
        position: relative;
    }
    .mb-ham:focus #primary-menu {
        display: block;
    }
    .main-navigation ul &gt; li {
        display: block;
        padding: 0;
    }
    .main-navigation &gt; ul &gt; li {
        border: 1px solid rgba(255, 255, 255, 0.2);
    }
    .main-navigation.top .nav-wrap {
        float: none;
    }
    /*--------for bottom nav-----------*/
    
    .layout2 .main-navigation ul {
        height: auto;
    }
    .main-navigation.bottom #primary-menu {
        display: none;
        position: absolute;
        bottom: 100%;
        z-index: 99999;
        left: 0;
        right: 0;
        text-align: left;
        background: rgba(0, 154, 218, 0.84);
    }
    .layout1 .main-navigation.bottom #primary-menu {
        bottom: 115%;
        min-height: 222px;
    }
    .main-navigation.top ul ul,
    .main-navigation.bottom ul ul {
        position: relative;
        float: none;
        left: 0;
        background: none;
    }
    .main-navigation.top ul ul li a,
    .main-navigation.bottom ul ul li a {
        display: block;
        width: auto;
    }
    .main-navigation.top ul ul li,
    .main-navigation.bottom ul ul li {
        border-bottom: none;
    }
    .main-navigation ul li ul.sub-menu li a,
    .main-navigation ul ul ul li a {
        border-bottom: none;
        padding: 7px 15px 7px 25px;
        border-top: 1px solid rgba(255, 255, 255, 0.2);
    }
    .layout2 .main-navigation ul li ul.sub-menu li a,
    .layout2 .main-navigation ul ul ul li a {
        padding: 10px 15px;
    }
    .main-navigation ul ul ul {
        left: 0;
        padding-left: 0;
    }
    .main-navigation ul li ul.menu-item-has-children.sub-menu li a {
        border-bottom: 1px solid #000;
    }
    /*--------------------service slider--------------*/
    
    .service_slider .owl-item .content_wrap {
        width: 100%;
    }
    .service_slider .content_wrap:after {
        content: none;
    }
    .service_slider.owl-carousel:before {
        content: none;
    }
    /*----------footer section-------------*/
    
    .client_wrap .client_cat_loop .owl-nav i {
        opacity: 1;
    }
    .site-footer .footer_area &gt; div {
        width: 100%;
        padding: 0;
    }
    /*-----single page banner-----*/
    
    .header-banner-container .page-title {
        display: block;
    }
    .header-banner-container.small .page-title {
        float: none;
        margin-bottom: 6px;
    }
    .header-banner-container.small #enlighten-breadcrumb {
        display: block;
        float: none;
    }
    .header-banner-container.small #enlighten-breadcrumb a:first-child {
        padding-left: 0;
    }
    .ak-container-both {
        padding-left: 15px;
        padding-right: 15px;
    }
    #secondary .footer_RN_wrap .rn_post_loop .rn_image a{
        top: auto;
    }
    #secondary.archive_right,
    #secondary.left_left,
    #secondary.right_right,
    .search #secondary,
    .ak-container-right #primary,
    #primary.left,
    #primary,
    .blog #primary,
    .home #secondary,
    .blog #secondary {
        width: 100%;
        float: none;
    }
    #primary article:last-child{
        margin-bottom: 0;
    }
    #secondary.right_right,
    .ak-container-both #primary.both,
    .ak-container-both #secondary.both_right{
        padding-top: 40px;
    }
    /*article .event-content p:last-child,
    article .entry-content p:last-child{
        margin-bottom: 0;
    }*/
    .event-wrap .event-posts{
        padding: 40px 0;
    }
    #secondary .widget-area .widget + .widget {
        padding-top: 50px;
        margin-top: 0;
    }
    #secondary .widget-area .widget{
        margin-bottom: 0;
    }
    #secondary .widget_search .search-form{
        margin-bottom: 10px;
    }
    .ak-container-both .both_left,
    .ak-container-both #primary,
    .ak-container-both .both_right {
        width: 100%;
        float: none;
        padding: 0;
    }
    #primary .content-area.both article p:last-child{
        margin-bottom: 0;
    }
    .widget_search .search-form {
        width: 50%;
        overflow: hidden;
        margin-bottom: 30px;
    }
    .widget ul li {
        font-size: 14px;
    }
    .comments-area &gt; ol &gt; ol.children {
        padding-left: 0;
    }
    /*contactform*/
    
    .contact-info-wrap,
    .contact-form-wrap {
        width: 100%;
        float: none;
        padding-left: 0;
        padding-right: 0;
    }
    .service_slider .content_wrap:nth-child(2n) {
        text-align: left;
    }
    .service_slider .content_wrap:nth-child(2n) .image_title .service_image {
        float: left;
        margin-left: 0;
        margin-right: 15px;
    }
    .service_slider .owl-item .content_wrap {
        padding: 20px;
    }
    .hidden-sidebar,
    .widgets-hidden,
    .admin-bar .widgets-hidden {
        display: none;
    }
    .site-header.layout1 .main-navigation .ak-container {
        min-height: 50px;
    }
    .admin-bar .sticky-wrapper.is-sticky .main-navigation {
        margin-top: 46px;
    }
    /*******
    added
    *******/
   .layout2 ul.menu.sf-ar.ap-span3 {
        width: 50%;
    }
    .ap_column {
        float: left;
        padding: 0 5px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .layout2 .main-navigation ul &gt; li &gt; a {
        font-weight: 400;
    }
    .main-navigation.top #primary-menu {
        display: none;
        position: absolute;
        top: 100%;
        z-index: 99999;
        left: 0;
        right: 0;
        text-align: left;
        background: rgba(0, 154, 218, 0.84);
    }
    .layout2 .main-navigation.top #primary-menu {
        background: #fff;
        top: 100%;
        z-index: 99999;
        border-top: 0;
    }
    .layout2 .main-navigation.bottom #primary-menu {
        background: #fff;
        height: 100%;
        overflow-y: scroll;
    }
    .layout1 .main-navigation.bottom #primary-menu {
        height: 100%;
        overflow-y: scroll;
    }
    .layout2 .main-navigation ul &gt; li,
    .layout2 .main-navigation ul.menu &gt; li {
        float: none;
        height: auto;
        border-bottom: 1px solid #e4e4e4;
        margin: 0;
    }
    .layout2 .main-navigation.center.top #primary-menu,
    .layout2 .main-navigation .top #primary-menu,
    .layout2 .main-navigation #primary-menu,
    .layout2 .main-navigation ul &gt; li li {
        border-top: 1px solid #e4e4e4;
    }
    .layout2 .main-navigation ul &gt; li &gt; a {
        height: auto;
    }
    .layout2 .header-logo-container img {
        display: inline-block;
    }
    .layout2 .header-logo-container {
        padding: 0 0 20px;
    }
    .layout2 .main-navigation.top {
        padding-top: 10px;
    }
    .layout2 .header-logo-container,
    .layout2 .header-logo-container a.custom-logo-link {
        position: static;
        display: block;
        text-align: center;
    }
    .layout2 .main-navigation.center.top .nav-wrap,
    .layout2 .header-logo-container {
        float: none;
        width: 100%;
    }
    .layout2 .main-navigation {
        height: auto;
    }
    .main-navigation .search-wrap {
        clear: both;
        float: none;
        margin-left: 0;
        padding: 0px 0 20px;
    }
    #search-toggle {
        width: 100%;
    }
    .layout2 .info-header &gt; div {
        margin-bottom: 7px;
    }
    .layout2 .layout2-header {
        text-align: center;
    }
    .layout2 .mb-ham,
    .layout1 .mb-ham {
        width: 28px;
        position: static;
        top: auto;
        z-index: 9999;
        transform: none;
        right: auto;
        cursor: pointer;
        margin: 0 auto;
    }
    .layout2 .mb-ham {
        padding: 0px 0 25px;
    }
    .layout2 .main-navigation.bottom .mb-ham {
        padding-bottom: 10px;
    }
    #search-toggle .ak-search {
        opacity: 1;
        visibility: visible;
        right: 0;
        position: relative;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none;
    }
    #search-toggle .search-form label {
        width: 100%;
    }
    #search-toggle .search-form label,
    #search-toggle .ak-search input[type="submit"] {
        opacity: 1;
        visibility: visible;
    }
    .layout2 .center.top .ak-search,
    .layout2 .top .ak-search,
    .layout2 .ak-search,
    .layout1 .center.top .ak-search,
    .layout1 .top .ak-search,
    .layout1 .ak-search {
        display: block;
    }
    #search-toggle.open .search-form label {
        width: 100%;
    }
    .main-navigation.center.top .ak-search .search-form,
    .main-navigation .ak-search .search-form {
        position: relative;
    }
    .home .menu-transparent.layout2 #search-toggle a.search-icon,
    .layout2 #search-toggle a.search-icon,
    .layout1 #search-toggle a.search-icon {
        display: none;
    }
    .search .main-navigation .search-form::after .main-navigation .search-form:after {
        content: "\f002";
        display: block;
        width: 36px;
        opacity: 1;
        z-index: 0;
        right: 0;
        color: #e4e4e4;
    }
    #search-toggle .search-form .search-field {
        border-radius: 0;
        width: 100%;
    }
    .search .main-navigation .search-form:after,
    .main-navigation .search-form:after {
        opacity: 1;
        width: 36px;
        text-align: center;
        right: 0;
    }
    .header-logo-container:after {
        content: "";
        clear: both;
        display: block;
    }
    /***********submenu*********/
    
    .layout2 .main-navigation.top ul ul,
    .layout2 .main-navigation ul ul,
    .layout2 .main-navigation ul ul li,
    .layout2 .main-navigation ul ul ul li,
    .layout2 .main-navigation ul ul.sub-menu &gt; li &gt; a {
        background: #fff;
    }
    .layout2 .main-navigation ul li ul {
        width: 100%;
    }
    .layout2 .main-navigation ul li &gt; ul.sub-menu li a {
        padding-left: 25px;
    }
    .layout2 .main-navigation ul ul.sub-menu li a {
        color: #363636;
    }
    .layout2 .main-navigation ul li a:focus,
    .layout2 .main-navigation ul li a:hover {
        color: #009ada;
    }
    .layout2 .main-navigation ul &gt; li &gt; a:before {
        content: none;
    }
    .layout2 .main-navigation ul &gt; li &gt; a::before {} .layout2 .main-navigation ul &gt; li &gt; a {
        border: none;
        background-color: #fff;
    }
    .layout2 .main-navigation ul &gt; li &gt; a:before {
        content: none;
    }
    .layout2 .main-navigation.center.top .menu ul li,
    .layout2 .main-navigation .menu ul li {
        float: none;
    }
    .layout2 .main-navigation.center.top .menu ul.sub-menu li,
    .layout2 .main-navigation .menu ul.sub-menu li {
        padding: 0;
    }
    .layout2 .main-navigation ul ul ul {
        margin-left: 0;
        padding-left: 0px;
    }
    .nav-wrap:after {
        display: block;
        clear: both;
        content: "";
    }
    /*******
    portfolio, team and course
    ********/
    /*team members*/
    
    #section_team .social-title {
        bottom: 0;
        opacity: 1;
    }
    .home .team-members .image-title-desc .title-desc,
    #section_team .team-members .image-title-desc .title-desc {
        background: #009ada;
    }
    .home .team-members .image-title-desc .title-desc &gt; span,
    .home .team-members .image-title-desc .title-desc &gt; span a,
    #section_team .team-members .image-title-desc .title-desc &gt; span,
    #section_team .team-members .image-title-desc .title-desc &gt; span a {
        color: #fff;
    }
    /*************home university words********************/
    
    #section_university-words .university-words &gt; div,
    #section_university-words .university-words {
        display: block;
        width: 100%;
    }
    #section_university-words .university-words &gt; div.right-university-words {
        padding-left: 0;
        padding-right: 0;
    }
    /*.event-wrap {
        padding-bottom: 60px;
    }*/
    .home .event-wrap {
        padding-bottom: 0;
    }
    /*******festival section******/
    
    #section_festival .festival-widget &gt; section {
        width: 50%;
    }
    /*********header slider feature event*************/
    .feature-event{
        position: relative;
        top: 0;
    }
    .feature-event [class^="flaticon-"]::before,
    .feature-event [class*=" flaticon-"]::before,
    .feature-event [class^="flaticon-"]::after,
    .feature-event [class*=" flaticon-"]::after {
        font-size: 35px;
    }
    #section_event-schedule .schedule-wrap:before {
        width: 75%;
    }
    /*first half*/
    /*comments area*/
    .comments-area{
        margin-bottom: 0;
    }

    .archive .site-content,
    .ak-container-right,
    .ak-container-left,
    .blog .site-content,
    .error404 .site-content,
    .search .site-content {
        padding-top: 50px;
        padding-bottom: 40px;
    }
    .ak-container-both {
        padding-top: 50px;
        padding-bottom: 40px;
    }
    .team-main-wrap,
    .about-page {
        padding-top: 50px;
    }
    .team-main-wrap{
        padding-bottom: 30px;
    }
    .layout2 .site-branding {
        padding-bottom: 18px;
        text-align: center;
    }
    .sticky-wrapper.is-sticky .main-navigation {
        position: static !important;
    }
    .home header.site-header.menu-transparent.layout2 .main-navigation.top {
        background: #fff;
    }
    header.layout2 .mb-ham span {
        background: #009ada;
    }
    .header_info_wrap .fa_icon {
        float: none;
    }
    .header_info_wrap .phone_header,
    .header_info_wrap .email_header,
    .header_info_wrap .location_header {
        display: block;
        margin-left: 0;
        margin-bottom: 10px;
    }
    .logo_info_wrap .header-logo-container,
    .logo_info_wrap .site-branding {
        width: 25%;
        float: left;
        margin: 20px 0;
    }
    .site-branding h1.site-title {
        font-size: 31px;
        line-height: 1.5;
    }
    .header_info_wrap {
        width: 70%;
        margin-left: 0;
        padding: 0;
        border-left: 1px solid #eee;
        float: right;
        padding-left: 5%;
    }
    .logo_info_wrap {
        margin: 20px 0;
    }
    .header_info_wrap span {
        display: inline-block;
    }
    .header_info_wrap .phone_header .title_phone .phone:before,
    .header_info_wrap .email_header .title_email_wrap .email_address:before,
    .header_info_wrap .location_header .title_location_wrap .location:before {
        content: " : ";
    }
    /*.title_location,
    .title_email,
    .pnone_title,
    .header_info_wrap i:before {
        color: #000;
    }*/
    #header_slider_wrap .bx-wrapper .bx-controls-direction a {
        opacity: 1;
    }
    /*---------FAQ section---------*/
    
    #section_faq_testimonial .faq_wrap,
    #section_faq_testimonial .test_wrap {
        width: 100%;
        float: none;
    }
    /*---------------counter section----------*/
    
    #section_achieve .bg_achieve .wrap_counter .counter_count {
        font-size: 30px;
    }
    #section_achieve .bg_achieve .wrap_counter .counter_title {
        font-size: 15px;
    }
    /*----------------home slider---------------*/
    
    #header_slider_wrap .bx-wrapper .bx-viewport ul.header_slider .slider_capation .slider_title_desc {
        width: 60%;
        padding-left: 0;
    }
    #header_slider_wrap .bx-wrapper .bx-viewport ul.header_slider .slider_capation .slider_title {
        line-height: normal;
    }
    /*-----------homepage main slider---------*/
    
    #header_slider_wrap .bx-wrapper .bx-viewport ul.header_slider .slider_capation .slider_content p:first-child {
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block;
        overflow: hidden;
    }
    #header_slider_wrap .bx-wrapper .bx-viewport ul.header_slider .slider_capation .slider_content {
        font-size: 18px;
    }
    #header_slider_wrap .bx-wrapper .bx-viewport ul.header_slider .slider_capation .slider_title {
        font-size: 25px;
    }
    #header_slider_wrap .bx-wrapper .bx-controls-direction a {
        width: 25px;
        height: 60px;
        line-height: 60px;
    }
    #section_news .bg_news .slide_content_wrap {
        margin-bottom: 20px;
    }
    #section_news .news_slide_wrap .bx-wrapper .bx-controls .bx-controls-direction {
        display: block;
        margin-top: 30px;
    }
    .navigation.pagination {
        margin-bottom: 50px;
    }
    /********pricing table*****/
    
    #section_pricing .pricing-fields {
        margin-left: 15px;
    }
    /**********events*******/
    
    .event-wrap .date-event {
        border-right: 0;
        width: 10%;
    }
    .home .event-wrap .mid-event-content,
    .event-wrap .mid-event-content {
        padding: 0 30px;
        width: 60%;
    }
    .event-wrap .event-image {
        width: 30%;
    }
    /*******
	right left blog
	*****/
    
    #section_blog .blog-wrap.left-right &gt; div.blogs-wrap {
        width: 100%;
        float: none;
        margin-left: 0;
        clear: both;
    }
    #section_blog .blog-wrap.left-right &gt; div.blogs-wrap +div.blogs-wrap {
        padding-top: 30px;
    }
    /*******blog grid layout********/
    
    #section_blog .blog-wrap.grid-layout .blogs-wrap:nth-child(3n+1) {
        clear: none;
        margin-left: 4%;
    }
    #section_blog .blog-wrap.grid-layout .blogs-wrap:nth-child(2n+1) {
        clear: both;
        margin-left: 0;
    }
    #section_blog .blog-wrap.grid-layout .blogs-wrap {
        width: 48%;
        margin-left: 4%;
    }
    #section_blog .blog-wrap.grid-layout .blogs-wrap:first-child {
        margin-left: 0;
    }
    #section_blog .blog-wrap.grid-layout &gt; .blogs-wrap + .blogs-wrap +.blogs-wrap + .blogs-wrap {
        margin-top: 40px;
    }
    #section_blog .blog-wrap.grid-layout &gt; .blogs-wrap + .blogs-wrap + .blogs-wrap {
        margin-top: 40px;
    }
    /******home counter one*****/
    
    #section_counter-two .counter-wrap &gt; div {
        width: 100%;
        float: none;
        display: block;
        padding: 30px;
    }
    #section_counter-two .counter-wrap {
        display: block;
    }
    /*******section title*********/
    
    .section-layout-2 .title_two h2,
    .section-layout-2 #section_service .title_two h2 {
        font-size: 40px;
        line-height: 1.2;
    }
    /******servivce grid layout*********/
    
    .simple-grid-service &gt; .posts-grid {
        width: 47%;
    }
    .simple-grid-service &gt; .posts-grid:first-child {
        margin-left: 0;
    }
    .simple-grid-service .posts-grid:nth-child(3n+1) {
        clear: none;
        margin-left: 4%;
    }
    .simple-grid-service .posts-grid:nth-child(2n+1) {
        clear: both;
        margin-left: 0;
    }
    /********inner page carousel team member***********/
    
    .team-main-wrap .contents-desc {
        width: 58%;
    }
    .team-main-wrap .image-phone-email-desig {
        width: 40%;
    }
    /******************
		shortcodes
	****************************************/
    
    .ap-span3,
    .ap-span4 {
        width: 100%;
    }
    .ap-span2 {
        width: 50%;
    }
    .ap-span1 {
        width: 50%;
    }
    .site-footer.bottom_menu .footer-secondary-wrap {
        padding-bottom: 176px;
        margin-bottom: 0;
        padding-bottom: 30px;
    }
    /********event countdown*****/
    
    #section_event_countdown .left-countdown h2 {
        font-size: 32px;
    }
}
@media (min-width: 561px) and (max-width: 768px) {
    /********event countdown*****/
    
    #section_event_countdown .event-countdown &gt; div div {
        width: 110px;
        height: 110px;
        padding: 22px 0;
    }
    #section_event_countdown .widget_newsletterwidget {
        padding-top: 35px;
    }
    #section_event_countdown .widget_newsletterwidget .widget-title {
        font-size: 22px;
    }
    #section_event_countdown .widget_newsletterwidget .widget-title {
        margin: 0;
        padding-bottom: 15px;
    }
    #section_event_countdown .simply-amount {
        font-size: 30px;
    }
    #section_event_countdown .simply-word {
        font-size: 13px;
    }
}
@media (max-width: 600px) {
    /*******
	portfolio, team and course
	********/
    
    #section_pricing .pricing-fields,
    #section_pricing .bg_pricing .ak-container &gt; section,
    #section_team .team-members,
    .bg_portfolio .portfolio-grid-wrap &gt; div {
        width: 100%;
        margin-left: 0;
    }
    #section_pricing .bg_pricing .ak-container &gt; section:nth-of-type(3n+1),
    #section_pricing .bg_pricing .ak-container &gt; section:nth-of-type(3n+1) .pricing-fields,
    #section_team .team-members:nth-child(3n+1),
    .bg_portfolio .portfolio-grid-wrap &gt; div:nth-child(3n+1) {
        clear: none;
        margin-left: 0;
    }
    /******servivce grid layout*********/
    
    .simple-grid-service &gt; .posts-grid {
        width: 100%;
        float: none;
        margin-left: 0;
    }
    .simple-grid-service &gt; .posts-grid:first-child {
        margin-left: 0;
    }
    .simple-grid-service .posts-grid:nth-child(3n+1) {
        clear: none;
        margin-left: 0;
    }
    .simple-grid-service .posts-grid:nth-child(2n+1) {
        clear: both;
        margin-left: 0;
    }
    #section_service .left-right-service &gt; div:nth-child(2n) .service-image-wrap {
        float: left;
        margin-right: 16px;
        margin-left: 0;
    }
    #section_service .left-right-service &gt; div:nth-child(2n) .title-desc-service {
        text-align: left;
    }
    /*******blog grid layout********/
    
    #section_blog .blog-wrap.grid-layout .blogs-wrap:nth-child(3n+1) {
        clear: none;
        margin-left: 0;
    }
    #section_blog .blog-wrap.grid-layout .blogs-wrap {
        width: 100%;
        margin-left: 0;
        float: none;
    }
    #section_blog .blog-wrap.grid-layout .blogs-wrap:first-child {
        margin-left: 0;
    }
    #section_blog .blog-wrap.grid-layout &gt; .blogs-wrap + .blogs-wrap {
        margin-top: 40px;
    }
    /******************
		shortcodes
	****************************************/
    
    .ap-span2 {
        width: 100%;
    }
    .ap-span1 {
        width: 50%;
    }
    /******/
    
    #section_student-counter .count-counter {
        font-size: 38px;
    }
    #section_student-counter .student-counter {
        width: 90%;
    }
    /*******festival section******/
    
    #section_festival .festival-widget &gt; section {
        width: 100%;
    }
    #section_festival .festival-widget &gt; section .festivals-wrap {
        padding: 20px 20px 30px;
    }
    /******/
    
    #section_event-schedule .title-contents-schedule {
        margin-left: 0;
        border-left: 0;
    }
    #section_event-schedule .image-feature {
        position: static;
        margin: 0;
    }
    #section_event-schedule .title-contents-schedule {
        padding: 15px 0 0;
    }
    #section_event-schedule .schedule-wrap:before {
        width: 100%;
    }
    /******event countdown*****/
    
    #section_event_countdown .tnp-widget input[type="email"],
    #section_event_countdown .tnp-field.tnp-field-button input[type="submit"] {
        min-height: auto;
    }
    #section_event_countdown .tnp-widget .tnp-field.tnp-field-button {
        width: auto;
    }
    #section_event_countdown .widget_newsletterwidget {
        padding: 30px 0 0;
    }
    #section_event_countdown .left-countdown h2 {
        font-size: 25px;
    }
    #section_event_countdown .left-countdown h2 {
        margin: 0 0 20px;
    }
    #section_event_countdown .widget_newsletterwidget .widget-title {
        font-size: 18px;
    }
    #section_event_countdown .tnp-widget input[type="email"],
    #section_event_countdown .tnp-field.tnp-field-button input[type="submit"] {
        padding: 10px 15px;
        font-size: 10px;
    }
    #section_event_countdown .tnp-field.tnp-field-button input[type="submit"] {
        border: 2px solid #ff8625;
    }
    #section_event_countdown .tnp-field.tnp-field-button input[type="submit"]:hover {
        border-color: rgba(255, 134, 37, 0.8);
    }
    /*********************/
    
    .feature-event .icon-detail {
        padding: 0 20px;
    }
    .feature-event .ak-container {
        padding: 20px 0;
    }
}
@media(max-width: 767px) {
    .social_htext_wrap .header_text, 
    .social_htext_wrap .header_social_link {
        z-index: 2;
        position: relative;
    }
    .social_htext_wrap:before {
        width: 100%;
        height: 39px;
    }
    .social_htext_wrap:after {
        content: "";
        left: -15px;
        right: -15px;
        position: absolute;
        background: #333;
        height: 100%;
        top: 0;
        z-index: 0;
    }
    .social_htext_wrap .header_text {
        margin-left: 0;
    }
    .social_htext_wrap .header_social_link {
        width: 100%;
    }
    .social_htext_wrap {
        height: auto;
        position: relative;
    }
    .social_htext_wrap {
        text-align: center;
        padding-bottom: 10px;
    }
    .social_htext_wrap .header_text {
        width: 100%;
        float: none;
    }
    .social_htext_wrap .header_text,
    .social_htext_wrap .header_social_link {
        height: auto;
    }
    header.site-header {
        border-top: none;
    }
     .header_social_link .fa_link_wrap {
        float: none;
    }
    /*********/
    #section_news_twitter_message .NTM_wrap {
        overflow: hidden;
        display: block;
        table-layout: initial;
    }
    #section_news_twitter_message .recent_news {
        width: 100%;
        display: block;
        table-layout: initial;
    }
    #section_news_twitter_message .twitter_wrap {
        width: 100%;
        display: inline-block;
        table-layout: initial;
    }
    #section_news_twitter_message .messag_wrap {
        width: 100%;
        display: inline-block;
        table-layout: initial;
    }
    #section_news_twitter_message .NTM_wrap .rn_image img {
        width: 100%;
    }
    /********service slider left right layout*********/
    
    #section_service .left-right-service {
        background: none;
    }
    #section_service .left-right-service .service-image-wrap {
        margin-bottom: 40px;
    }
    #section_service .left-right-service &gt; div .second-wrap {
        margin-right: 0px;
        padding: 0px 20px 0px 0;
    }
    #section_service .left-right-service &gt; div:nth-child(2n) .second-wrap {
        margin-left: 0px;
        padding: 0px 0 0px 20px;
    }
    /*******event count section******/
    .feature-event .ak-container{
    	display: block;
    }
    .feature-event .field-icon{
    	float: none;
    	margin-right: 0;
    	margin-bottom: 5px;
    	top: 0;
    }
    .feature-event .icon-detail{
    	text-align: center;
    }
    .feature-event .details-event{
    	display: block;
    }
}
@media (max-width: 600px) {
    .logo_info_wrap .header-logo-container,
    .logo_info_wrap .site-branding {
        width: 50%;
        display: block;
        float: none;
        margin: 0 auto;
        margin-bottom: 10px;
        text-align: center;
    }
    .header_info_wrap {
        border-left: none;
        float: none;
        width: 100%;
        padding-left: 0;
        text-align: center;
    }
    .logo_info_wrap a {
        text-align: center;
    }
    .header_info_wrap .fa_icon {
        display: none;
    }
    .site-footer .footer_area &gt; div {
        width: 100%;
    }
    #header_slider_wrap .bx-wrapper .bx-viewport ul.header_slider .slider_capation .slider_title_desc {
        width: 92%;
        margin: 0 auto;
    }
    #header_slider_wrap .bx-wrapper .bx-viewport ul.header_slider .slider_capation .slider_title {
        font-size: 25px;
    }
    #header_slider_wrap .bx-wrapper .bx-viewport ul.header_slider .slider_capation .slider_content {
        font-size: 14px;
    }
    #header_slider_wrap .bx-wrapper .bx-viewport ul.header_slider .slider_capation .slider_content p {
        margin-bottom: 15px;
    }
    #header_slider_wrap .bx-wrapper .bx-viewport ul.header_slider .slider_capation .slider_content p:last-child {
        margin-bottom: 0;
    }
    .title_two,
    #section_service .title_two {
        font-size: 30px;
    }
    #header_slider_wrap .bx-wrapper .bx-viewport ul.header_slider .slider_capation .slider_content span a {
        min-width: 90px;
        padding: 9px 26px 7px;
        line-height: 1.5;
        font-size: 12px;
    }
    /********service slider left right layout*********/
    
    #section_service .left-right-service &gt; div .second-wrap {
        padding: 0;
    }
    #section_service .left-right-service &gt; div:nth-child(2n) .second-wrap {
        padding: 0;
    }
    #section_service .left-right-service &gt; div {
        width: 100%;
    }
    #section_service .left-right-service &gt; div {
        width: 100%;
        float: none;
        clear: both;
    }
    /*************progress bar**************/
    
    .desc-progress &gt; div {
        width: 100%;
        float: none;
        clear: both;
    }
    .desc-progress .about-desc {
        padding-right: 0;
        margin-bottom: 60px;
    }
    .desc-progress #codeconSkills {
        padding-left: 0;
    }
    .about-page .section_title {
        padding-top: 0;
    }
}
@media (max-width: 560px) {
    #section_event_countdown .event-countdown &gt; div {
        width: 49%;
        text-align: center;
        padding: 0;
    }
    #section_event_countdown .event-countdown &gt; div + div + div {
        padding: 20px 0 0;
    }
    #section_event_countdown .event-countdown &gt; div div {
        margin: 0 auto;
    }
    #section_event_countdown .event-countdown &gt; div div {
        width: 100px;
        height: 100px;
    }
    #section_event_countdown .simply-amount {
        font-size: 30px;
    }
    #section_event_countdown .simply-word {
        font-size: 12px;
    }
}
@media (max-width: 480px) {
    .layout4 .service_slider .image_title .service_title {
        padding-bottom: 10px;
    }
    /*====courses===*/
    
    .service_slider .image_title {
        margin-bottom: 15px;
    }
    .page-template-archive-our_course .course-main .courses-posts {
        width: 100%;
        float: none;
    }
    .page-template-archive-our_course .course-main .courses-posts:nth-child(2n+1) {
        clear: none;
        margin-left: 0;
    }
    .page-template-archive-our_course .course-main .courses-posts {
        margin-left: 0;
    }
    .page-template-archive-our_course .course-main .courses-posts:last-child {
        margin-bottom: 0;
    }
    /*===course ends===*/
    
    .logo_info_wrap .header-logo-container,
    .logo_info_wrap .site-branding {
        width: auto;
    }
    .header-logo-container img {
        margin: 0 auto;
    }
    #section_news_twitter_message .recent_news .rn_content_loop.odd_loop .rn_title_content,
    #section_news_twitter_message .recent_news .rn_content_loop.even_loop .rn_title_content,
    #section_news_twitter_message .recent_news .rn_content_loop.odd_loop .rn_image,
    #section_news_twitter_message .recent_news .rn_content_loop.even_loop .rn_image {
        width: 100%;
        position: relative;
        float: none;
        padding-left: 0;
        padding-right: 0;
    }
    #section_news_twitter_message .recent_news {
        display: block;
    }
    #section_news_twitter_message .rn_content_loop .rn_title_content .read_more_ln {
        position: relative;
        bottom: 0px;
        display: block;
        left: 0px;
        right: 0px;
    }
    .recent_news .rn_title_content .rn_content {
        margin-bottom: 20px;
    }
    /*---------------counter section----------*/
    
    #section_achieve .bg_achieve .wrap_counter &gt; div {
        width: 50%;
        margin-bottom: 20px;
    }
    .search-form {
        height: 33px;
    }
    article .post-date {
        font-size: 13px;
    }
    .single .byline,
    .group-blog .byline {
        padding-left: 4px;
    }
    /*---------------comment section------------------*/
    
    article .post-comment i {
        font-size: 14px;
        margin-right: 3px;
    }
    article .post-comment {
        font-size: 14px;
    }
    .comment-form .form-submit .submit {
        min-width: auto;
        padding: 10px 15px;
        font-size: 13px;
    }
    .comments-area .comment-respond form p.comment-form-author,
    .comments-area .comment-respond form p.comment-form-email,
    .comments-area .comment-respond form p.comment-form-url {
        float: none;
        width: 100%;
        margin-right: 0px;
    }
    .nav-links a,
    .nav-links .current {
        padding: 5px 10px;
    }
    /*----------widget search form---------------*/
    
    .widget_search .search-form {
        width: 100%;
    }
    /*------contactus form------------------------*/
    
    .contact-form-wrap form .name input[type="text"],
    .contact-form-wrap form .email input[type="email"] {
        width: 100%;
        float: none;
        margin-bottom: 20px;
    }
    .contact-form-wrap form .email input[type="email"] {
        margin-left: 0;
    }
    .error-404 .search-form label,
    .search .search-form label {
        width: 80%;
    }
    .error-404 .search-form .search-submit,
    .search-form .search-submit {
        width: 20%;
    }
    .error-404 .search-form:after,
    .search .search-form:after {
        right: 8%;
    }
    .comments-area ol.comment-list li .comment-body .comment-author img.avatar {
        width: 30px;
        height: 30px;
    }
    .comment-awaiting-moderation {
        float: left;
        margin-left: 47px;
    }
    .comments-area ol.comment-list li .comment-body .comment-metadata {
        padding-left: 47px;
        margin: 0;
    }
    .comments-area ol.comment-list li .comment-body .comment-content {
        padding-left: 47px;
        padding-top: 10px;
    }
    .comments-area ol.children {
        margin-left: 0;
        padding-left: 10px;
    }
    .comments-area h2.comments-title {
        margin-bottom: 30px;
    }
    .comments-area h2.comments-title,
    .comments-area .comment-respond h3.comment-reply-title {
        font-size: 20px;
    }
    .comments-area ol.comment-list li .comment-body .reply {
        margin-top: 10px;
    }
    /*************
	woocommerce*/
    
    .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product {
        float: none;
        width: 100%;
    }
    .sticky-wrapper.is-sticky .main-navigation {
        position: relative !important;
    }
    .woocommerce .woocommerce-result-count,
    .woocommerce-page .woocommerce-result-count,
    .woocommerce .woocommerce-ordering,
    .woocommerce-page .woocommerce-ordering,
    .woocommerce form .form-row-first,
    .woocommerce form .form-row-last,
    .woocommerce-page form .form-row-first,
    .woocommerce-page form .form-row-last {
        float: none;
        width: 100%;
    }
    /*******************
			events section
	**********************/
    
    .event-wrap .date-event {
        width: auto;
    }
    .event-wrap .mid-event-content {
        width: 80%;
    }
    .event-wrap .month-year {
        line-height: 50px;
        font-size: 14px;
    }
    .event-wrap .event-posts &gt; div {
        float: none;
    }
    .event-wrap .event-posts &gt; div.event-image {
        width: 100%;
        float: none;
        margin-top: 20px;
    }
    .event-wrap .mid-event-content {
        padding: 0 0 0 30px;
    }
    .home .event-wrap .mid-event-content,
    .event-wrap .mid-event-content {
        width: 100%;
        padding: 0;
    }
    .event-wrap .date-event .date,
    .event-wrap .month-year {
        display: inline-block;
    }
    .event-wrap .date-event .date {
        line-height: 50px;
        margin-right: 5px;
        font-size: 50px;
    }
    /********home contact section*********/
    
    #section_contact .wrap-1,
    #section_contact .wrap-2 {
        width: 100%;
        float: none;
    }
    #section_contact .wrap-2 {
        margin-left: 0;
    }
    #section_contact .wrap-2 textarea {
        max-height: 120px;
    }
    /********student counter section**********/
    
    #section_student-counter .student-counter {
        width: 100%;
    }
    #section_director-words .director-left-content .title-button-wrap .title-sub {
        font-size: 16px;
        margin-bottom: 15px;
    }
    #section_director-words .director-right-content,
    .counter-three-main-wrap .right-content,
    .home .counter-three-main-wrap .right-content {
        padding: 15px;
    }
    /**********/
    
    #section_university-words .university-words &gt; div {
        padding: 30px 15px;
    }
    #section_university-words .university-words &gt; div.right-university-words {
        padding: 30px 15px 0;
    }
    /********COUNTER*****/
    
    .counter-three-main-wrap .counter-three .title-count &gt; div {
        padding-right: 20px;
    }
    .counter-three-main-wrap .counter-three .title-count &gt; div:last-child {
        padding-right: 0;
    }
    /********/
    
    #section_contact .contact-section-wrap .left-content {
        padding: 30px 15px;
    }
    /******************/
    
    .course-detail &gt; div,
    .event-detail &gt; div {
        padding-right: 5px;
        display: inline-block;
    }
    .course-detail .price-rate,
    .course-detail .duration-wrap,
    .event-detail &gt; div {
        border-right: none;
    }
    .event-detail &gt; div + div {
        padding-left: 0px;
    }
    .event-detail &gt; div {
        margin-bottom: 7px;
        padding-right: 10px;
    }
    .event-detail &gt; div:last-child {
        padding-right: 0;
    }
    /********inner page carousel team member***********/
    
    .team-main-wrap .contents-desc {
        width: 100%;
        float: none;
    }
    .team-main-wrap .image-phone-email-desig {
        width: 100%;
        float: none;
        text-align: center;
        margin-bottom: 30px;
    }
    .team-main-wrap .image-phone-email-desig {
        margin-right: 0;
    }
    /************shortcodes*********/
    
    .ap-span1 {
        width: 100%;
    }
    .vertical .enlighten_protab_group,
    .vertical .enlighten_protab_content {
        float: none;
        width: 100%;
    }
    /*counter three*/
    
    #section_counter-two .count,
    #section_counter-two .counter-wrap .title-link {
        display: block;
    }
    #section_counter-two .counter-wrap &gt; div {
        text-align: left;
    }
    #section_counter-two .link a:after {
        position: relative;
        top: 0;
        margin-left: 10px;
    }
    /*home slider*/
    
    #header_slider_wrap .bx-wrapper .bx-viewport ul.header_slider .slider_capation .slider_title {
        font-size: 16px;
        margin-bottom: 5px;
        line-height: 1.3;
    }
    #header_slider_wrap .bx-wrapper .bx-viewport ul.header_slider .slider_capation .slider_content p {
        margin-bottom: 5px;
    }
    /******/
    
    #section_student-counter .count-counter,
    #section_student-counter .count-titel &gt; span {
        display: block;
        padding: 0;
    }
    #section_service .left-right-service {
        margin-top: 0;
    }
    /******/
    
    .home_section,
    #section_event_countdown,
    #section_festival.home_section {
        padding: 30px 0;
    }
    #section_service .service_slider.owl-carousel{
        bottom: -30px;
    }
    #section_service.home_section.layout1{
        margin-bottom: 30px;
    }
    /**************/
    
    .tab-button-event &gt; div {
        float: none;
        display: block;
        padding: 10px 5px;
        border-bottom: 1px solid #ccc;
    }
    .tab-button-event &gt; div:last-child {
        border-bottom: 0;
    }
    .tab-button-event {
        width: 100%;
    }
    #section_event-schedule .tab-button-wrap {
        padding: 0 10px;
        margin-top: -30px;
    }
    #section_event-schedule .main-schedule-wrap {
        padding: 30px 10px 0;
    }
    .tab-button-event &gt; div {
        border-right: 0;
    }
    .tab-button-event &gt; div span {
        font-size: 15px;
    }
    /*********event count section*******/
    #section_event_countdown .tnp-widget input[type="email"],
    #section_event_countdown .tnp-field.tnp-field-button input[type="submit"] {
        font-size: 9px;
        padding: 10px;
    }
    .feature-event .event-count {
        width: 100%;
        float: none;
        position: relative;
        display: block;
    }
    .feature-event .event-count + .event-count {
        padding-top: 18px;
        margin-top: 20px;
    }
    .feature-event .event-count + .event-count:after {
        border-top: 1px dashed #e3e3e3;
        content: "";
        position: absolute;
        bottom: 0;
        width: 60%;
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        background: transparent;
    }
    .feature-event .icon-detail {
        border-right: 0;
    }
    /******event countdown*****/
    
    #section_event_countdown .tnp-widget .tnp-field.tnp-field-email {
        width: 200px;
    }
}
@media (min-width: 480px) {
    .odd_loop .rn_title_content:after {
        width: 0;
        height: 0;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        position: absolute;
        top: 45%;
        width: 0;
        z-index: 99;
        content: '';
    }
    .odd_loop .rn_title_content:after {
        border-left: 8px solid #fff;
    }
    .odd_loop .rn_title_content:after {
        right: -8px;
    }
    .even_loop .rn_title_content:after {
        left: -8px;
        border-right: 8px solid #fff;
    }
    .even_loop .rn_title_content:after {
        width: 0;
        height: 0;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        position: absolute;
        top: 45%;
        width: 0;
        z-index: 99;
        content: '';
    }
}
@media (max-width: 320px) {
    /*---------------counter section----------*/
    
    #section_achieve .bg_achieve .wrap_counter &gt; div {
        width: 100%;
        margin-bottom: 20px;
    }
    .comments-area ol.comment-list li .comment-body .comment-content {
        padding-left: 0;
    }
    .comment-awaiting-moderation {
        margin-left: 0;
    }
    /*events section*/
    
    #section_blog .blog-wrap.left-right .img-blog,
    #section_blog .blog-wrap.left-right .title-content-blog {
        width: 100%;
        float: none;
        margin-right: 0;
    }
    #section_blog .blog-wrap.left-right .img-blog {
        margin-bottom: 15px;
    }
    /******event countdown*********/
    
    #section_event_countdown .left-countdown h2 {
        font-size: 23px;
    }
    #section_event_countdown .widget_newsletterwidget .widget-title {
        font-size: 17px;
    }
    #section_event_countdown .widget_newsletterwidget {
        padding-left: 0;
        padding-right: 0;
    }
    #section_event-schedule .detail-time-location &gt; span {
        font-size: 10px;
        margin: 0 7px 0 0;
    }
    /****festival section*****/
    
    #section_festival .festival-widget &gt; section .festivals-wrap {
        padding: 15px 15px 20px;
    }
}</pre></body></html>