@media(max-width:1366px) {  
    .kode_program_hover span {
        display: none
    }

    .kode_caption h2 {
        font-size: 45px
    }

    .kode_caption p {
        font-size: 15px
    }

    .kode_banner .bx-wrapper .bx-pager,
    .bx-wrapper .bx-controls-auto {
        display: inline-block
    }

    .bx-has-controls-direction {
        display: block
    }

    .kode_banner>.bx-has-controls-direction {
        display: none
    }

    .kode_navigation_outr_wrap:before {
        width: 32.7%
    }

    .kode_navigation_outr_wrap:after {
        width: 70.9%
    }

    .kode_program_list:before {
        left: -166px
    }

    .kode_program_des {
        padding: 20px 0 0 20px
    }

    .kode_program_des i {
        font-size: 80px
    }

    .kode_galry_item figure:before {
        bottom: -65px;
        height: 70%;
        transform: rotate(-38deg);
        width: 150%
    }

    .kode_galry_item:hover figure:before {
        right: -158px
    }

    .kode_breaking_news2:after {
        width: 79%
    }

    .kode_advance_service:hover .kode_advance_hdg {
        top: 26px
    }

    .kode_advance_service:hover .kode_service_caption {
        bottom: 8%
    }
}

@media(min-width:1260px) and (max-width:1300px) {
    .kode_galry_item figure:before {
        width: 165%
    }
}

@media(min-width:992px) and (max-width:1199px) {
    .kode_galry_item figure:before {
        width: 165%
    }

    .dl-menuwrapper {
        display: none
    }

    .kode_menu ul li a {
        padding: 25px 7px;
        font-size: 13px
    }

    .kode_favorite,
    .kode_search {
        margin-left: 5px
    }

    .kode_caption h2 {
        font-size: 25px;
        margin-bottom: 20px
    }

    .kode_caption p {
        display: none
    }

    .kode_caption {
        margin: -56px 0 0 -481px
    }

    .kode_banner .bx-wrapper .bx-pager,
    .bx-wrapper .bx-controls-auto {
        bottom: 120px;
        margin-left: -486px
    }

    .kode_navigation_outr_wrap:before {
        width: 36.5%
    }

    .kode_navigation_outr_wrap:after {
        width: 68%
    }

    .kode_wht_icon_des p {
        width: 370px
    }

    .kode_breaking_news {
        width: 96%
    }

    .kode_program_des {
        display: none
    }

    .kode_program_hover {
        margin-top: -30px
    }

    .kode_program_hover h5 {
        display: none
    }

    .kode_program_hover p {
        display: none
    }

    .kode_wht_icon_des p {
        width: 92%
    }

    .kode_welcome:before {
        width: 94%;
        top: -35px;
        left: -28px
    }

    .kode_press_news figure.kode_pres1_style:before,
    .kode_press_news figure.kode_pres2_style:before {
        bottom: -83px
    }

    .kode_news_des h6>a {
        line-height: 22px
    }

    .kode_galry_item figure:before {
        bottom: -140px;
        width: 150%;
        height: 55%
    }

    .kode_galry_des {
        padding: 0 12px 20px 0
    }

    .filterable_container .home_gallery {
        width: 49%
    }

    .kode_purchase_now2 h4 {
        font-size: 26px
    }

    .kode_newsletter_bg::after {
        width: 63%
    }

    .kode_newsletter_bg::before {
        width: 45%
    }

    .kode_newsletter_form form {
        width: 500px
    }

    .kode_social_item i {
        width: 70px
    }

    .kode_social_des h4 {
        font-size: 34px
    }

    .kode_achment_des h5 a,
    .kode_achevemnt_des_2 h5 a {
        font-size: 12px
    }

    .kode-chart {
        margin: 20px
    }

    .kode_where_we ul li {
        padding: 0 80px 0 0
    }

    .kode_where_we ul li:nth-child(even) {
        padding: 0 0 0 80px
    }

    .kode_where_year {
        right: -143px;
        top: 104px
    }

    .kode_where_we ul li:nth-child(even) .kode_where_year {
        left: -144px
    }

    .kode_foo_gallery ul li {
        margin: 0 17px 10px 0
    }

    .kode_event_des ul>li {
        margin-bottom: 5px
    }

    .kode_event_des ul>li:last-child a {
        padding-left: 0
    }

    .kode_counter h4 {
        margin-top: 14px
    }

    .kode_orgnizer_email li {
        font-size: 12px
    }

    .kode_event_list ul>li {
        width: 100%
    }

    .kode_event_list ul>li:last-child {
        padding-left: 0
    }

    .kode_aside_gallery ul li {
        width: 47.3%
    }

    .kode_breaking_news2:after {
        width: 79%
    }

    .kode_brekg_news_des {
        padding: 13px 50px 15px 210px
    }

    .kode_news_wrap_des {
        padding: 5px 13px 23px
    }

    .kode_author {
        width: 100%
    }

    .kode_service_video {
        width: 100%
    }

    .kode_service_caption p {
        display: none
    }

    .kode_advance_service:hover .kode_service_caption {
        bottom: 16%
    }

    .kode_advance_service:hover .kode_advance_hdg {
        top: 34px
    }

    .kode_galry_item figure:before {
        width: 165%
    }
}

