/*============	Media 768Px Start ============ */ 
@media (min-width: 768px) and (max-width: 990px) {
    #cover-spin h2{
        margin-top: 450px;
    }
    #mainbanner{
        margin-top: 122px;
        height:400px;
    }   
    .slider_image {
        height: 400px;
    }
    .count-bar{
        display:none;
    }
    #pc-header{
        display:none;
    }
    #fund_counter_mobile,#mobile-header{
        display:block;
    }
    /* Header */
    .kode-headbar .col-md-3 { width: 20%; float: left; }
    .kode-headbar .col-md-9 { width: 80%; float: left; }
    .logo,.logo img { width: 100%; }
    .navbar-nav > li > a { padding: 33px 4px 31px; font-size: 12px; }
    .kode-donate-btn { padding: 6px 16px; font-size: 12px; margin: 27px 0 0 5px; }
    .kode-search { display: none; }
    .kode-maintitle h3 {
        font-size: 20px;
    }
    /* MainBanner */
    .kode-caption { bottom: 60px; }
    .kode-caption h3 { font-size: 20px; }
    .kode-caption h1 { font-size: 44px; }
    .kode-caption span { font-size: 30px; margin-bottom: 25px; }

    /* MainGrid */
    .col-md-4 { float: left; width: 50%; }
    .col-md-3 { float: left;  width: 33.333%; }
    .gallery-info h4 { font-size: 18px; }

    /* Testimonial */
    .kode-testimonial figure { width: 100%; }
    .kode-testimonial figure ~ .testimonial-info,.kode-testimonial .testimonial-info { float: left; width: 100%; padding: 15px; }

    /* Content */
    .kode-subheader.subheader-height { height: auto; padding: 40px 0 0; }

    /* Footer */
    #footer-widget .col-md-3.widget.widget-text { width: 100%; }
    #footer-widget .widget-text:before { right: 0px; }
    .kode-newslatter { margin-bottom: 30px; }
    .bottom-footer thbg-color { text-align: center; }
    .bottom-footer thbg-color [class*="col-md-"] { display: inline-block; }


}

