@media (max-width: 1200px){
#menu-navigation li a{	padding:36px 17px 32px;}
.event-intro{	width:100%;}
.image > img {    height: 100%;    width: 100%;}
.flickr-images > a{	width:57px;	height:57px;}
.contact-details li span{	margin-bottom:0;}
.social-bar li {    height: 25px;    margin-right: 5px;    width: 30px;}
.social-bar li img {    width: 100%;}
.cause-heading h3{	font-size:14px;	padding:0 15px;}
.cause-heading p{	padding:0 15px;	font-size:11px;}
.our-causes-hover h3{	margin-bottom:15px;}
.our-causes-hover span{	margin-bottom:15px;}
.donate-us-box {padding: 20px 15px;    width: 100%;}
.donate-us-box h5 {margin-bottom: 15px;	font-size:16px;}
.recent-news{width:475px;}
.our-project{margin-left:20px;	width:475px;}
.icon-hover p{	margin-bottom:5px;}
.icon-hover p span{	font-size:12px;}
.six-column{	width:470px;}
.nine-column{	width:720px;}
.three-column{	width:220px;}
.collected > span{	font-size:11px;}
.gallery-tabs{	padding:10px 50px;}
.staff-member{	height:305px;}
.post-image{	width:220px;}
.contact-info .contact-details > li{	width:40%;}
.social-connect h3{	font-size:20px;}
.working{	width:460px;}
.list_carousel{	width:435px;}
.causes-image{	width:220px;}
.icon-box i{	line-height:56px;}
.recent-event.previous-event > ul,.recent-event.previous-event > h4{	margin-left:0;}
.billing,.shipping {    float: left;    width: 100%;}
#thumbs a img{	height:65px;}
#carousel span {    height: 250px !important;}
#menu-navigation > li:hover > a:before,#menu-navigation > li.active > a:before {    height: 112%;}
.theme-layout.boxed{	width:1000px;}
.search-detail{	width:420px;}
.element .col-md-6 .theme-list {    width: 50%;}
.social-icons.multi > li:nth-child(7n+7){	margin-right:40px;}
.social-icons.gray > li:nth-child(9n+9){	margin-right:40px;}
.price-table ul{	width:225px;}
.carou-post #layerslider-container-fw {    height: 190px;    width: 220px;}
.item{	width:470px;}
.item-detail{	padding:10px 30px;}
.item-detail > h3{	font-size:20px;	width:60%;}
.item-detail > span {    line-height: 50px;    width: 40%;}
.recent-event.previous-event > h4{	width:100%;}
.carou-post-img > img {    width: 100% !important;}
.previous-event .recent-event-img {    float: left;    width: 100%;} 
.image img {    height: 100% !important;    width: 100% !important;}
.about-charity-video > img {    height: auto !important;    width: 100% !important;}
.sidebar-video > img{	height:auto;}
.message-form{	padding:15px 30px;} 
.checkout{width:970px;}
.previous-event .carou-post-img > img {width: 100% !important;}
.slide-icon{display: none;}
}




