/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Laptop/Tablet (1024px) */
@media only screen and (min-width: 481px) and (max-width: 1024px) and (orientation: landscape) {

    h3 {
        font-size:18px;
        line-height:18px;
    }
    p {
         font-size:15px;
         line-height:19px;
    }
    .feature-body-copy {
         font-size:18px;
         line-height:22px;
         margin-bottom:20px;
         padding-bottom:0px;
    }
    
    .btn {
        font-size:14px;
        line-height:14px;
        padding:10px 20px 10px 20px;
    }
    .mid-content {
        width:550px;
    }
    .header-main-menu-item {
        font-size:12px;
        line-height:37px;
    }
    
    #header-logo {
        margin-left:20px;
    }
    #header-menu {
        margin-right:20px;
    }
    #extended-menu-wrapper .tcg-icon {
        margin-top:30px;
    }
    .extended-menu-divider {
        margin-top:30px;
        margin-bottom:30px;
    }
    
    #header-signup-bar {
        padding: 4px 0;
    }   
    #header-signup-bar input[type="text"] {
        font-size: 13px;
        height: 28px;
        line-height: 13px;
        margin-right: 13px;
        width:200px;
        padding:5px;
    }
    #eml-field-btn {
        margin-right:13px;
    }
    #eml-field-btn img {
        width:246px;
    }
    #header-signup-bar .btn {
        margin-right:20px;
    }
    #header-signup-bar .btn-white {
        font-size: 13px;
        line-height: 13px;
        padding: 7px 27px;
    }
    #home-main-carousel {
        height:366px;
    }
    #home-introduction {
        padding-top:50px;
        padding-bottom:40px;
    }
    #home-signup {
        padding-top:40px;
        padding-bottom:30px;
    }
    #home-signup h3 {
        margin-bottom:17px;
    }
    #home-signup p {
        margin-bottom:20px;
    }
    #home-signup input[type="text"] {
        width:380px;
        border:0px;
        outline:0;
        border-radius:7px;
        padding:0px 5px 0px 5px;
        height:30px;
        margin-bottom:20px;
    }
    #home-signup input[type="text"], #home-signup .btn {
        clear:both;
        margin-left:auto;
        margin-right:auto;
        display:block;
    }
        #home-signup .btn {
            width:160px;
        }
    #home-finding-cures {
        padding-top:30px;
        padding-bottom:45px;
    }
    #home-finding-cures .tcg-icon {
        margin-bottom:17px;
    }
    #home-finding-cures h3 {
        margin-bottom:17px;
    }
    .hp-project {
        height:240px;
    }
    .hp-project-image {
        width:511px;
        height:242px;
        max-width:50%;
    }
    .hp-project-desc-text {
        max-width:70%;
        height:240px;
    }
        .hp-project-desc-text .btn {
            bottom:13px;
            max-width:165px;
        }
    .hp-project-desc-text-inner {
        margin-top:30px;
    }
    .hp-project-desc-text-inner h3 {
        margin-bottom:20px;
    }
    .hp-project-progress {
        min-width:150px;
        height:240px;
    }

    .progress-pledged {
        font-size:12px;
        line-height:12px;
        margin-top:10px;
    }
    .progress-pledged-amt {
        font-size:18px;
        line-height:18px;
        margin-top:3px;
    }
    .progress-heart {
        width:45px;
        height:41px;
        margin-top:15px;
        margin-bottom:4px;
    }
    .progress-heart img{
        width: 45px;
        height: 41px;
    }
    .progress-funded {
        background-image:url('../images/arrow-up-blue-tablet.png');
        padding-top:5px;
    }
        .progress-funded .btn {
            font-size:12px;
            line-height:12px;
            padding:8px 10px 8px 10px;
        }
    .progress-remaining {
        font-size:12px;
        line-height:12px;
        margin-top:10px;
    }
    .progress-remaining-time {
        font-size:18px;
        line-height:18px;
        margin-top:3px;
    }
    .progress-pledge{
        margin-top:10px;
    }
    .hp-project-arrow {  
        display:block;
        width:16px;
        height:31px;
        margin-top:105px;
    }
    .hp-project-odd .hp-project-arrow {
        background-image:url('../images/hp-project-arrow-grey-left-tablet.png');
    }
    .hp-project-even .hp-project-arrow {
        background-image:url('../images/hp-project-arrow-white-right-tablet.png');
    }
    #home-see-all-projects {
        padding-top:30px;
        padding-bottom:40px;
    }
    #home-donate-header {
        padding-top:40px;
        padding-bottom:30px;
    }
    #home-donate-header h3 {
        margin-bottom:20px;
    }
    #home-donate-monthly {
        max-width:40%;
        width:40%;
        padding-bottom:40px;
        margin-left:6%;
    }
    #home-donate-once {
        max-width:40%;
        width:40%;
        padding-bottom:40px;
        margin-right:6%;
    }
    .donate-divider {
        width:8%;
        height:181px;
        margin-top:45px;
        background-position:center top;
    }
        
        .donation-amounts li {
            padding-bottom:13px;
            margin-right:8px !important;
        }
            .donation-amounts li.active {
                background-image:url('../images/arrow-up-grey-tablet.png');
            }
            .donation-amounts li:last-child {
                margin-right:0px !important;
            }
    .btn-donation-amount {
        padding:10px 23px 10px 23px;
        font-size:18px;
        line-height:18px;
    }
    .nav-tabs > li > a {
        padding:10px 19px 10px 19px;
        font-size:20px;
        line-height:20px;
    }
    .nav-tabs > li > a > span {
        font-size:14px;
        
    }
        .last-donation-amount {
            margin-right:0px !important;
        }
    /*.nav-tabs {
        max-width:340px;
    }*/
    .donation-amount-desc {
         max-width:340px;
         border: 5px solid #ebebeb;
    }

    .donation-amount-desc h3 {
        margin-top:20px;
        margin-left:40px;
        margin-right:40px;
    }
        .donation-amount-desc p {
            margin-top:25px;
            margin-bottom:20px;
            margin-left:40px;
            margin-right:40px;
        }
    .home-donate-pledge {
        margin-top:30px;
        padding-left:35px;
        padding-right:35px;
    }
    #home-see-projects-funded {
        padding-top:40px;
        padding-bottom:45px;
    }
    #home-see-projects-funded .tcg-icon {
        margin-bottom:17px;
    }
    #home-see-projects-funded h3 {
        margin-bottom:25px;
    }
    .home-projects-funded-tile {
        width:257px;
        height:252px;
        max-width:25%;
    }
    .home-pf-tile-over {
        padding-top:35px;
    }
    .home-pf-tile-over h3 {
        margin-bottom:40px;
    }
    .home-pf-tile-over p {
        margin-bottom:20px;
    }
    #home-see-all-funded-projects {
        padding-top:25px;
        padding-bottom:45px;
    }
    #home-recent-events {
        padding-top:40px;
        padding-bottom:45px;
    }
    #home-recent-events .tcg-icon {
        margin-bottom:17px;
    }
    #home-recent-events h3 {
         margin-bottom:25px;
    }
    #home-events-carousel {
        height:240px;
    }
    .home-events-slide {
        height:240px;
    }
    .event-slide-image {
        max-width:511px;
        height:240px;
    }
    .event-slide-desc {
        height:240px;
    }
    .event-slide-desc-content {
        height:240px;
    }
    .event-slide-desc-content-inner {
        width:70%;
        padding-top:35px;
        padding-bottom:35px;
    }
        .event-slide-desc-content-inner h3 {
            margin-bottom:35px;
        }
        .event-slide-desc-content-inner .btn {
            margin-top:40px;
        }
    #home-see-all-events {
        padding-top:30px;
    }


    #footer-icon {
        padding-bottom:10px;
        padding-top:35px;
    }
        #footer-icon img {
            width:46px;
            height:46px;
        }
    #footer {
        padding-top:10px;
    }
        #footer img {
            margin-bottom:15px;
        }
        #footer p {
            font-size:14px;
            line-height:14px;
        }
        #footer .social-icons {
            margin-top:20px;
            margin-bottom:20px;
        }
    #footer-links {
        font-size:12px;
        padding-bottom:25px;
    }
/*  Content Page Styles  */
    h1 {
        font-size:32px;
        line-height:32px;
    }
    .content-page-header {
        height:366px;
    }
    .content-page-header-content {
        padding-top:160px !important;
    }
    #project-introduction, #event-introduction, #blog-introduction {
        padding-bottom: 40px;
        padding-top: 50px;
    }
    .key-quote, .key-quote-image, .key-quote-desc {
        height:240px;
    }
    .key-quote-image h3 {
        color:#FFF;
        margin-top:30px;
    }

        .key-quote-image .btn {
            margin-top:130px;
        }
    .key-quote-desc-content {
        padding-top:40px !important;
        padding-bottom:40px !important;
    }
    .key-quote-desc-content p {
        font-size:22px;
        line-height:32px;
    }
    #about-our-objectives {
        padding-bottom: 40px;
        padding-top: 35px;
    }
        #about-our-objectives h3 {
            margin-bottom:20px;
        }
    #about-values {
        height:auto;
        padding-top:40px;
    }
        #about-values h3 {
            margin-bottom:30px;
        }
    .about-value-image {
        margin-bottom:20px;
    }
    #about-values h4 {
        font-size:15px;
        line-height:15px;
    }
    #about-pchf, #about-follow-tcg {
        padding-bottom: 40px;
        padding-top: 50px;
    }
        #about-follow-tcg .social-icon {
            display: inline-block;
            float: none;
            height: 37px;
            margin-right: 15px;
            width: 37px;
            margin-top:30px;
            margin-bottom:20px;
        }
        #about-follow-tcg .twitter {
            background-image:url('../images/btn-social-blue-twitter.png');
        }
        #about-follow-tcg .facebook {
            background-image:url('../images/btn-social-blue-facebook.png');
        }
        #about-follow-tcg .instagram {
            background-image:url('../images/btn-social-blue-instagram.png');
        }
        #about-follow-tcg .googleplus {
            background-image:url('../images/btn-social-blue-googleplus.png');
        }
    #event-sponsors a img{
        width:140px;
    }
    #about-make-a-difference h3 {
        font-size: 18px;
        line-height: 18px;
        width:100%;
        text-align:center;
        margin-bottom:20px;
    }
    #about-make-a-difference .btn {
        padding-top:20px;
        padding-bottom:20px;
    }
    #project-heart .key-quote-desc-content {
        padding-top:0px !important;
    }

    .share-icons {
        margin-bottom:30px;
    }
    #project-page-details {
        max-width:94%;
    }
    #project-page-progress {
        border-width:10px;
        padding:20px;
    }
        #project-page-progress .progress-pledged-amt {
            font-size:40px;
            line-height:40px;
        }
        #project-page-progress .progress-pledged {
            margin-top:7px;
        }
        #project-page-progress .progress-heart-funded {
            margin-bottom:10px;
            margin-top:25px;
        }
        #project-page-progress .progress-remaining-time {
            font-size:28px;
            line-height:28px;
        }
        #project-page-progress .progress-remaining {
            margin-top:5px;
        }
        #project-page-progress .progress-funded .btn {
            font-size:18px;
            line-height:18px;
            width:80%;
            min-width:80%;
            max-width:80%;
        }
        #project-page-progress .progress-pledge {
            padding-top:20px;
            padding-bottom:20px;
            font-size:20px;
            line-height:20px;
            margin-top:25px;
        }
    #project-page-left {
        width:62%;
        max-width:62%;
    }
    #project-page-left p {
        margin-bottom:25px;
    }
    #project-page-content img {
        margin-bottom:25px;
        max-width:100%;
    }
    #project-page-bottom-pledge {
        text-align:center;
    }
        #project-page-bottom-pledge h3 {
            width:100%;
            text-align:center;
            display:block;
        }
.listed-event {
    height:240px;
}
.listed-event-image {
    width:50%;
    height:240px;
    max-width:50%;
}
.listed-event-desc {
    display:inline-block;
    width:50%;
    min-width:50%;
}
.listed-event-desc-text {
    max-width:100%;
    height:240px;
}
    .listed-event-desc-text .btn {
        bottom:13px;
        max-width:165px;
        width:165px;
    }
.listed-event-desc-text-inner {
    margin-top:30px;
}
    .listed-event-desc-text h3, .listed-event-desc-text p {
        text-align:center;
        margin-left:auto;
        margin-right:auto;
    }
.listed-event-desc-text-inner h3 {
    margin-bottom:20px;
}

