@media (max-width: 1600px) {
.goal {width:19.7%;}
.banner-text h2 { padding-top:14.4%;}
.banner-img { width:1200px;}
.topbar.pledge, .topbar{ background-size:auto;}
}

@media (min-width: 1025px) and (max-width: 1280px) { 
.carousel-caption h1 {font-size:22px;}
.banner-text h2 {padding-top:12%;}
.started-btn {margin:0;}
.favourite-cause p{ font-size:20px;}
.progress-box img { max-width: 100%;}
}

@media (max-width: 1200px) {
body {-webkit-text-size-adjust:none; line-height:normal; -webkit-appearance:none; -webkit-appearance:caret; overflow-x:hidden !important;}
input[type="button"]{-webkit-appearance:none; -webkit-appearance:caret;}
}

@media (max-width: 1440px) {
.goal {width:19.7%;}
.banner-text h2 { padding-top:10%; font-size:50px;}
.started-btn a{ font-size:20px; padding:8px 12px;}
.started-btn{ margin-top:10%;}
}

@media (max-width: 1199px) {
.favourite-cause p {font-size:20px;}
.favourite-cause label {font-size:32px;}
.nav > li > a { font-size:16px;}
.navbar-collapse{ padding:0 0 0 0 !important;}
.favourite-cause label {padding-top:15px;}
.banner-text, .banner-img { width:1000px;}
/*.goal{ height:91px; width:188px; background-size:100% 100%; padding:18px 8px 5px;}*/
.goal p {line-height:23px; font-size:20px;}
/*.favourite-cause{ height:91px; width:235px; background-size:100% 100%; padding:10px 15px 5px;}*/
.favourite-cause p {line-height:23px;}
.goal p span {font-size:15px;}
.aminities-box p {font-size:13px; line-height:14px; padding-top:5px;}
.aminities-price {font-size:22px;}
.aminities-price p{ line-height:14px; padding:0;}
#owl-demo2 .owl-controls{ bottom:108px;}
.started-btn{ margin:0;}
.favourite-cause p span{ font-size:15px;}
.header .search-box{ width:153px;}
.header .search-box input[type="text"]{ width:117px;}
#owl-demo2 .owl-controls .owl-pagination{ bottom:107px;}
.fundraise-progress-bar{ width:85%;}
.fundraise-event-detail-box{ margin-right:4%;}
.search-box input[type="text"]{ width:66%;}
.fundraiser-event-detail-content h3 { font-size:22px; line-height:34px !important;}
.fundraiser-event-detail-content a.event-place{ margin-bottom:10px;}
.fundraiser-event-detail-content p{ font-size:14px; line-height:24px;}
.fundraiser-event-detail-content .fundraise-event-detail-box p{ font-size:26px;}
.container{ max-width:1000px;}
.aminities-box{ line-height:14px;}
.progress-box img{ max-width:100%;}
.favourite-cause.find{ background-size:49px 54px;}
.favourite-cause.create-campaign { background-size:60px 66px;}
.favourite-cause.share { background-size:90px 73px;}
.favourite-cause.raise-funds { background-size:65px 75px;}
.goal.incentive{ background-size:40px 67px;}
.goal.judge { background-size:60px 66px;}
.goal.charity { background-size:55px 46px;}
.goal.share-box { background-size:90px 73px;}
.fundraise-tab ul li a{ padding:15px 10px; font-size:16px;}
.pledge-tab ul li a{ padding:15px 10px; font-size:14px;}
.ngo-box .basic-form-box .basic-form-field.reg-upload input{ width:61%;}
.fundraise-detail-tab ul li a {font-size:16px;}
.comment-text { width:84%;}
.pledge-input-box input{ width:59%;}
.voted-btn{ text-align:center;}
.post-btn{ float:none; text-align:center;}
}

@media (max-width: 1024px){
.search-alphabetically{ display:none;} 
.mob-search-alphabetically{ display:block;} 
.support-btn .post-btn button{ width:100%; font-size:20px; padding:20px 12px;}
.cat-intro-box h3{ font-size:17px;}
}

