/* Mobile Layout:320px and 480px and more but less than or equal to 767px. ---------------------------------------------------------------------------------- */ @media only screen and (max-width:767px){ *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .cf-search-form .cf-btn-wrap{min-width: 100px;} .cf-campaign-heading-bottom .author-info-inner{flex-wrap: wrap;width: 100%;} .cf-campaigns-section .cf-section-title{text-align: center;} .cf-dashboard-heading-bottom{justify-content: flex-start; flex-wrap: wrap;} .cf-dashboard-heading-bottom .author-info{float: left; width: 100%; padding-bottom: 15px;} .cf-dashboard-heading-bottom .cf-dashboard-header-right {margin: 0px;} .cf-dashboard-heading-bottom .cf-dashboard-header-right .cf-btn-wrap{width: 100%; margin: 10px 0px 0px;} .cf-campaign-heading-bottom .author-info-inner{position: relative;} .cf-campaign-heading-bottom .author-avatar { margin-right: 0px; position: absolute;left: 0px;top: 50%; margin-top: -20px;} .cf-campaign-heading-bottom .author-info-inner h3{padding-left: 50px;} .cf-campaign-single-content p{font-size: 16px;} .cf-single-info-wrap .cf-single-info-inner{padding: 20px;} .cf-single-donate-form-header, .cf-single-donors-box-header, .cf-single-all-team-header{padding: 16px 20px;} .cf-single-donate-form-body{padding: 20px;} .cf-single-donate-form-container .recaptcha-text{padding: 10px 20px;} .cf-supporters-content ul li, .cf-all-team-content ul li{padding: 15px 20px;} .cf-campaign-single-content iframe, .cf-campaign-single-content object, .cf-campaign-single-content embed{height: 230px; min-height: 230px;} .cf-campaign-heading-bottom .cf-campaign-single-header-right .cf-btn-wrap.cf-join-team-btn{margin-bottom: 10px;} } @media only screen and (max-width:575px){ .cf-three-col-grid {-ms-grid-columns: (1fr)[1]; grid-template-columns: repeat(1,1fr);} .cf-header-left{border-right: 1px solid #dddddd;} .cf-search-form{max-width: 100%;} .cf-search-form .cf-input-bx{border-top: 1px solid #dddddd;} .cf-home-campaign-create-btn{margin-bottom: 10px;} .cf-campaign-single-header{float: left;width: 100%;} .cf-campaign-heading-bottom{justify-content: flex-start; flex-wrap: wrap; } .cf-campaign-heading-bottom .author-info{float: left; width: 100%; padding-bottom: 15px; min-height: 40px;} .cf-campaign-heading-bottom .author-info-inner{position: relative;} .cf-campaign-heading-bottom .author-avatar { margin-right: 0px; position: absolute;left: 0px;top: 50%; margin-top: -20px;} .cf-campaign-heading-bottom .author-info-inner h3{padding-left: 50px;} .cf-campaign-heading-bottom .cf-campaign-single-header-right{margin: 0px;} .cf-campaign-heading-bottom .cf-campaign-single-header-right .cf-btn-wrap{min-width: 160px; margin: 0px;} .cf-campaign-heading-bottom .cf-campaign-single-header-right .cf-btn-wrap.cf-cam-edit-btn{ width: auto; margin-left: 0px!important; margin-right: auto;} .cf-dashboard-content-body .cf-dashboard-item-wrap{flex-wrap: nowrap;} .cf-campaign-single-content p{font-size: 16px;} .cf-single-info-wrap .cf-single-info-inner{padding: 20px;} .cf-single-donate-form-header, .cf-single-donors-box-header, .cf-single-all-team-header{padding: 16px 20px;} .cf-single-donate-form-body{padding: 20px;} .cf-single-donate-form-container .recaptcha-text{padding: 10px 20px;} .cf-supporters-content ul li, .cf-all-team-content ul li{padding: 15px 20px;} .cf-edit-campaign-form{padding: 40px 20px;} .cf-new-campaign-wrap .cf-new-campaign-inner{padding: 40px 20px;} .cf-joint-campaign-header .cf-team-campaign-name{display: inline;} .cf-new-campaign-wrap .cf-input-bx, .cf-new-campaign-wrap .cf-select-bx{font-size: 14px;} .cf-postcode-search{padding: 0px;} .cf-postcode-search .cf-btn-wrap{position: relative; right: 0px; max-width: 100%; top: 5px; margin-bottom: 10px;} .cf-campaign-checkout-section .cf-custom-checkbox label:before{top: 2px;} .cf-campaign-checkout-section .campaign-checkout-left-content .btn-wrap{max-width: 100%;} .thankyou-section-wrap.cf-thankyou-section-wrap .btn-wrap.transparent-btn{max-width: 100%;} .thankyou-section-wrap.cf-thankyou-section-wrap .btn-wrap{max-width: 100%;} .cf-dashboard-content-body .cf-dashboard-item-wrap .cf-title-col.cf-column{flex: 0 1 55%;padding: 0px;} .cf-dashboard-content-body .cf-dashboard-item-wrap .cf-team-members-col.cf-column{flex: 0 1 23%; padding: 0px;} .cf-dashboard-content-body .cf-dashboard-item-wrap h2, .cf-dashboard-content-body .cf-dashboard-item-wrap h3{padding: 0 10px;} .cf-new-campaign-section .cf-new-campaign-wrap label{font-size: 12px;} .cf-new-campaign-section .cf-new-campaign-wrap .select-bx{padding: 0 30px 0px 15px;} .cf-campaign-single-content iframe, .cf-campaign-single-content object, .cf-campaign-single-content embed{height: 215px; min-height: 215px;} .cf-donate-mobile-btn{float: left; display: block; width: 100%; margin-top: 30px;} .cf-single-donate-form-container{margin-top: 30px;} .cf-single-campaign-header .header-donate-btn, .cf-single-campaign-header .header-currency-select{ display: none;} .cf-single-campaign-header .header-cart{top: -22px;} } @media only screen and (min-width:320px) and (max-width:370px){ .cf-campaign-heading-bottom .cf-campaign-single-header-right .cf-btn-wrap{min-width: 140px; margin: 0px; padding: 0 10px; font-size: 14px;} .cf-dashboard-heading-bottom .cf-dashboard-header-right .cf-btn-wrap{font-size: 14px;} } @media only screen and (min-width:576px) and (max-width:767px){ .cf-home-campaign-create-btn .cf-btn-wrap{font-size: 14px; padding: 0 5px;} .cf-single-donate-form-container .recaptcha-text{font-size: 12px;} .cf-three-col-grid {-ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2,1fr);} } /* 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} .cf-dashboard-heading-bottom{justify-content: flex-start; flex-wrap: wrap;} .cf-dashboard-heading-bottom .author-info{float: left; width: 100%; padding-bottom: 15px;} .cf-dashboard-heading-bottom .cf-dashboard-header-right {margin: 0px;} .cf-campaigns-section .cf-btn-wrap{ min-width: 80px; padding: 0 10px;} .cf-campaigns-section .col-sm-4 .cf-home-campaign-create-btn .cf-btn-wrap{font-size: 11px;} .cf-campaign-single-content iframe, .cf-campaign-single-content object, .cf-campaign-single-content embed{height: 230px; min-height: 230px;} }