/*		Mobile Layout:320px and 480px and more but less than or equal to 767px.
----------------------------------------------------------------------------------
*/

@media only screen and (max-width:767px){
	.container.fundraising-campaigns-container  *, .fundraising-registration-section *, section.campaign-single-section *, .fundraiser-dashboard-section *, .fundraising-campaigns-section * {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

    .header {min-height: 10px;}

    .fundraising-main-wrap .main-wrap-inner{
        padding-bottom: 0px;
    }

    .fundraising-main-wrap .header{
        position: relative;
        padding-bottom: 10px;
    }
    .fundraising-main-wrap .header.sticky{
        position: fixed;
    }

    .fundraising-main-wrap .logo-wrap {
        display: block;
        flex: inherit;
        width: 90px;
        margin: 18px 0px 9px;
        padding: 0px 0px 0px 15px;
    }
    .fundraising-main-wrap .logo-wrap img{
        width: 100%;
    }
    .header .sticky-logo{
        display: none;
    }
    /*.header.sticky .light-logo{
        display: block;
    }*/
    .fundraising-main-wrap .header.sticky .sticky-logo{
        display: block;
    }
    .fundraising-main-wrap .mobile-logo{
        display: none;
    }

    .fundraising-main-wrap .header-content{
        display: flex;
        position: relative;
        padding-left: 0px;
    }
    .header.sticky .header-content{
        padding-left: 0px;
    }

    .fundraising-main-wrap .header .grey-line.hidden-pt{
        display: none;
    }
    .header-box {
        padding: 25px 0 0 0px;
    }

    .fundraising-main-wrap .tablet-hidden,
    .fundraising-main-wrap .mobile-hidden,
    .fundraising-btns .fundraising-btn .fa{
        display: none;
    }
    .fundraising-btns .fundraising-btn{
        height: 36px;
        line-height: 38px;
        padding: 0 15px;
        min-width: 80px;
        font-size: 12px;
    }
    .nav-holder {
        padding: 0px;
        margin: 0px;
    }

    .nav-holder .toggle-holder {
        padding: 10px 15px 8px 10px;
    }

    .fundraising-main-wrap .red-banner-small{
        display: none;
    }
    .header.sticky .logo-wrap {
        width: 60px;
        margin: 2px 0px 5px 15px;
        padding: 0px;
    }
    .nav-holder .drop{
        top: 59px;
    }
    .fundraising-main-wrap .header.sticky .header-box {
        padding: 17px 0 0 15px;
    }
    .fundraising-main-wrap .header.sticky .nav-holder .drop{
        top: 52px;
    }


    .fundraising-main-section .col-sm-8,
    .fundraising-main-section .col-sm-4{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .paddingLR0{
        padding-left: 0px;
        padding-right: 0px;
    }
    .fundraised-mobile-view{
        display: block;
        float: left;
        width: 100%;
    }
    .fundraise-wrap{
        display: none;
    }

    .fundraised-list ul li{
        padding: 12px 35px;
    }
    .heading-bar h2 {
        font-size: 20px;
        line-height: 26px;
        padding: 0px;
    }
    .fundraise-donate-btn{
        text-align: center;
    }
    .fundraise-donate-btn .donate-btn{
        display: inline-block;
        max-width: 180px;
        float: none;
    }
    .fundraising-description-wrap {
        padding: 35px 15px 45px;
    }
    .supporters-img{
        display: none;
    }

    /*.supporters-info{
        width: 100%;
    }*/

    .donors-box-title{
        padding: 22px 25px 22px 15px;
    }
    .also-fundraising-header h2{
        font-size: 20px;
        line-height: 26px;
    }

    .also-fundraising-container ul li{
        width: 50%;
    }


    .profile-photo{
        max-width: 100px;
        border-width: 3px;
    }
    .profile-photo img{
        width: 100px;
        height: 100px;
    }
    .fundraiser-heading-bar .heading-bar{
        padding-left: 120px;
    }
    .story-heading-bar .heading-bar{
        background: #C41230;
        padding: 20px 40px 20px 15px;
    }
    .story-heading-bar .heading-bar h2{
        color: #ffffff;
    }

    .story-heading-bar.fundraising-campaign-title .heading-bar{
        background: #d9d9d9;
        padding: 20px 40px 20px 15px;

    }
    .story-heading-bar.fundraising-campaign-title .heading-bar h2{
        color: #0d0d0d;
    }


    .section-description .info-block{
        display: block;
        text-align: center;
    }
    .section-description .info-block .image{
        max-width: 150px;
        margin: 10px auto 20px;
        padding: 25px 0px;
    }
    .section-description .btn-holder{
        text-align: center;
    }

    .btn-holder .big-btn{
        margin: 10px 0px 0px;
    }



    .step-panel .steps li{
        font-size: 0px;
        margin: 0 10px;
    }
    .fundraising-form-wrap {
        padding: 35px 0 30px;
    }
    .step-panel .steps span, 
    .step-panel .steps a{
        padding: 0px 0px 0px 24px;
    }

    .fundraising-checkout-form .oneoff-amount-wrap ul{
        width: 100%;
    }


    .fundraising-checkout-form .step-title h3,
    .fundraising-checkout-form .step-title h2,
    .fundraising-checkout-form .step-title h4{
        font-size: 20px;
        line-height: 24px;
    }
    .fundraising-checkout-bx .step-title h2{
        font-size: 20px;
        line-height: 24px;
        float: left;
        width: 100%;
        padding-right: 0px;
    }
    .fundraising-checkout-bx .signin-btn-wrap{
        position: relative!important;
        top: auto;
        right: auto;
    }
    .fundraising-checkout-bx {
        padding: 35px 0px 30px;
    }

    .fundraising-checkout-form .payment-form-wrap .selectBx.custom-wdt {
        width: 44.5%;
    }

    .fundraising-columnL .fundraiser-share-wrap{
        padding: 0 15px 50px;
    }

    .fundraising-columnL .fundraiser-share-wrap .share-wrap .share-social-wrap {
        width: 100%;
        margin: 0px;
        position: relative;
        padding: 0 10px;
    }


    .fundraising-main-wrap .single-footer .copyright{
        padding: 30px 15px 29px;
    }

    .fundraising-main-wrap .footer{
        position: relative;
    }
    .fundraiser-complete-tab .fundraiser-share-wrap .share-wrap .share-social-wrap {
        width: 100%;
        display: block;
        height: auto;
        padding: 10px;
        margin: 0px;
        position: relative;
    }




}

@media only screen and (min-width:320px) and (max-width:500px){

    .also-fundraising-container ul li{
        width: 100%;
    }
    .also-fundraising-container .item-frame{
        width: 100%;
    }
    ul.raised-target-ul li{
        width: 50%;
    }
    .designed-by-txt {
        display: block;
    }

    .fundraising-checkout-form.complete-tab{
        margin: 110px auto 110px;
    }
}

/*		Tablet/iPad Layout:768px.
-----------------------------------------------------------------
*/

@media only screen and (min-width:768px) and (max-width:991px){
	*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

    .fundraising-campaigns-container{
        padding: 0 15px;
    }
   .fundraised-mobile-view{
        display: block;
        float: left;
        width: 100%;
    }
    .fundraise-wrap{
        display: none;
    }

    .fundraise-donate-btn{
        text-align: center;
    }
    .fundraise-donate-btn .donate-btn{
        display: inline-block;
        float: none;
        max-width: 200px;
    }
    .supporters-img{
        display: none;
    }
    .supporters-info{
        width: 100%;
    }
    .supporter-name h2{
        font-size: 16px;
        line-height: 20px;
        padding-right: 70px;
    }
    .supporters-info .supporter-comments-date{
        font-size: 10px;
    }
    .get-involved-wrap {
        padding: 25px 15px;
    }
    .also-fundraising-container ul li{
        width: 33.333333%;
    }
    .also-fundraising-container .item-frame{
        width: 100%;
    }
    ul.raised-target-ul li{
        width: 50%;
    }


    .profile-photo{
        max-width: 150px;
        border-width: 3px;
    }
    .profile-photo img{
        width: 150px;
        height: 150px;
    }
    .fundraiser-heading-bar .heading-bar{
        padding-left: 170px;
    }

    .step-panel .steps li{
        margin: 0 12px;
    }

    .fundraising-columnL .fundraiser-share-wrap{
        padding: 0 15px 50px;
    }

    .fundraising-columnL .fundraiser-share-wrap .share-wrap .share-social-wrap {
        width: 100%;
        margin: 0px;
        position: relative;
        padding: 0 10px;
    }
    .fundraiser-complete-tab .fundraiser-share-wrap .share-wrap .share-social-wrap {
        width: 100%;
        display: block;
        height: auto;
        padding: 10px;
        margin: 0px;
        position: relative;
    }

}

/*		Tablet/iPad Layout:1024px.
-----------------------------------------------------------------
*/

@media only screen and (min-width:992px) and (max-width:1024px){
    .fundraising-campaigns-container{
        padding: 0 15px;
    }

    .fundraised-list ul li{
        padding: 12px 40px;
    }
    .supporters-img{
        width: 55px;
        height: 55px;
        margin-right: 10px;
    }
    .supporter-name h2{
        font-size: 16px;
        line-height: 20px;
        padding-right: 70px;
    }
    .supporters-info .supporter-comments-date{
        font-size: 10px;
    }
    .get-involved-wrap {
        padding: 25px 15px;
    }
    .also-fundraising-container ul li{
        width: 33.333333%;
    }
    .also-fundraising-container .item-frame{
        width: 100%;
    }
    ul.raised-target-ul li{
        width: 50%;
    }


    .profile-photo{
        max-width: 200px;
        border-width: 5px;
    }
    .profile-photo img{
        width: 200px;
        height: 200px;
    }
    .fundraiser-heading-bar .heading-bar{
        padding-left: 220px;
    }

    .fundraising-columnL .fundraiser-share-wrap{
        padding: 0 15px 50px;
    }

    .fundraising-columnL .fundraiser-share-wrap .share-wrap .share-social-wrap {
        width: 100%;
        margin: 0px;
        position: relative;
        padding: 0 10px;
    }
    .fundraiser-complete-tab .fundraiser-share-wrap .share-wrap .share-social-wrap {
        width: 100%;
        display: block;
        height: auto;
        padding: 10px;
        margin: 0px;
        position: relative;
    }


}

@media only screen and (min-width:1025px) and (max-width:1170px){
    .fundraising-campaigns-container{
        padding: 0 15px;
    }

    .fundraised-list ul li{
        padding: 12px 40px;
    }
    .supporters-img{
        width: 55px;
        height: 55px;
        margin-right: 10px;
    }
    .supporter-name h2{
        font-size: 16px;
        line-height: 20px;
        padding-right: 70px;
    }
    .supporters-info .supporter-comments-date{
        font-size: 10px;
    }
    .get-involved-wrap {
        padding: 25px 15px;
    }

    .also-fundraising-container ul li{
        width: 33.333333%;
    }
    .also-fundraising-container .item-frame{
        width: 100%;
    }
    ul.raised-target-ul li{
        width: 50%;
    }

    .profile-photo{
        max-width: 250px;
        border-width: 5px;
    }
    .profile-photo img{
        width: 250px;
        height: 250px;
    }
    .fundraiser-heading-bar .heading-bar{
        padding-left: 270px;
    }


}


@media only screen and (min-width:1171px) and (max-width:1300px){
    .item-frame ul li{
        font-size: 11px;
    }
}

@media only screen and (min-width:1200px) and (max-width:1500px){
    .fundraising-main-wrap .container{
        max-width: 1260px;
    }
    .item-frame ul li{
        font-size: 12px;
    }
}


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

    .fundraising-campaigns-section .col-sm-8,
    .fundraising-campaigns-section .col-sm-4{
        -ms-flex: 0 0 100%!important;
        flex: 0 0 100%!important;
        max-width: 100%!important;
    }

    .fundraising-campaigns-section .col-sm-4{
        margin-top: 60px;
    }
    .fundraising-campaigns-section .fundraise-wrap{
        display: none;
    }

    .fundraising-campaigns-section .fundraised-mobile-view {
        display: block;
        float: left;
        width: 100%;
        margin-bottom: 50px;
    }


}