@media only screen and (max-width: 1600px) {
    .login-sec .login-wrap .container {max-width: initial!important;}
}

@media only screen and (min-width: 1400px) {
    .nurture .nurture-inner article.nurture-content {max-width: 700px;}
    .nurture .nurture-inner article.nurture-content {padding: 120px 32px;}
    .nurture .nurture-inner article.nurture-content h1 {font-size: 72px; line-height: 94px;}
    .nurture .nurture-inner article.nurture-content .buttons-wrap .preset-button {font-size: 32px; line-height: 48px;}
}

@media only screen and (max-width: 1280px) {
    
    h1 {font-size: 42px; line-height: 56px;} 
    h2 {font-size: 38px; line-height: 42px;}
    h3 {font-size: 32px; line-height: 40px;}
    h4 {font-size: 28px; line-height: 36px;}
    h5 {font-size: 24px; line-height: 32px;}
    h6 {font-size: 20px; line-height: 30px;}
    p,input,select,
    .news-single-wrap .two-column article,li  {font-size: 18px; line-height: 24px;}

    .login-sec .login-wrap .login-inner .left h4 {font-size: 28px!important; line-height: 36px!important;}

    header .header-wrap .right-navs li a{font-size: 16px; line-height: 24px;}
    .about-ramon .about-ramon-inner article p {font-size: 18px; line-height: 24px;}

    .preset-button {font-size: 20px!important; line-height: 26px!important;}

    .part-sec .part-sec-wrap .right .preset-button {min-width: 200px;}

    .agree-submit-row input[type='checkbox'] {top: 20px!important;}

    .milestones-wrap .milestone-single .milestone-single-inner.has-sign .counter {margin-left: -16px!important;}

    .part-sec .part-sec-wrap .left {width: 35%;}
    .part-sec .part-sec-wrap .right {width: 65%;}

    footer .top-footer .top-inner .left {padding-right: 20px;}
    footer .top-footer .top-inner .middle {padding: 0 20px 0 32px;}
    footer .top-footer .top-inner .left article {padding-left: 20px;}


}

@media only screen and (max-width: 1200px) {
    .resources-wrap .resources-list .resources-item {width: 33.333%;}
    .login-sec .login-wrap .login-inner .right {padding: 24px;}
    header .right-navs {display: none!important;}
    header .mobile-right-navs{display: block!important;}
    header .header-wrap .left-logo a img {max-width: 100px;}
}

@media only screen and (max-width: 1024px) {
    
    h1 {font-size: 42px; line-height: 56px;} 
    h2 {font-size: 32px; line-height: 40px;}
    h3 {font-size: 28px; line-height: 36px;}
    h4 {font-size: 24px; line-height: 32px;}
    h5 {font-size: 20px; line-height: 30px;}
    h6 {font-size: 18px; line-height: 24px;}
    p,a,input,select,
    .news-single-wrap .two-column article,
    .login-sec .login-wrap .login-inner .right form .bottom-wrap a,li  {font-size: 16px; line-height: 24px;}

    .other-fst-sec .other-fst-sec-inner .about-bio-wrap article h5 {font-size: 20px; line-height: 30px;}
    .other-fst-sec .other-fst-sec-inner .about-bio-wrap article p {font-size: 16px; line-height: 24px;}
    .about-ramon .about-ramon-inner article p {font-size: 16px; line-height: 24px;}

    .login-sec .login-wrap .login-inner .left h4 {font-size: 24px!important; line-height: 32px!important;}

    .preset-button {font-size: 18px!important; line-height: 24px!important;}

    .part-sec .part-sec-wrap .right .preset-button {min-width: 180px;}

    .nurture .nurture-inner article.nurture-content h1 {font-size: 48px;}

    .contact-us-wrap .left .preset-button {width: 160px!important;}

    .lbox-of-vid .inner-lbox iframe {width: 500px!important; height: 320px!important;}
}