/*============ Media 420Px Start ============ */
@media (max-width: 767px) {
    .mob_gap{
        margin:75px 10px 25px 10px;
    }
    .mob_gap1{
        margin:0px 10px 25px 10px;
    }
    .mob_gap input, .mob_gap1 input{
        margin-top:10px;
    }
    .mob_gap i, .mob_gap1 i{
        top:42px!important;
    }
    #cover-spin h2{
        margin-top: 100px;
    }
    .slider_image {
        height: 400px;
    }
    .count-bar{
        display:none;
    }

    #mainbanner{
        margin-top: 122px;
        height:400px;
    }   
    #pc-header{
        display:none;
    }
    #mobile-header{
        display:block;
    }
    /* Header */

    .btns{
        margin-top: -3px!important;
        /*padding: 7px 20px!important;*/
        /*margin-right: 10px;*/  
    }
    /* Navigation */
    .navbar-nav > li > a { padding: 12px 18px; }
    .navbar-toggle { background-color: #fff;
                     padding: 6px 10px;
                     margin: -5px 0 0 10px; }

    .navbar-collapse { z-index: 99; position: absolute; right: 0px; top: 100%;
                       /*width: 320px;*/ 
                       background-color: #fcfcfc; }
    .navbar-nav .children { background-color: #666; float: left; width: 100%; margin: 0px; position: static; visibility: visible; opacity: 1; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; }
    .navbar-nav { margin: 0px; }
    .navbar-nav .children li a { width: 100%; }
    .nav > li { float: left; width: 100%; }
    .navbar-nav { text-align: left; background: #0c829c;}
    .kode-header-absolute { position: static; } .kode-headbar { margin-top: 0px; } .kode-header-absolute ~ #mainbanner { padding: 0px; }
    .kode-topbar { height: auto; }
    .kode-barinfo,.kode-topbar:before,#footer-widget .widget-text:before { display: none; }
    .main-navbaar .col-md-3 { float: right; width: 50%; }
    .kode-header-two .navbar-toggle { margin-top: 8px; }
    .kode-header-two .navbar-collapse { background-color: #333; right: auto; left: 0px; }

    /* MainBanner */
    .kode-caption { bottom: 40px; }
    .kode-caption h3 { display: none; }
    .kode-caption h1 { font-size: 44px; }
    .kode-caption span { font-size: 30px; margin-bottom: 25px; }
    .caption-logo {
        width: 80%!important;
        height: 70px!important;
    }

    /* MainGrid */
    .kode-content .col-md-4 { float: left; width: 100%; }
    .kode-content .col-md-3 { float: left;  width: 100%; }
    .gallery-info h4 { font-size: 18px; }

    .kode-newslatter form input[type="submit"]{position:relative;left:0px;right:0px;margin:0 auto;display:block;float:none;text-align:center;}
    .accordian-fram .ac-thumb{width:100%;}
    .accordian-fram .ac-thumb ~ .ac-info{float:left;padding:0px;}
    .kd-accordion .accordion span{padding:40px 0 0;}
    .widget-section{padding:0px;}
    #footer-widget .col-md-3, #footer-widget .col-md-4{float:left;padding-top:30px;padding-bottom:0px;}
    #footer-widget .kode-newslatter{margin-top:30px;float:left;}
    .kode-team-network,
    .kode-email{float:none;display:block;text-align:center;}
    .kode-team-network li{margin-left:0px;margin-right:15px;float:none;display:inline-block;margin-top:15px;}
    .kode-headbar{border:none;}
    .kode-headbar {
        border:none;
        float: right;
        width: 100%;
        top: -130px;
        right: -285px;
        background-color: transparent;
        position: relative;
        /*border-bottom: 2px solid #222126;*/
    }
    .kode-large-blog ul li .kode-blog-info, .kode-editor .left-spacer{float:left;padding:0px;}
    .kode-postoption li{padding:10px 0px;}
    .kode-blog-list.kode-grid-blog .kode-blog-info{margin-bottom:0px;}
    .kode-blog-info{margin-bottom:30px;}
    .kode-editor p{clear:both;}
    .kode-eventcountdown .countdown{margin:0px;}
    #koderespond form p{padding:15px 0px;}
    #koderespond form p i{display:none;}
    .donation-nav ul li{display:inline-block;float:none;}
    .donation-nav ul li a{display:inline-block;float:none;}
    .kode-main-action span{width:100%;float:none;display:block;text-align:center;}
    .kode-actionbtn{float:none;}
    .kode-actionbtn a{float:none;display:block;text-align:center;margin:0px 0px 10px 0px;}
    /* Testimonial */
    .kode-testimonial figure { width: 100%; }
    .kode-testimonial figure ~ .testimonial-info,.kode-testimonial .testimonial-info { float: left; width: 100%; padding: 15px; }

    /*  Content */
    .kode-maintitle h3 {
        font-size: 20px;
    }
    .countdown .item { width: 100%; }
    .countdown .item:before,.kode-header-two .kode-team-network { display: none; }
    .kode-parallex-info-two span { font-size: 60px; }
    .kode-parallex-info-two h2 { font-size: 40px; }
    .kode-subheader.subheader-height { height: auto; padding: 40px 0px; }
    .kode-subheader .col-md-6 { float: left; width: 50%; }
    .kode-attachment ul li,.kode-couses-options li { width: 50%; }
    #kodecomments .children > li { padding-left: 0px; }
    .kode-admin-post figure ~ .admin-info,#kodecomments ul li figure ~ .text { float: left; width: 100%; padding: 0px; }
    .kode-couses-options li { padding-bottom: 25px; }
    .event-cell.short-info,.event-cell { float: left; width: 100%; }
    .kode-innsec ul li { width: 50%; }

    /* Footer */
    #footer-widget .col-md-3.widget.widget-text { width: 100%; }
    .kode-newslatter { margin-bottom: 30px; }
    .bottom-footer thbg-color { text-align: center; }
    .bottom-footer thbg-color [class*="col-md-"] { display: inline-block; }
}

/*============ Media 300Px Start ============ */
@media (max-width: 480px)  {
    #cover-spin h2{
        margin-top: 100px;
    }
    .gap{
        margin-top: 30px;
    }
    .gap1{
        margin-top: 40px;
    }
    .kode-maintitle h3 {
        font-size: 20px;
    }

    .slider_image {
        height: 400px!important;
    }
    #mainbanner{
        margin-top: 122px;
        height:400px;
    }   
    .caption-logo {
        width: 80%!important;
        height: 70px!important;
    }
    .count-bar{
        display:none;
    }
    /* Header */
    .kode-headbar {
        float: right;
        width: 100%;
        top: -85px;
        right: -285px;
        background-color: transparent;
        position: relative;
        /*border-bottom: 2px solid #222126;*/
    }
    .logo,.kode-rightsection { display: inline-block; float: none; }
    .navbar-collapse { width: 240px; right: auto; left: -195px;
                       top: 1px;
    }
    .main-navbaar .col-md-3 { width: 70%; }
    .kode-attachment ul li,#koderespond form p,.kode-couses-options li { width: 100%; }

    /* Main Banner */
    /*.kode-caption { display: none; }*/
    #pc-header{
        display:none;
    }
    #mobile-header{
        display:block;
    }
}

/*============	Media 940Px Start ============ */
@media screen and (min-width: 991px) and (max-width: 1199px) {

    #cover-spin h2{
        margin-top: 450px;
    }
    .navbar-nav > li > a { font-size: 13px; padding: 35px 6px 31px; }
    .slider_image{
        height:880px;
    }
    #pc-header{
        display:block;
    }
    #fund_counter_mobile,#mobile-header{
        display:none;
    }
    .btns{
        margin-top:-5px!important;
        padding: 8px 20px!important;
        margin-right: 10px!important;
    }

}
.caption-logo {
    width: 50%!important;
}
.kode-caption { bottom: 150px; }

.nav-item{
    /*width: 24%;*/
}