@media(max-width:991px) {
    .kode_menu {
        display: none
    }

    .dl-menuwrapper {
        display: block
    }

    .kode_navigation_outr_wrap:after {
        width: 57.7%
    }

    .kode_navigation_outr_wrap:before {
        width: 47.3%
    }

    .kode_caption {
        display: none
    }

    .kode_breaking_news {
        width: 94%
    }

    .kode_brekg_news_des {
        padding: 6px 50px 3px 200px
    }

    .kode_program_list {
        margin-bottom: 20px
    }

    .kode_program_list:before {
        left: -607px;
        top: -128px
    }

    .kode_program_hover p span {
        display: none
    }

    .kode_purchase h4 {
        line-height: 35px
    }

    .kode_purchase_now2 h4 {
        margin-bottom: 20px
    }

    ul.countdown:before,
    ul.countdown:after {
        display: none
    }

    .kode_coming_election:after {
        width: 96%
    }

    .kode_wht_otr_wrap:before {
        background-color: rgba(0, 0, 0, .75)
    }

    .kode_wht_otr_wrap:before,
    .kode_wht_otr_wrap:after {
        width: 100%
    }

    .kode_welcome {
        margin-bottom: 55px
    }

    .kode_about_services {
        margin-bottom: 30px
    }

    .kode_social_item {
        margin-bottom: 30px
    }

    .kode_achment_wrap {
        margin-bottom: 30px
    }

    .kode_press_news {
        margin-bottom: 30px
    }

    .kode_press_news figure.kode_pres1_style:before,
    .kode_press_news figure.kode_pres1_style:after,
    .kode_press_news figure.kode_pres2_style:before,
    .kode_press_news figure.kode_pres2_style:after {
        display: none
    }

    .kode_press_news figure {
        margin-bottom: 18px
    }

    .filterable_container .home_gallery {
        width: 49%
    }

    .kode_countup {
        margin-bottom: 20px
    }

    .kode_latst_post_lst .bx-wrapper {
        margin-bottom: 20px
    }

    .kode_purchase_now2 {
        text-align: center
    }

    .kode_purchase_now2 a {
        float: none;
        display: inline-block
    }

    .widget_hdg {
        margin-bottom: 20px
    }

    .kode_widgt_touch ul li {
        width: 100%
    }

    .kode_site_map ul li a {
        font-size: 12px;
        padding: 0 16px
    }

    .kode_breaking_hdg:before {
        top: 19px
    }

    .kode_social_item {
        border: none
    }

    .kode_event_des ul>li:last-child {
        padding-left: 0
    }

    .kode_event_list {
        margin-bottom: 20px
    }

    .kode_breaking_news2 {
        display: none
    }

    .kode_event_list {
        margin-bottom: 20px
    }

    .kode_aside_flicker ul li:hover figure:before {
        right: -78px
    }

    .kode_aside_flicker ul li figure::before {
        bottom: -80px
    }

    .kode_service_video {
        width: 100%
    }

    .kode_advance_service:hover .kode_service_caption {
        bottom: 23%
    }

    .kode_advance_service:hover .kode_advance_hdg {
        top: 48px
    }

    .kf_touch_img {
        margin-top: -180px;
        padding: 200px 200px 0
    }

    .kf_touch_field {
        text-align: center;
        width: 100%
    }

    .kf_touch_field input[type=submit],
    .kf_touch_field button {
        float: none
    }

    .kode_newsletter_bg {
        float: left;
        padding: 30px 0
    }

    .kode_newsletter_bg:before {
        top: 0;
        left: 0;
        height: 100%;
        transform: skew(0deg)
    }

    .kode_newsletter_des {
        width: 100%;
        text-align: center;
        margin-bottom: 20px
    }

    .kode_newsletter_form {
        padding: 0
    }

    header {
        position: relative
    }
}