.listed-event-arrow {
        width:16px;
        height:31px;
        margin-top:105px;
}
.listed-event-odd .listed-event-arrow {
    float:right;
    background-image:url('../images/hp-project-arrow-grey-left-tablet.png');
}
.listed-event-even .listed-event-arrow {
    float:left;
    background-image:url('../images/arrow-right-grey-tablet.png');
}
    #event-find-out-more-about-tcg {
        padding-top:50px;
        padding-bottom:40px;
    }
        #event-find-out-more-about-tcg h3, #event-find-out-more-about-tcg p {
            margin-bottom:30px;
        }
    #event-01-wrapper .key-quote-desc-content {
        padding-top:30px !important;
    }
    .event-content {
        padding-top:40px;
    }
    .event-content p {
        margin-bottom:25px;
    }
    #event-find-out-more-about-event-header {
        padding-top:50px;
        padding-bottom:30px;
    }
    #event-find-out-more-about-event p {
        margin-bottom:30px;
    }
    #event-page-bottom-get-involved {
        max-width: 100%;
        padding-bottom: 40px;
        padding-top: 40px;
    }
        #event-page-bottom-get-involved h3 {
            display:block;
            width:100%;
            text-align:center;
        }
    #blog-page-details {
        max-width:96%;
        padding-top:40px;
    }
    #blog-page-content h2 {
        font-size:24px;
        line-height:24px;
    }
    #blog-page-content img {
        margin-bottom:20px;
        width:100%;
    }
    #blog-page-left p {
        margin-top:20px;
    }
    .blog-home-readmore {
        margin-bottom: 50px;
        margin-top: 20px;
    }
    #blog-page-right {
        width:28%;
    }
    #blog-home-right-menu {
        border:10px solid #f3f3f3;
        padding:15px;
    }
    #blog-home-right-menu h3 {
        font-size:18px;
        line-height:18px;
        margin-top:30px;
    }
    #blog-home-right-menu p {
        font-size: 15px;
        line-height: 19px;
    }
    #blog-recent-hdr {
        margin-top:0px !important;
    }
    #blog-page-content img {
        margin-top:30px;
    }
    .home-page-header-content img {
        width:292px;
        margin-bottom:50px;
    }
    .home-page-header-content {
        padding-top:70px;
    }
    #donation-form-amount-custom {
        width:43%;
    }
    .donation-form-button-bottom .form-row .dropdown-list {
        width:295px;
        margin-bottom:20px;
    }
    .header .social-icons {
        display:none;
    }
     /*  --MENU--  */
    #hdr-wrapper {
        width:100%;
        height:60px;
    }
    #mobile-menu-toggle {
        display:inline-block;
        float:right;
        width:45px;
        margin-right:15px;
        background-image:url('images/btn-hamburger.png');
        background-repeat:no-repeat;
        height:60px;
        position:relative;
        top:9px;
    }
    .open > .dropdown-menu {
        display:block !important;
    }
    #extended-menu-wrapper {
        display:none;
    }
    #hdr-menu {
        display:none;
    }
    #mobile-menu {
        display:block;
        width:100%;
        padding-top:5px;
        padding-bottom:5px;
        height:60px;
    }
    #kgtms-hdr-logo-mobile {
        text-align:center;
        display:inline-block;
        width:100%;
    }
    #kgtms-hdr-logo-mobile img {
        width:54px;
        height:49px;
        margin-left:auto;
        margin-right:auto;
    }
    .open > #extended-menu-wrapper {
        background-color:#231f20;
        display:block;
        width:100%;
        padding:10px;
        top:60px;
        overflow:hidden;
        height:auto;
        border:1px #CCCCCC solid;
    }
        .open > #extended-menu-wrapper a {
            display:block;
            padding:7px;
            background-color:#231f20;
            font-family: 'hurme_geometric_sans_1SBd', sans-serif;
            font-weight:400;

        }
    .open .dropdown-toggle {
        background-position:0px -122px !important;
    }
    #btn-my-campaigns, #dropdown-campaigns {
        display:none !important;
    }
    #mobile-search {
        text-align:left;
        float:left;
    }
    .mcm-text {
        margin-left:0px;
        color:#fff;
    }
    .mobile-campaigns {
        overflow:hidden;
        display:block;
        border-bottom:1px #cecece dotted;
        border-top:1px #cecece dotted;
        padding-bottom:5px;
    }
    #profile-panel {
        width:100%;
    }
    #pr-left-panel {
        margin-left:10px;
    }
    #pr-right-panel {
        margin-right:10px;
        width:705px;
    }
        #pr-right-panel p, #pr-right-panel ul, #pr-right-panel li, #pr-right-panel ol {
            font-size:15px;
            line-height:24px;
        }
    #profile-wrapper .content-page-header-content {
        padding-top:0px !important;

    }
    #pr-photo {
        width:220px;
        height:220px;
        padding:0px;
        background-color:#FFF;
        margin-left:auto;
        margin-right:auto;
    }
    .champions-header #pr-photo {
        margin-top:20px;
    }
        #pr-inner-photo {
            width:220px;
            height:220px;

        
        }
    #pr-photo img {
        width:100%;
        height:100%;
    }
        #pr-change-image {
             position:absolute;
            z-index:998;
            background-color:transparent;
            background-image:url('../images/icon-change-picture.png');
            background-repeat:no-repeat;
            background-position:0px 0px;
            width:44px;
            height:36px;
            margin-top:170px;
            margin-left:14px;
            display:block;
        }
            #pr-photo:hover #pr-change-image {
                background-position:0px -36px;
                cursor:pointer;
            }
                #pr-photo:hover #pr-change-image + #pr-change-image-text {
                    display:block;
                }
    #pr-change-image-text {
        display:none;
        position:absolute;
            z-index:999;
            background-color:#FFF; 
            border-radius:3px;
            padding:5px;
            font-family: 'hurme_geometric_sans_1SBd', sans-serif;
            font-weight:400;
            /*text-transform:uppercase;*/
            font-size:14px;
            color:#0087bf;     
            width:165px;
            height:30px;
            margin-top:131px;
            margin-left:14px;
    }

    /*FILE UPLOAD ON PROFILE*/
    #pr-photo .btn {
        background-color:transparent !important;
        font-size:14px !important;
        border:0px !important;
        position:absolute;
   
    }
    #pr-photo form {
        margin-top:160px;
    }

    #pr-photo .fileupload-exists {
        margin-top:-160px;
        width:220px;
        height:200px;
    }
    #pr-photo .file-preview-frame {
        margin-left:13px;
        border:0px !important;
        height:193px !important;
    }
    #pr-photo .navigator-bot .btn-orange {
        padding:10px 5px 10px 10px !important;
        margin-left:-110px;
        margin-top:-10px;
    }
    #pr-photo .fileinput-remove-button {
        display:none !important;
    }
    #pr-photo .file-preview .file-preview-image {
        max-height:170px;
        max-width:170px;
    }
    /*END FILE UPLOAD ON PROFILE*/

    .champions-header h1 {
        margin-top:15px;
    }
    #share-profile-links {
        margin-right:15px;
    }
    #header-cog-logo {
        margin-top:-136px;
    }
    #header-cog-logo a {
        width:250px;
    }
        #header-cog-logo a img {
            max-width:100%;
        }
    #hdr-date-banner-inner {
        font-size:18px;
        line-height:18px;
        padding-right:32px;
    }
    #hdb-spacer {
        width:233px;
    }
    .wider-section {
        width:100%;
        text-align:center;
    }
    .sponsor {
        width:22%;
    }
    .home-carousel-image {
        max-width:25%;
    }
    #search-main {
        width:100%;
    }
    #profile-wrapper #header-cog-logo {
        margin-top:-70px;
    }
    .pr-team-name {
        text-align:center !important;
    }
    #pr-nameraised {
        margin-top:-53px;
    }
    .champions-header h4 {
        font-size:15px;
        margin-top:0px;
    }
    #pr-nameraised h1 {
        margin-left:auto;
        margin-right:auto;
    }
    .champions-header #pr-photo {
        margin-top:75px;
    }
    .champions-header {
        height:404px;
    }
    #fundraising-dashboard {
        width:100%;
    }
    #fd-left-panel {
        margin-left:10px;
    }
    #fd-right-panel {
        width:729px;
        margin-right:10px;
    }
    .fr-step-tab {
        width:182px;
    }
    #fr-steps-tabs {
        width:729px;
        margin-right:729px;
    }
    #champion-search-btn, #btn-gendon{
        margin-top:12px;
    }
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Tablet Portrait (768px) */
@media only screen and (min-width: 601px) and (max-width: 1024px) and (orientation: portrait) {
    h1 {
        font-size:20px;
        line-height:20px;
    }
    h3 {
        font-size:18px;
        line-height:18px;
    }
    p {
         font-size:15px;
         line-height:22px;
    }
    .feature-body-copy {
         font-size:18px;
         line-height:22px;
         margin-bottom:20px;
         padding-bottom:0px;
    }
    
    .btn {
        font-size:14px;
        line-height:14px;
        padding:10px 20px 10px 20px;
    }
    .mid-content {
        width:550px;
    }
    .header-main-menu-item {
        font-size:12px;
        line-height:37px;
    }
    
    #header-logo {
        margin-left:20px;
    }
    #header-menu {
        margin-right:20px;
    }
    .header-main-menu-item {
        display:none;
    }
    .dropdown-toggle {
        display:block !important;
    }
    
    #header-signup-bar {
        padding:0px;
        height:4px;
        border-top:0px;
    }   
    #header-signup-bar input[type="text"] {
        display:none;
    }
    #header-signup-bar .btn {
        display:none;
    }
    #header-signup-bar .btn-white {
        display:none;
    }
    #eml-field-btn {
        display:none;
    }
    .content-page-header {
        height:280px;
    }
    .content-page-header-content {
        height:280px;
        padding-top:110px;
    }
        .content-page-header-content h1 {
            margin-bottom:0px;
        }
    .content-page-header .btn {
        margin-top:30px;
    }

    #home-main-carousel {
        height:587px;
    }
    #home-introduction {
        padding-top:50px;
        padding-bottom:40px;
    }
    #home-signup {
        padding-top:40px;
        padding-bottom:30px;
    }
    #home-signup h3 {
        margin-bottom:17px;
    }
    #home-signup p {
        margin-bottom:20px;
    }
    #home-signup input[type="text"] {
        width:380px;
        border:0px;
        outline:0;
        border-radius:7px;
        padding:0px 5px 0px 5px;
        height:30px;
        margin-bottom:20px;
    }
    #home-signup input[type="text"], #home-signup .btn {
        clear:both;
        margin-left:auto;
        margin-right:auto;
        display:block;
    }
        #home-signup .btn {
            width:160px;
        }
    #home-finding-cures {
        padding-top:30px;
        padding-bottom:45px;
    }
    #home-finding-cures .tcg-icon {
        margin-bottom:17px;
    }
    #home-finding-cures h3 {
        margin-bottom:17px;
    }
    .hp-project {
        height:484px;
    }
    .hp-project-image {
        width:100%;
        height:242px;
        max-width:100%;
        display:block;
        clear:both;
    }
    .hp-project-desc {
        width:100%;
        height:242px;
        max-width:100%;
        display:block;
        clear:both;
    }
    .hp-project-desc-text {
        max-width:458px;
        height:242px;
    }
        .hp-project-desc-text .btn {
            bottom:35px;
            max-width:175px;
        }
    .hp-project-desc-text-inner {
        margin-top:30px;
        width:78%;
    }
    .hp-project-desc-text-inner h3 {
        margin-bottom:20px;
    }
    .hp-project-progress {
        min-width:308px;
        height:242px;
    }

    .progress-pledged {
        display:none;
    }
    .progress-pledged-tablet {
        display:block !important;
        font-size:16px;
        line-height:16px;
        margin-top:5px;
        font-family:'Hurme Geometric Sans 2';
        text-align:center;    
        text-transform:uppercase;    
        color:#57585a;
    }
    .progress-pledged-amt {
        font-size:23px;
        line-height:23px;
        margin-top:30px;
    }
    .progress-heart-funded {
        display:block;
        width:235px;
        overflow:hidden;
        height: 61px;
        margin-top:15px;     
        margin-bottom:0px; 
        margin-left:auto;
        margin-right:auto; 
        min-width:235px;
        max-width:235px;
    }

    .progress-heart {
        width:66px;
        height:61px;
        margin-top:0px;
        margin-bottom:0px;
        display:inline-block;
        float:left;
        clear:left;
    }
        .progress-heart img {
            width:66px;
            height:61px;
        }
    .progress-funded {
        background-image:url('../images/arrow-left-blue-tablet.png');
        padding-left:5px;
        background-position:0px 23px;
        display:inline-block;
        float:right;
        clear:right;
    }
        .progress-funded .btn {
            font-size:14px;
            line-height:14px;
            padding:10px 20px 10px 20px;
        }
    .progress-remaining {
        display:none;
    }
    .progress-remaining-tablet {
        display:inline !important;
        font-size:14px;
        line-height:14px;
        font-family:'Hurme Geometric Sans 2';
        text-transform:uppercase;    
        color:#57585a;
    }
    .progress-remaining-time {
        font-size:14px;
        line-height:14px;
        margin-top:-9px;
        font-family:'Hurme Geometric Sans 2';
        width:235px;
        text-align:right;
        margin-left:auto;
        margin-right:auto;
    }
    .progress-pledge{
        margin-top:16px;
    }
    .hp-project-arrow {  
        display:none;
    }
    .hp-project-odd .hp-project-arrow {
        background-image:url('../images/hp-project-arrow-grey-left-tablet.png');
    }
    .hp-project-even .hp-project-arrow {
        background-image:url('../images/hp-project-arrow-white-right-tablet.png');
    }
    #home-see-all-projects {
        padding-top:30px;
        padding-bottom:40px;
    }
    #home-donate-header {
        padding-top:40px;
        padding-bottom:30px;
    }
    #home-donate-header h3 {
        margin-bottom:20px;
    }
    #home-donate-monthly {
        max-width:100%;
        width:100%;
        padding-bottom:40px;
        margin-left:0%;
        display:block;
        clear:both;
    }
    #home-donate-once {
        max-width:100%;
        width:100%;
        padding-bottom:40px;
        margin-right:0%;
        display:block;
        clear:both;
    }
    .donate-divider {
        width:100%;
        height:70px;
        margin-top:35px;
        background-image:url('../images/divider-or-horizontal.png');
        background-position:center top;
        display:block;
        clear:both;
    }
        
        .donation-amounts li {
            padding-bottom:13px;
            margin-right:8px !important;
        }
            .donation-amounts li.active {
                background-image:url('../images/arrow-up-grey-tablet.png');
            }
            .donation-amounts li:last-child {
                margin-right:0px !important;
            }
    .btn-donation-amount {
        padding:10px 23px 10px 23px;
        font-size:18px;
        line-height:18px;
    }
    .nav-tabs > li > a {
        padding:10px 19px 10px 19px;
        font-size:20px;
        line-height:20px;
    }
    .nav-tabs > li > a > span {
        font-size:14px;
    }
        .last-donation-amount {
            margin-right:0px !important;
        }
    .nav-tabs {
        
    }
    .donation-amount-desc {
         max-width:340px;
         border: 5px solid #ebebeb;
    }

    .donation-amount-desc h3 {
        margin-top:20px;
        margin-left:40px;
        margin-right:40px;
    }
        .donation-amount-desc p {
            margin-top:25px;
            margin-bottom:20px;
            margin-left:40px;
            margin-right:40px;
        }
    .home-donate-pledge {
        margin-top:30px;
        padding-left:35px;
        padding-right:35px;
    }
    #home-see-projects-funded {
        padding-top:40px;
        padding-bottom:45px;
    }
    #home-see-projects-funded .tcg-icon {
        margin-bottom:17px;
    }
    #home-see-projects-funded h3 {
        margin-bottom:25px;
    }
    #home-projects-funded-tiles {
        height:256px;
        overflow:hidden;
    }
    .home-projects-funded-tile {
        width:256px;
        height:256px;
        max-width:256px;
    }
    .home-pf-tile-over {
        padding-top:35px;
    }
    .home-pf-tile-over h3 {
        margin-bottom:25px;
    }
    .home-pf-tile-over p {
        margin-bottom:20px;
    }
    #home-see-all-funded-projects {
        padding-top:25px;
        padding-bottom:45px;
    }
    #home-recent-events {
        padding-top:40px;
        padding-bottom:45px;
    }
    #home-recent-events .tcg-icon {
        margin-bottom:17px;
    }
    #home-recent-events h3 {
         margin-bottom:25px;
    }
    #home-events-carousel {
        height:260px;
    }
    .home-events-slide {
        height:260px;
    }
    .event-slide-image {
        max-width:384px;
        height:260px;
    }
    .event-slide-desc {
        height:260px;
    }
    .event-slide-desc-content {
        height:260px;
    }
    .event-slide-desc-content-inner {
        width:80%;
        padding-top:35px;
        padding-bottom:35px;
    }
        .event-slide-desc-content-inner h3 {
            margin-bottom:30px;
        }
        .event-slide-desc-content-inner p {
            margin-bottom:0px;
        }
        .event-slide-desc-content-inner .btn {
            margin-top:30px;
        }
    #home-see-all-events {
        padding-top:30px;
    }


    #footer-icon {
        padding-bottom:10px;
        padding-top:35px;
    }
        #footer-icon img {
            width:46px;
            height:46px;
        }
    #footer {
        padding-top:10px;
    }
        #footer img {
            margin-bottom:15px;
        }
        #footer p {
            font-size:14px;
            line-height:14px;
        }
        #footer .social-icons {
            margin-top:20px;
            margin-bottom:20px;
        }
    #footer-links {
        font-size:12px;
        padding-bottom:25px;
    }
    #project-introduction {
        padding-bottom: 40px;
        padding-top: 50px;
    }
    .key-quote-image {
        height:260px;
    }
        .key-quote-image .btn {
            margin-top:150px;
        }
        .key-quote-image h3 {
        color:#FFF;
        margin-top:30px;
    }

    .key-quote-desc {
        height:260px;
    }
    .key-quote-desc-content {
        padding-bottom: 20px;
        padding-top: 20px;
        text-align: center;
        width: 90%;
    }
        .key-quote-desc-content p {
            font-size:20px;
            line-height:30px;
        }
   .content-page-header-content {
        padding-top:127px !important;
    }
    #about-page .key-quote-desc-content {
        padding-top:40px !important;
    }
    #about-our-objectives {
        padding-bottom: 45px;
        padding-top: 40px;
    }
        #about-our-objectives .tcg-icon {
            margin-bottom:17px;
        }
        #about-our-objectives h3 {
            margin-bottom:25px;
        }
    #about-values {
        height:auto;
        padding-top:40px;
        padding-bottom:40px;
    }
    .about-value-image {
        margin-bottom:20px;
    }
    #about-values h3 {
        margin-bottom: 25px;
    }
    #about-values-list {
        width:96%;
        max-width:96%;
    }
    #about-values h4 {
        font-size:15px;
        line-height:15px;
    }
    #about-pchf, #about-follow-tcg, #about-make-a-difference {
        padding-bottom: 40px;
        padding-top: 50px;
    }
        #about-pchf h3 {
            margin-bottom:25px;
        }
        #about-pchf p {
            margin-bottom:25px;
        }
        #about-follow-tcg .social-icon {
            display: inline-block;
            float: none;
            height: 37px;
            margin-right: 15px;
            width: 37px;
            margin-top:30px;
            margin-bottom:20px;
        }
        #about-follow-tcg .twitter {
            background-image:url('../images/btn-social-blue-twitter.png');
        }
        #about-follow-tcg .facebook {
            background-image:url('../images/btn-social-blue-facebook.png');
        }
        #about-follow-tcg .instagram {
            background-image:url('../images/btn-social-blue-instagram.png');
        }
        #about-follow-tcg .googleplus {
            background-image:url('../images/btn-social-blue-googleplus.png');
        }
    #event-sponsors {
        padding-top:40px;
        padding-bottom:40px;
    }
        #event-sponsors h3 {
            margin-bottom:25px;
        }
    #event-sponsors a img{
        width:100px;
    }
    #about-make-a-difference h3 {
        font-size: 18px;
        line-height: 18px;
        width:100%;
        max-width:100%;
        min-width:100%;
        text-align:center;
        margin-bottom:20px;
    }
    #about-make-a-difference .btn {
        padding-top:20px;
        padding-bottom:20px;
    }
    #project-heart .key-quote-desc-content {
        padding-top:15px !important;
    }
    #project-page-left {
        display:block;
        width:80%;
        margin-left:10%;
        margin-right:10%;
    }
    #project-page-content img {
        max-width:100%;
    }
    #project-page-left p {
        margin-bottom:30px;
    }
    #project-page-right {
        display: none;
    }
    #project-progress-tablet-landscape {
        display:block;
    }
        #project-progress-tablet-landscape #donation-form-product-progress {
            height:203px;
            width:530px;
            padding-top:7px;
        }
            #project-progress-tablet-landscape #donation-form-product-progress #donation-form-product-progress-right {
                width:270px;
                min-width:270px;
            }
            #project-progress-tablet-landscape #donation-form-product-progress .progress-pledged-amt {
                font-size:40px;
                line-height:40px;
            }
            #project-progress-tablet-landscape #donation-form-product-progress .progress-pledged {
                display:block;
                font-size:16px;
                line-height:16px;
            }
            #project-progress-tablet-landscape #donation-form-product-progress .progress-heart {
                width:78px;
                height:72px;
            }
                #project-progress-tablet-landscape #donation-form-product-progress .progress-heart img {
                    width:78px;
                    height:72px;
                }
            #project-progress-tablet-landscape #donation-form-product-progress .progress-funded {
                background-position:0px 15px;
            }
            #project-progress-tablet-landscape #donation-form-product-progress .progress-funded .btn{
                font-size: 16px;
                line-height: 16px;
                padding:15px 25px 15px 25px;
            }
            #project-progress-tablet-landscape #donation-form-product-progress .progress-remaining-time {
                font-size:16px;
                line-height:16px;
                width:initial;
            }
            #project-progress-tablet-landscape #donation-form-product-progress .progress-heart-funded {
                display: block;
                height: 72px;
                margin: -3px 0px 0px 0px;
                max-width: 265px;
                min-width: 265px;
                overflow: hidden;
                width: 265px;
            }
            #project-progress-tablet-landscape #donation-form-product-progress .progress-pledge {
                width:185px;
                margin-left:auto;
                margin-right:auto;
                float:none;
                margin-top:25px;
            }
    #pledgebtn-row {
        width:100%;
        text-align:center;
        display:block;
        clear:both;
    }
    #project-page-bottom-social {
        display:none;
    }
    #project-page-bottom-pledge {
        width:80%;
        margin-left:10%;
        margin-right:10%;
        border-width:5px;
        padding:25px;
        margin-top:0px;
    }
        #project-page-bottom-pledge h3 {
            font-size:14px;
            line-height:36px;
            min-width: 350px;
            text-align: left;
            width: 350px;
        }
    .project-others-tile {
        height:210px;
    }
    .project-others-tile-over {
        padding-top:50px;
    }
        .project-others-tile-over h3 {
            margin-bottom:30px;
        }
    #project-see-all-projects {
        padding-top:25px;
    }
    #blog-introduction {
        padding-bottom:40px;
        padding-top:50px;
    }
    #blog-page-details {
        max-width:86%;
        margin-left:7%;
        margin-right:7%;
        padding-top:45px;

    }
    #blog-page-left {
        width:57%;
        max-width:380px;
        min-width:380px;
    }
    #blog-page-left p {
        margin-top:25px;
    }
    #blog-page-content img {
        max-width:100%;
        margin-bottom:25px;
    }
    #blog-page-content h2 {
        font-size:18px;
        line-height:20px;
    }
    .blog-home-readmore {
        margin-bottom:40px;
        margin-top:35px;
    }
   
    #blog-home-right-menu {
    padding:20px;
    border:5px #f3f3f3 solid;
}
    #blog-home-right-menu h3 {
        font-size:15px;
        line-height:15px;
        margin-top:25px;
    }
        #blog-recent-hdr{
        margin-top:5px !important;
    }
    #blog-home-right-menu p {
        font-size:13px;
        line-height:15px;
        margin-top:7px;
        margin-bottom:8px;
        text-align:left;
    }
    #project-others-header {
        padding-top:50px;
        padding-bottom:25px;
    }

    #event-introduction {
        padding-bottom:40px;
        padding-top:40px;
    }
    .listed-event {
        height:490px;
        background-color:#ebebeb;
    }
    .listed-event-image {
        display:block;
        background-repeat:no-repeat;
        width:100%;
        height:245px;
        max-width:100%;
        clear:both;
    }
    .listed-event-desc {
        display:block;
        width:100%;
        min-width:100%;
        clear:both;
    }
    .listed-event-desc-text {
        display:block;
        max-width:100%;
        height:245px;
        overflow:hidden;
    }
        .listed-event-desc-text .btn {
            bottom:38px;
            max-width:175px;
        }
    .listed-event-desc-text-inner {
        margin-left:auto;
        margin-right:auto;
        margin-top:35px;
        width:64%;
    }

    .listed-event-desc-text-inner h3 {
        margin-bottom:30px;
    }

    .listed-event-arrow {
        background-repeat:no-repeat;
        display:block;
        width:25px;
        height:13px;
        margin-top:233px;
        margin-left:auto;
        margin-right:auto;
    }
    .listed-event-odd .listed-event-image {
        float:left;
        clear:left;
        background-position:left top;
    }
    .listed-event-odd .listed-event-arrow {
        float:none;
        background-image:url('../images/arrow-up-grey-tablet.png');
    }
    .listed-event-odd .listed-event-progress {
        float:right;
        clear:right;
    }
    .listed-event-even .listed-event-image {
        float:right;
        clear:right;
        background-position:right top;
    }
    .listed-event-even .listed-event-arrow {
        float:none;
        background-image:url('../images/arrow-up-grey-tablet.png');
    }
    .listed-event-even .listed-event-progress {
        float:right;
        clear:right;
    }
    #event-find-out-more-about-tcg {
        padding-top:50px;
        padding-bottom:40px;
    }
        #event-find-out-more-about-tcg h3, #event-find-out-more-about-tcg p {
            margin-bottom:35px;
        }
    #event-01-wrapper .key-quote-desc-content {
        padding-top:43px !important;
    }
    .event-content p {
        margin-bottom:30px;
    }
    .event-wrapper .wider-content img{
        max-width:70%;
    }
    .event-content {
        padding-top:35px;
    }
    .image-strip img{
        max-width:100% !important;
        width:100%;
    }
    #event-find-out-more-about-event-header {
        padding-top:45px;
        padding-bottom:35px;
    }
    #event-find-out-more-about-event {
        padding-bottom:45px;
    }
        #event-find-out-more-about-event p {
            margin-bottom:45px;
        }
    #event-page-bottom-get-involved {
        padding-top:30px;
        padding-bottom:30px;
    }
    #event-page-bottom-get-involved h3 {
        font-size:18px;
        line-height:30px;
        width:70%;
        min-width:530px;
        padding-left:20px;
    }
        #event-page-bottom-get-involved .btn {
            width:24%;
        }
    .donation-form-header {
        padding-top:40px;
        padding-bottom:45px;
    }
    #donation-form-step-1-content {
        padding-top:40px;
    }
        #donation-form-step-1-content p {
            margin-bottom:40px;
        }
    #donation-form-product-progress {
        width:600px;
        height:148px;
    }
    #donation-form-product-progress .progress-pledged-amt {
        font-size:48px;
        line-height:48px;
    }
    #donation-form-product-progress .progress-pledged {
        display:block;
        font-size:18px;
        line-height:18px;
    }
    #donation-form-product-progress-left {
        margin-top:30px;
    }
    #donation-form-product-progress-right {
        min-width:280px;
        margin-top:30px;
    }
        #donation-form-product-progress-right .progress-heart, #donation-form-product-progress-right .progress-heart img{
            height:72px;
            width:77px;
        }
        #donation-form-product-progress-right .progress-heart-funded { 
            width:280px;
            height: 72px;
            margin-top:7px;     
            min-width:280px;
            max-width:280px;
        }
    #donation-form-product-progress .progress-funded {
        background-position:0px 16px;
    }
        #donation-form-product-progress .progress-funded .btn {
            font-size:18px;
            line-height:18px;
            padding:15px 30px 15px 30px;
        }
    #donation-form-product-progress .progress-remaining-time {
        width:auto;
        font-size:18px;
        line-height:18px;
        float:left;
        max-width:100%;
    }
    #donation-form-amount-selection {
        width:290px;
        text-align:center;
        display:block;
        float:none;
        clear:both;
        margin-left:auto;
        margin-right:auto;
    }
    #donation-form-amount-selection .btn-group{
        width:290px;
        margin-left:auto;
        margin-right:auto;
        margin-top:30px;
    }
    #donation-form-amount-selection .btn {
        border-radius:7px !important;
        -moz-border-radius:7px !important;
        margin-right:10px !important;
        width:90px;
        margin-bottom:10px !important;
        font-size:18px !important;
        padding:12px 12px 12px 12px !important;
    }
    #donation-form-amount-selection span {
        font-size:14px !important;

}
    #donation-form-amount-selection span {
        font-size:14px !important;

}
        #donation-form-amount-selection .end {
            margin-right:0px !important;
        }
    #donation-form-step-1-content .donate-divider {
        height:10px;
        margin-top:40px;
        background-position:center 0px;
        background-image:url('../images/divider-or-horizontal.png');
        margin-bottom:40px;
    }
    #donation-form-amount-custom {
        width:290px;
        text-align:center;
        display:block;
        float:none;
        clear:both;
        margin-left:auto;
        margin-right:auto;
    }
        #donation-form-amount-custom h3 {
            margin-bottom:30px;
        }
    .donation-amount-field {
        width:180px;
        background-image:url('../images/dollar-sign.png');
        background-position:16px 12px;
        height:47px;
        padding:10px 25px 10px 35px;
    }
    .donation-form-button-bottom {
        padding-top:40px;
        padding-bottom:50px;
    }
    .donation-form-button-bottom .btn {
        width:180px;
    }
    #donation-form-payment {
        width:82%;
        margin-left:9%;
        margin-right:9%;
    }
    #donation-form-payment-left {
        display:block;
        float:none;
        clear:both;
        margin-top:45px;
        text-align:left;
        width:100%;
        overflow:hidden;
    }
    #donation-form-payment-right {
        display:block;
        float:none;
        clear:both;
        margin-top:35px;
        text-align:left;
        width:100%;
        overflow:hidden;
    }
    #donation-form-payment h3 {
        text-align:center;
        font-size:18px;
        margin-bottom:20px;
    }
    #personal-details {
        display:inline-block;
        width:48%;
        float:left;
        clear:left;
    }
    #address-details {
        display:inline-block;
        width:48%;
        float:right;
        clear:right;
    }
    .form-row {     
        margin-bottom:10px;
    }
    /*.form-row input[type="text"],.form-row input[type="tel"] , .form-row textarea {
        height:40px;
        border:1px #cecece solid;
        border-radius:5px;
        padding:2px 18px 6px 18px;
        font-size:15px;
        line-height:23px;
    }
    .form-row .field-half-width {
        width:100%;
    }
    .form-row .half-right {
        margin-top:10px
    }
    .dropdown-list {
       height: 40px;
       overflow: hidden;
       background: url('../images/dropdown-arrow.png');
       background-repeat:no-repeat;
       background-position:right 12px;
       border:1px #cecece solid;
       border-radius:10px;
       font-size:15px;
       line-height:23px;
      
    }
        .dropdown-list select {
           background: transparent !important;
           width: 120%;
           padding:2px 18px 6px 18px;
           font-size: 15px;
           line-height: 23px;
           border: 0;
           border-radius: 0;
           height: 40px;
           -webkit-appearance: none !important;
        }
            .dropdown-list select option {
                padding:7px 18px 7px 18px;
            }
            .dropdown-list select:focus {
                background-position:right -80px;
            }
            .dropdown-list select option[value=""] {
                color:#a4a5a6 !important;
            }*/
    #cc-left-tablet {
        display:inline-block;
        width:48%;
        float:left;
        clear:left;
    }
    #cc-right-tablet {
        display:inline-block;
        width:48%;
        float:right;
        clear:right;
    }
    #qm-glyph {
        display:none;
    }
    #secure-info {
        text-align:center;
    }
    .donation-form-button-bottom .form-row .dropdown-list {
        width:182px;
        margin-bottom:20px;
    }
    .header .social-icons {
        display:none;
    }
    #hdr-menu {
        width:100%;
    }
    #kgtms-hdr-logo, #kgtms-hdr-logo img {
        width:54px;
        height:49px;
    }
    #hdr-menu-social {
        
    }
    /*  --MENU--  */
    #hdr-wrapper {
        width:100%;
        height:60px;
    }
    #mobile-menu-toggle {
        display:inline-block;
        float:right;
        width:45px;
        margin-right:15px;
        background-image:url('images/btn-hamburger.png');
        background-repeat:no-repeat;
        height:60px;
        position:relative;
        top:9px;
    }
    .open > .dropdown-menu {
        display:block !important;
    }
    #extended-menu-wrapper {
        display:none;
    }
    #hdr-menu {
        display:none;
    }
    #mobile-menu {
        display:block;
        width:100%;
        padding-top:5px;
        padding-bottom:5px;
        height:60px;
    }
    #kgtms-hdr-logo-mobile {
        text-align:center;
        display:inline-block;
        width:100%;
    }
    #kgtms-hdr-logo-mobile img {
        width:54px;
        height:49px;
        margin-left:auto;
        margin-right:auto;
    }
    .open > #extended-menu-wrapper {
        background-color:#231f20;
        display:block;
        width:100%;
        padding:10px;
        top:60px;
        overflow:hidden;
        height:auto;
        border:1px #CCCCCC solid;
    }
        .open > #extended-menu-wrapper a {
            display:block;
            padding:7px;
            background-color:#231f20;
            font-family: 'hurme_geometric_sans_1SBd', sans-serif;
            font-weight:400;

        }
    .open .dropdown-toggle {
        background-position:0px -122px !important;
    }
    #btn-my-campaigns, #dropdown-campaigns {
        display:none !important;
    }
    #mobile-search {
        text-align:left;
        float:left;
    }
    .mcm-text {
        margin-left:0px;
        color:#fff;
    }
    .mobile-campaigns {
        overflow:hidden;
        display:block;
        border-bottom:1px #cecece dotted;
        border-top:1px #cecece dotted;
        padding-bottom:5px;
    }