@media only screen and (max-width: 999px) {

    .main-banner {height: calc(100vh - 52px)!important;}

    .resources-wrap .resources-list .resources-item {padding: 0 24px;}
    .resources-wrap .pagination {padding: 0 24px;}
    .gcash-modal .gcash-modal-wrap {width: 90%;}
    
    .main-banner .banner-slider .item article.banner-content {width: 100%;}

    .part-sec{padding: 42px 0;}
    .part-sec .part-sec-wrap .left {width: 100%; border-right: none; text-align: center; padding-right: 0; margin-bottom: 12px;}
    .part-sec .part-sec-wrap .right {width: 100%; padding: 0; justify-content: center; flex-wrap: wrap;}
    .part-sec .part-sec-wrap .right p {width: 100%; text-align: center; padding-right: 0!important;}
    .part-sec .part-sec-wrap .right p br {display: none;}
    .part-sec .part-sec-wrap .right .preset-button {margin-top: 24px;}

    .donate-sec .donate-wrap .donate-inner .left {width: 50%; padding-right: 12px; box-sizing: border-box;}
    .donate-sec .donate-wrap .donate-inner .right {width: 50%; padding: 42px 24px;}

    footer .top-footer .top-inner {flex-wrap: wrap;}
    footer .top-footer .top-inner .logo-cont img {max-width: 100px;}
    footer .top-footer .top-inner .left {width: 100%; padding-right: 0; margin-bottom: 12px; padding-bottom: 12px; border-bottom: 1px solid white;}
    footer .top-footer .top-inner .middle {padding-left: 0; border-left: none; width: 70%;}
    footer .top-footer .top-inner .right {width: 30%;}

    .about-ramon .about-ramon-inner aside {display: none;}
    .about-ramon .about-ramon-inner article{position: relative; width: 100%; transform: translate(0); left: 0; top: 0; padding: 64px 24px; 
        background: url('../img/about-ramon-bg.png'); background-size: cover; background-position: center; box-sizing: border-box;}

    .milestones-wrap .milestone-single{width: 50%;}

    .testimonials .testimonial-slider .item .photo-wrap {width: 180px; height: 180px;}

    .nurture .nurture-inner article.nurture-content {max-width: initial; width: calc(100% - 48px); left: 50%; transform: translate(-50%, -50%);}

    .contact-us-wrap .right {width: 100%; padding: 0; border: none;}
    .contact-us-wrap .left {width: 100%;}

    .resources-wrap .resources-list .resources-item {width: 50%;}

    .login-sec .login-wrap .login-inner .right {padding: 12px;}
    .login-sec .login-wrap .login-inner .left {width: 50%; padding-right: 12px; box-sizing: border-box;}
    .login-sec .login-wrap .login-inner .right {width: 50%; padding: 42px 24px;}
    .login-sec .login-wrap .login-inner .right form .bottom-wrap .preset-button {width: 120px;}

    .glaz-float {top: auto!important; bottom: 12px; transform: translate(0)!important;}
    .glaz-float .gca-ico,
    .glaz-float a.laz-ico {width: 140px; height: 68px;}

    .news-single-wrap .news-navigation {width: 100%;}
    .news-single-wrap .news-navigation a{width: auto!important; margin: 5px auto!important; text-align: center!important;}
    .news-single-wrap .news-navigation a:nth-child(2){display: none!important;}
}

@media only screen and (max-width: 999px) and (max-height: 480px) and (orientation: landscape) {
    header .header-wrap .mobile-right-navs .dropdown{max-height: 220px; overflow-y: scroll;}
    .glaz-float {bottom: 0;}
    .glaz-float .gca-ico {margin-bottom: 5px!important;}
    .glaz-float .gca-ico, .glaz-float a.laz-ico {width: 120px; height: 58px;}
    
    .gcash-modal .gcash-modal-wrap {top: 148px!important; transform: translate(-50%)!important;}
    .gcash-modal {position: absolute;}
}

@media only screen and (max-width: 600px) {
    .container, .testimonials {padding: 0 24px;}

    header .header-wrap .left-logo {left: 24px!important;}


    .contact-us-wrap .left,.contact-us-wrap .right {padding: 24px;}
    
    .other-banner .other-banner-inner {padding: 0 24px;}
    .our-advocacies .oa-row .oa-row-inner article {padding: 64px 24px;}
    .about-ramon, .nurture {padding: 32px 24px;}
    
    .donate-sec .donate-wrap .donate-inner {padding: 42px 0;}
    .donate-sec .donate-wrap .donate-inner .left {width: 100%; padding: 0; text-align: center; margin-bottom: 24px;}
    .donate-sec .donate-wrap .donate-inner .right {width: 100%;}

    .seed-counter .counter-wrap .counter-inner h1 {font-size: 86px; line-height: 102px;}

    .other-fst-sec .other-fst-sec-inner .other-fst-sec-wrap {margin-bottom: 24px;}
    .other-fst-sec .other-fst-sec-inner .about-bio-wrap article {width: 100%; padding: 0; margin-bottom: 24px;}
    .other-fst-sec .other-fst-sec-inner .about-bio-wrap aside {width: 70%; margin: 0 auto;}

    .milestones-wrap .milestone-single {padding: 12px;}

    .testimonials .testimonial-slider .item .inner-item {max-width: initial!important;}
    .testimonials .testimonial-slider .slick-prev.slick-arrow,
    .testimonials .testimonial-slider .slick-next.slick-arrow {width: 48px; height: 48px;}
    .testimonials .testimonial-slider .item .inner-item {padding: 0;}

    .partners .partners-slider .item .left {padding: 24px;}
    .partners .partners-slider .slick-prev.slick-arrow,
    .partners .partners-slider .slick-next.slick-arrow {width: 48px; height: 48px; top: 364px!important;}

    .news-list-wrap .news-list-item aside.news-list-thumb {width: 100%; margin-bottom: 10px;}
    .news-list-wrap .news-list-item article.news-list-desc {width: 100%; padding-left: 0;}

    .news-single-wrap .two-column article {width: 100%; padding: 0;}
    .news-single-wrap .two-column aside {width: 100%;}
    
    .login-sec .login-wrap .login-inner {display: block; top: 50%; transform: translateY(-50%); height: auto!important; padding-top: 0!important;}
    .login-sec .login-wrap .login-inner .left {width: 100%; padding: 0; text-align: center; margin-bottom: 24px;}
    .login-sec .login-wrap .login-inner .right {width: 100%;}

    .lbox-of-vid .inner-lbox iframe {width: 320px!important; height: 180px!important;}
}