@media(min-width:768px) and (max-width:979px) {
    .kode_program_des {}

    header {
        position: relative
    }

    .dl-menuwrapper {
        display: block
    }

    .kode_menu {
        display: none
    }

    .kode_logo:before {
        position: ;
        height: 0;
        width: 0
    }

    .kode_logo {
        width: 60%;
        margin-left: 10%;
        margin-right: 10%
    }

    .modal-contentss {
        width: 70%
    }

    .kode_navigation_outr_wrap:before {
        width: 46.5%
    }

    .kode_navigation_outr_wrap:after {
        width: 59.6%
    }

    .kode_caption {
        display: none
    }

    .kode_breaking_news {
        width: 95%
    }

    .kode_brekg_news_des {
        padding: 5px 50px 4px 200px
    }

    .kode_breaking_hdg:before {
        top: 19px
    }

    .kode_program_list {
        margin-bottom: 15px
    }

    .kode_program_list:before {
        left: -436px;
        transform: rotate(-29deg)
    }

    .kode_welcome {
        margin-bottom: 20px
    }

    .kode_welcome:after {
        top: -18px;
        left: -15px;
        height: 104%
    }

    .kode_welcome:before {
        width: 98%;
        left: -20px
    }

    .kode_wht_otr_wrap:before,
    .kode_wht_otr_wrap:after {
        background-color: rgba(0, 0, 0, .75);
        width: 100%
    }

    .kode_wht_icon_des p {
        width: 450px
    }

    .kode_press_news {
        margin-bottom: 30px
    }

    .kode_press_news figure.kode_pres1_style:before,
    .kode_press_news figure.kode_pres1_style:after,
    .kode_press_news figure.kode_pres2_style:before,
    .kode_press_news figure.kode_pres2_style:after {
        display: none
    }

    .kode_press_news figure {
        margin-bottom: 20px
    }

    .filterable_container .home_gallery {
        width: 49%
    }

    .kode_galry_item figure::before {
        bottom: -29px
    }

    .kode_galry_item:hover figure:before {
        right: -229px
    }

    .kode_galry_des {
        padding: 0 15px 20px 0
    }

    .kode_purchase h4 {
        line-height: 30px
    }

    .kode_politician {
        margin-bottom: 30px
    }

    .kode_latst_post_lst .bx-wrapper {
        margin-bottom: 30px
    }

    .kode_purchase_now2 {
        width: 100%;
        text-align: center
    }

    .kode_purchase_now2 h4 {
        margin-bottom: 20px;
        line-height: 32px
    }

    .kode_purchase_now2 a {
        float: none
    }

    ul.countdown:before {
        left: 8px;
        width: 16.2%
    }

    ul.countdown:after {
        right: 8px;
        width: 12%
    }

    .kode_widgt_touch ul li {
        float: left;
        width: 100%
    }

    .kode_widgt_touch,
    .kode_widgt_tweets,
    .kode_widgt_event {
        margin-bottom: 20px
    }

    .kode_newsletter_bg:before,
    .kode_newsletter_bg:after {
        transform: skew(0deg)
    }

    .kode_newsletter_bg:before {
        top: 0;
        left: 0;
        width: 40%;
        height: 100%
    }

    .kode_newsletter_bg:after {
        right: 0;
        top: 0;
        width: 60%
    }

    .kode_newsletter_bg {
        padding: 30px 0
    }

    .kode_newsletter_des {
        width: 100%;
        text-align: center;
        padding: 0
    }

    .kode_newsletter_des h5 {
        line-height: 30px
    }

    .kode_newsletter_form,
    .kode_newsletter_form form {
        float: left;
        width: 100%;
        padding-bottom: 0
    }

    .kode_site_map ul li a {
        padding: 0 19px
    }

    .kode_about_bg {
        min-height: 200px
    }

    .kode_aboutus_wrap {
        padding: 65px 0 0
    }

    .kode_where_year {
        width: 80px;
        height: 80px
    }

    .kode_where_year h6 {
        line-height: 70px
    }

    .kode_where_we ul li {
        padding: 0 70px 0 0
    }

    .kode_where_we ul li:nth-child(even) {
        padding: 0 0 0 70px
    }

    .kode_where_year {
        right: -124px;
        top: 54px
    }

    .kode_where_we ul li:nth-child(even) .kode_where_year {
        left: -122px
    }

    .kode_event_list {
        margin-bottom: 20px
    }

    .kf_location_wrap {
        width: 80%
    }

    .kf_office_name li {
        width: 40%
    }

    .kf_touch_field {
        text-align: center
    }

    .kf_touch_field input[type=submit],
    .kf_touch_field button {
        float: none
    }

    .kf_touch_img {
        margin: -250px 0 0;
        padding: 280px 280px 0
    }

    .kode_focus_wrap {
        margin-bottom: 30px
    }

    .kode_service_video {
        width: 100%
    }

    .kode_advance_service {
        margin-bottom: 10px
    }

    .kode_advance_service:hover .kode_advance_hdg {
        top: 20%
    }

    .kode_advance_service:hover .kode_service_caption {
        bottom: 18%
    }

    .kode_galry_item figure:before {
        transform: rotate(0deg);
        right: 0;
        left: 0;
        bottom: -1px;
        width: 100%;
        box-shadow: none;
        height: 0%
    }

    .kode_galry_des {
        padding: 25px 25px 20px 0
    }

    .dl-menuwrapper .dl-menu {}
}