/*  --END MENU--  */
#profile-panel {
        width:100%;
    }
    #pr-left-panel {
        margin-left:10px;
    }
    #pr-right-panel {
        margin-right:10px;
        width:450px;
    }
        #pr-right-panel p, #pr-right-panel ul, #pr-right-panel li, #pr-right-panel ol {
            font-size:15px;
            line-height:24px;
        }
    #profile-wrapper .content-page-header-content {
        padding-top:0px !important;

    }
    #pr-photo {
        width:220px;
        height:220px;
        padding:0px;
        background-color:#FFF;
        margin-left:auto;
        margin-right:auto;
    }
    .champions-header {
        height:auto;
        overflow:hidden;
    }
        .champions-header .content-page-header-content {
            height:auto;
            overflow:hidden;
        }
    .champions-header #pr-photo {
        margin-top:20px;
    }
        #pr-inner-photo {
            width:220px;
            height:220px;

        
        }
    #pr-photo img {
        width:100%;
        height:100%;
    }
        #pr-change-image {
             position:absolute;
            z-index:998;
            background-color:transparent;
            background-image:url('../images/icon-change-picture.png');
            background-repeat:no-repeat;
            background-position:0px 0px;
            width:44px;
            height:36px;
            margin-top:170px;
            margin-left:14px;
            display:block;
        }
            #pr-photo:hover #pr-change-image {
                background-position:0px -36px;
                cursor:pointer;
            }
                #pr-photo:hover #pr-change-image + #pr-change-image-text {
                    display:block;
                }
    #pr-change-image-text {
        display:none;
        position:absolute;
            z-index:999;
            background-color:#FFF; 
            border-radius:3px;
            padding:5px;
            font-family: 'hurme_geometric_sans_1SBd', sans-serif;
            font-weight:400;
            /*text-transform:uppercase;*/
            font-size:14px;
            color:#0087bf;     
            width:165px;
            height:30px;
            margin-top:131px;
            margin-left:14px;
    }

    /*FILE UPLOAD ON PROFILE*/
    #pr-photo .btn {
        background-color:transparent !important;
        font-size:14px !important;
        border:0px !important;
        position:absolute;
   
    }
    #pr-photo form {
        margin-top:160px;
    }

    #pr-photo .fileupload-exists {
        margin-top:-160px;
        width:220px;
        height:200px;
    }
    #pr-photo .file-preview-frame {
        margin-left:13px;
        border:0px !important;
        height:193px !important;
    }
    #pr-photo .navigator-bot .btn-orange {
        padding:10px 5px 10px 10px !important;
        margin-left:-110px;
        margin-top:-10px;
    }
    #pr-photo .fileinput-remove-button {
        display:none !important;
    }
    #pr-photo .file-preview .file-preview-image {
        max-height:170px;
        max-width:170px;
    }
    /*END FILE UPLOAD ON PROFILE*/

    .champions-header h1 {
        margin-top:15px;
    }
    #share-profile-links {
        margin-right:15px;
    }
    #header-cog-logo {
        margin-top:-136px;
    }
    #header-cog-logo a {
        width:250px;
    }
        #header-cog-logo a img {
            max-width:100%;
        }
    #hdr-date-banner-inner {
        font-size:18px;
        line-height:18px;
        padding-right:32px;
    }
    #hdb-spacer {
        width:233px;
    }
    .wider-section {
        width:100%;
        text-align:center;
    }
    .sponsor {
        width:167px;
    }
    .home-carousel-image {
        max-width:25%;
    }
    #search-main {
        width:100%;
    }
    #profile-wrapper #header-cog-logo {
        margin-top:-70px;
    }
    .pr-team-name {
        text-align:center !important;
    }
    #pr-nameraised {
        margin-top:-46px;
    }
    .champions-header h4 {
        font-size:15px;
        margin-top:0px;
    }
    #pr-nameraised h1 {
        margin-left:auto;
        margin-right:auto;
    }
    .champions-header #pr-photo {
        margin-top:75px;
    }
    #fundraising-dashboard {
        width:100%;
    }
    #fd-left-panel {
        margin-left:10px;
    }
    #fd-right-panel {
        width:477px;
        margin-right:10px;
    }
    .fr-step-tab {
        width:119px;
    }
    #fr-steps-tabs {
        width:477px;
        margin-right:477px;
    }
    #search-header{
        padding-top:180px;

    }
    #search-header .mid-content{
        width:100%;
    }
    #btn-gendon{
        margin-top:10px;
        width:100%;
    }
}


