/*
=================================================
				UP FROM 1200PX
=================================================
*/
@media (max-width: 1366px) {
    /* .kode_program_hover span{
		 display:none;
	} */.kode_caption .header2 {
        font-size:45px;
        margin-top: -20px;
    }

    .kode_caption p {
        font-size: 15px;
    }

    .kode_banner .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
        display: none;
    }

    .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: 30px 0 0 35px;
    }

    .kode_program_des i {
        font-size: 38px;
        opacity: .4;
    }

    .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%;
    }

    /*Services PAge*/
    .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%;
    }
}

/*
=================================================
			FROM 992PX TO 1199PX
=================================================
*/
@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: 12px;
    }

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

    .kode_caption .header2 {
        /* 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 {
        font-size: 14px;
    }

    .kode_program_hover {
        margin-top: -30px;
    }

    .kode_program_hover .header5 {
        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 .header6 > 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 .header4 {
        font-size: 26px;
    }

    .kode_newsletter_bg::after {
        width: 63%
    }

    .kode_newsletter_bg::before {
        width: 45%;
    }

    .kode_newsletter_form form {
        width: 500px;
    }

    /*About Us PAge*/
    .kode_social_item i {
        width: 70px;
    }

    .kode_social_des .header4 {
        font-size: 34px;
    }

    .kode_achment_des .header5 a, .kode_achevemnt_des_2 .header5 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;
    }

    /*Event PAge*/
    .kode_event_des ul > li {
        margin-bottom: 5px;
    }

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

    /*Event Detail Page*/
    .kode_counter .header4 {
        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: 0px;
    }

    .kode_aside_gallery ul li {
        width: 47.3%;
    }

    /*NEws PAge Style*/
    .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%;
    }

    /*Services Page*/
    .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%;
    }
}

/*
=================================================
			FROM 0PX TO 979PX
=================================================
*/
@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 .header4 {
        line-height: 35px
    }
        
    .kode_purchase_now2 .header4 {
        margin-bottom: 20px;
        padding-right: 0;
    }

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

    .kode_coming_election:after {
        width: 96%;
    }

    /*About Us Page*/
    .kode_wht_otr_wrap:before {
        background-color: rgba(0, 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;
    }

    /*About Us page*/
    .kode_social_item {
        border: none;
    }

    /*Event PAge*/
    .kode_event_des ul > li:last-child {
        padding-left: 0px;
    }

    /*Event Detail Page*/
    .kode_event_list {
        margin-bottom: 20px
    }

    /*News Page*/
    .kode_breaking_news2 {
        display: none;
    }

    /*News Detail Page*/
    .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;
    }

    /*Services PAge*/
    .kode_service_video {
        width: 100%;
    }

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

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

    /*Contact Us PAge*/
    .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;
    }

    /*News Letter Style*/
    .kode_newsletter_bg {
        float: left;
        padding: 30px 0px;
    }

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

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

    .kode_newsletter_form {
        padding: 0px;
    }

    header {
        position: relative;
        background: #333;
    }
}

/*
=================================================
			FROM 768PX TO 979PX
=================================================
*/
@media (min-width: 768px) and (max-width: 979px) {
    .kode_program_des {
    }

    header {
        position: relative;
        background: #333;
    }

    .dl-menuwrapper {
        display: block;
    }

    .kode_menu {
        display: none;
    }

    .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, 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 .header4 {
        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 .header4 {
        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: 0px;
        left: 0px;
        width: 30%;
        height: 100%;
    }

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

    .kode_newsletter_bg {
        padding: 30px 0px;
    }

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

    .kode_newsletter_des .header5 {
        line-height: 30px;
    }

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

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

    .kode_about_bg {
        min-height: 200px;
    }

    .kode_aboutus_wrap {
        padding: 65px 0 0;
    }

    /*About Us Page*/
    .kode_where_year {
        width: 80px;
        height: 80px;
    }

    .kode_where_year .header6 {
        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;
    }

    /*Event Detail Page*/
    .kode_event_list {
        margin-bottom: 20px;
    }

    /*contact Us*/
    .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 0px 0px;
        padding: 280px 280px 0px 280px;
    }

    .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: 0px;
        left: 0px;
        bottom: -1px;
        width: 100%;
        box-shadow: none;
        height: 0%;
    }

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

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