@media (min-width: 980px) and (max-width: 1023px) {
.search-box input { width:auto ;}
.signup { width:auto ; }
.featured-progress {width:20%;}
.featured-info {margin-right:10px;}
h2 { font-size:26px;}
.header .search-box input { width:117px;}
.header .search-box {width:auto;}
.banner-text h2 {padding-top:0; font-size:40px;}
.img-responsive {width:100%;}
.nav > li > a { padding:10px 10px; }
.featured-info-cnt { margin-right:60px;}
.featured-info {padding-bottom:5px;}
.banner-title { padding-top:0 !important;}
.nav-box{ padding-bottom:10px;}
.fundraiser-event-detail-content h3 { font-size:20px; line-height:32px !important;}
.fundraiser-event-detail-content a.event-place{ margin-bottom:8px;}
.fundraiser-event-detail-content p{ font-size:13px; line-height:20px;}
.fundraiser-event-detail-content .fundraise-event-detail-box p{ font-size:22px;}
.cont-btn button {margin-left:0px;}
.pledge-input-box input{ width:58%;}
}

@media(max-width: 980px) {
.search-box input { width:66%;}
.signup {width:70px !important;}
h2 { font-size:23px;}
.banner-text h2 { padding-top:5%;}
.img-responsive {width:100%;}
.featured-info {padding-bottom:5px;}
.nav-box{ padding-bottom:10px;}
.nav > li > a {font-size:13px; padding:0px 7px;}
.header .search-box input {width:155px;}
.logo {margin-top:5px;}
.navbar {margin-top:13px;}
.banner-img{ display:none;}
.banner-text{ width:750px;}
.banner-img{ width:750px;}
.give-box {width:50%; }
.give-box-last { display:none;}
#owl-demo2 .owl-controls .owl-pagination{ bottom:18px;}
.content-mid h2{ font-size:21px;}
.aminities-box{ line-height:20px;}
.aminities-box p {font-size:15px; line-height:20px; padding-top:3px;}
.fundraise-progress-bar{ width:80%;}
.featured-content .row .col-sm-6{ width:100%;}
.event-banner{ margin-bottom:25px;}
.fundraise-event-detail-box{ width:25%; margin-right:0;}
.campaign-logo{ margin-right:10px;}
}

@media(max-width: 979px){
.pledge-input-box input{ width:49%;} .campaign-logo{ margin-right:15px;}
}

@media(max-width: 950px) {
.banner-text h2 { padding-top:6%;}
.pledge-tab ul li a{ font-size:13px; padding:15px 1px;}
.fundraise-tab ul li a{ font-size:14px; padding: 15px 1px;}
.fundraise-info-box{ padding:30px;}
.ctn-btn button,.pledge-country-select .ctn-btn button{ font-size:20px; padding:20px;}
.footer h2{ font-size:16px;}
.cont-btn button {margin-left:0px;}
}

@media(max-width: 800px) {
.banner-text h2 {padding-top:3%; font-size:30px;}
.started-btn {margin-bottom:10.3%;}
.featured-info-cnt { margin-right:60px;}
.featured-info {padding-bottom:5px;}
.nav > li > a {font-size:13px; padding:0px 7px;}
.header .search-box input {width:155px;}
.logo {margin-top:5px;}
.navbar {margin-top:13px;}
.give-box {width:50%; }
.give-box-last { display:none;}
.basic-form-btn button,.pledge-form-btn button{ font-size:20px;}
.basic-form-field button.savebtn{ font-size:20px;}
.cont-btn button {margin-left:0px;}
}

@media (max-width:768px) { 
.featured-info-cnt { margin-right:60px;}
.featured-info {padding-bottom:5px;}
.nav > li > a {font-size:13px; padding:0px 7px;}
.header .search-box input {width:155px;}
.logo {margin-top:5px;}
.navbar {margin-top:13px;}
.banner-text h2 {padding-top:3%;}
.give-box {width:50%; }
.categories1 ul li a {font-size:16px; padding:10px;}
.categories ul li a {font-size:16px; padding:10px;}
.give-box-last { display:none;}
.inner-content {padding:30px 0;}
#pop-first{ left:-55%;}
#pop-last{ left:-67%;}
.fundraise-tab ul li a, .pledge-tab ul li a{ font-size:13px; padding:15px 1px;}
.fundraise-info-content span{ font-size:26px;}
.fundraise-info-box{ padding:30px;}
.ctn-btn button,.pledge-country-select .ctn-btn button{ font-size:18px; padding:20px;}
.fundraise-detail-tab ul li {width:33%;}
.cont-btn button {margin-left:0px;}
.pledge-tab ul li a{ font-size:12px; padding:15px 1px;}
.pledge-input-box input{ width:47%;}
}