/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Phone Landscape (480px) */
@media only screen and (min-width: 480px) and (max-width: 960px) and (orientation: landscape) {
    
    h3 {
        font-size:18px;
        line-height:18px;
    }
    p {
         font-size:15px;
         line-height:22px;
    }
    .feature-body-copy {
         font-size:18px;
         line-height:22px;
         margin-bottom:20px;
         padding-bottom:0px;
    }
    
    .btn {
        font-size:14px;
        line-height:14px;
        padding:15px 20px 15px 20px;
    }
    .mid-content {
        width:90%;
    }
    .header-main-menu-item {
        font-size:12px;
        line-height:37px;
    }
    
    #header-logo {
        margin-left:20px;
        margin-top:12px;
        margin-bottom:12px;
    }
    #header-logo img{
        width:210px;
        height:31px;
    }
    #header-menu {
        margin-right:20px;
        margin-top:11px;
    }
    .header-main-menu-item {
        display:none;
    }
    .dropdown-toggle {
        display:block !important; 
    }
        .dropdown-toggle span {
            display:none;
        }
    #header-menu .dropdown-toggle {
        padding-right:37px;
        margin-left:15px;
    }

    #extended-menu-wrapper {
        width:100%;
    }
        #extended-menu-wrapper .tcg-icon {
            display:none;
            
        }
    .extended-menu-divider {
        margin-top:10px;
        margin-bottom:10px;
    }
    .extended-menu-item {
        margin-bottom:10px;

    }
    #extended-menu-wrapper .social-icons {
        display:none;
    }
    
    #header-signup-bar {
        padding:0px;
        height:4px;
        border-top:0px;
    }   
    #header-signup-bar input[type="text"] {
        display:none;
    }
    #header-signup-bar .btn {
        display:none;
    }
    #header-signup-bar .btn-white {
        display:none;
    }
    #eml-field-btn {
        display:none;
    }
    #home-main-carousel {
        height:262px;
    }
    #home-introduction {
        padding-top:50px;
        padding-bottom:40px;
    }
        #home-introduction .feature-body-copy {
            font-weight:normal !important;
        }
    #home-signup {
        padding-top:40px;
        padding-bottom:30px;
    }
    #home-signup h3 {
        margin-bottom:17px;
    }
    #home-signup p {
        margin-bottom:20px;
    }
    #home-signup input[type="text"] {
        width:270px;
        border:0px;
        outline:0;
        border-radius:7px;
        padding:0px 5px 0px 5px;
        height:30px;
        margin-bottom:20px;
    }
    #home-signup input[type="text"], #home-signup .btn {
        clear:both;
        margin-left:auto;
        margin-right:auto;
        display:block;
    }
        #home-signup .btn {
            width:200px;
        }
    #home-finding-cures {
        padding-top:30px;
        padding-bottom:45px;
    }
    #home-finding-cures .tcg-icon {
        margin-bottom:17px;
    }
    #home-finding-cures h3 {
        margin-bottom:17px;
    }
    .hp-project {
        height:595px;
    }
    .hp-project-image {
        width:100%;
        height:180px;
        max-width:100%;
        display:block;
        clear:both;
    }
    .hp-project-desc {
        width:100%;
        height:165px;
        max-width:100%;
        display:block;
        clear:both;
    }
    .hp-project-desc-text {
        max-width:100%;
        width:100%;
        height:165px;
    }
        .hp-project-desc-text .btn {
            bottom:23px;
            max-width:200px;
            width:200px;
        }
    .hp-project-desc-text-inner {
        margin-top:30px;
        width:90%;
    }
    .hp-project-desc-text-inner h3 {
        margin-bottom:20px;
    }
    .hp-project-desc-text-inner p {
       display:none;
    }
    .hp-project-progress {
        min-width:100%;
        width:100%;
        height:242px;
    }

    .progress-pledged {
        display:none;
    }
    .progress-pledged-tablet {
        display:block !important;
        font-size:16px;
        line-height:16px;
        margin-top:5px;
        font-family:'Hurme Geometric Sans 2';
        text-align:center;    
        text-transform:uppercase;    
        color:#57585a;
    }
    .progress-pledged-amt {
        font-size:28px;
        line-height:23px;
        margin-top:30px;
    }
    .progress-heart-funded {
        display:block;
        width:235px;
        overflow:hidden;
        height: 61px;
        margin-top:20px;     
        margin-bottom:0px; 
        margin-left:auto;
        margin-right:auto; 
        min-width:235px;
        max-width:235px;
    }

    .progress-heart {
        width:66px;
        height:61px;
        margin-top:0px;
        margin-bottom:0px;
        display:inline-block;
        float:left;
        clear:left;
    }
        .progress-heart img {
            width:66px;
            height:61px;
        }
    .progress-funded {
        background-image:url('../images/arrow-left-blue-tablet.png');
        padding-left:5px;
        background-position:0px 23px;
        display:inline-block;
        float:right;
        clear:right;
    }
        .progress-funded .btn {
            font-size:14px;
            line-height:14px;
            padding:10px 20px 10px 20px;
        }
    .progress-remaining {
        display:none;
    }
    .progress-remaining-tablet {
        display:inline !important;
        font-size:14px;
        line-height:14px;
        font-family:'Hurme Geometric Sans 2';
        text-transform:uppercase;    
        color:#57585a;
    }
    .progress-remaining-time {
        font-size:14px;
        line-height:14px;
        margin-top:-9px;
        font-family:'Hurme Geometric Sans 2';
        width:235px;
        text-align:right;
        margin-left:auto;
        margin-right:auto;
    }
    .progress-pledge{
        margin-top:16px;
        width:200px;
    }

    #project-lung, #project-dementia, #project-arthritis {
        height:425px;
    }
    #project-lung .hp-project-progress, #project-dementia .hp-project-progress, #project-arthritis .hp-project-progress {
        height:70px;
        background-color:#f3f3f3;
    }
    #project-lung .progress-pledged-tablet, #project-dementia .progress-pledged-tablet, #project-arthritis .progress-pledged-tablet {
        display:none !important;
    }
    #project-lung .hp-project-progress .progress-pledged-amt, #project-dementia .hp-project-progress .progress-pledged-amt, #project-arthritis .hp-project-progress .progress-pledged-amt {
        display:none;
    }
    #project-lung .hp-project-progress .progress-heart-funded, #project-dementia .hp-project-progress .progress-heart-funded, #project-arthritis .hp-project-progress .progress-heart-funded {
        display:none;
    }
    #project-lung .hp-project-progress .progress-heart, #project-dementia .hp-project-progress .progress-heart, #project-arthritis .hp-project-progress .progress-heart {
        display:none;
    }
    #project-lung .hp-project-progress .progress-funded, #project-dementia .hp-project-progress .progress-funded, #project-arthritis .hp-project-progress .progress-funded {
        display:none;
    }
    #project-lung .progress-remaining-tablet, #project-dementia .progress-remaining-tablet, #project-arthritis .progress-remaining-tablet {
        display:none !important;
    }
    #project-lung .hp-project-progress .progress-remaining-time, #project-dementia .hp-project-progress .progress-remaining-time, #project-arthritis .hp-project-progress .progress-remaining-time {
        display:none;
    }
    #project-lung .progress-pledge, #project-dementia .progress-pledge, #project-arthritis .progress-pledge {
        margin-top:0px;
        width:200px;
    }


    .hp-project-arrow {  
        display:none;
    }
    .hp-project-odd .hp-project-arrow {
        background-image:url('../images/hp-project-arrow-grey-left-tablet.png');
    }
    .hp-project-even .hp-project-arrow {
        background-image:url('../images/hp-project-arrow-white-right-tablet.png');
    }
    #home-see-all-projects {
        padding-top:30px;
        padding-bottom:40px;
    }
    #home-donate-header {
        padding-top:40px;
        padding-bottom:30px;
    }
    #home-donate-header h3 {
        margin-bottom:20px;
    }
    #home-donate-monthly {
        max-width:100%;
        width:100%;
        padding-bottom:0px;
        margin-left:0%;
        display:block;
        clear:both;
    }
    #home-donate-once {
        max-width:100%;
        width:100%;
        padding-bottom:40px;
        margin-right:0%;
        display:block;
        clear:both;
    }
    .donate-divider {
        width:70%;
        height:45px;
        margin-top:35px;
        margin-left:15%;
        margin-right:15%;
        background-image:url('../images/divider-or-horizontal.png');
        background-position:center top;
        display:block;
        clear:both;
    }
        
        .donation-amounts li {
            padding-bottom:13px;
            margin-right:8px !important;
        }
            .donation-amounts li.active {
                background-image:none;
            }
            .donation-amounts li:last-child {
                margin-right:0px !important;
            }
    .btn-donation-amount {
        padding:10px 23px 10px 23px;
        font-size:18px;
        line-height:18px;
    }
    .nav-tabs > li > a {
        padding:10px 19px 10px 19px;
        font-size:20px;
        line-height:20px;
        width:80px;
    }
    .nav-tabs > li > a > span {
        font-size:14px;
       
    }
        .last-donation-amount {
            margin-right:0px !important;
        }
    .nav-tabs {
        
        margin-left:auto;
        margin-right:auto;
    }
    .donation-amount-desc {
         max-width:90%;
         border: 5px solid #ebebeb;
    }

    .donation-amount-desc h3 {
        margin-top:20px;
        margin-left:15px;
        margin-right:15px;
    }
        .donation-amount-desc p {
            margin-top:5px;
            margin-bottom:20px;
            margin-left:15px;
            margin-right:15px;
        }
    .home-donate-pledge {
        margin-top:30px;
        padding-left:35px;
        padding-right:35px;
    }
    #home-see-projects-funded {
        padding-top:40px;
        padding-bottom:45px;
    }
    #home-see-projects-funded .tcg-icon {
        margin-bottom:17px;
    }
    #home-see-projects-funded h3 {
        margin-bottom:25px;
    }
    #home-projects-funded-tiles {
        height:288px;
        overflow:hidden;
    }
    .home-projects-funded-tile {
        width:100%;
        height:288px;
        max-width:100%;
    }
    .home-pf-tile-over {
        padding-top:50px;
        opacity:1;
    }
    .home-pf-tile-over h3 {
        margin-bottom:25px;
        margin-left:5%;
        margin-right:5%;
    }
    .home-pf-tile-over p {
        margin-bottom:20px;
        margin-left:5%;
        margin-right:5%;
    }
    #home-see-all-funded-projects {
        padding-top:25px;
        padding-bottom:45px;
    }
    #home-recent-events {
        padding-top:40px;
        padding-bottom:45px;
    }
    #home-recent-events .tcg-icon {
        margin-bottom:17px;
    }
    #home-recent-events h3 {
         margin-bottom:25px;
    }
    #home-events-carousel {
        height:260px;
    }
    .home-events-slide {
        height:260px;
    }
    .event-slide-image {
        max-width:100%;
        height:285px;
        width:100%;
    }
    .event-slide-desc {
        display:none;
    }
    .event-slide-desc-content {
        height:260px;
    }
    .event-slide-desc-content-inner {
        width:80%;
        padding-top:35px;
        padding-bottom:35px;
    }
        .event-slide-desc-content-inner h3 {
            margin-bottom:30px;
        }
        .event-slide-desc-content-inner p {
            margin-bottom:0px;
        }
        .event-slide-desc-content-inner .btn {
            margin-top:30px;
        }
    #home-see-all-events {
        padding-top:30px;
    }


    #footer-icon {
        padding-bottom:10px;
        padding-top:35px;
    }
        #footer-icon img {
            width:52px !important;
            height:52px !important;
        }
    #footer {
        padding-top:10px;
    }
        #footer img {
            margin-bottom:15px;
            width:150px;
            height:24px;
        }
        #footer p {
            font-size:9px;
            line-height:12px;
        }
    #footer-initiative {
        width:60%;
        margin-left:20%;
        margin-right:20%;
    }
        #footer .social-icons {
            margin-top:20px;
            margin-bottom:20px;
        }
    #footer-links {
        display:none;
    }
     #event-introduction {
        padding-bottom: 40px;
        padding-top: 50px;
    }
    .listed-event {
        height:455px;
        background-color:#ebebeb;
    }
    .listed-event-image {
        display:block;
        background-repeat:no-repeat;
        width:100%;
        height:180px;
        max-width:100%;
        clear:both;
    }
    .listed-event-desc {
        display:block;
        width:100%;
        min-width:100%;
        clear:both;
    }
    .listed-event-desc-text {
        display:block;
        max-width:100%;
        height:275px;
        overflow:hidden;
    }
        .listed-event-desc-text .btn {
            bottom:38px;
            max-width:200px;
        }
    .listed-event-desc-text-inner {
        margin-left:auto;
        margin-right:auto;
        margin-top:35px;
        width:90%;
    }

    .listed-event-desc-text-inner h3 {
        margin-bottom:25px;
    }

    .listed-event-arrow {
        background-repeat:no-repeat;
        display:block;
        width:25px;
        height:13px;
        margin-top:233px;
        margin-left:auto;
        margin-right:auto;
    }
    .listed-event-odd .listed-event-image {
        float:left;
        clear:left;
        background-position:left top;
    }
    .listed-event-odd .listed-event-arrow {
        float:none;
        background-image:url('../images/arrow-up-grey-tablet.png');
    }
    .listed-event-odd .listed-event-progress {
        float:right;
        clear:right;
    }
    .listed-event-even .listed-event-image {
        float:right;
        clear:right;
        background-position:right top;
    }
    .listed-event-even .listed-event-arrow {
        float:none;
        background-image:url('../images/arrow-up-grey-tablet.png');
    }
    .listed-event-even .listed-event-progress {
        float:right;
        clear:right;
    }
    #event-find-out-more-about-tcg {
        padding-bottom:40px;
        padding-top:50px;
    }
        #event-find-out-more-about-tcg h3, #event-find-out-more-about-tcg p {
            margin-bottom:30px;
        }
    #project-others-header {
        padding-bottom:40px;
        padding-top:50px;
    }


    #project-others-tiles {
        height:288px;
        overflow:hidden;
    }
    .project-others-tile {
        width:100%;
        height:288px;
        max-width:100%;
    }
    .project-others-tile-over {
        padding-top:50px;
        opacity:1;
    }
    .project-others-tile-over h3 {
        margin-bottom:25px;
        margin-left:5%;
        margin-right:5%;
    }
    .project-others-tile-over p {
        margin-bottom:20px;
        margin-left:5%;
        margin-right:5%;
    }
    #project-see-all-projects {
        padding-top:25px;
        padding-bottom:45px;
    }
    #project-introduction {
        padding-top:50px;
        padding-bottom:40px;
    }
    .key-quote-image {
        display:block;
        width:100%;
        height:190px;
    }
        .key-quote-image h3 {
            margin-top:25px;
        }
        .key-quote-image .btn {
            margin-top:80px;
        }
    .key-quote-desc {
        height:190px;
        display:block;
        width:100%;
        min-width:100%;
        clear:both;
    }
    .key-quote-desc-content {
        padding-bottom: 35px;
        padding-top: 35px;
        text-align: center;
        width: 90%;
    }
        .key-quote-desc-content p {
            font-size:20px;
            line-height:30px;
        }
   
    #about-page .key-quote-desc-content {
        padding-top:6px !important;
    }
    #about-our-objectives {
        padding-top:30px;
        padding-bottom:45px;
    }
        #about-our-objectives .tcg-icon, #about-our-objectives h3 {
            margin-bottom:17px;
        }
    #about-values {
        padding-top:40px;
        height:auto;
    }
        #about-values h3 {
            margin-bottom:30px;
        }
    #about-values-list {
        width:90%;
        max-width:90%;
    }
    .about-values-item {
        width:100%;
        display:block;
        clear:both;
    }
    .about-value-image {
        width:80px;
        height:80px;
        margin-bottom:17px;
    }
    #about-values h4 {
        font-size:16px;
        line-height:16px;
        margin-bottom:6px;
    }
    #about-value-01 .about-value-image {
        background-image:url('../images/value-01-image-mobile.png');
    }
    #about-value-02 .about-value-image {
        background-image:url('../images/value-02-image-mobile.png');
    }
    #about-value-03 .about-value-image {
        background-image:url('../images/value-03-image-mobile.png');
    }
    #about-value-04 .about-value-image {
        background-image:url('../images/value-04-image-mobile.png');
    }
    #about-pchf {
        padding-top:40px;
        padding-bottom:50px;
    }
        #about-pchf h3, #about-pchf p {
            margin-bottom:17px;
        }
    #about-follow-tcg {
        padding-top:40px;
        padding-bottom:40px;
    }
    #about-follow-tcg .tcg-icon, #about-follow-tcg h3 {
        margin-bottom:17px;
    }
    .social-icons-large {
        width:200px;
    }
    .social-icons-large .social-icon {
        display: inline-block;
        float: left;
        height: 37px;
        margin-right: 15px;
        width: 37px;
        margin-top:10px;
        margin-bottom:30px;
    }
    .social-icons-large .social-icon:last-child {
        margin-right:0px;
    }
    .social-icons-large .twitter {
        background-image:url('../images/btn-social-blue-twitter.png');
    }
    .social-icons-large .facebook {
        background-image:url('../images/btn-social-blue-facebook.png');
    }
    .social-icons-large .instagram {
        background-image:url('../images/btn-social-blue-instagram.png');
    }
    .social-icons-large .googleplus {
        background-image:url('../images/btn-social-blue-googleplus.png');
    }
    #event-sponsors {
        padding-top:30px;
        padding-bottom:30px;
    }
        #event-sponsors h3 {
            margin-bottom:17px;
        }
        #event-sponsors a img {
            width:70%;
            margin-bottom:10px;   
        }
    #about-make-a-difference {
        padding-top:30px;
        padding-bottom:30px;
    }
        #about-make-a-difference h3 {
            width:80%;
            min-width:80%;
            margin-left:10%;
            margin-right:10%;
            font-size:18px;
            line-height:18px;
            text-align:center;
            margin-bottom:20px;
        }
        #about-make-a-difference .btn {
            width:200px;
        }
    .project-wrapper .content-page-header {
        height:198px;
    }
    .project-wrapper .content-page-header-content {
        padding-top:22px;
    }
    .project-wrapper .content-page-header .btn {
        margin-top:20px;
    }
    #project-heart .key-quote-desc-content {
        padding-top:5px;
    }
        #project-heart .key-quote-desc-content p {
            line-height:26px;
        }
    #project-page-details {
        padding-top:35px;
        max-width:90%;
        margin-left:5%;
        margin-right:5%;
        width:90%;
    }
    #project-page-top-share {
        margin-bottom:20px;
    }
    #project-page-left {
        display:block;
        clear:both;
        max-width: 100%;
        min-width: 100%;
        overflow: hidden;
        text-align: left;
        width: 100%;
    }
        #project-page-left p {
            margin-bottom:25px;
        }
    #project-page-content img {
        margin-bottom:25px;
        max-width:100%;
    }
    #project-page-right {
        clear: both;
        display:block;
        float: left;
        max-width: 100%;
        width: 100%;
        background-color:#f9f9f9;
    }
    #project-page-progress {
        border: 0px;
        padding: 25px;
        background-color:#f9f9f9;
        position:absolute;
        left:0px;
        width:100%;
        max-width:100%;
        
    }
    #project-heart #project-page-progress {
        margin-top:-1037px;
    }
    #project-heart #project-page-left {
        padding-top:300px;
    }
        #project-page-progress .progress-pledged-amt {
            font-size:36px;
            line-height:36px;
            text-align:center;
        }
        #project-page-progress .progress-pledged {
            display:block !important;
            margin-top:7px;
            font-size:18px;
            line-height:18px;
            text-align:center;
            width:100%;
        }
        #project-page-progress .progress-heart-funded {
            margin-top:20px;
            min-width:100%;
        }
        #project-page-progress .progress-funded {
            background-position:left 17px;
            width:64%;
            padding-top:0px;
        }
        #project-page-progress .progress-funded .btn {
            padding:15px 0px 17px 0px;
            font-size:18px;
            line-height:18px;
            min-width:100%;
        }
        #project-page-progress .progress-remaining-time {
            font-size:18px;
            line-height:18px;
            width:auto;
            display:inline-block;

        }
        #project-page-progress .progress-remaining {
            display:inline-block !important;
            font-size:18px;
            line-height:18px;
            margin-top:0px;
        }
        #project-page-progress .progress-rem {
            display:block;
            width:100%;
            overflow:hidden;
            text-align:right;
            margin-top:-40px;
        }
        #project-page-progress .progress-pledge {
            margin-top:20px;
            width:70%;
            margin-left:15%;
            margin-right:15%;
        }
    #project-page-bottom-social {
        display:none;
    }
    #project-page-bottom-pledge {
        width:100%;
        background-color:#f3f3f3;
        border:0px;
    }
        #project-page-bottom-pledge h3 {
            font-size:18px;
            line-height:18px;
            width:96%;
            max-width:96%;
            min-width:96%;
            text-align:center;
            margin-left:2%;
            margin-right:2%;
            margin-bottom:20px;
        }
        #project-page-bottom-pledge .btn {
            width:70%;
            margin-left:15%;
            margin-right:15%;
        }
    #event-01-wrapper .key-quote-desc {
        height:255px;
    }
    #event-01-wrapper .key-quote-desc-content{
        padding-top:10px;
    }
    #event-page-share {
        margin-top:40px;
    }
    .event-content {
        padding-top:30px;
    }
    .event-wrapper .wider-content img {
        max-width:100%;
    }
    .event-content p {
        margin-bottom:30px;
    }
    #event-find-out-more-about-event-header {
        padding-top:40px;
        padding-bottom:30px;
    }
    #event-find-out-more-about-event p {
        margin-bottom:30px;
    }
    #event-page-bottom-get-involved {
        padding-top:40px;
        padding-bottom:40px;
    }
        #event-page-bottom-get-involved h3 {
            font-size:18px;
            line-height:18px;
            text-align:center;
            width:90%;
            min-width:90%;
            margin-left:5%;
            margin-right:5%;
            margin-bottom:30px;
        }
        #event-page-bottom-get-involved .btn {
            width:50%;
            margin-left:25%;
            margin-right:25%;
            
        }
    #project-others-tiles {
        height:235px;
    }
    .content-page-header {
        height:198px;
    }
    .content-page-header-content {
        padding-top:75px;
    }
    #blog-introduction {
        padding-top:50px;
        padding-bottom:40px;
    }
    #blog-page-details {
        padding-top:0px;
    }
    #blog-page-left {
        width:100%;
        display:block;
        clear:both;
        max-width: 100%;
        min-width: 100%;
    }
    #blog-page-right {
        width:100%;
        display:block;
        clear:both;
        max-width: 100%;
        min-width: 100%;
    }
    #blog-page-content img {
        max-width:100%;
        margin-bottom:20px;
    }
    #blog-page-content h2 {
        font-size:26px;
        line-height:26px;
        width:70%;
        margin-left:15%;
        margin-right:15%;
        text-align:center;
    }
    .blog-home-article-header {
        text-align:center;
    }
    .blog-home-article-date, .blog-article-date {
        display:block;
        text-align:center;
    }
    .blog-home-article-byline, .blog-article-byline {
        display:block;
        text-align:center;
    }
    .blog-home-article-likes, .blog-article-likes {
        display:none;
    }
    .blog-article-head-divider {
        display:none;
    }
    #blog-page-left p {
        width:90%;
        margin-left:5%;
        margin-right:5%;
        margin-top:30px;
    }
    .blog-home-readmore {
        margin-top:30px;
        margin-bottom:30px;
    }
        .blog-home-readmore .btn {
            width:60%;
            margin-left:20%;
            margin-right:20%;
        }
    #blog-home-right-menu h3 {
        font-size:18px;
        line-height:22px;
        margin-top:30px;
    }
    #blog-home-right-menu p {
        font-size:15px;
        line-height:22px;
    }
    #donation-form-product-progress {
        width:80%;
        margin-left:10%;
        margin-right:10%;
        height:230px;
    }
    #donation-form-product-progress-left {
        display:block;
        width:100%;
        clear:both;
    }
    #donation-form-product-progress-right {
        display:block;
        width:100%;
        clear:both;
        min-width:100%;
        margin-top:0px;
    }
    #donation-form-product-progress .progress-pledged-amt {
        font-size:40px;
        line-height:40px;
        margin-left:auto;
        margin-right:auto;
        text-align:center;
    }
    #donation-form-product-progress .progress-pledged {
        display:block;
        font-size:15px;
        line-height:15px;
        text-align:center;
        width:100%;
    }
    #donation-form-product-progress .progress-heart {
        width:70px;
        height:65px;
    }
    #donation-form-product-progress .progress-heart img {
        width:70px;
        height:65px;
    }
    #donation-form-product-progress .progress-heart-funded {
        height:70px;
    }
    #donation-form-product-progress .progress-funded {
        width:65%;
        background-position:0px 16px;
    }
        #donation-form-product-progress .progress-funded .btn {
            font-size:16px;
            line-height:16px;
            padding:15px 10px 15px 10px;
            width:100%;
        }
    #donation-form-product-progress .progress-remaining-time {
        width:100%;
        font-size:14px;
        line-height:14px;
    }
    #donation-form-step-1-content {
        padding-top:30px;
    }
        #donation-form-step-1-content p {
            margin-bottom:40px;
        }
    #donation-form-amount-selection {
        width:100%;
        display:block;
        text-align:center;
        clear:both;
    }
        #donation-form-amount-selection .btn-group {
            width:90%;

        }
        #donation-form-amount-selection .btn {
            border-radius: 7px !important;
            font-size: 18px !important;
            margin-bottom: 10px !important;
            margin-right: 10px !important;
            padding: 10px 15px !important;
            width: 90px;
        }
        #donation-form-amount-selection span {
        font-size:14px !important;
}
        #donation-form-amount-selection .end {
            margin-right:0px !important;
        }
    #donation-form-step-1-content .donate-divider {
        width:90%;
        height:70px;
        margin-top:35px;
        margin-left:5%;
        margin-right:5%;
        background-image:url('../images/divider-or-horizontal.png');
        background-position:center top;
        display:block;
        clear:both;
    }
    #donation-form-amount-custom {
        width:100%;
        display:block;
        clear:both;
    }
        #donation-form-amount-custom h3 {
            margin-bottom:30px;
        }
    .donation-form-button-bottom {
        padding-bottom: 30px;
        padding-top: 30px;
    }
        .donation-form-button-bottom .btn {
            width:252px;
        }
    #donation-form-payment {
        
        margin-left: 3%;
        margin-right: 3%;
        overflow: hidden;
        width: 94%;
    }
    #donation-form-payment-left {
        width:100%;
        display:block;
        clear:both;
        margin-top:30px;
    }
    #donation-form-payment-right {
        width:100%;
        display:block;
        clear:both;
        margin-top:30px;
    }
    #donation-form-payment h3 {
        font-size:18px;
        line-height:18px;
        text-align:center;
    }
    .form-row {
        margin-bottom:10px;
    }
    .form-row .field-half-width {
        width:100%;
    }
    .form-row .half-right {
        margin-top:10px;
    }
    /*.form-row input[type="text"], .form-row input[type="tel"], .form-row textarea {
        border-radius: 5px;
        font-size: 16px;
        height: 40px;
        line-height: 23px;
        padding: 2px 18px 6px;
    }
    .dropdown-list select {
        font-size: 16px;
        height: 40px;
        line-height: 23px;
        padding: 2px 18px 6px;
        width: 120%;
    }
    .dropdown-list {
        background-position:right 11px;
        border-radius: 5px;
        font-size: 16px;
        height: 40px;
        
    }*/
    #qm-glyph {
        display:none;
    }
    #secure-info {
        font-size:14px;
    }
    #donation-form-payment-right .divider-horizontal {
        margin-top:30px;
        margin-bottom:30px;
    }

    #donation-thankyou-header-left {
        display:block;
        width:100%;
    }
    #donation-thankyou-header-right {
        display:none;
    }
    #donation-thankyou-left {
        width:100%;
        display:block;
        clear:both;
        padding-top:30px;
        padding-bottom:45px;
    }
     #donation-thankyou-right {
        width:100%;
        display:block;
        clear:both;
        padding-top:0px;
        padding-bottom:0px;
    }
    #donation-thankyou-content img{
        width:120px;
        height:111px;
    }
    #donation-thankyou-content p {
        margin-top:30px;
        margin-bottom:45px;
    }
    #donation-thankyou-share {
        
        min-width: 100%;
        overflow: hidden;
        padding-top: 30px;
        width: 100%;
    }
    #thankyou-share-twitter {
        margin-left:30px;
        margin-right:30px;
    }
    #donation-join-mobile-hdr {
        display:block !important;
        margin-bottom:30px;
    }
    #donation-join-content p {
        padding-top:20px;
        margin-bottom:45px;
    }
    #donation-join-form .btn {
        width:220px;
    }
   .home-page-header-content img {
        width:262px;
        margin-bottom:20px;
    }
    .home-page-header-content {
        padding-top:20px;
    }
    .donation-form-button-bottom .form-row .dropdown-list {
        width:235px;
        margin-bottom:20px;
    }
    .header .social-icons {
    display:none;
}
        .project-wrapper {
        height:auto !important;
    }
        #project-heart #project-page-progress {
        margin-top:-1037px;
    }
    #project-lung #project-page-progress {
        margin-top:-1175px;
    }
    #project-dementia #project-page-progress {
        margin-top:-1220px;
    }
    #project-arthritis #project-page-progress {
        margin-top:-1461px;
    }
    #project-heart #project-page-left, #project-lung #project-page-left, #project-dementia #project-page-left, #project-arthritis #project-page-left {
        padding-top:300px;
    }
    #project-lung .key-quote-desc {
        height:250px;
    }
    #project-dementia .key-quote-desc {
        height:340px;
    }
    #project-arthritis .key-quote-desc {
        height:370px;
    }
    /*  --MENU--  */
    #hdr-wrapper {
        width:100%;
        height:60px;
    }
    #mobile-menu-toggle {
        display:inline-block;
        float:right;
        width:45px;
        margin-right:15px;
        background-image:url('images/btn-hamburger.png');
        background-repeat:no-repeat;
        height:60px;
        position:relative;
        top:9px;
    }
    #extended-menu-wrapper {
        display:none;
    }
    #hdr-menu {
        display:none;
    }
    #mobile-menu {
        display:block;
        width:100%;
        padding-top:5px;
        padding-bottom:5px;
        height:60px;
    }
    #kgtms-hdr-logo-mobile {
        text-align:center;
        display:inline-block;
        width:100%;
    }
    #kgtms-hdr-logo-mobile img {
        width:54px;
        height:49px;
        margin-left:auto;
        margin-right:auto;
    }
    .open > #extended-menu-wrapper {
        background-color:#231f20;
        display:block;
        width:100%;
        padding:10px;
        top:60px;
        overflow:hidden;
        height:auto;
        border:1px #CCCCCC solid;
    }
        .open > #extended-menu-wrapper a {
            display:block;
            padding:7px;
            background-color:#231f20;
            font-family: 'hurme_geometric_sans_1SBd', sans-serif;
            font-weight:400;

        }
    .open .dropdown-toggle {
        background-position:0px -122px !important;
    }
    #btn-my-campaigns, #dropdown-campaigns {
        display:none !important;
    }
    #mobile-search {
        text-align:left;
        float:left;
    }
    .mcm-text {
        margin-left:0px;
        color:#fff;
    }
    .mobile-campaigns {
        overflow:hidden;
        display:block;
        border-bottom:1px #cecece dotted;
        border-top:1px #cecece dotted;
        padding-bottom:5px;
    }