@media(max-width:767px) {
    header {
        position: relative
    }

    .kode_galry_item figure:before {
        transform: rotate(0deg);
        right: 0;
        left: 0;
        bottom: -1px;
        width: 100%;
        box-shadow: none;
        height: 0%
    }

    .modal-contentss {
        width: 95%
    }

    .kode_galry_des {
        padding: 25px 25px 20px 0
    }

    .container {
        width: 108%    
    }

    .kode_cnt_info,
    .kode_scl_icon {
        width: 100%;
        text-align: center
    }

    .kode_navigation_outr_wrap:before,
    .kode_navigation_outr_wrap:after {
        display: none
    }

    .kode_logo {}

    .kode_link_3 {
        margin-top: 15px;
        float: right;
        margin-right: 5px
    }

    .kode_logo img {
        width: 200px
    }

    .kode_caption {
        display: none
    }

    .kode_breaking_news {
        display: none
    }

    .kode_menu {
        display: none
    }

    .kode_logo:after {
        display: none
    }

    .kode_program_list {
        margin-bottom: 15px
    }

    .kode_program_hover p {
        display: none
    }

    .kode_program_hover {
        margin-top: -51px
    }

    .kode_program_des h5 {
        font-size: 20px
    }

    .kode_program_des i {
        font-size: 70px
    }

    .kode_program_list:before {
        top: -116px;
        transform: rotate(-29deg);
        left: -186px
    }

    .kode_welcome:before {
        width: 92%;
        left: -12px
    }

    .kode_welcome:after {
        width: 96%;
        left: -7px;
        top: -33px
    }

    .kode_wht_otr_wrap:before {
        background-color: rgba(0, 0, 0, .8)
    }

    .kode_wht_otr_wrap:after,
    .kode_wht_otr_wrap:before {
        width: 100%
    }

    .kode_wht_des {
        padding: 26px 10px
    }

    .kode_wht_icon_des p {
        width: 320px
    }

    .kode_press_news figure.kode_pres1_style:before,
    .kode_press_news figure.kode_pres1_style:after,
    .kode_press_news figure.kode_pres2_style:before,
    .kode_press_news figure.kode_pres2_style:after {
        display: none
    }

    .kode_press_news {
        margin-bottom: 30px
    }

    .kode_press_news figure {
        margin-bottom: 20px
    }

    .kode_galry_item figure::before {
        bottom: -30px
    }

    .kode_galry_item:hover figure::before {
        right: -200px
    }

    .kode_galry_des {
        padding: 25px 25px 25px 0
    }

    .dl-menuwrapper .dl-menu {
        right: 0
    }

    .kode_lst1_des {
        padding: 0 0 0 110px
    }

    .kode_campgn_lst2 .kode_lst1_des {
        padding: 0 110px 0 0
    }

    .kode_politician {
        margin: 0 0 30px
    }

    .kode_campgn_lst1,
    .kode_campgn_lst2 {
        width: 100%
    }

    .kode_cam_date {
        left: 0
    }

    .kode_campgn_lst2 .kode_cam_date {
        right: 0
    }

    .kode_cam_date:before,
    .kode_cam_date:after,
    .kode_campgn_lst1:after,
    .kode_campgn_lst2:after {
        display: none
    }

    .kode_campagin_lst {
        margin-bottom: 20px
    }

    .kode_latst_post_lst .bx-wrapper {
        margin-bottom: 20px
    }

    .kode_purchase_now2 {
        width: 100%;
        text-align: center
    }

    .kode_purchase_now2 h4 {
        line-height: 35px;
        margin-bottom: 10px
    }

    .kode_purchase_now2 a {
        float: none
    }

    ul.countdown li {
        margin-left: 10px
    }

    ul.countdown li span {
        width: 85px
    }

    ul.countdown:before,
    ul.countdown:after {
        display: none
    }

    .kode_coming_election:after {
        width: 95%
    }

    .kode_newsletter_des {
        width: 100%;
        text-align: center;
        padding-top: 20px;
        padding-left: 0;
        margin-bottom: 30px
    }

    .kode_newsletter_bg:before {
        transform: skew(0deg);
        height: 100%;
        top: 0;
        left: 0;
        width: 40%
    }

    .kode_newsletter_bg:after {
        transform: skew(0deg);
        width: 60%;
        right: 0;
        top: 0
    }

    .kode_newsletter_form {
        padding-top: 0;
        float: left;
        text-align: center;
        width: 100%
    }

    .kode_newsletter_form form {
        width: 100%
    }

    .kode_site_map ul li a {
        padding: 0 2px
    }

    .kode_widgt_touch,
    .kode_widgt_tweets,
    .kode_widgt_event {
        margin-bottom: 20px
    }

    .kode_widgt_touch ul li {
        float: left;
        width: 100%
    }

    .kode_welcome {
        margin-bottom: 10px
    }

    .kode_wel_demo_des h4 {
        line-height: 32px
    }

    .kode_wel_demo_des h4 {
        font-size: 22px
    }

    .filterable_container .home_gallery {
        width: 100%
    }

    .kode_purchase h4 {
        line-height: 34px;
        font-size: 21px
    }

    .kode_latest_blog_des {
        padding: 0 10px
    }

    .kode_countup {
        margin-bottom: 30px
    }

    .kode_camp_outr_wrap>li:last-child .kode_campagin_lst {
        margin-bottom: 0
    }

    .kode_counter_caption h5 {
        font-size: 20px
    }

    .kode_contact_info {
        padding: 0 10px 0 0
    }

    .kode_about_bg {
        min-height: 235px
    }

    .kode_aboutus_wrap {
        padding: 70px 0 0
    }

    .kode_where_we ul:before {
        display: none
    }

    .kode_where_we ul li {
        width: 100%;
        padding: 0
    }

    .kode_where_we ul li:nth-child(even) {
        padding: 0;
        width: 100%
    }

    .kode_volunteer {
        width: 100%
    }

    .kode-chart {
        margin: 20px 40px 40px
    }

    .kode_planning_wrap ul li {
        width: 49%;
        margin: 0 0 5px 2px
    }

    .planning_img {
        width: 100%;
        margin-bottom: 10px
    }

    .planning_des {
        width: 100%;
        padding: 0
    }

    .kode_volunteer_btn {
        width: 100%
    }

    .kode_volunteer_btn a {
        width: 100%;
        text-align: center;
        margin-bottom: 10px
    }

    .kode_volunteer_btn a.kf_volunteer i,
    .kode_volunteer_btn a.kf_volunteer span {
        float: none
    }

    .kode_volunteer_btn a.kf_volunteer i {
        margin-left: 33px
    }

    .kode_volunteer_btn a.kf_volunteer span {
        padding-left: 15px;
        padding-right: 0
    }

    .kode_volunteer_btn a.donate:before {
        transform: skew(0deg);
        left: 0;
        right: 0
    }

    .kode_volunteer_btn a.kf_volunteer:after {
        transform: skew(0deg);
        left: 0;
        right: 0
    }

    .kode_aside_event ul {
        padding: 20px
    }

    .kode_event_list {
        margin-bottom: 20px
    }

    .time_circles>div>h4 {
        font-size: 14px !important
    }

    .time_circles h4 {
        top: 72px
    }

    .kode_related_comment ul li figure {
        margin-bottom: 30px;
        width: 100%;
        text-align: center;
        border-bottom: 0
    }

    .kode_related_comment ul li figure img {
        width: auto
    }

    .kode_comment_des {
        float: left;
        width: 100%;
        padding: 0 10px
    }

    .kode_news_list figure {
        width: 100%;
        margin-bottom: 20px
    }

    .kode_news_list_des {
        width: 100%;
        float: left;
        padding: 0
    }

    .kode_aside_flicker ul li figure:before {
        bottom: -22px
    }

    .kode_aside_flicker ul li:hover figure:before {
        right: -48px
    }

    .kode_team_img {
        margin-bottom: 20px
    }

    .kode_edu_des ul li figure {
        width: 100%;
        margin-bottom: 20px
    }

    .kode_edu_img_des {
        width: 100%;
        padding: 0;
        float: left
    }

    .kode_edu_des ul li:nth-child(2n) .kode_edu_img_des {
        padding: 0
    }

    .kode_service_video {
        width: 100%
    }

    .kode_focus_wrap {
        margin-bottom: 10px
    }

    .kode_press_news {
        margin-bottom: 30px
    }

    .kf_location_wrap {
        width: 80%
    }

    .kf_office_name li {
        width: 100%
    }

    .kf_location_info {
        margin-bottom: 20px
    }

    .kf_touch_img {
        display: none
    }

    .kf_touch_field {
        text-align: center
    }

    .kf_touch_field input[type=submit],
    .kf_touch_field button {
        float: none
    }

    .kf_political_career:before {
        display: none
    }

    .kf_empty {
        padding: 0
    }

    .kf_month_right {
        width: 100%;
        padding-left: 0
    }

    .kf_month_right:before,
    .kf_month_left:before {
        display: none
    }

    .kf_month_left {
        width: 100%;
        padding-right: 0
    }

    .kode_yearly_performance ul li {
        width: 100%
    }

    .kode_team_img_des blockquote {
        padding: 55px 40px
    }

    .kode_team_img_des blockquote p::after {
        bottom: -32px;
        right: -10px
    }

    .kode_team_img_des blockquote p:before {
        left: 0;
        top: -35px
    }

    .kf_shortcode_bg .kode_shortcode_inner_wrap .kode_audio_wrap {
        margin-bottom: 30px
    }

    section {
        padding: 30px 0
    }

    .kode_welcome_bg ul.kode_tab_lnk {
        margin-bottom: 30px
    }

    #slider-next {
        background-color: orange;
        color: #fff;
        padding: .2em .4em .2em .5em;
        font-size: 1.4em;
        float: right;
        margin-right: 1em;
        cursor: pointer;
        position: relative;
        z-index: 0
    }

    #slider-prev {
        background-color: orange;
        color: #fff;
        padding: .2em .5em .2em .4em;
        font-size: 1.4em;
        float: left;
        margin-left: 1em;
        cursor: pointer
    }

    .kf_btn_list a {
        margin: 10px
    }

    .modal-contentss {
        height: 140px
    }

    .modal-body {
        height: 100
    }

    .bx-wrapper .bx-pager.bx-default-pager a {
        width: 10px;
        height: 10px
    }
}