/*
=================================================
			FROM 0PX TO 767PX
=================================================
*/
@media (max-width: 767px) {
    .kode_caption p.sub-txt {
        font-weight: normal;
        color: #fff;
        margin: 0px 0px 0px;
        line-height: normal;
        font-size: 28px;
        letter-spacing: -2px;
    }

    .kode_caption p.large-txt {
        color: #fff;
        font-weight: bold;
        text-transform: uppercase;
        border-top: 4px solid #ce701d;
        border-bottom: 4px solid #ce701d;
        margin: 0px 0px 0px;
        line-height: 43px;
        position: relative;
        font-size: 46px;
        padding: 16px 0px 13px;
        text-align: center;
        letter-spacing: -2px;
        border-left: 0px;
        border-right: 0;
    }

    header {
        position: relative;
        background: #333;
    }

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

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

    .container {
        width: 100%;
    }

    .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 {
        padding: 25px 10px 25px 0;
    }

    .kode_logo img {
        width: 56px;
    }

    .kode_caption {
        /* display:none; */
        left: 0px;
        padding: 30px;
    }

    .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 .header5 {
        font-size: 20px;
    }

    .kode_program_des i {
        font-size: 37px;
    }

    .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, 0.8);
    }

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

    .kode_wht_des {
        padding: 26px 10px 26px;
    }

    .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: 0px;
    }

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

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

    .kode_politician {
        margin: 0px 0px 30px;
    }

    .kode_campgn_lst1, .kode_campgn_lst2 {
        width: 100%;
    }

    .kode_cam_date {
        left: 0px;
    }

    .kode_campgn_lst2 .kode_cam_date {
        right: 0px;
    }

    .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 .header4 {
        line-height: 35px;
        margin-bottom: 10px;
    }

    .kode_purchase_now2 a {
        float: none;
        clear: both;
        display: block;
        margin-top: 20px;
    }

    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: 0px;
        margin-bottom: 30px;
    }

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

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

    .kode_newsletter_form {
        padding-top: 0px;
        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 .header4 {
        line-height: 32px;
    }

    .kode_wel_demo_des .header4 {
        font-size: 22px;
    }

    .filterable_container .home_gallery {
        width: 100%;
    }

    .kode_purchase .header4 {
        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: 0px;
    }

    .kode_counter_caption .header5 {
        font-size: 20px;
    }

    .kode_contact_info {
        padding: 0 10px 0 0;
    }

    /*About Us*/
    .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: 0px;
    }

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

    .kode_volunteer {
        width: 100%
    }

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

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

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

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

    .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: 0px;
    }

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

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

    /*News Detail Page*/
    .kode_aside_event ul {
        padding: 20px;
    }

    /*Event Detail Page*/
    .kode_event_list {
        margin-bottom: 20px;
    }

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

    .time_circles .header4 {
        top: 72px;
    }

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

    .kode_related_comment ul li figure img {
        width: auto;
    }

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

    /*News List Page*/
    .kode_news_list figure {
        width: 100%;
        margin-bottom: 20px;
    }

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

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

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

    /*Team Detail Page*/
    .kode_team_img {
        margin-bottom: 20px;
    }

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

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

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

    /*Services Page Style*/
    .kode_service_video {
        width: 100%;
    }

    .kode_focus_wrap {
        margin-bottom: 10px;
    }

    .kode_press_news {
        margin-bottom: 30px;
    }

    /*Contact Us Page*/
    .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;
    }

    /*Team Detail Page*/
    .kf_political_career:before {
        display: none;
    }

    .kf_empty {
        padding: 0px;
    }

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

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

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

    .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;
    }

    /*Shortcode Page*/
    .kf_shortcode_bg .kode_shortcode_inner_wrap .kode_audio_wrap {
        margin-bottom: 30px;
    }

    section {
        padding: 30px 0px;
    }

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