@media (min-width:768px){
.mob-nav{ display:none;}
.find-on-sn a { margin-right: 33px;}
.team-member-info {width:55%;}
.cont-btn {float:left;}
.cont-btn button {padding: 20px 7px;}
}

@media (min-width:768px) and (max-width:979px){
.basic-form-label{ width:30%;}
.basic-form-field{ width:65%;}
.basic-form-field input{ width:65%;}
.basic-form-field select{ width:65%;}
.basic-form-field textarea{ width:65%;}
.city-box input{ width:100%;}
.basic-form-field .email-invite input{ width:61%;}
.basic-form-field .email-invite button{ padding:9px 10px 8px;}
.by-check span{ font-size:14px;}
.no-padding.col-sm-5{ padding:0;}
.ngo-box{ width:100%;}
.topbar.pledge .commitment p a,.topbar.pledge .category p a,.topbar.pledge .picks p a,.topbar.pledge .location-tp p a,.topbar.pledge .institution p a{ font-size:13px; background-position:right 8px;}
.topbar.pledge .commitment,.topbar.pledge .category,.topbar.pledge .picks,.topbar.pledge .institution{ margin-right:5px;}
.fundraise-detail-tab ul li {width:33%; margin-bottom:10px;}
.comment-text { width:81%;}
.pledge-amt select{ float:left; width:130px; margin-right:20px;}
.pledge-amt input{ float:left; width:130px; }
.raised-info .pledge-project-detail .project-info{ float:left; width:42%;}
.campaign-detail{ width:66%;}
.campaign-links{ padding:20px 0 0; float:left; width:100%; text-align:center;}
}