@media only screen and (max-width: 480px) {
    .container {padding: 0 12px;}

    .contact-us-wrap .left,.contact-us-wrap .right {padding: 12px;}

    .other-banner .other-banner-inner {padding: 0 12px;}
    .added-padding article {padding-left: 12px;}
    .our-advocacies .oa-row .oa-row-inner article {padding: 64px 12px;}
    .about-ramon, .nurture {padding: 32px 12px;}

    header .header-wrap .left-logo a img {max-width: 72px;}

    .seed-counter .counter-wrap .counter-inner h1 {font-size: 64px; line-height: 72px;}

    footer .top-footer .top-inner .left {margin-bottom: 24px; padding-bottom: 24px;}
    footer .top-footer .top-inner .middle {padding: 0; border: none; width: 100%; margin-bottom: 24px; padding-bottom: 24px;
        padding-left: 12px; border-bottom: 1px solid white;}
    footer .top-footer .top-inner .right {width: 100%; padding: 0 0 24px 0;
        padding-left: 12px;}


    .other-fst-sec .other-fst-sec-inner {padding: 0;}
    .other-fst-sec .other-fst-sec-inner .other-fst-sec-wrap {padding: 32px 12px;}

    .our-advocacies .oa-row .oa-row-inner {display: block;}
    .our-advocacies .oa-row .oa-row-inner article, .our-advocacies .oa-row .oa-row-inner aside {width: 100%;}

    .partners .partners-slider .item {max-height: initial!important;}
    .partners .partners-slider .item .left{width: 100%; min-height: 500px;}
    .partners .partners-slider .item .right {width: 100%; height: 400px;}
    .partners .partners-slider .item .left{order: 2;}
    .partners .partners-slider .item .right{order: 1;}

    .nurture .nurture-inner article.nurture-content {width: 100%; left: 0; transform: translate(0, -50%);}
    .nurture .nurture-inner article.nurture-content .buttons-wrap .preset-button {width: 240px; margin: 0 auto 10px;}

    .contact-us-wrap .left form ul li {width: 100%;}

    .resources-wrap .resources-list .resources-item {width: 100%;}

    .milestones-wrap .milestone-single {width: 100%;}

    .login-sec {min-height: 768px;}

    .nurture .nurture-inner article.nurture-content {padding: 72px 18px;}

    header .header-wrap .left-logo {left: 12px!important;}
    #nav-arrow-down {bottom: 42px!important;}

    .other-pages-wrapper {margin-top: 0!important;}

    .breadcrumb {right: 12px;}

    .glaz-float .gcash-wrap, .glaz-float .lazada-wrap {padding-left: 0;}
    .glaz-float .gca-ico, .glaz-float a.laz-ico {width: 110px; height: 55px;}
}

/*SMALLEST SCREEN 320*/
@media only screen and (max-width: 350px) {
    
    h1 {font-size: 32px; line-height: 40px;} 
    h2 {font-size: 32px; line-height: 40px;}
    h3 {font-size: 28px; line-height: 36px;}
    h4 {font-size: 24px; line-height: 32px;}
    h5 {font-size: 20px; line-height: 30px;}
    h6 {font-size: 18px; line-height: 24px;}
    p,a,
    .news-single-wrap .two-column article  {font-size: 16px; line-height: 24px;}

    .seed-counter .counter-wrap .counter-inner h1 {font-size: 56px; line-height: 64px;}

    .lbox-of-vid .inner-lbox iframe {width: 280px!important; height: 180px!important;}
}