/*  --END MENU--  */
.champions-header #pr-photo {
        margin-top:0px;
    }
    #pr-photo {
        width:200px;
        height:200px;
    }
    #profile-wrapper .content-page-header-content {
        padding-top:20px;
    }
    .champions-header {
        height:330px !important;
    }
        .champions-header h4, .champions-header h1 {
            font-size:20px;
            line-height:20px;
            margin-top:11px;
        }
    .donation-msg-row .mid-content {
        padding-bottom:0px;
    }
    #donation-form-payment-right .button-submit {
        width:100%;
    }
    /*  --FOOTER--  */

    #footer-left {
        width:100%;
        display:block;
        text-align:center;
        height:135px;
    }
    #footer-right {
        width:100%;
        display:block;
    }
    
    #footer img {
        width:initial;
        height:initial;

    }
    #footer-left a {
        margin-left:auto;
        margin-right:auto;
        text-align:center;
    }
    #footer-left img {
        width:111px;
        height:95px;
        margin-left:auto;
        margin-right:auto;
        float:none !important;
    }
    #footer-right h3 {
        margin-top:10px;
    }
    #bottom-footer {
        width:100%;
    }
    #footer .content-inner {
        width:100%;
    }
    #ftr-eml-field {
        width:192px;
    }
    #footer-right img {
        height:49px;
    }
    #footer-links-left {
        display:block;
        width:100%;
        float:none;
    }
        #footer-links-left em {
            display:none;
        }
    #footer-links-right {
        width:100%;
        display:block;
        float:none;
    }
    #bottom-footer p {
        width:90%;
        margin-left:5%;
        margin-right:5%;
        text-align:center;
    }
    #footer p {
        font-size:14px;
        line-height:16px;
    }
     /*PROFILE*/

    #share-profile-links {
        width:100%;
        text-align:center;
        display:none;
    }
        #share-profile-links a {
            float:none;
            text-align:center;
            margin-left:0px;
        }
    #profile-panel {
        width:100%;
    }
    #pr-left-panel {
        display:block;
        width:94%;
        margin-left:3%;
        margin-right:3%;
        padding-top:12px;
        padding-bottom:20px;
    }
    #pr-right-panel {
        display:block;
        width:94%;
        margin-left:3%;
        margin-right:3%;
        padding-top:0px;
    }
    #pr-raised-label {
        text-align:center;
    }
    #pr-meter-block {
        margin-top:5px;
    }
    #pr-top-donors, #pr-about-tcg, #pr-blog-gallery {
        display:none;
    }
    .header {
        max-width:100%;
    }
    #header-home {
        height:220px;
    }
    #fundraiser-type-icons {
        width:100%;
    }
    #fundraiser-type-icons a {
        display: block;
        height: 200px;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }
    #current-event-list {
        max-width:100%;
    }
    .current-event {
        border: 10px solid #dddddd;
        display: block;
        float: none;
        min-height: 100%;
        padding: 1%;
        width: 100%;
        margin-bottom:10px;
    }
    .middle-event {
        margin-left:0px;
        margin-right:0px;
    }
    #about-tcg {
        background-image:none !important;
    }
    #about-tcg .mid-content {
        width:100%;
    }
    #about-tcg-content {
        width:90%;
        margin-left:5%;
        margin-right:5%;
    }
    /*REG PROCESS*/

    #register-panel {
        width:100%;
        height:auto;
    }
    .login-panel {
        margin-top:0px !important
    }
    #registration-wrapper {
        height:auto;
    }
    #register-panel #navigator-top {
        width:100% !important;
    }
    #footer {
        padding-top:0px;
    }
    #need-an-account {
        margin-bottom:20px;
    }
    
    /*SEARCH PAGE*/

    #champion-search-results {
        width:100%;
    }
    .csr-row {
        width:100%;
    }
    .csr-info {
        width:53%;
    }
    .csr-image, .csr-image img, .sr-img {
        width:60px !important;
        height:60px !important;
    }
    .csr-goal-raised {
        font-size:12px;
    }
    .csr-eventname {
        margin-top:0px;
    }
    .csr-btns {
        width:30px;
        margin-left:0px;
    }
    .csr-donate {
        display:none;
    }
    .csr-rank {
        font-size:18px;
    }
    .settings-header {
        height:145px;
        padding-top:30px;
    }

    /*PROFILE*/

    #share-profile-links {
        width:100%;
        text-align:center;
        display:none;
    }
        #share-profile-links a {
            float:none;
            text-align:center;
            margin-left:0px;
        }
    #profile-panel {
        width:100%;
    }
    #pr-left-panel {
        display:block;
        width:94%;
        margin-left:3%;
        margin-right:3%;
        padding-top:12px;
        padding-bottom:20px;
    }
    #pr-right-panel {
        display:block;
        width:94%;
        margin-left:3%;
        margin-right:3%;
        padding-top:0px;
    }
    #pr-raised-label {
        text-align:center;
    }
    #pr-meter-block {
        margin-top:5px;
    }
    #pr-top-donors, #pr-about-tcg, #pr-blog-gallery {
        display:none;
    }
    #pr-change-image {
        margin-top:150px;
    }
    /*FILE UPLOAD ON PROFILE*/
        #pr-photo .btn {
            background-color:transparent !important;
            font-size:14px !important;
            border:0px !important;
            position:absolute;
   
        }
        #pr-photo form {
            margin-top:150px;
            position:absolute;
            z-index:999;
        }
        #pr-photo #NewProfileImage {
            width:200px;
            left:0px;
        }
        #pr-photo .btn-file {
            text-indent: -9999px;  
            width:200px;  
        }
        #pr-photo .fileupload-new + .navigator-bot {
            display:none !important;
        }
        #pr-photo .fileupload-exists + .navigator-bot{
            display:block !important;
        }
        #pr-photo .fileupload-exists {
            margin-top:-150px;
            width:200px;
            height:150px;
        }
        #pr-photo .file-preview-frame {
            margin-left:4px;
            border:0px !important;
        }
        #pr-photo .navigator-bot .btn-orange {
            padding:10px 5px 5px 10px !important;
            width:100%;
            background-color:#0087bf !important;
            margin-left:-100px;
            margin-top:0px;
        }
        #pr-photo .fileinput-remove-button {
            display:none !important;
        }
        #pr-photo .file-preview .file-preview-image, #pr-photo .file-preview img {
            max-height:200px !important;
            max-width:200px !important;
        }
        /*END FILE UPLOAD ON PROFILE*/

        #header-logos {
        right: 0px;
    }

    #header-logos-bg {
        width: 100px;
        padding: 68px 10px 7px;
    }

        #header-logos-bg p {
            display: none;
        }

    #header-logos .btn {
        padding: 10px 5px;
    }

    #header-cog-logo {
        margin-top: -80px;
    }

        #header-cog-logo a {
            width: 155px;
            margin-left: auto;
            margin-right: auto;
        }

            #header-cog-logo a img {
                max-width: 100%;
            }

    #header-hero {
        height: 300px;
        background-position: center 60px;
    }

    .open > .dropdown-menu {
        display: block !important;
    }

    #home-fr-meter {
        height: 27px;
        border-radius: 12px;
        padding: 3px;
    }

    #home-raised-goal, #home-raised-amount {
        font-size: 13px;
    }

    #home-fr-raised-text {
        margin-top: -18px;
    }

    #header-meter .mid-content {
        padding-bottom:0px;
    }
    #home-fr-raised {
        height:15px;
        border-radius:12px;
    }
    #home-fr-raised-wrapper {
        height:15px;
    }
    .mid-content {
        padding-top:10px;
        padding-bottom:10px;
    }
    h2 {
        font-size:20px;
        line-height:24px;
    }
    p {
        margin-top:7px;
    }
    .intext-btn {
        display:block;
        width:100%;
        
    }
    .wider-section {
        width:100%;
        max-width:100%;
        padding:10px;
    }
    .home-leaderboard {
        width:100%;
        margin-bottom:10px;
    }
    .sponsor {
        width:45%;
        margin-right:5%;
    }
    #footer-left {
        margin-right:0px;
        padding-right:0px;
        width:100%;
        display:block;
        text-align:center;
    }
    #footer-right {
        margin-left:0px;
        padding-left:0px;
        width:100%;
        display:block;
        text-align:center;
    }
        #footer-right p {
            text-align:center;
        }
        #footer-right img {
            height:34px;
        }
        #footer-right p a {
            margin-right:0px;
        }
    #footer-links-left, #footer-links-right {
        font-size:13px;
    }
    .navigator-bot .btn {
        font-size:13px;
    }
    #step5 .navigator-bot li, #step5 .navigator-bot .btn {
        width:100%;
        display:block;
    }
    #search-main {
        width:100%;
    }
    #pr-header-inner {
        max-width:100%;
        margin-top:48px;
    }
    .champions-header h4, .champions-header h1 {
        margin-bottom:1px;
    }
    #hdr-date-banner {
        display:none;
    }
    #profile-wrapper #header-cog-logo {
        margin-top:-53px;
    }
    .pr-team-name {
        text-align:center !important;
    }
    #pr-nameraised {
        margin-top:-46px;
    }
    .champions-header h4 {
        font-size:15px;
        margin-top:0px;
    }
    #pr-mainblurb, #pr-mainblurb p, #pr-mainblurb ul, #pr-mainblurb li {
        font-size:15px;
        line-height:24px;
    }
    #pr-right-panel h3 {
        text-align:center;
    }
        #search-header{
        padding-top:10px;
        height:224px;

    }
    #search-header .mid-content{
        width:100%;
    }
    #btn-gendon{
        margin-top:10px;
        width:100%;
    }
}