/*
=================================================
			FROM 0PX TO 479PX
=================================================
*/
@media (max-width: 480px) {
    .kode_caption p.large-txt {
        font-size: 36px;
    }

    .header1 {
        font-size: 40px;
    }

    .header2 {
        font-size: 30px !important;
    }

    .header3 {
        font-size: 30px;
    }

    .header4 {
        font-size: 34px;
    }

    .header5 {
        font-size: 20px;
    }

    .header6 {
        font-size: 18px;
    }

    .videoHeader {
        height: 45vh;
        margin-bottom: 0px;
        padding-top: 60px;
    }

    .kode_related_comment ul li figure {
        text-align: left;
        padding-left: 10px;
    }

    .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: 0px;
        float: left;
        width: 100%;
    }

    .kode_related_comment ul ul {
        padding: 0px;
    }

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

    .dl-menuwrapper .dl-menu {
        width: 480px;
        left: 0px;
        padding: 20px 0px 30px !important;
        position: relative;
    }

    section {
        padding: 40px 20px 50px;
    }
    .page_inner section {
        padding: 0px 20px 50px;
    }

    header {
        position: static;
    }

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

    .dl-menuwrapper, .kode_ui_element, .kode_favorite, .kode_search {
        display: inline-block;
        float: none;
    }

    .kode_navigation_outr_wrap {
        height: 185px;
    }

    .kode_top_strip {
        background-color: #0e2a4cf5;
    }

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

    .kode_navigation_outr_wrap .container {
        padding: 0px;
    }

    .kode_logo:before {
        display: none;
        width: 0px;
    }

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

    .kode_logo {
        padding: 10px 0px;
    }

    .kode_logo img {
        width: 35%;
        padding-left: 10px;
        padding-top: 6px;
    }

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

    .kode_logo .header4 {
        font-size: 2.7em;
        line-height: 1em;
        padding-top: 10px;
    }

    .kode_program_hover .header5 {
        font-size: 30px;
    }

    .kode_program_des .header5 {
        font-size: 20px;
        margin-bottom: 2px
    }

    .kode_program_des {
        padding: 16px;
    }

    .kode_program_des p {
        line-height: 1.25em
    }

    .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 .header4 {
        line-height: 32px;
    }

    .kode_wel_demo_des .header4 {
        font-size: 24px;
    }

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

    .filterable_container .home_gallery {
        width: 100%;
    }

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

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

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

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

    .kode_latest_blog > .header6 {
        padding: 2px 15px;
    }

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

    .kode_copyright p {
        line-height: 24px;
    }

    .kode_counter_caption .header5 {
        font-size: 16px;
    }

    /*About Us Page*/
    .kode_social_item {
        margin-bottom: 10px;
        border: 0px;
    }

    .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 0px;
    }

    .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;
    }

    /*Event Detail Page*/
    .kode_aside_gallery ul li {
        width: 100%;
    }

    .kode_aside_flicker ul li {
        width: 48%;
    }

    .kode_orgnizer_des .header6 {
        font-size: 16px;
    }

    .kode_orgnizer_email li {
        font-size: 12px;
    }

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

    /*BreadCrumb*/
    .kode_about_bg {
        min-height: 170px;
    }

    .kode_aboutus_wrap {
        padding: 48px 0 0;
    }

    /*About Us Breaking News*/
    .kode_breaking_news2 {
        display: none;
    }

    /*Services Page*/
    .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;
    }

    /*News Detail Page*/
    .event_timer_date {
        width: 100px;
        height: 100px;
    }

    .event_timer_date .header2 {
        padding-top: 15px;
    }

    /*News Detail Page*/
    .kode_aside_flicker ul li:hover figure:before {
        right: -108px;
    }

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

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

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

    .kode_comment_author {
        width: 100%;
    }

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

    /*News list Page*/
    .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: 0px;
    }

    /*404 pAge Wrap*/
    .kf_404_wrap, .kf_404_form {
        width: 100%;
    }

    .kf_page_list ul li {
        width: 50%;
    }

    /*Contact Us page*/
    .kf_location_wrap {
        padding: 60px 20px 45px;
    }

    /*comming Soon PAge*/
    .kf_comming_wrap a img {
        width: 100%;
    }

    .kf_comming_counter .header2 {
        font-size: 30px;
    }

    .kf_comming_counter .header4 {
        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: normal; */
        /* font-size: 27px; */
    }

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

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

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

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

    .kode_wht_icon_des p {
        padding: 0px;
        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: 0px;
    }

    .kode_wht_des > .header6, .kode_wht_des > .header4 {
        text-align: center;
    }

    .kode_wht_des .header4:before {
        right: 0px;
        margin: auto;
    }

    .kode_testimonial_wrap .item {
        margin: 0px;
    }
}