@media(max-width:480px) {
    .kode_related_comment ul li figure {
        text-align: left;
        padding-left: 10px
    }

    .kode_logo:before {
        position: ;
        height: 0;
        width: 0
    }

    .kode_logo {
        width: 83% !important;
        margin-left: 3%
    }

    .kode_logo img {
        margin: 0 auto
    }

    .kode_event_orgnizer .row .col-md-6 {
        margin-bottom: 30px;
        float: left;
        width: 100%
    }

    .kode_event_orgnizer .row .col-md-6:last-child {
        margin-bottom: 0;
        float: left;
        width: 100%
    }

    .kode_related_comment ul ul {
        padding: 0
    }

    .kode_welcome_bg ul.kode_tab_lnk {
        margin-bottom: 30px
    }

    .dl-menuwrapper .dl-menu {
        left: 0
    }

    section {
        padding: 30px 0
    }

    header {
        position: static
    }

    .kode_ui_element {
        width: auto;
        text-align: center;
        padding: 0 0 13px;
        margin: 0
    }

    .dl-menuwrapper,
    .kode_ui_element,
    .kode_favorite,
    .kode_search {
        display: inline-block;
        float: left;
        margin-left: 7px
    }

    .kode_top_strip {
        background-color: #333
    }

    .kode_event_des ul li a {
        font-size: 14px;
        line-height: 25px
    }

    .kode_navigation_outr_wrap .container {
        padding: 0
    }

    .kode_logo {
        padding: 10px 45px
    }

    .kode_logo img {
        width: auto;
        height: 50px
    }

    .kode_favorite,
    .kode_search {
        display: inline-block
    }

    .navbar-fixed-top .kode_logo {
        padding: 5px 35px
    }

    .kode_program_hover h5 {
        font-size: 20px
    }

    .kode_program_des {
        display: none
    }

    .kode_program_list:before {
        display: none
    }

    .kode_welcome:before {
        width: 92%;
        left: -12px;
        top: -21px
    }

    .kode_welcome::after {
        width: 96%;
        left: -7px;
        top: -13px
    }

    .kode_welcome {
        margin-bottom: 10px
    }

    .kode_wht_icon_des p {
        width: 90%
    }

    .kode_wel_demo_des h4 {
        line-height: 32px
    }

    .kode_wel_demo_des h4 {
        font-size: 22px
    }

    ul.kode_tab_lnk li {
        margin-bottom: 10px
    }

    .filterable_container .home_gallery {
        width: 100%
    }

    .kode_galry_item figure:before {
        transform: rotate(0deg);
        right: 0;
        left: 0;
        bottom: -1px;
        width: 100%;
        box-shadow: none;
        height: 0%
    }

    .kode_galry_des {
        padding: 25px 25px 20px 0
    }

    .kode_purchase h4 {
        line-height: 34px;
        font-size: 21px
    }

    .kode_latest_blog_des h6 a {
        font-size: 13px;
        margin: 0
    }

    .kode_latest_blog>h6 {
        padding: 2px 15px
    }

    .kode_copyright {
        width: 100%;
        text-align: center
    }

    .kode_copyright p {
        line-height: 24px
    }

    .kode_counter_caption h5 {
        font-size: 16px
    }

    .kode_social_item {
        margin-bottom: 10px;
        border: 0
    }

    .kode_about_welcome .kode_welcome {
        margin-bottom: 30px
    }

    .kode_about_welcome {
        padding-bottom: 70px
    }

    .kode_services_abt_bg {
        padding-bottom: 6px
    }

    .kode_socil_counter_bg {
        padding: 56px 0
    }

    .kode_achivemnt_bg {
        padding-bottom: 40px
    }

    .kode_where_bg {
        padding-bottom: 20px
    }

    .kode_volunteer_bg {
        padding-bottom: 60px
    }

    .kode_about_meet_bg {
        padding-bottom: 50px
    }

    .kode_skill_bg {
        padding-bottom: 24px
    }

    .kode_foo_gallery ul li {
        margin: 0 10px 10px 0
    }

    .kode_aside_gallery ul li {
        width: 100%
    }

    .kode_aside_flicker ul li {
        width: 48%
    }

    .kode_orgnizer_des h6 {
        font-size: 16px
    }

    .kode_orgnizer_email li {
        font-size: 12px
    }

    .kode_orgnizer_email li i {
        margin-right: 6px
    }

    .kode_about_bg {
        min-height: 170px
    }

    .kode_aboutus_wrap {
        padding: 48px 0 0
    }

    .kode_breaking_news2 {
        display: none
    }

    .kode_choose_tab ul li {
        width: 100%
    }

    .kode_advance_service:hover .kode_service_caption {
        bottom: 31%
    }

    .kode_advance_service:hover .kode_advance_hdg {
        top: 130px
    }

    .kode_choose span {
        font-size: 11px;
        padding: 30px 0 30px 40px
    }

    .event_timer_date {
        width: 100px;
        height: 100px
    }

    .event_timer_date h2 {
        padding-top: 15px
    }

    .kode_aside_flicker ul li:hover figure:before {
        right: -108px
    }

    .kode_aside_flicker ul li figure::before {
        right: 0;
        left: 0;
        bottom: -40px
    }

    .kode_news_detail>ul>li:first-child {
        width: 100%;
        line-height: 35px
    }

    .kode_news_detail>ul>li:nth-child(2) {
        padding-left: 0
    }

    .kode_comment_author {
        width: 100%
    }

    .kode_comment_des a {
        float: none;
        margin-bottom: 10px
    }

    .kode_author {
        width: 100%
    }

    .kode_news_list_des ul {
        margin-bottom: 10px;
        float: left;
        width: 100%
    }

    .kode_news_list_des>ul>li:first-child a {
        padding-left: 0
    }

    .kf_404_wrap,
    .kf_404_form {
        width: 100%
    }

    .kf_page_list ul li {
        width: 50%
    }

    .kf_location_wrap {
        padding: 60px 20px 45px
    }

    .kf_comming_wrap a img {
        width: 100%
    }

    .kf_comming_counter h2 {
        font-size: 30px
    }

    .kf_comming_counter h4 {
        font-size: 20px
    }

    .kf_comming_counter ul.countdown li {
        margin-bottom: 10px
    }

    .kf_comming_form {
        width: 100%;
        text-align: center
    }

    .kf_comming_form form input[type=text] {
        margin-bottom: 10px;
        width: 100%
    }

    .kf_comming_form button,
    .kf_comming_form input[type=submit] {
        float: none
    }

    .kode_lst1_des>ul>li {
        font-weight: 400;
        font-size: 15px
    }

    .kode_cam_date {
        position: relative;
        top: 0;
        margin: auto auto 30px;
        float: none
    }

    .kode_lst1_des {
        padding: 0 5px;
        float: left;
        width: 100%;
        text-align: center
    }

    .kode_campgn_lst2 .kode_lst1_des {
        padding: 0 5px;
        text-align: center
    }

    .kode_wht_icon_des {
        padding: 0 15px;
        display: inline-block;
        text-align: center
    }

    .kode_wht_icon_des p {
        padding: 0;
        width: 100%
    }

    .kode_wht_des ul li span {
        float: none
    }

    .kode_wht_des ul>li>a {
        display: inline-block;
        float: none;
        position: relative;
        text-align: center;
        width: 100%;
        margin-bottom: 30px
    }

    .kode_galry_item {
        margin: 0
    }

    .kode_wht_des>h6,
    .kode_wht_des>h4 {
        text-align: center
    }

    .kode_wht_des h4:before {
        right: 0;
        margin: auto
    }

    .kode_testimonial_wrap .item {
        margin: 0
    }
}