@media (min-width:240px) and (max-width: 767px) {
.banner-img {display:none;}
.banner-text {display:none;}
.event-box {margin-bottom:30px;}
.content-top {padding:30px 0 20px;}
.content-mid { padding:30px 0 10px;}
.content-bot {padding:45px 0 45px;}
.featured-info { margin-right:6px;}
.footer h2 {padding-bottom:10px;}
.copyright {text-align:left; line-height:20px;}
.email {padding-bottom:5px;}
.img-responsive {width:100%;}
.facebook-blog {margin-bottom:20px;}
h2 { font-size:18px;}
.logo .img-responsive {width:auto; max-width:99%; display:inline-block;}
.logo {text-align:center;}
.header .search-box {width:auto;}
.header-right {display:inline-block; text-align:center; float:none;}
.follow-us img {width:auto;}
.navbar-nav {background:#113960;  margin:0px; padding:0px;}
.navbar-nav > li > a {color:#fff;}
.navbar-nav > li > a:hover {color:#fff; text-decoration:underline}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {color:#fff; text-decoration:none; background:#499316;}
.navbar-collapse {padding:0px;}
.navbar-nav > li > a {border:none; padding:7px 10px;}
.navbar-collapse {border:none; box-shadow:none;}
.header {padding-bottom:5px;}
.navbar-default .navbar-toggle {background:#113960; border:none;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background:#113960;}
.footer-link {padding-bottom:20px;}
.footer-link.last { min-height:214px;}
.footer-bot {margin-top:0px;}
.project-info{ width:32%; margin-right:0;}
.inner-content {padding:30px 0;}
.give-box {width:auto; }
.give-box-last { display:none;}
.rightside {margin-bottom:0px;}
.navbar-nav > li > a {line-height:27px;}
.login-btn { padding:6px 5px 6px; margin-top:1px}
.sign-btn {padding:6px 5px 6px ; margin-top:1px}
.mob-nav{ display:block; margin-right:10px;}
.main-nav{ display:none;}
.header{ position:relative; z-index:999;}
.owl-buttons {right:0px !important;}
.navbar-collapse {display:none;}
.info-box{ margin-bottom:20px;}
.email{ text-align:center; margin-bottom:10px;}
.copyright{ text-align:center;}
.header-right{ display:none;}
.header{ padding:0 10px;}
.header .col-sm-4{ float:left; width:50%; padding:0;}
.header .col-sm-8{ float:right; width:47%; padding:0;}
.header-left { float:none; padding:0; margin-right:0;}
.mob-navbar{ margin:0 0;}
.bot-btn-container h2{ font-size:24px; padding-bottom:18px;}
.bot-btn-container button{ margin-bottom:10px; padding:10px; font-size:13px;}
.btn-left-box{ margin-bottom:10px;}
.fundraise-progress-bar img{ height:15px;}
.signup {width:90px !important;}
.bot-btn-container{ max-width:600px; padding:35px 23px 40px;}
.mob-hidden{ display:none; height:0;}
.login-form input{ padding:8px 3%;}
.create-fundraiser-title p, .pledge-fundraiser-title p{ font-size:14px;}
.fundraise-tab ul li, .pledge-tab ul li{ width:100%; float:none;}
.fundraise-tab ul li a, .pledge-tab ul li a { font-size:18px; padding:15px;}
.fundraiser-country-select{ text-align:center;}
.fundraiser-country-select .location-tp, .pledge-country-select .location-tp{ display:inline-block; float:none; margin-bottom:20px;}
.ctn-btn button, .pledge-country-select .ctn-btn button{ float:none;}
.fundraise-info-content span{ font-size:20px; line-height:50px;}
.fundraise-info-content .category p a{ font-size:22px; height:50px; line-height:50px;}
.fundraise-info-content .category{ height:50px;}
.fundraiser-title-box input{ font-size:20px;}
.fundraiser-title-box{ margin-bottom:30px;}
.ctn-btn button, .pledge-country-select .ctn-btn button{ padding:15px;}
.create-fundraiser-title h2, .pledge-fundraiser-title h2{ font-size:28px;}
.fundraise-info-content .category p a{ background-position: right 12px;}
.ctn-btn{ float:none; text-align:center;}
.basic-form-label{ float:none; width:100%; padding:0 0 10px;}
.basic-form-field { float:none; width:100%;}
.basic-form-field select{ width:100%;}
.basic-form-field input{ width:100%;}
.basic-form-field textarea{ width:100%;}
.step-2-info-box{ margin-bottom:25px;}
.rightbox{ padding:0 0 25px;}
.basic-form-field button.savebtn{ margin-left:0;}
.goal-price-box input{ width:92%;}
.basic-form-field .es-date input{ width:94%;}
.basic-form-field .email-invite input{ width:77%;}
.basic-form-field .dob select{ width:31.3%;}
.personal-info-box{ margin-top:30px;}
.fund-rcv-info ul li label{ width:94%; max-width:100%;}
#user-popup ul li a{ font-size:14px; padding:10px;}
.ngo-box .basic-form-box .basic-form-label{ width:100%;}
.ngo-box .basic-form-box .basic-form-field{ width:100%;}
.ngo-box .basic-form-box .basic-form-field input{ width:100%;}
.ngo-box .basic-form-box .basic-form-field select{ width:100%;}
.ngo-box .basic-form-box .basic-form-field textarea{ width:100%;}
.ngo-box{ width:100%;}
.ngo-box .basic-form-box .basic-form-field input.calender-input{ width:94%;}
.ngo-box .basic-form-box .basic-form-field.reg-upload input{ width:100%; margin-bottom:10px;}
.topbar.pledge { padding:70px 0;}
#pop-comm { left: -37%;}
.topbar.pledge, .topbar{ background-size:auto;}
.team-box {float:left; width:50%;}
.contributers img {margin-bottom:10px;}
.cont-btn button {margin-left:0px; margin-top:10px;}
.create-fundraiser-detail-title h2 {font-size:30px; line-height:32px;}
.detail-info-box h2 {font-size:22px; line-height:24px;}
.right-top-box h2 {font-size:35px; line-height:37px; margin-top:35px;}
.find-on-sn a {margin-right:20px; margin-bottom:10px;}
.fundraise-detail-tab ul li {width:100%;}
.updates-box { margin-top:30px;}
.comment-user-pic { margin-right:15px;}
.price {margin-top:10px !important;}
.pledge-input-box{ margin-bottom:15px; width:100%;}
.pledge-end-date{ float:left; width:100%;}
.upload-form-field input{ width:100%;}
.pledge-amt select{ float:left; width:130px; margin-right:20px;}
.pledge-amt input{ float:left; width:130px; }
.basic-form-field textarea{ height:100px;}
.pledge-input-box input{ width:58%;}
.pledge-end-date input{ padding-left:0;}
.pledge-info-content #cat{ top:50px;}
.pledge-info-content #category{ margin:10px 0 0 0;}
.most-funded-box{ display:none; position:absolute; top:105px; background:#EEF6F8; padding:20px; border-radius:5px; min-width:103px; left:40%; }
.arr.top{ display:block; position:absolute; top:-12px; left:43px;}
.arr.left{ display:none; position:absolute; left:-12px;}
.pledge-country-select #country.popover-content-box.popover { left: -58px;}
.city-select-box {margin-bottom:18px;}
.contributions-tab {width:100% !important;}
.institution1 {margin-left:0px;}
.profile-img-info{ margin:20px 0;}
.other-login button.gplus-login{ margin:15px 0 0;}
.vote-for-cause,.education-info,.detail-info-box{ margin-top:30px;}
.cause-blog-info h4{ margin-top:20px;}
.action,.support-btn{ margin-top:10px;}
.post-btn,.action .social-icon{ text-align:left;}
.search-area{ text-align:left;}
.cat-intro-box h3{ font-size:18px;}
.donation-detail h2{ margin-top:15px;}
.donation-payment-box .basic-form-field label{ line-height:28px;}
.thankyou-note{ font-size:30px;}
.searcharea {margin-bottom:30px;}
.fundintrocountmar {margin-bottom:20px;}
.stepsscreen {margin-top:30px;}
.fundraise-steps-box {border-radius:5px; background:#eef6f8; padding:20px;}
.gallerymarbtm1 {margin-bottom:50px !important;}
.top-section-wrap1 p {margin-bottom:15px !important; padding:0 !important; line-height:20px;}
.search-area-left input[type="text"] {width:100% !important;}
}

@media (max-width: 685px) {
.featured-info {padding-right:30px;}
.navbar {margin-top:10px;}
.navbar-collapse {position: absolute; top: 49px; width: 200px; right:-2px; border-radius:5px;}
.navbar-toggle{ margin-right:0;}
.header .search-box input{ width:215px;}
.footer-logo {margin-bottom:0px;}
.topbar.pledge #commitment{ width:190px; float:none; display:inline-block; margin-bottom:10px; margin-right:0;}
.topbar.pledge .location-tp{ margin-top:10px; max-width:300px; float:none; margin:0 auto;}
.topbar.pledge #category{ width:170px; float:none; display:inline-block; margin-bottom:10px; margin-right:0;}
.topbar.pledge #picks{ width:170px; float:none; display:inline-block; margin-bottom:10px; margin-right:0;}
.topbar{ padding:55px 0;}
}

@media (max-width: 640px) {
h2 { font-size:23px;}
.topbar.pledge #commitment{ width:190px; float:none; display:inline-block; margin-bottom:10px; margin-right:0;}
.top-filter #category{ width:140px; float:none; display:inline-block; margin-bottom:10px; margin-right:0;}
.top-filter #picks{ width:170px; float:none; display:inline-block; margin-bottom:10px; margin-right:0;}
.location-tp{ float:none; max-width:300px; margin:0 auto;}
.topbar{ padding:90px 0;}
.basic-form-field .email-invite input{ width:75%;}	
.pledge-input-box input{ width:54%;}
.topbar{ padding:55px 0;}

}
@media (max-width: 639px){.bot-btn-container{ margin:0 auto; width:340px; padding:15px;}
.btn-left-box{ float:none; margin:0 auto 10px; width:260px;}
.btn-right-box{ float:none; margin:0 auto; width:260px;}
.bot-btn-container button{ float:none; margin-right:0;}
.fundraise-info-box{ padding:20px;}
.fundraise-info-content span{ font-size:20px; line-height:40px;}
.fundraise-info-content .category p a{ font-size:20px; height:40px; line-height:40px;}
.fundraise-info-content .category{ height:40px;}
.fundraiser-title-box input{ font-size:20px;}
.fundraise-info-content .category p a{ background-position: right 10px;}
.goal-price-box input{ width:89%;}
.basic-form-field .es-date input{ width:93%;}
.ngo-box .basic-form-box .basic-form-field input.calender-input{ width:93%;}
.basic-form-btn button, .pledge-form-btn button{ font-size:20px;}
.basic-form-field button.savebtn{ font-size:20px;}
.basic-form-field .email-invite input{ width:73%;}	
.pledge-info-content #cat{ top:40px;}
}
@media (max-width: 600px) {
.pledge-input-box input{ width:52%;}
.topbar{ padding:55px 0;}
}

@media (max-width: 568px) {	
.fundraiser-event-detail-content .fundraise-event-detail-box p{ font-size:20px;}
.fundraise-event-detail-box{ font-size:13px;}
.basic-form-field .email-invite input{ width:71%;}
.pledge-input-box input{ width:49%;}	
.topbar{ padding:55px 0;}
}

@media (max-width: 480px) { 
.featured-info { padding-right:35px;}
.login-box {margin-right:8px;}
.header .search-box input{ width:128px;}
.email {float:none;}
.copyright {text-align:left;}
.header .search-box input{ width:165px;}
h2 {font-size:23px;}
.project-info {width:32%; margin-right:0px;}
#owl-demo2 .owl-buttons{ display:none;}
#pop-third { left: -23%;}
.fundraise-info-content .category p a{ background-position: right 10px;}
.ctn-btn button,.pledge-country-select .ctn-btn button{ padding:12px; font-size:19px; margin-left:0;}
.goal-price-box input{ width:89%;}
.basic-form-field .es-date input{ width:92%;}
.ngo-box .basic-form-box .basic-form-field input.calender-input{ width:92%;}
.basic-form-btn, .pledge-form-btn{ text-align:center;}
.basic-form-btn button,.pledge-form-btn button{ margin-left:0;}
.basic-form-btn button:first-child,.pledge-form-btn button:first-child{ margin:25px 0 15px;}
.basic-form-field .email-invite input{ width:65%;}
.topbar.pledge { padding:60px 0;}
.topbar.pledge h3.cat-title { font-size:45px; margin-bottom:20px;}
#pop-comm { left: -25%;}
.create-fundraiser-detail-title h2 {font-size:24px;}
.comment-text { width:72%;}
.comment-header span {float:right; }
.inner-cat-select label{ margin-bottom:12px; padding-top:0;}	
.inner-cat-select #pop-first{ left:-21%;}
.pledge-input-box input{ width:39%;}
.topbar{ padding:55px 0;}
}

@media (max-width:479px) {  
.header .search-box input{ width:113px;}
.login-box{ margin-right:3px;}
.footer .col-xs-4, .footer .col-xs-8 {width:100%;}
.footer-link.last  {min-height:0;}
h2 {font-size:20px;}
.categories1 ul li a { font-size: 12px; padding: 8px;}
.categories ul li a { font-size: 12px; padding: 8px;}
.header-left{ padding:0; float:none; margin-right:0;}
.header-top{ float:none; text-align:center;}
.login-box{ display:inline-block;}
.header .search-box{ float:left;}
.mob-navbar{ margin-top:0;}
.header .col-sm-4{ float:none; width:100%; padding:0;}
.header .col-sm-8{ float:none; width:100%; padding:0;}
.login-box{ margin-top:0;}
.fundraise-event-detail-box{ width:50%; margin-bottom:10px; min-height:54px;}
.mob-nav{ margin-right:0;}
.fb-login button.fb{ margin:10px 0 0 0;}
#pop-first{ left:-31%;}
#pop-second{ left:-63%;}
#pop-third{ left:-15%;}
#pop-last{ left:-73%;}
.fundraise-info-content .category{ margin:0;}
.ctn-btn{ margin-top:25px;}
.ctn-btn button:first-child,.pledge-country-select .ctn-btn button:first-child{ margin-bottom:15px;}
.ctn-btn button,.pledge-country-select .ctn-btn button{ padding:15px; font-size:20px; margin:0; width:100%;}
.goal-price-box input{ width:86%;}
.basic-form-field .es-date input{ width:89%;}
.ngo-box .basic-form-box .basic-form-field input.calender-input{ width:89%;}
.basic-form-field .email-invite input{ width:100%; margin-bottom:10px;}
.fund-rcv-info ul li label{ width:90%; max-width:100%;}
.topbar.pledge { padding:35px 0;}
.topbar.pledge h3.cat-title { font-size:33px; margin-bottom:15px;}
#pop-comm { left: -34%;}
.topbar.pledge #pop-first { left: -45%;}
.topbar.pledge #pop-second { left: -44%;}
.topbar.pledge #pop-third { left: -8%;}
.topbar.pledge #pop-last { left: -89%;}
.topbar.pledge #pop-third.popover.bottom .arrow:after{ margin-left:-40px;}
.topbar.pledge #pop-last.popover.bottom .arrow:after{ margin-left:43px;}
.pledge-check{ width:90%;}
.pledge-info-content span{ font-size:20px; line-height:24px; text-align:left;}
.pledge-input-box span{ font-size:20px; line-height:30px; text-align:left; margin-right:15px;}
.pledge-input-box span.last{ margin-left:15px;}
.pledge-input-box input{ width:41%; font-size:20px; line-height:24px; padding:2px 7px;}
.pledge-end-date input{ width:84%; font-size:20px; line-height:24px; padding:2px 7px 2px 0;}
.inner-banner-text {font-size:40px;}
.city-select-box {margin-left:0px; width:206px;}
.fb-login button.fb{ width:100%;}
.other-login button{ width:100%;}
.cause-blog-info h4{ font-size:20px;}
.cause-blog-info p{ font-size:13px;}
.action,.support-btn{ margin-top:0;}
.search-area input[type="text"]{ width:62%;}
.search-area-left input[type="text"] {width:100% !important;}
.donation-info-row label{ display:block; width:100%; text-align:left; margin-bottom:5px;}
.donation-info-row span{ float:left; width:100%; text-align:left;}
.donation-info-row.last{ margin-top:12px;}
.donation-info-row.last label { line-height:22px;}
.donation-clippart-box h4{ font-size:18px;}
.thankyou-note{ font-size:27px; padding-bottom:40px;}
.donation-info-row h4{ font-size:18px;}
}

@media (max-width: 360px) {
.header .search-box input{ width:120px;}
.login-box{ margin-right:3px;}
.footer .col-xs-4, .footer .col-xs-8 {width:100%;}
.footer-link.last {min-height:0;}
h2 {font-size:20px;}
.categories1 ul li a { font-size: 12px; padding: 8px;}
.categories ul li a { font-size: 12px; padding: 8px;}
.info-heading h2{ font-size:29px;}
.topbar h3.cat-title{ font-size:45px;}
.topbar{ padding:55px 0;}
#pop-first{ left:-66%;}
#pop-second{ left:-45%;}
#pop-third{ left:-5%;}
#pop-third.popover.bottom .arrow:after{ margin-left:-80px;}
#pop-last{ left:-96%;}
#pop-last.popover.bottom .arrow:after{ margin-left:55px;}
.goal-price-box input{ width:85%;}
.basic-form-field .es-date input{ width:88%;}
.ngo-box .basic-form-box .basic-form-field input.calender-input{ width:88%;}
.topbar.pledge #pop-third { left: -5%;}
.topbar.pledge #pop-last { left: -96%;}
.topbar.pledge #pop-third.popover.bottom .arrow:after{ margin-left:-70px;}
.topbar.pledge #pop-last.popover.bottom .arrow:after{ margin-left:53px;}
.create-fundraiser-detail-title h2 {font-size:24px;}
.comment-text { width:72%;}
.comment-header span {float:left; display:inline-block; width:100%;}
.post-btn {float:left; margin-top:10px;}
.keep-private {padding-top:0px;}
.pledge-input-box input{ width:37%;}
.inner-banner-text {font-size:40px;}
.validated-form .bot-popup-box button.login-btn{ float:left; margin-bottom:10px;}
}

@media (max-width: 320px) { 
h2 {font-size:16px;}
.featured-info { padding-right:5px; }
.follow-us img {width:auto;}
.login-box a {margin-left:3px;}
.header .search-box input{ width:78px;}
.email {float:none;}
.copyright {text-align:left;}
h2 {font-size:20px;}
.categories1 ul li a { font-size: 11px; padding: 8px 5px;}
.categories ul li a { font-size: 11px; padding: 8px 5px;}
.owl-buttons {right:0px !important;}
.bot-btn-container{ margin:0 10px; width:auto;}
.bot-btn-container h2{ font-size:21px;}
.fundraise-progress-bar{ width:75%;}
.fundraise-progress-bar img{ height:15px;}
.top-filter .commitment p a,.top-filter .category p a,.top-filter .picks p a,.top-filter .location-tp p a,.top-filter .institution p a{ background: url(../images/cate_xila.png) no-repeat right 7px; color:#FFF; cursor: pointer; font-size:14px; height:48px; letter-spacing: -1px; line-height: 48px; padding-right: 38px;}
.popover-content-box.popover{ width:300px !important;}
.remember-text label{ margin-left:5px;}
#pop-first{ left:-56%;}
#pop-second{ left:-35%;}
#pop-third{ left:-5%;}
#pop-third.popover.bottom .arrow:after{ margin-left:-80px;}
#pop-last{ left:-113%;}
#pop-last.popover.bottom .arrow:after{ margin-left:55px;}
.country-nm-box{ font-size:14px;}
.city-box{ margin-right:2px;}
.goal-price-box input{ width:83%;}
.basic-form-box .deadline-box input[type="radio"]{ margin-right:5px;}
.basic-form-box .deadline-box span{ font-size:14px;}
.basic-form-field .es-date input{ width:86%;}
.ngo-box .basic-form-box .basic-form-field input.calender-input{ width:86%;}
.basic-form-btn button,.pledge-form-btn button{ font-size:19px;}
.basic-form-field button.savebtn{ font-size:19px;}
#pop-comm { left:-30%;}
.topbar.pledge #pop-first { left:-38%;}
.topbar.pledge #pop-second { left:-38%;}
.topbar.pledge #pop-third { left:-5%;}
.topbar.pledge #pop-last { left:-112%;}
.topbar.pledge #pop-third.popover.bottom .arrow:after{ margin-left:-70px;}
.topbar.pledge #pop-last.popover.bottom .arrow:after{ margin-left:53px;}
.topbar .popover.bottom .arrow{ border-bottom-color: rgba(0, 0, 0, 0);}
.create-fundraiser-detail-title h2 {font-size:24px;}
.campaign-detail {width:47%;}
.comment-text { width:72%;}
.comment-header span {float:left; display:inline-block; width:100%;}
.post-btn {float:left; margin-top:10px;}
.keep-private {padding-top:0px;}
.pledge-amt select{ float:left; width:115px; margin-right:10px;}
.pledge-amt input{ float:left; width:115px; }
.pledge-input-box span{ margin-right:8px;}
.pledge-input-box input{ width:46%;}
.pledge-info-content .category p a{ font-size:19px;}
.pledge-input-box span.last{ width:100%; margin:15px 0 0; text-align:left;}
.inner-banner-text {font-size:40px; line-height:48px;}
.cat-intro-box h3{ font-size:16px;}
.donation-info-row-left {float:left;}
.donation-info-row-left span {float:left; margin-top:0px; margin-right:15px; width:auto;}
.donation-info-row-left label {width:auto;}
}