/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Phone Portrait (320px) */
@media only screen and (max-width: 479px) {

    h1 {
        font-size: 20px;
        line-height: 22px;
        max-width: 80%;
        margin-left: auto;
        margin-right: auto;
    }

    h3 {
        font-size: 18px;
        line-height: 18px;
    }

    p {
        font-size: 15px;
        line-height: 22px;
    }

    .feature-body-copy {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 20px;
        padding-bottom: 0px;
    }

    .btn {
        font-size: 14px;
        line-height: 14px;
        padding: 15px 20px 15px 20px;
    }

    .mid-content {
        width: 90%;
    }

    .header-main-menu-item {
        font-size: 12px;
        line-height: 37px;
    }

    #header-logo {
        margin-left: 20px;
        margin-top: 12px;
        margin-bottom: 12px;
    }

        #header-logo img {
            width: 210px;
            height: 31px;
        }

    #header-menu {
        margin-right: 20px;
        margin-top: 11px;
    }

    .header-main-menu-item {
        display: none;
    }

    .dropdown-toggle {
        display: block !important;
    }

        .dropdown-toggle span {
            display: none;
        }

    #header-menu .dropdown-toggle {
        padding-right: 37px;
        margin-left: 15px;
    }

    #extended-menu-wrapper {
        width: 100%;
    }

        #extended-menu-wrapper .tcg-icon {
            margin-top: 20px;
        }

    .extended-menu-divider {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .extended-menu-item {
        margin-bottom: 15px;
    }

    #header-signup-bar {
        padding: 0px;
        height: 4px;
        border-top: 0px;
    }

        #header-signup-bar input[type="text"] {
            display: none;
        }

    #eml-field-btn {
        display: none;
    }

    #header-signup-bar .btn {
        display: none;
    }

    #header-signup-bar .btn-white {
        display: none;
    }

    #home-main-carousel {
        height: 450px;
    }

    #home-introduction {
        padding-top: 50px;
        padding-bottom: 40px;
    }

        #home-introduction .feature-body-copy {
            font-weight: normal !important;
        }

    #home-signup {
        padding-top: 40px;
        padding-bottom: 30px;
    }

        #home-signup h3 {
            margin-bottom: 17px;
        }

        #home-signup p {
            margin-bottom: 20px;
        }

        #home-signup input[type="text"] {
            width: 270px;
            border: 0px;
            outline: 0;
            border-radius: 7px;
            padding: 0px 5px 0px 5px;
            height: 30px;
            margin-bottom: 20px;
        }

        #home-signup input[type="text"], #home-signup .btn {
            clear: both;
            margin-left: auto;
            margin-right: auto;
            display: block;
        }

        #home-signup .btn {
            width: 200px;
        }

    #home-finding-cures {
        padding-top: 30px;
        padding-bottom: 45px;
    }

        #home-finding-cures .tcg-icon {
            margin-bottom: 17px;
        }

        #home-finding-cures h3 {
            margin-bottom: 17px;
        }

    .hp-project {
        height: 595px;
    }

    .hp-project-image {
        width: 100%;
        height: 180px;
        max-width: 100%;
        display: block;
        clear: both;
    }

    .hp-project-desc {
        width: 100%;
        height: 165px;
        max-width: 100%;
        display: block;
        clear: both;
    }

    .hp-project-desc-text {
        max-width: 94%;
        height: 165px;
        margin-left: 3%;
        margin-right: 3%;
        width: 94%;
    }

        .hp-project-desc-text .btn {
            bottom: 23px;
            max-width: 200px;
            width: 200px;
        }

    .hp-project-desc-text-inner {
        margin-top: 30px;
        width: 90%;
    }

        .hp-project-desc-text-inner h3 {
            margin-bottom: 20px;
        }

        .hp-project-desc-text-inner p {
            display: none;
        }

    .hp-project-progress {
        min-width: 100%;
        width: 100%;
        height: 242px;
    }

    .progress-pledged {
        display: none;
    }

    .progress-pledged-tablet {
        display: block !important;
        font-size: 16px;
        line-height: 16px;
        margin-top: 5px;
        font-family: 'Hurme Geometric Sans 2';
        text-align: center;
        text-transform: uppercase;
        color: #57585a;
    }

    .progress-pledged-amt {
        font-size: 28px;
        line-height: 23px;
        margin-top: 30px;
    }

    .progress-heart-funded {
        display: block;
        width: 235px;
        overflow: hidden;
        height: 61px;
        margin-top: 20px;
        margin-bottom: 0px;
        margin-left: auto;
        margin-right: auto;
        min-width: 235px;
        max-width: 235px;
    }

    .progress-heart {
        width: 66px;
        height: 61px;
        margin-top: 0px;
        margin-bottom: 0px;
        display: inline-block;
        float: left;
        clear: left;
    }

        .progress-heart img {
            width: 66px;
            height: 61px;
        }

    .progress-funded {
        background-image: url('../images/arrow-left-blue-tablet.png');
        padding-left: 5px;
        background-position: 0px 23px;
        display: inline-block;
        float: right;
        clear: right;
    }

        .progress-funded .btn {
            font-size: 14px;
            line-height: 14px;
            padding: 10px 20px 10px 20px;
        }

    .progress-remaining {
        display: none;
    }

    .progress-remaining-tablet {
        display: inline !important;
        font-size: 14px;
        line-height: 14px;
        font-family: 'Hurme Geometric Sans 2';
        text-transform: uppercase;
        color: #57585a;
    }

    .progress-remaining-time {
        font-size: 14px;
        line-height: 14px;
        margin-top: -9px;
        font-family: 'Hurme Geometric Sans 2';
        width: 235px;
        text-align: right;
        margin-left: auto;
        margin-right: auto;
    }

    .progress-pledge {
        margin-top: 16px;
        width: 200px;
    }

    #project-lung, #project-dementia, #project-arthritis {
        height: 425px;
    }

        #project-lung .hp-project-progress, #project-dementia .hp-project-progress, #project-arthritis .hp-project-progress {
            height: 70px;
            background-color: #f3f3f3;
        }

        #project-lung .progress-pledged-tablet, #project-dementia .progress-pledged-tablet, #project-arthritis .progress-pledged-tablet {
            display: none !important;
        }

        #project-lung .hp-project-progress .progress-pledged-amt, #project-dementia .hp-project-progress .progress-pledged-amt, #project-arthritis .hp-project-progress .progress-pledged-amt {
            display: none;
        }

        #project-lung .hp-project-progress .progress-heart-funded, #project-dementia .hp-project-progress .progress-heart-funded, #project-arthritis .hp-project-progress .progress-heart-funded {
            display: none;
        }

        #project-lung .hp-project-progress .progress-heart, #project-dementia .hp-project-progress .progress-heart, #project-arthritis .hp-project-progress .progress-heart {
            display: none;
        }

        #project-lung .hp-project-progress .progress-funded, #project-dementia .hp-project-progress .progress-funded, #project-arthritis .hp-project-progress .progress-funded {
            display: none;
        }

        #project-lung .progress-remaining-tablet, #project-dementia .progress-remaining-tablet, #project-arthritis .progress-remaining-tablet {
            display: none !important;
        }

        #project-lung .hp-project-progress .progress-remaining-time, #project-dementia .hp-project-progress .progress-remaining-time, #project-arthritis .hp-project-progress .progress-remaining-time {
            display: none;
        }

        #project-lung .progress-pledge, #project-dementia .progress-pledge, #project-arthritis .progress-pledge {
            margin-top: 0px;
            width: 200px;
        }

    .project-wrapper {
        height: auto !important;
    }

    .hp-project-arrow {
        display: none;
    }

    .hp-project-odd .hp-project-arrow {
        background-image: url('../images/hp-project-arrow-grey-left-tablet.png');
    }

    .hp-project-even .hp-project-arrow {
        background-image: url('../images/hp-project-arrow-white-right-tablet.png');
    }

    #home-see-all-projects {
        padding-top: 30px;
        padding-bottom: 40px;
    }

    #home-donate-header {
        padding-top: 40px;
        padding-bottom: 30px;
    }

        #home-donate-header h3 {
            margin-bottom: 20px;
        }

    #home-donate-monthly {
        max-width: 100%;
        width: 100%;
        padding-bottom: 0px;
        margin-left: 0%;
        display: block;
        clear: both;
    }

    #home-donate-once {
        max-width: 100%;
        width: 100%;
        padding-bottom: 40px;
        margin-right: 0%;
        display: block;
        clear: both;
    }

    .donate-divider {
        width: 70%;
        height: 45px;
        margin-top: 35px;
        margin-left: 15%;
        margin-right: 15%;
        background-image: url('../images/divider-or-horizontal.png');
        background-position: center top;
        display: block;
        clear: both;
    }

    .donation-amounts li {
        padding-bottom: 13px;
        margin-right: 8px !important;
    }

        .donation-amounts li.active {
            background-image: none;
        }

        .donation-amounts li:last-child {
            margin-right: 0px !important;
        }

    .btn-donation-amount {
        padding: 10px 23px 10px 23px;
        font-size: 18px;
        line-height: 18px;
    }
    /*.nav-tabs > li > a {
        padding:10px 19px 10px 19px;
        font-size:20px;
        line-height:20px;
        width:80px;
    }
    .nav-tabs > li > a > span {
        font-size:14px;
        
    }*/
    .last-donation-amount {
        margin-right: 0px !important;
    }
    /*.nav-tabs {
        max-width:180px;
        margin-left:auto;
        margin-right:auto;
    }*/
    .donation-amount-desc {
        max-width: 90%;
        border: 5px solid #ebebeb;
    }

        .donation-amount-desc h3 {
            margin-top: 20px;
            margin-left: 15px;
            margin-right: 15px;
        }

        .donation-amount-desc p {
            margin-top: 5px;
            margin-bottom: 20px;
            margin-left: 15px;
            margin-right: 15px;
        }

    .home-donate-pledge {
        margin-top: 30px;
        padding-left: 35px;
        padding-right: 35px;
    }

    #home-see-projects-funded {
        padding-top: 40px;
        padding-bottom: 45px;
    }

        #home-see-projects-funded .tcg-icon {
            margin-bottom: 17px;
        }

        #home-see-projects-funded h3 {
            margin-bottom: 25px;
        }

    #home-projects-funded-tiles {
        height: 288px;
        overflow: hidden;
    }

    .home-projects-funded-tile {
        width: 100%;
        height: 288px;
        max-width: 100%;
    }

    .home-pf-tile-over {
        padding-top: 50px;
        opacity: 1;
    }

        .home-pf-tile-over h3 {
            margin-bottom: 25px;
            margin-left: 5%;
            margin-right: 5%;
        }

        .home-pf-tile-over p {
            margin-bottom: 20px;
            margin-left: 5%;
            margin-right: 5%;
        }

    #home-see-all-funded-projects {
        padding-top: 25px;
        padding-bottom: 45px;
    }

    #home-recent-events {
        padding-top: 40px;
        padding-bottom: 45px;
    }

        #home-recent-events .tcg-icon {
            margin-bottom: 17px;
        }

        #home-recent-events h3 {
            margin-bottom: 25px;
        }

    #home-events-carousel {
        height: 260px;
    }

    .home-events-slide {
        height: 260px;
    }

    .event-slide-image {
        max-width: 100%;
        height: 285px;
        width: 100%;
    }

    .event-slide-desc {
        display: none;
    }

    .event-slide-desc-content {
        height: 260px;
    }

    .event-slide-desc-content-inner {
        width: 80%;
        padding-top: 35px;
        padding-bottom: 35px;
    }

        .event-slide-desc-content-inner h3 {
            margin-bottom: 30px;
        }

        .event-slide-desc-content-inner p {
            margin-bottom: 0px;
        }

        .event-slide-desc-content-inner .btn {
            margin-top: 30px;
        }

    #home-see-all-events {
        padding-top: 30px;
    }


    #footer-icon {
        padding-bottom: 10px;
        padding-top: 35px;
    }

        #footer-icon img {
            width: 52px !important;
            height: 52px !important;
        }

    #footer {
        padding-top: 10px;
    }

        #footer img {
            margin-bottom: 15px;
            width: 150px;
            height: 24px;
        }

        #footer p {
            font-size: 9px;
            line-height: 12px;
        }

    #footer-initiative {
        width: 60%;
        margin-left: 20%;
        margin-right: 20%;
    }

    #footer .social-icons {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    #footer-links {
        display: none;
    }

    #event-introduction {
        padding-bottom: 40px;
        padding-top: 50px;
    }

    .listed-event {
        height: 455px;
        background-color: #ebebeb;
    }

    .listed-event-image {
        display: block;
        background-repeat: no-repeat;
        width: 100%;
        height: 180px;
        max-width: 100%;
        clear: both;
    }

    .listed-event-desc {
        display: block;
        width: 100%;
        min-width: 100%;
        clear: both;
    }

    .listed-event-desc-text {
        display: block;
        max-width: 100%;
        height: 275px;
        overflow: hidden;
    }

        .listed-event-desc-text .btn {
            bottom: 38px;
            max-width: 200px;
        }

    .listed-event-desc-text-inner {
        margin-left: auto;
        margin-right: auto;
        margin-top: 35px;
        width: 90%;
    }

        .listed-event-desc-text-inner h3 {
            margin-bottom: 25px;
        }

    .listed-event-arrow {
        background-repeat: no-repeat;
        display: block;
        width: 25px;
        height: 13px;
        margin-top: 233px;
        margin-left: auto;
        margin-right: auto;
    }

    .listed-event-odd .listed-event-image {
        float: left;
        clear: left;
        background-position: left top;
    }

    .listed-event-odd .listed-event-arrow {
        float: none;
        background-image: url('../images/arrow-up-grey-tablet.png');
    }

    .listed-event-odd .listed-event-progress {
        float: right;
        clear: right;
    }

    .listed-event-even .listed-event-image {
        float: right;
        clear: right;
        background-position: right top;
    }

    .listed-event-even .listed-event-arrow {
        float: none;
        background-image: url('../images/arrow-up-grey-tablet.png');
    }

    .listed-event-even .listed-event-progress {
        float: right;
        clear: right;
    }

    #event-find-out-more-about-tcg {
        padding-bottom: 40px;
        padding-top: 50px;
    }

        #event-find-out-more-about-tcg h3, #event-find-out-more-about-tcg p {
            margin-bottom: 30px;
        }

    #project-others-header {
        padding-bottom: 40px;
        padding-top: 50px;
    }


    #project-others-tiles {
        height: 288px;
        overflow: hidden;
    }

    .project-others-tile {
        width: 100%;
        height: 288px;
        max-width: 100%;
    }

    .project-others-tile-over {
        padding-top: 50px;
        opacity: 1;
    }

        .project-others-tile-over h3 {
            margin-bottom: 25px;
            margin-left: 5%;
            margin-right: 5%;
        }

        .project-others-tile-over p {
            margin-bottom: 20px;
            margin-left: 5%;
            margin-right: 5%;
        }

    #project-see-all-projects {
        padding-top: 25px;
        padding-bottom: 45px;
    }

    #project-introduction {
        padding-top: 50px;
        padding-bottom: 40px;
    }

    .key-quote-image {
        display: block;
        width: 100%;
        height: 190px;
    }

        .key-quote-image h3 {
            margin-top: 25px;
        }

        .key-quote-image .btn {
            margin-top: 80px;
        }

    .key-quote-desc {
        height: 190px;
        display: block;
        width: 100%;
        min-width: 100%;
        clear: both;
    }

    .key-quote-desc-content {
        padding-bottom: 35px;
        padding-top: 35px;
        text-align: center;
        width: 90%;
    }

        .key-quote-desc-content p {
            font-size: 20px;
            line-height: 30px;
        }

    #project-heart .key-quote-desc {
        height: 310px;
    }

    #about-page .key-quote-desc-content {
        padding-top: 6px !important;
    }

    #about-our-objectives {
        padding-top: 30px;
        padding-bottom: 45px;
    }

        #about-our-objectives .tcg-icon, #about-our-objectives h3 {
            margin-bottom: 17px;
        }

    #about-values {
        padding-top: 40px;
        height: auto;
    }

        #about-values h3 {
            margin-bottom: 30px;
        }

    #about-values-list {
        width: 90%;
        max-width: 90%;
    }

    .about-values-item {
        width: 100%;
        display: block;
        clear: both;
    }

    .about-value-image {
        width: 80px;
        height: 80px;
        margin-bottom: 17px;
    }

    #about-values h4 {
        font-size: 16px;
        line-height: 16px;
        margin-bottom: 6px;
    }

    #about-value-01 .about-value-image {
        background-image: url('../images/value-01-image-mobile.png');
    }

    #about-value-02 .about-value-image {
        background-image: url('../images/value-02-image-mobile.png');
    }

    #about-value-03 .about-value-image {
        background-image: url('../images/value-03-image-mobile.png');
    }

    #about-value-04 .about-value-image {
        background-image: url('../images/value-04-image-mobile.png');
    }

    #about-pchf {
        padding-top: 40px;
        padding-bottom: 50px;
    }

        #about-pchf h3, #about-pchf p {
            margin-bottom: 17px;
        }

    #about-follow-tcg {
        padding-top: 40px;
        padding-bottom: 40px;
    }

        #about-follow-tcg .tcg-icon, #about-follow-tcg h3 {
            margin-bottom: 17px;
        }

    .social-icons-large {
        width: 200px;
    }

        .social-icons-large .social-icon {
            display: inline-block;
            float: left;
            height: 37px;
            margin-right: 15px;
            width: 37px;
            margin-top: 10px;
            margin-bottom: 30px;
        }

            .social-icons-large .social-icon:last-child {
                margin-right: 0px;
            }

        .social-icons-large .twitter {
            background-image: url('../images/btn-social-blue-twitter.png');
        }

        .social-icons-large .facebook {
            background-image: url('../images/btn-social-blue-facebook.png');
        }

        .social-icons-large .instagram {
            background-image: url('../images/btn-social-blue-instagram.png');
        }

        .social-icons-large .googleplus {
            background-image: url('../images/btn-social-blue-googleplus.png');
        }

    #event-sponsors {
        padding-top: 30px;
        padding-bottom: 30px;
    }

        #event-sponsors h3 {
            margin-bottom: 17px;
        }

        #event-sponsors a img {
            width: 70%;
            margin-bottom: 10px;
        }

    #about-make-a-difference {
        padding-top: 30px;
        padding-bottom: 30px;
    }

        #about-make-a-difference h3 {
            width: 80%;
            min-width: 80%;
            margin-left: 10%;
            margin-right: 10%;
            font-size: 18px;
            line-height: 18px;
            text-align: center;
            margin-bottom: 20px;
        }

        #about-make-a-difference .btn {
            width: 200px;
        }

    .project-wrapper .content-page-header {
        height: 198px;
    }

    .project-wrapper .content-page-header-content {
        padding-top: 22px;
    }

    .project-wrapper .content-page-header .btn {
        margin-top: 20px;
    }

    #project-heart .key-quote-desc-content {
        padding-top: 5px;
    }

        #project-heart .key-quote-desc-content p {
            line-height: 26px;
        }

    #project-page-details {
        padding-top: 35px;
        max-width: 90%;
        margin-left: 5%;
        margin-right: 5%;
        width: 90%;
    }

    #project-page-top-share {
        margin-bottom: 20px;
    }

    #project-page-left {
        display: block;
        clear: both;
        max-width: 100%;
        min-width: 100%;
        overflow: hidden;
        text-align: left;
        width: 100%;
    }

        #project-page-left p {
            margin-bottom: 25px;
        }

    #project-page-content img {
        margin-bottom: 25px;
        max-width: 100%;
    }

    #project-page-right {
        clear: both;
        display: block;
        float: left;
        max-width: 100%;
        width: 100%;
        background-color: #f9f9f9;
    }

    #project-page-progress {
        border: 0px;
        padding: 25px;
        background-color: #f9f9f9;
        position: absolute;
        left: 0px;
        width: 100%;
        max-width: 100%;
    }

    #project-heart #project-page-progress {
        margin-top: -1191px;
    }

    #project-lung #project-page-progress {
        margin-top: -1395px;
    }

    #project-dementia #project-page-progress {
        margin-top: -1527px;
    }

    #project-arthritis #project-page-progress {
        margin-top: -1461px;
    }

    #project-heart #project-page-left, #project-lung #project-page-left, #project-dementia #project-page-left, #project-arthritis #project-page-left {
        padding-top: 300px;
    }

    #project-lung .key-quote-desc {
        height: 335px;
    }

    #project-dementia .key-quote-desc {
        height: 455px;
    }

    #project-arthritis .key-quote-desc {
        height: 370px;
    }

    #project-page-progress .progress-pledged-amt {
        font-size: 36px;
        line-height: 36px;
        text-align: center;
    }

    #project-page-progress .progress-pledged {
        display: block !important;
        margin-top: 7px;
        font-size: 18px;
        line-height: 18px;
        text-align: center;
        width: 100%;
    }

    #project-page-progress .progress-heart-funded {
        margin-top: 20px;
        min-width: 100%;
    }

    #project-page-progress .progress-funded {
        background-position: left 17px;
        width: 64%;
        padding-top: 0px;
    }

        #project-page-progress .progress-funded .btn {
            padding: 15px 0px 17px 0px;
            font-size: 18px;
            line-height: 18px;
            min-width: 100%;
        }

    #project-page-progress .progress-remaining-time {
        font-size: 18px;
        line-height: 18px;
        width: auto;
        display: inline-block;
    }

    #project-page-progress .progress-remaining {
        display: inline-block !important;
        font-size: 18px;
        line-height: 18px;
        margin-top: 0px;
    }

    #project-page-progress .progress-rem {
        display: block;
        width: 100%;
        overflow: hidden;
        text-align: right;
        margin-top: -40px;
    }

    #project-page-progress .progress-pledge {
        margin-top: 20px;
        width: 70%;
        margin-left: 15%;
        margin-right: 15%;
    }

    #project-page-bottom-social {
        display: none;
    }

    #project-page-bottom-pledge {
        width: 100%;
        background-color: #f3f3f3;
        border: 0px;
    }

        #project-page-bottom-pledge h3 {
            font-size: 18px;
            line-height: 18px;
            width: 96%;
            max-width: 96%;
            min-width: 96%;
            text-align: center;
            margin-left: 2%;
            margin-right: 2%;
            margin-bottom: 20px;
        }

        #project-page-bottom-pledge .btn {
            width: 70%;
            margin-left: 15%;
            margin-right: 15%;
        }

    #event-01-wrapper .key-quote-desc {
        height: 255px;
    }

    #event-01-wrapper .key-quote-desc-content {
        padding-top: 10px;
    }

    #event-page-share {
        margin-top: 40px;
    }

    .event-content {
        padding-top: 30px;
    }

    .event-wrapper .wider-content img {
        max-width: 100%;
    }

    .event-content p {
        margin-bottom: 30px;
    }

    #event-find-out-more-about-event-header {
        padding-top: 40px;
        padding-bottom: 30px;
    }

    #event-find-out-more-about-event p {
        margin-bottom: 30px;
    }

    #event-page-bottom-get-involved {
        padding-top: 40px;
        padding-bottom: 40px;
    }

        #event-page-bottom-get-involved h3 {
            font-size: 18px;
            line-height: 18px;
            text-align: center;
            width: 90%;
            min-width: 90%;
            margin-left: 5%;
            margin-right: 5%;
            margin-bottom: 30px;
        }

        #event-page-bottom-get-involved .btn {
            width: 50%;
            margin-left: 25%;
            margin-right: 25%;
        }

    #project-others-tiles {
        height: 235px;
    }

    .content-page-header {
        height: 198px;
    }

    .content-page-header-content {
        padding-top: 75px;
    }

    .about-header .content-page-header-content, .events-header .content-page-header-content {
        padding-top: 75px;
    }

    #blog-introduction {
        padding-top: 50px;
        padding-bottom: 40px;
    }

    #blog-page-details {
        padding-top: 0px;
    }

    #blog-page-left {
        width: 100%;
        display: block;
        clear: both;
        max-width: 100%;
        min-width: 100%;
    }

    #blog-page-right {
        width: 100%;
        display: block;
        clear: both;
        max-width: 100%;
        min-width: 100%;
    }

    #blog-page-content img {
        max-width: 100%;
        margin-bottom: 20px;
    }

    #blog-page-content h2 {
        font-size: 26px;
        line-height: 26px;
        width: 70%;
        margin-left: 15%;
        margin-right: 15%;
        text-align: center;
    }

    .blog-home-article-header {
        text-align: center;
    }

    .blog-home-article-date, .blog-article-date {
        display: block;
        text-align: center;
    }

    .blog-home-article-byline, .blog-article-byline {
        display: block;
        text-align: center;
    }

    .blog-home-article-likes, .blog-article-likes {
        display: none;
    }

    .blog-article-head-divider {
        display: none;
    }

    #blog-page-left p {
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
        margin-top: 30px;
    }

    .blog-home-readmore {
        margin-top: 30px;
        margin-bottom: 30px;
    }

        .blog-home-readmore .btn {
            width: 60%;
            margin-left: 20%;
            margin-right: 20%;
        }

    #blog-home-right-menu h3 {
        font-size: 18px;
        line-height: 22px;
        margin-top: 30px;
    }

    #blog-home-right-menu p {
        font-size: 15px;
        line-height: 22px;
    }

    #donation-form-product-progress {
        width: 80%;
        margin-left: 10%;
        margin-right: 10%;
        height: 230px;
    }

    #donation-form-product-progress-left {
        display: block;
        width: 100%;
        clear: both;
    }

    #donation-form-product-progress-right {
        display: block;
        width: 100%;
        clear: both;
        min-width: 100%;
        margin-top: 0px;
    }

    #donation-form-product-progress .progress-pledged-amt {
        font-size: 40px;
        line-height: 40px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    #donation-form-product-progress .progress-pledged {
        display: block;
        font-size: 15px;
        line-height: 15px;
        text-align: center;
        width: 100%;
    }

    #donation-form-product-progress .progress-heart {
        width: 70px;
        height: 65px;
    }

        #donation-form-product-progress .progress-heart img {
            width: 70px;
            height: 65px;
        }

    #donation-form-product-progress .progress-heart-funded {
        height: 70px;
    }

    #donation-form-product-progress .progress-funded {
        width: 65%;
        background-position: 0px 16px;
    }

        #donation-form-product-progress .progress-funded .btn {
            font-size: 16px;
            line-height: 16px;
            padding: 15px 10px 15px 10px;
            width: 100%;
        }

    #donation-form-product-progress .progress-remaining-time {
        width: 100%;
        font-size: 14px;
        line-height: 14px;
    }

    #donation-form-step-1-content {
        padding-top: 30px;
    }

        #donation-form-step-1-content p {
            margin-bottom: 40px;
        }

    #donation-form-amount-selection {
        width: 100%;
        display: block;
        text-align: center;
        clear: both;
    }

        #donation-form-amount-selection .btn-group {
            width: 90%;
        }

        #donation-form-amount-selection .btn {
            border-radius: 7px !important;
            font-size: 18px !important;
            margin-bottom: 10px !important;
            margin-right: 10px !important;
            padding: 10px 15px !important;
            width: 90px;
        }

        #donation-form-amount-selection span {
            font-size: 14px !important;
        }

        #donation-form-amount-selection .end {
            margin-right: 0px !important;
        }

    #donation-form-step-1-content .donate-divider {
        width: 90%;
        height: 70px;
        margin-top: 35px;
        margin-left: 5%;
        margin-right: 5%;
        background-image: url('../images/divider-or-horizontal.png');
        background-position: center top;
        display: block;
        clear: both;
    }

    #donation-form-amount-custom {
        width: 100%;
        display: block;
        clear: both;
    }

        #donation-form-amount-custom h3 {
            margin-bottom: 30px;
        }

    .donation-form-button-bottom {
        padding-bottom: 30px;
        padding-top: 30px;
    }

        .donation-form-button-bottom .btn {
            width: 252px;
        }

    #donation-form-payment {
        margin-left: 3%;
        margin-right: 3%;
        overflow: hidden;
        width: 94%;
    }

    #donation-form-payment-left {
        width: 100%;
        display: block;
        clear: both;
        margin-top: 30px;
    }

    #donation-form-payment-right {
        width: 100%;
        display: block;
        clear: both;
        margin-top: 30px;
    }

    #donation-form-payment h3 {
        font-size: 18px;
        line-height: 18px;
        text-align: center;
    }

    .form-row {
        margin-bottom: 10px;
    }

        .form-row .field-half-width {
            width: 100%;
        }

        .form-row .half-right {
            margin-top: 10px;
        }
    /*.form-row input[type="text"], .form-row input[type="tel"], .form-row textarea {
        border-radius: 5px;
        font-size: 16px;
        height: 40px;
        line-height: 23px;
        padding: 2px 18px 6px;
    }*/
    /*.dropdown-list select {
        font-size: 16px;
        height: 40px;
        line-height: 23px;
        padding: 2px 18px 6px;
        width: 120%;
    }*/
    /*.dropdown-list {
        background-position:right 11px;
        border-radius: 5px;
        font-size: 16px;
        height: 40px;
        
    }*/
    #qm-glyph {
        display: none;
    }

    #secure-info {
        font-size: 14px;
    }

    #donation-form-payment-right .divider-horizontal {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    #donation-thankyou-header-left {
        display: block;
        width: 100%;
    }

    #donation-thankyou-header-right {
        display: none;
    }

    #donation-thankyou-left {
        width: 100%;
        display: block;
        clear: both;
        padding-top: 30px;
        padding-bottom: 45px;
    }

    #donation-thankyou-right {
        width: 100%;
        display: block;
        clear: both;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    #donation-thankyou-content img {
        width: 120px;
        height: 111px;
    }

    #donation-thankyou-content p {
        margin-top: 30px;
        margin-bottom: 45px;
    }

    #donation-thankyou-share {
        min-width: 100%;
        overflow: hidden;
        padding-top: 30px;
        width: 100%;
    }

    #thankyou-share-twitter {
        margin-left: 30px;
        margin-right: 30px;
    }

    #donation-join-mobile-hdr {
        display: block !important;
        margin-bottom: 30px;
    }

    #donation-join-content p {
        padding-top: 20px;
        margin-bottom: 45px;
    }

    #donation-join-form .btn {
        width: 220px;
    }

    .video-modal-dialog, .follow-modal-dialog {
        width: 93% !important;
    }

    .home-page-header-content img {
        width: 292px;
    }

    .home-page-header-content {
        padding-top: 100px;
    }

    #share-email-recipients {
        padding: 10px;
    }

    .donation-form-button-bottom .form-row .dropdown-list {
        width: 230px;
        margin-bottom: 20px;
    }

    .header .social-icons {
        display: none;
    }

    #fundraising-dashboard {
        display: block;
        width: 100%;
        padding-top: 10px;
    }

    #fd-left-panel {
        display: block;
        width: 86%;
        float: none;
        margin-left: auto;
        margin-right: auto;
        border-bottom: 1px #c8c8c8 solid;
        padding-bottom: 20px;
    }

        #fd-left-panel .btn {
            /*width:94%;
            margin-left:3%;
            margin-right:3%;*/
        }

        #fd-left-panel h3 {
            font-size: 24px;
            margin-top: 15px;
            margin-bottom: 25px;
        }

    #fd-right-panel {
        display: block;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        float: none;
    }

    #fd-left-settings, #fd-left-logout {
        /*display: inline-block;
        float: left;
        width: 50%;
        margin-top: 15px;*/
    }

    #fd-left-logout {
        width: 40% !important;
        margin-left: 10%;
    }

    .fd-event-header-left {
        width: 100%;
        display: block;
    }

    .fd-event-header-right {
        width: 62%;
        display: block;
        margin-left: 19%;
        margin-right: 19%;
    }

    .fr-step-tab {
        width: 71px;
    }

    .fd-event-header {
        padding-bottom: 20px;
        border-bottom: 1px #c8c8c8 solid;
    }

    #fd-right-panel #home-fr-meter {
        height: 35px;
        padding: 3px;
    }

    #fd-right-panel #home-fr-raised-wrapper {
        height: 23px;
    }

    #fd-right-panel #home-raised-amount {
        font-size: 15px;
    }

    #fd-right-fundraising-steps {
        margin-top: 25px;
    }

    .fr-step-tab a {
        font-size: 11px !important;
    }

    #fr-steps-content .panel-heading h4 a {
        background-image: url('../images/icon-tab-close-mobile.png');
        background-repeat: no-repeat;
        background-position: right 18px;
    }

    #fr-steps-content .panel-heading .collapsed {
        background-image: url('../images/icon-tab-expand-mobile.png');
        background-repeat: no-repeat;
        background-position: right 18px;
    }

        #fr-steps-content .panel-heading .collapsed:hover {
            background-position: right -17px;
            background-image: url('../images/icon-tab-expand-mobile.png');
        }
    /*  --MENU--  */
    #hdr-wrapper {
        width: 100%;
        height: 60px;
    }

    #mobile-menu-toggle {
        display: inline-block;
        float: right;
        width: 45px;
        margin-right: 15px;
        background-image: url('images/btn-hamburger.png');
        background-repeat: no-repeat;
        height: 60px;
        position: relative;
        top: -37px;
    }

    #extended-menu-wrapper {
        display: none;
    }

    #hdr-menu {
        display: none;
    }

    #mobile-menu {
        display: block;
        width: 100%;
        padding-top: 5px;
        padding-bottom: 5px;
        height: 60px;
    }

    #kgtms-hdr-logo-mobile {
        text-align: center;
        display: inline-block;
        width: 100%;
    }

        #kgtms-hdr-logo-mobile img {
            width: 54px;
            height: 49px;
            margin-left: auto;
            margin-right: auto;
        }

    .open > #extended-menu-wrapper {
        background-color: #231f20;
        display: block;
        width: 100%;
        padding: 10px;
        top: 60px;
        overflow: hidden;
        height: auto;
        border: 1px #CCCCCC solid;
    }

        .open > #extended-menu-wrapper a {
            display: block;
            padding: 7px;
            background-color: #231f20;
            font-family: 'hurme_geometric_sans_1SBd', sans-serif;
            font-weight: 400;
        }

    .open .dropdown-toggle {
        background-position: 0px -122px !important;
    }

    #btn-my-campaigns, #dropdown-campaigns {
        display: none !important;
    }

    #mobile-search {
        text-align: left;
        float: left;
    }

    .mcm-text {
        margin-left: 0px;
        color: #fff;
    }

    .mobile-campaigns {
        overflow: hidden;
        display: block;
        border-bottom: 1px #cecece dotted;
        border-top: 1px #cecece dotted;
        padding-bottom: 5px;
    }
    /*  --END MENU--  */

    /*  --FOOTER--  */
    #footer {
        padding-top: 0px;
    }

    #footer-left {
        width: 100%;
        display: block;
        text-align: center;
        height: 135px;
    }

    #footer-right {
        width: 100%;
        display: block;
    }

    #footer img {
        width: initial;
        height: initial;
    }

    #footer-left a {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    #footer-left img {
        width: 111px;
        height: 95px;
        margin-left: auto;
        margin-right: auto;
        float: none !important;
    }

    #footer-right h3 {
        margin-top: 10px;
    }

    #bottom-footer {
        width: 100%;
    }

    #footer .content-inner {
        width: 100%;
    }

    #ftr-eml-field {
        width: 192px;
    }

    #footer-right img {
        height: 49px;
    }

    #footer-links-left {
        display: block;
        width: 100%;
        float: none;
    }

        #footer-links-left em {
            display: none;
        }

    #footer-links-right {
        width: 100%;
        display: block;
        float: none;
    }

    #bottom-footer p {
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
        text-align: center;
    }

    #footer p {
        font-size: 14px;
        line-height: 16px;
    }

    .champions-header #pr-photo {
        margin-top: 0px;
    }

    #pr-photo {
        width: 200px;
        height: 200px;
    }

    #profile-wrapper .content-page-header-content {
        padding-top: 20px;
    }

    .champions-header {
        height: 330px !important;
    }

        .champions-header h4, .champions-header h1 {
            font-size: 20px;
            line-height: 20px;
            margin-top: 11px;
        }

    .donation-msg-row .mid-content {
        padding-bottom: 0px;
    }

    #donation-form-payment-right .button-submit {
        width: 100%;
    }

    /*REG PROCESS*/

    #register-panel {
        width: 100%;
        /*height:660px;*/
        height: auto;
        overflow: hidden;
    }

    .login-panel {
        margin-top: 0px !important;
    }

    #registration-wrapper {
        /*height:785px;*/
        height: auto;
    }

    #register-panel #navigator-top {
        width: 100% !important;
    }

    /*SEARCH PAGE*/

    #champion-search-results {
        width: 100%;
    }

    .csr-row {
        width: 100%;
    }

    .csr-info {
        width: 53%;
    }

    .csr-image, .csr-image img, .sr-img {
        width: 60px !important;
        height: 60px !important;
        padding: 0px !important;
    }

    .csr-result img, .sr-img {
        height: 60px !important;
        width: 60px !important;
        padding: 0px;
    }

    .csr-goal-raised {
        font-size: 12px;
    }

    .csr-eventname {
        margin-top: 0px;
    }

    .csr-btns {
        width: 30px;
        margin-left: 0px;
    }

    .csr-donate {
        display: none;
    }

    .csr-rank {
        font-size: 18px;
    }

    .settings-header {
        height: 145px;
        padding-top: 30px;
    }

    /*PROFILE*/

    #share-profile-links {
        width: 100%;
        text-align: center;
        display: none;
    }

        #share-profile-links a {
            float: none;
            text-align: center;
            margin-left: 0px;
        }

    #profile-panel {
        width: 100%;
    }

    #pr-left-panel {
        display: block;
        width: 94%;
        margin-left: 3%;
        margin-right: 3%;
        padding-top: 12px;
        padding-bottom: 20px;
    }

    #pr-right-panel {
        display: block;
        width: 94%;
        margin-left: 3%;
        margin-right: 3%;
        padding-top: 0px;
    }

    #pr-raised-label {
        text-align: center;
    }

    #pr-meter-block {
        margin-top: 5px;
    }

    #pr-top-donors, #pr-about-tcg, #pr-blog-gallery {
        display: none;
    }

    .header {
        max-width: 100%;
    }

    #header-home {
        height: 220px;
        margin-top: 60px;
    }

    #fundraiser-type-icons {
        width: 100%;
    }

        #fundraiser-type-icons a {
            display: block;
            height: 200px;
            margin-left: auto;
            margin-right: auto;
            width: 100%;
        }

    #current-event-list {
        max-width: 100%;
    }

    .current-event {
        border: 10px solid #dddddd;
        display: block;
        float: none;
        min-height: 100%;
        padding: 1%;
        width: 100%;
        margin-bottom: 10px;
    }

    .middle-event {
        margin-left: 0px;
        margin-right: 0px;
    }

    #about-ms {
        background-image: none !important;
    }

        #about-ms .mid-content {
            width: 100%;
        }

    #about-ms-content {
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
    }

    .current-event-desc .btn {
        margin-bottom: 10px;
    }

    #pr-change-image {
        margin-top: 150px;
    }

    .settings-header {
        padding-top: 0px;
    }

    .mobile-campaigns a {
        display: block !important;
        width: 100%;
        overflow: hidden;
    }

    .edit-profile #register-panel {
        width: 100%;
    }

    .donation-amounts-with-desc {
        width: 100%;
    }

        .donation-amounts-with-desc h3 {
            text-align: center !important;
        }

    .donation-amount-desc-bl {
        background-position: 0px -11px;
    }

    .donation-amount-desc {
        font-size: 13px;
        border: 1px solid #cecece;
        width: 68%;
    }

    #fr-steps-content .panel-title {
        font-size: 16px;
    }

    #DefaultAnnounceText {
        width: 100%;
    }

    .fd-event-header-left h3, .fd-event-header-left p, .fd-event-header-right p {
        text-align: center !important;
    }

    .hfc {
        display: block;
        height: 340px;
        width: 100%;
        float: left;
        background-size: cover;
        background-position: center top;
        background-repeat: no-repeat;
    }

    .hfc-over {
        width: 100%;
        height: 100%;
        background-color: transparent;
        background-image: none;
        padding-top: 150px;
    }

    .hfc-content {
        display: block;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        text-align: center;
        padding: 5%;
        background-image: url('../images/bg-red-trans-75.png');
        background-repeat: repeat;
    }

        .hfc-content h3 {
            margin-bottom: 10px;
        }

        .hfc-content p {
            margin-top: 5px;
            margin-bottom: 5px;
        }

        .hfc-content .btn {
            margin-top: 10px;
        }
    /*FILE UPLOAD ON PROFILE*/
    #pr-photo .btn {
        background-color: transparent !important;
        font-size: 14px !important;
        border: 0px !important;
        position: absolute;
    }

    #pr-photo form {
        margin-top: 150px;
        position: absolute;
        z-index: 999;
    }

    #pr-photo #NewProfileImage {
        width: 200px;
        left: 0px;
    }

    #pr-photo .btn-file {
        text-indent: -9999px;
        width: 200px;
    }

    #pr-photo .fileupload-new + .navigator-bot {
        display: none !important;
    }

    #pr-photo .fileupload-exists + .navigator-bot {
        display: block !important;
    }

    #pr-photo .fileupload-exists {
        margin-top: -150px;
        width: 200px;
        height: 150px;
    }

    #pr-photo .file-preview-frame {
        margin-left: 4px;
        border: 0px !important;
    }

    #pr-photo .navigator-bot .btn-orange {
        padding: 10px 5px 5px 10px !important;
        width: 100%;
        background-color: #0087bf !important;
        margin-left: -100px;
        margin-top: 0px;
    }

    #pr-photo .fileinput-remove-button {
        display: none !important;
    }

    #pr-photo .file-preview .file-preview-image, #pr-photo .file-preview img {
        max-height: 200px !important;
        max-width: 200px !important;
    }
    /*END FILE UPLOAD ON PROFILE*/
    #add-company, #remove-company {
        margin-top: 5px;
        display: block;
        position: relative;
        margin-left: 0px;
        padding: 7px;
        border: 1px #FFF solid;
        background-color: #f3f3f3;
        color: #231f20 !important;
    }

    #add-company {
        margin-top: 0px;
    }

    .bootstrap-datetimepicker-widget {
        float: none !important;
        z-index: 9999;
        top: 0px !important;
        margin-right: 15%;
        margin-top: 10px;
        font-family: 'hurme_geometric_sans_1SBd', sans-serif;
        font-weight: 400;
        font-size: 20px;
        line-height: 28px;
        height: 350px;
    }

    #need-an-account {
        margin-bottom: 20px;
    }

    #modal-donation-message .modal-dialog, #modal-donation .modal-dialog {
        width: 93% !important;
    }

    #modal-donation p {
        font-size: 14px !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        display: none !important;
    }

    #modal-donation, donation-amount-desc-bl, #modal-donation, donation-amount-desc {
        display: none !important;
    }

        #modal-donation #CustomDonationAmount {
            width: 100% !important;
        }

        #modal-donation .form-row input[type="text"], #modal-donation .form-row input[type="tel"] {
            padding: 18px !important;
        }

    #CreditCard_Expiry, #CreditCard_SecurityCode {
        width: 100%;
    }

    #modal-donation #secure-info {
        display: none;
    }

    #modal-donation .form-row h3 {
        display: none;
    }

    #selfdon-landing {
        padding: 7px;
    }

        #selfdon-landing #CustomDonationAmount {
            font-size: 18px;
            padding: 10px 10px 10px 32px;
        }

    #search-header .mid-content {
        padding-top: 0px;
    }

    #champion-search-btn {
        border-radius: 3px;
        display: block;
        font-size: 18px;
        margin-left: 0;
        margin-top: 6px;
        padding: 10px;
        width: 100%;
    }

    #header-logos {
        right: 0px;
    }

    #header-logos-bg {
        width: 100px;
        padding: 68px 10px 7px;
    }

        #header-logos-bg p {
            display: none;
        }

    #header-logos .btn {
        padding: 10px 5px;
    }

    #header-cog-logo {
        margin-top: -80px;
    }

        #header-cog-logo a {
            width: 155px;
            margin-left: auto;
            margin-right: auto;
        }

            #header-cog-logo a img {
                max-width: 100%;
            }

    #header-hero {
        height: 300px;
        background-position: center 60px;
    }

    .open > .dropdown-menu {
        display: block !important;
    }

    #home-fr-meter {
        height: 27px;
        border-radius: 12px;
        padding: 3px;
    }

    #home-raised-goal, #home-raised-amount {
        font-size: 13px;
    }

    #home-fr-raised-text {
        margin-top: -18px;
    }

    #header-meter .mid-content {
        padding-bottom: 0px;
    }

    #home-fr-raised {
        height: 15px;
        border-radius: 12px;
    }

    #home-fr-raised-wrapper {
        height: 15px;
    }

    .mid-content {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    h2 {
        font-size: 20px;
        line-height: 24px;
    }

    p {
        margin-top: 7px;
    }

    .intext-btn {
        display: block;
        width: 100%;
    }

    .wider-section {
        width: 100%;
        max-width: 100%;
        padding: 10px;
    }

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

    .sponsor {
        width: 45%;
        margin-right: 5%;
    }

    #footer-left {
        margin-right: 0px;
        padding-right: 0px;
        width: 100%;
        display: block;
        text-align: center;
    }

    #footer-right {
        margin-left: 0px;
        padding-left: 0px;
        width: 100%;
        display: block;
        text-align: center;
    }

        #footer-right p {
            text-align: center;
        }

        #footer-right img {
            height: 34px;
        }

        #footer-right p a {
            margin-right: 0px;
        }

    #footer-links-left, #footer-links-right {
        font-size: 13px;
    }

    .navigator-bot .btn {
        font-size: 12px;
    }

    #step5 .navigator-bot li, #step5 .navigator-bot .btn {
        width: 100%;
        display: block;
    }

    #search-main {
        width: 100%;
    }

    #pr-header-inner {
        max-width: 100%;
        margin-top: 48px;
    }

    .champions-header h4, .champions-header h1 {
        margin-bottom: 1px;
    }

    #hdr-date-banner {
        display: none;
    }

    #profile-wrapper #header-cog-logo {
        margin-top: -53px;
    }

    .pr-team-name {
        text-align: center !important;
    }

    #pr-nameraised {
        margin-top: -46px;
    }

    .champions-header h4 {
        font-size: 15px;
        margin-top: 0px;
    }

    #pr-mainblurb, #pr-mainblurb p, #pr-mainblurb ul, #pr-mainblurb li {
        font-size: 15px;
        line-height: 24px;
    }

    #pr-right-panel h3 {
        text-align: center;
    }

    #fd-left-panel a{
        display:block;
        width:100%;
        clear:both;
    }
    #home-fr-raised-textamt {
        font-size:10px !important;
        border:0px !important;
        padding-top:1px;
        background-color:#0087bf;
    }
    #home-fr-raised-bike {
        background-image:none !important;
        padding-left:0px !important;
        margin-top:-5px !important;
    }
    .call .text h2{
        line-height:44px;
    }
    .call .text h3{
        line-height:30px;
    }
    .call .button-holder{
        height:60px;
    }
            #search-header{
        padding-top:10px;
        height:224px;

    }
    #search-header .mid-content{
        width:100%;
    }
    #btn-gendon{
        margin-top:10px;
        width:100%;
    }
    .rb-desc{
        max-width:63%;
    }
    .donation-amount-field{
        padding: 18px 15px 20px 29px;
    }
    #donation-form-payment-left, #donation-form-payment-right{
        padding-left:0px;
        padding-right:0px;
    }
}