@media (min-width: 768px) and (max-width: 980px){
header,#top-bar,.show-header{display:none!important;}
.responsive-header {display: block;}
.checkout{width:750px;}
.ipadMenu{	display:block; margin: 10px 0;}
.message-box{	width:285px;}
.message-form{	padding:10px;}
.message-form > p{	margin-bottom:10px;}
.message-form form input.form-control, .message-form form input.form-control:focus{	height:28px;}
.amount span{	font-size:11px;}
.needed-amount > h5{	font-size:40px;}
.donate-button {    margin: 24px auto;}
.cause-tabber li a span{	font-size:12px;}
.event:last-child{	margin-right:0;}
.event-thumb{    width:100%;}
.event-intro{    width:100%;}
.image img{	width:100%;}
footer .col-md-3 {    float: left;	width:100%;    margin-bottom: 30px;}
.newsletter:before{	display:none;}
.newsletter{	padding:20px 20px 0;	width:100%;	border-radius:4px;}
.newsletter > h4{	float:none;	display:block;}
.social-bar {    display: table;    float: none;    margin: 0 auto;    width: auto;}
.our-causes{	width:100%;	margin-bottom:20px;}
.donate-us-box {    width: 100%;}
.donate-us-box a.donate-btn {    display: table;    float: none;    margin: 0 auto;}
.recent-news {    margin-bottom: 30px;    margin-left: 0;    width: 100%;}
.our-project {    margin-left: 0;    width: 100%;}
.our-project-box {    width: 100%;}
.our-project-box .row > div {    float: left;    padding-bottom: 50px;    width: 33%;}
.our-project-box span {    display: table;    float: none;    margin: 0 auto 20px;}
.project-detail {    margin-left: 0;    width: 100%;}
.six-column{	float:left;	width:100%;	margin:0;	margin-bottom:20px;}
.nine-column{	float:left;	width:100%;	margin:0;	margin-bottom:20px;}
.three-column{	width:100%;	float:left;	margin:0;	margin-bottom:20px;}
.our-project-box{	margin-bottom:0;}
.welcome-box > p{	margin-left:0;	width:340px;}
.gallery-tabs {    padding: 10px 20px;}
.gallery-tabs li{	margin:0;}
.gallery-tabs li a, .gallery-tabs li a:focus, .gallery-tabs li a:hover, .gallery-tabs li.active a, .gallery-tabs li.active a:hover, .gallery-tabs li.active a:focus{	padding:5px;}
.about-charity-desc > ul {    display: table;    float: none;    margin: 0 auto;    width: auto;}
.staff-member {    height: auto;    margin-bottom: 30px;}
.contact-info .contact-details > li{	width:50%;}
.working {    width: 100%;}
.list_carousel {    margin-right: 0;    width: 100%;}
.list_carousel .caroufredsel_wrapper{    width: 100%!important;}
.icon-box {    height: 90px;    padding: 17px;    width: 90px;}
.our-project-box .row > div {    float: left;    padding-bottom: 0;    text-align: center;    width: 100%;}
.story  img{    width:100%;}
.recent-event.previous-event > ul, .recent-event.previous-event > h4 {    margin-left:0;}
.billing,.shipping {    float: left;    width: 100%;}
#pager2{	bottom:-5px;}
#thumbs a img {    height: 80px;}
#carousel span {    height: 230px !important;}
.gallery .col-md-4 > a{	width:75px;	height:75px;	margin:0 10px;}
.theme-layout.boxed {    width: 840px;}
.featured-products .col-md-4{	float:left;	width:100%;}
.switch .left-content.nine-column{	margin:0;}
.switch .sidebar.three-column.pull-right{	margin:30px 0 0 0;}
.element .col-md-6 .theme-list {    width: 100%;}
.theme-list.pull-right {    width: 100%;}
.theme-list.pull-left {    width: 100%;}
.price-table  ul{	width:100%;	margin-bottom:20px;}
#top-bar li{	margin-right:10px;}
.services {    float: left;    margin: 30px 0 0;    width: 100%;}
.box{	margin-top:0;	margin-bottom:30px;}
.carou-post {    margin-bottom: 30px;}
.carou-post #layerslider-container-fw {    height: 314px;    width: 360px;}
.posts-carousel .pagi.prev {    right:70px;}
.posts-carousel .pagi.next {    right:30px;}
.shop{	width:100%;}.item {    width: 750px;}
.shop {    margin-bottom: 30px;    width: 100%;}
.profile-page .col-md-6 {    float: left;    margin-bottom: 30px;    width: 100%;}
.profile-tabs{	float:none;}
.causes-image {    margin-bottom: 30px;    padding: 0 0 0 10px;    width: 33.334%;}
.cause-tabber li{	float:left;	width:100%;	margin-bottom:30px;}
.our-causes {	float:left;    margin-bottom: 20px;    width: 100%;    position: relative;}
.our-causes .flex-control-nav{	top:-50px;}
.footer_carousel .flex-control-nav{	bottom:0;}
.carou-post-img > img {    width: 100% !important;}
.welcome-box {    margin-top: 50px;}.carou-post-img > img {    width: 100% !important;    height: auto!important;}
.event{	margin-bottom:30px;}
.donation-bar .amount {    width: 100%;    border-right: 0;    border-left: 0;    border-bottom: 2px solid #B0B0B0;    border-top: 2px solid #B0B0B0;}
.donate-now{    width: 100%;}
.staff-member > img{	height:auto;}
.isotope-item{	width:100%;}
.recursive-periods > a {width: 33.334%;}
.donate-drop-down {padding-top: 180px;}
header,#top-bar {position: relative;top: 0;}
.short-desc {border-radius: 0; bottom: 0; right: 0; top: auto; width: 100%;}
.big-picture > img { width: 100%; min-height: 300px;}
.big-carousel .flex-direction-nav{ top:20px;}
.big-carousel .flex-direction-nav li{ margin-top: 0;}
.mission { margin-bottom: 30px;}
.column:last-child {margin-bottom: 0;}
.column {float: left;margin-bottom: 50px;width: 100%;}
.column.col-md-12{margin: 0;}
.recent-news .row > div.col-md-5 {float: left;width: 20%;}
.recent-news .row > div.col-md-7 {float: left;width: 80%;}
}





@media (max-width: 767px){
header,#top-bar,.show-header{display:none!important;}
.responsive-header {display: block;}	
.checkout{width:100%;} 
#top-bar li{	margin-right:12px;}
.message-box {    width: 250px;    z-index:0;}
.message-form{	padding:10px;	width:100%;}
.message-form > p{	display:none;}
.message-form form input.form-control, .message-form form input.form-control:focus {    border-radius: 2px 2px 2px 2px;    font-size: 10px;    height: 21px;}
.message-form form textarea.form-control, .message-form form textarea.form-control:focus {    border-radius: 2px 2px 2px 2px;    font-size: 10px;}
.donation-bar{	margin:0;	width:100%;}
.amount{	width:100%;}
.donate-now{	width:100%;}
.donate-button {    display: table;    float: none;    margin: 28px auto;}
.our-cause-sec{	margin:0;}
.meta{	padding:17px 0;}
.cause-title h2{	padding:15px;	font-size:14px;}
.details > p {    width: 100%;}
.needed-amount {    width: 100%;}
.details > p {    margin:40px 0;}
.cause-tabber li a:after{	display:none;}
.cause-tabber li a:before {    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);	border:0;    content: "";    height: 100%;    left: 0;    position: absolute;	transform:translateX(0) rotate(0deg);    width: 100%;		opacity:0;}
.cause-tabber li a:hover:before,.cause-tabber li.active a:before{	opacity:1;}
.recent-events {    float: left;    margin-left:0;    width: 100%;}.event-thumb{	width:100%;}
.event-thumb img{	width:100%;}
.event-intro{	margin:0;	width:100%;}
.charity-video {    float: left;    margin-right: 0;    width: 100%;}
.desc {    width: 100%;}
.image  img{    width: 100%;	height:100%;}
footer .col-md-3 {    float: left;	width:100%;    margin-bottom: 30px;}
.newsletter:before{	display:none;}
.newsletter{	padding:20px 20px 0;	width:100%;	border-radius:4px;}
.newsletter > h4{	float:none;	display:block;}
.social-bar {    display: table;    float: none;    margin: 0 auto;    width: auto;}
.list_carousel2 {    display: table;    float: none;    margin: 0 auto;    position: relative;    width: 450px;}
.causes-image {    float: none;    margin-bottom: 30px;    width: auto;}
.our-causes-hover span.needed-amount{	font-size:15px;	line-height:15px;}
.our-causes {	float:left;    margin-bottom: 20px;    width: 100%;    position: relative;}
.our-causes .flex-control-nav{	top:-50px;}
.our-causes-hover h3{	line-height:20px;}
.cause-heading p{	display:none;}
.our-causes-hover p{	display:none;}
.recent-news {    margin-bottom: 30px;    margin-left: 0;    width: 100%;}
.our-project {    margin-left: 0;    width: 100%;}
.our-project-box {    width: 100%;}
.our-project-box .row > div {    float: left;    padding-bottom: 0;    text-align: center;    width: 100%;}
.icon-box{    margin: 0 auto 20px;}
.project-detail {    margin-left: 0;    width: 100%;	text-align:center;}
.six-column{	float:left;	width:100%;	margin:0;	margin-bottom:20px;}
.nine-column{	float:left;	width:100%;	margin:0;	margin-bottom:20px;}
.three-column{	width:100%;	float:left;	margin:0;	margin-bottom:20px;}
.our-project-box{	margin-bottom:0;}
.welcome-box{	padding:85px 100px 24px;}
.welcome-box > p{	margin-left:0;	width:100%;}
.gallery-tabs {    border-radius: 5px 5px 5px 5px;    padding: 10px 50px;    position: static;    width: 100%;}
.gallery-content{	margin:45px 0 0;}
.gallery-content .col-md-6{	float:left;}
.error-page h2 {    font-size: 150px;    line-height: 135px;    margin-bottom: 15px;}
.error-page-search .search-bar{	width:90%;}
footer .container {    padding: 0 15px;}
.about-charity {    margin: 0;}
.about-charity-desc > ul {    display: table;    float: none;    margin: 0 auto;    width: 100px;}
.about-charity-desc.col-md-7 ul li{	margin-right:0;}
.staff-member {    height: auto;    margin-bottom: 30px;}
.about-charity-video{	margin-top:20px;}
.staff{	margin:50px 0 0;}
.post-image{	width:100%;	margin-bottom:20px;}
.comments ul li 
.comment{	padding:60px 20px 20px;}
.comments ul li ul{	margin:30px 0 0;	padding:26px 0 1px 15px;}
.post-meta{margin:0; width:100%;	border:0;}
.post-desc:after,.post-desc:before{	display:none;}
.post-desc{width:100%;	padding-left:0;}
.contact-info .contact-details > li{	width:100%;}
.social-connect h3 {    font-size: 20px;    text-align: center;    width: 100%;	margin:20px 0;}
.social-connect .social-bar {    display: table;    float: none;    margin: 0 auto 20px;    padding: 0;    width: auto;}
.social-connect p {    margin: 0 0 18px;    text-align: center;    width: 100%;}
.working {    float: left;    margin: 0 0 40px;    width: 100%;}
.list_carousel {    display: table;    float: none;    margin: 0 auto;    position: relative;    width: 300px;}
.flags-pagi{	bottom:-40px;	top:auto;}
.welcome-box span{	border-radius:0 0 5px 5px;	margin-right:-100px;	right:50%;		top:0;	margin-top:0;}
.list_carousel4 {    display: table;    margin: 30px auto 0;    padding-top: 30px;    position: relative;    width: 350px;	float:none;}
.list_carousel4 .flags-pagi{	top:-35px;	right:0;}
.story > span{	margin-left:0;	padding-left:0;	margin-top:20px;	border:0;}
.previous-event .recent-event-img,.previous-event .recent-event-img img{	width:100%;}
#pager2{	bottom:-5px;}
.element{	margin-left:0;	margin-right:0;}
#carousel span {    height: 300px !important;	margin-bottom:20px;}
#top-bar ul{	display:none;}header{	top:36px;}
.stroies{	margin-left:0;	margin-right:0;}
.inner-page .story:nth-child(n+2) {    margin-left: 0;}
.inner-page .story > span{	width:100%;}
.theme-layout.boxed {    width: 90%;}
.featured-products .col-md-4{	float:left;	width:100%;}
.gallery-tabs li a, .gallery-tabs li a:focus, .gallery-tabs li a:hover, .gallery-tabs li.active a, .gallery-tabs li.active a:hover, .gallery-tabs li.active a:focus{	line-height:25px;}
.search-tabs li {    margin: 5px 0;    text-align: center;    width: 100%;}
.search-bar{	width:100%;}.switch .left-content.nine-column{	margin:0;}
.switch .sidebar.three-column.pull-right{	margin:30px 0 0 0;}
.element .col-md-6 .theme-list {    width: 100%;}
.boxed-quote{    width: 100%;}.price-table ul{	width:100%;	margin-bottom:20px;}
#Grid{	margin:0;}.logo img{	width:130px;}
.logo h1{	font-size:25px;	line-height:28px;}
.logo h1 i{	font-size:30px;}
.causes-page {    margin: 0;}
.services {    float: left;    margin: 30px 0 0;    width: 100%;}
.box{	margin-top:0;	margin-bottom:30px;}
.carou-post {    margin-bottom: 30px;}
.carou-post #layerslider-container-fw {    height: 168px;    width: 100%;}
.bottom-blocks{	margin:0;}
.bottom-blocks .col-md-6 {    float: left;    width: 100%;}
.item {    width:100%;}
.item-detail > h3 {    font-size: 20px;    line-height: 20px;    text-align: center;}
.item-detail > span {    font-size: 20px;    line-height: 40px;    text-align: right;    width: 100%;}
.profile-page{	margin:0;}
.profile-page .col-md-6 {    float: left;    margin-bottom: 30px;    width: 100%;}
.profile-tabs{	float:none;}
.join-team {    margin: 0 20px;    padding: 20px;    width: auto;}
.profile-info{	width:100%;}
.block .container,.inner-page .container{	padding:0 15px;}
.parallax .container{	padding:0 15px;}
.cause-tabber li{	float:left;	width:100%;	margin-bottom:30px;}
.footer_carousel .flex-control-nav{	bottom:0;}
.carou-post-img > img {    width: 100% !important;}
.welcome-box {    margin-top: 50px;}
.carou-post-img > img {    width: 100% !important;    height: auto!important;}
.event{	margin-bottom:30px;}
.donation-bar .amount {    width: 100%;    border-right: 0;    border-left: 0;    border-bottom: 2px solid #B0B0B0;    border-top: 2px solid #B0B0B0;}
.donate-now{    width: 100%;}
.staff-member > img{	height:auto;}
.sec-title h1 {    font-size: 25px;}
.isotope-item{	width:100%;}
.page-title h1 {    font-size: 22px;    padding: 20px 30px;}
.parallax{	padding:70px 15px;}
.welcome-box > h2 {    font-size: 16px;    text-align: center;}
.welcome-box > p {    text-align: center;}
.slideshow p {    margin-top: 5px;    font-size: 12px;    line-height: 20px;}
section .container, .inner-page .container {    padding: 0 15px;}
.container{	width:auto;}
.message-box {    top: 0;    bottom: auto;	z-index: 10000000000;}
.message-form {    padding: 10px;    border: 2px solid;    -webkit-border-radius: 0 0 3px 3px;    -moz-border-radius: 0 0 3px 3px;    -ms-border-radius: 0 0 3px 3px;    -o-border-radius: 0 0 3px 3px;    border-radius: 0 0 3px 3px;}
.recursive-periods > a {width: 33.334%;}
.donate-drop-down {padding-top: 180px;}
.cause-box,.cause-progress {width: 100%;}
.amount-btns > a {margin: 0 1% 20px;text-align: center;width: 48%;}
.other-amount {float: left;width: 100%;padding: 40px 20px;}
.other-amount .donate-btn,.other-amount input,.other-amount form {float: left;width: 100%;margin: 0;}
header,#top-bar {position: relative;top: 0;}
.short-desc {border-radius: 0;bottom: 0;right: 0; top: auto; width: 100%;}
.big-picture > img { width: 100%; min-height: 300px;}
.big-carousel .flex-direction-nav{ top:20px;}
.big-carousel .flex-direction-nav li{ margin-top: 0;}
.full-title { padding: 20px;}
.full-title span.title-icon { font-size: 30px; height: 60px; line-height: 60px; margin-right: 10px; width: 60px;-webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;}
.full-title h2 {  font-size: 20px; margin-top: 5px; padding-bottom: 5px;}
.full-title span { font-size: 12px; font-weight: 600;}
.column:last-child {margin-bottom: 0;}
.column {float: left;margin-bottom: 50px;width: 100%;}
.column.col-md-12{margin: 0;}
.recent-news .row > div.col-md-5 {float: left;width: 20%;}
.recent-news .row > div.col-md-7 {float: left;width: 80%;}
}


@media (max-width: 480px){
.responsive-header {float: left;position: relative;width: 100%;}    
.style-slogan{	margin-top:12px;}
.message-box{	bottom:auto;	right:10px;}
.meta{	display:none;}
.cause-title {	width:100%;	left:0;}
.cause-title h2 {    font-size: 12px;    padding: 7px;}
.causes-image img{	height:100%;}
.our-project-box .col-md-6{	width:100%;}
.welcome-box{	padding:85px 30px 24px;}.image-lists ul > li{	width:55px;}
.error-page h2 {    font-size: 100px;    line-height: 105px;}
.error-page > p{	font-size:20px;}
.error-page-search .search-bar{	width:90%;}
.our-project-box .row > div{	width:100%;}
.list_carousel2 {    display: table;    float: none;    margin: 0 auto;    position: relative;    width: 450px;}
.list_carousel2{	width:200px;}.our-causes-hover span.needed-amount{	font-size:15px;	line-height:15px;}
.list_carousel4{	width:200px;}
.story {    float: left;    margin: 0;    min-height: 100px;    width: 100%;}
.story > p{	display:none;}
.list_carousel4 li {    float: left;    width: 200px;}
.list_carousel4 .flags-pagi{	top:-35px;	right:0;}
.sec-title h1{	font-size:28px;}
.sec-title h1:after{	display:none;}
.carusal-image-thumb{	min-width:0;	width:100px;}
.carusal-image-thumb strong,.carusal-image-thumb-name{	top:0;}
.block{	position:relative;}
.portfolio:hover .port-desc{	padding:15px;}
.port-desc > h4{	margin-bottom:15px;}
.logo{	padding:2px 0;}
.logo img {    width: 100px;}
.logo h1 {    font-size: 16px;    line-height: 17px;}
.logo h1 i {    font-size: 20px;}
.ipadMenu{	float:left;	margin:10px; 	width:100%!important;}
.carou-post {    margin-bottom: 30px;}
#shop-carousel > li {    float: left;    width: 220px;}
.item-detail {    padding: 10px;}
.item-detail > h3 {    font-size: 12px;    line-height: 10px;    text-align: left;    width: 100%;}
.item-detail > h3 a {    float: left;    font-size: 14px;    line-height: 30px;    width: 100%;}
.item-detail > span {    font-size: 12px;    line-height: 20px;}
.item-detail i{	font-size:10px;}
.item-detail > span span{	font-size:13px;}
.item-detail > a {    font-size: 11px;    padding: 5px;}
.item img{	height:150px;}
.profile-tabs li{	width:100%;	margin-bottom:30px;}
.our-project-box .row .row > div{	padding-bottom:0;}
.switch .left-content{float: none;}
.recent-news .row > div.col-md-5 {float: left;width: 30%;}
.recent-news .row > div.col-md-7 {float: left;width: 70%;}
}