@media only screen and (min-width: 1200px) {

	.submenu > .abs-menu, .submenu:hover > .abs-menu {
		display: block !important
	}

}
@media only screen and (max-width: 1199px) {
	.navbar-collapse-wrp {
		display: none;
		box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.2);
		-webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.2)
	}
	.navbar-toggle {
		position: absolute;
		right: 15px;
		top: 14px;
		margin: 0;
		border: 0;
		padding: 0;
		display: block
	}
	.navbar-toggle .icon-bar {
		background: #ff8f07
	}

	.main-header .navbar-toggle .icon-bar {
		background: #ff8f07
	}

	.navbar {
		padding: 0 0;
		min-height: 1px;
		margin: 0;
		display: block;
		width: 100%
	}
	.addtocart-and-mobile .mobile-number > a {
		padding-right: 12px;
	}
	.about-wrapper .navbar-toggle .icon-bar {
		background: #222
	}
	.about-wrapper .navbar {
		margin-top: 28px;
		background: rgba(255,255,255,0.7);
	}

    .ways-wrap .navbar {
        margin-top: 28px;
        background: rgba(255,255,255,0.7);
    }

    .ways-wrap .navbar-toggle .icon-bar {
        background: #222
    }

	.about-wrapper .main-menu {
		padding: 10px 0
	}
	.addtocart-and-mobile {
		margin-right: 25px
	}
	.main-menu > li > a {
		display: block;
	}
	.main-menu > li {
		display: block;
		padding-right: 0;
		padding-left: 0;
	}
	.header {
		padding: 24px 0;
		margin-bottom: 0;
	}
	.navbar-collapse-wrp {
		position: absolute;
		background: #ffffff;
		z-index: 999;
		width: 100%;
		right: 0;
		top: 12px;
	}
	.submenu:hover > .abs-menu, .submenu > .abs-menu {
		text-align: left;
		position: relative;
		left: auto;
		top: auto;
		display: none;
		opacity: 1;
		visibility: visible;
		transition: none;
		-webkit-transition: none;
	}
	.main-menu > li > a {
	}
	.abs-menu {
		padding-bottom: 12px
	}
	.abs-menu > li {
		padding-left: 32px;
		padding-right: 32px
	}
	.main-menu > li {
		padding: 8px 0
	}
	.main-menu > li > a {
		color: #545454;
		padding: 3px 0;
		margin: 0 16px;
		line-height: 1.2;
		border-bottom: 1px solid #545454;
		font-size: 14px;
		white-space: nowrap;
		display: inline-block;
	}
	.main-menu > li.submenu > a {
		padding-right: 0;
	}
	.navbar.pull-right {
		text-align: left
	}
	.main-menu > li.submenu > a:after {
		border-color: #545454 transparent transparent transparent;
	}
	.abs-menu:before {
		display: none
	}
	.main-menu > li.submenu > a:after {
		right: 16px;
		top: 18px;
		border-width: 7px 6px 0 6px;
	}
	.cause-list .icon-holder {
		width: 147px;
		height: 147px;
	}
	.heading-group {
		margin-bottom: 12px;
	}
	.our-pick-wrapper {
		padding-top: 40px
	}
	.center-box {
		padding: 12px 8px;
	}
	.text-onimages h4 {
		font-size: 14px
	}
	.text-onimages strong {
		font-size: 16px;
	}
	.heading-group h2 {
		font-size: 38px
	}
	.center-box {
		max-width: 100%
	}
	h3 {
		font-size: 22px;
	}
	.gallery-box {
		margin: 62px 0 0;
	}
	.footer .socials li {
		padding-right: 14px;
	}
	.article-causes h4 {
		font-size: 14px
	}
	.article-causes strong {
		font-size: 16px;
	}

	.main-header {
		padding-bottom: 18px
	}
	.main-header .addtocart-and-mobile {
		margin-right: 32px;
	}

	.header-top {
		display: none
	}
	.main-header .navbar-collapse-wrp {
		top: 19px;
	}
	.main-header .main-menu.nav-hover-effect > li {
		padding: 0
	}
	.main-menu.nav-hover-effect .submenu:hover > .abs-menu {
		top: 0;
	}
	.main-menu.nav-hover-effect > li > a {
		padding: 13px 18px;
	}

}

/* iPads (portrait and landscape)*/
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.checkbox-custom-label, .radio-custom-label {
		font-size: 13px
	}
	.volunter {
		font-size: 18px;
	}

	.content-box {
		padding-left: 12px;
		padding-right: 12px
	}

	.rsax-loop-item > div > div {
		display: block;
		padding-bottom: 12px
	}

}

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

	.SpecialCuase {
		display: block
	}

	.flex-container.SpecialCuase > div {
		padding-left: 15px;
		padding-right: 15px
	}

	.flex-container.SpecialCuase > div > .img-zoom-effect img {
		width: 100%
	}
	.volunteers-info-block {
		width: auto
	}
	.rsax-loop-item > div > div {
		display: block;
		padding-bottom: 12px
	}

}

/* iPads/Tablets/Smartphones*/
@media only screen and (max-width: 1024px) {
	.hope-crushed {
		padding: 16px 12px 32px;
	}

	.threebox-css-effects .threebox-text-wrap {
		width: calc(33.333% - 12px);
		padding-top: 0%;
		float: left;
		margin: 0 6px;
		position: relative;
		overflow: hidden;
		height: 245px;
	}
	.threebox-css-effects .threebox-text-wrap .info-hover-inner {
		left: 1%;
		right: 1%;
	}

	.threebox-css-effects .threebox-text-wrap .info-hover-inner * {
		-moz-transform: none;
		-o-transform: none;
		-ms-transform: none;
		-webkit-transform: none;
		transform: none;
		opacity: 1;
	}

	.threebox-css-effects .threebox-text-wrap .img {
		opacity: 0.1;
		-moz-transform: scale(1.1, 1.1);
		-o-transform: scale(1.1, 1.1);
		-ms-transform: scale(1.1, 1.1);
		-webkit-transform: scale(1.1, 1.1);
		transform: scale(1.1, 1.1);
	}

	.threebox-css-effects .threebox-text-wrap .img img {
		height: 100%
	}

	.threebox-css-effects .threebox-text-wrap .info-hover {
		-moz-transform: none;
		-o-transform: none;
		-ms-transform: none;
		-webkit-transform: none;
		transform: none;
	}
	.threebox-css-effects .threebox-text-wrap .info-hover:before {
		-moz-transform: translate(101%, 0);
		-o-transform: translate(101%, 0);
		-ms-transform: translate(101%, 0);
		-webkit-transform: translate(101%, 0);
		transform: translate(101%, 0);
	}

	.time_number .v-bg {
		height: 50px;
		padding: 0 8px;
	}

	.time_number > .v-bg > span, .time_number > .v-bg > span > div {
		line-height: 50px;
		height: 50px;
		font-size: 22px;
	}

	.content-box {
		-webkit-box-shadow: 0 0 13px 5px rgba(99,57,7,0.2);
		box-shadow: 0 0 13px 5px rgba(99,57,7,0.2);
	}

	.post-meta > span {
		display: inline-block;
		padding-bottom: 6px
	}

	.rsax-loop-item {
		padding: 22px 15px 0;
		position: relative
	}
	.rsax-loop-item > div > div {
		padding-bottom: 32px
	}
	.rsax-loop-item .abs_div {
	position: absolute;
    top: 22px;
    right: 15px;
    width: auto;
    margin: 0;
    padding: 0;
	}

}
@media only screen and (max-width: 991px) {
	.see-our-work {
		margin-bottom: 32px;
	}
	.aside-left {
		margin: 12px 0 0 0;
	}
	.aside-left {
		padding-bottom: 0;
		padding-top: 32px
	}
	ul#updated-gallery li  img {
		min-height: 100px;
	}

	.modal-dialog-fluid {
		width: auto;
		max-width: 700px;
	}

	.home-vedio-text {
		padding-top: 88px;
	}

	.home-vedio-text .font42 {
		font-size: 22px;
		line-height: 36px
	}

	.slider-text-box h1 {
		position: relative;
		top: 18px
	}
	.work_togather > h2 {
		font-size: 36px;
	}
	.work_togather > h3 {
		font-size: 26px;
		margin-bottom: 12px
	}
	.shadow-team .img-wrapper img {
		margin: 0 auto;
		max-width: 480px;
	}
	.filter-button-group li {
		padding-left: 24px;
		padding-right: 24px;
	}

}

/* Low Resolution Tablets/Smartphones */
@media only screen and (max-width: 767px) {
	h1 {
		font-size: 42px
	}
	.cause-list {
		text-align: center
	}
	.custome-mar49-bottom {
		text-align: center
	}
	.our-partners li {
		margin: 12px 0
	}
	.dark-bg-wrapper h4.pad22 {
		font-size: 26px;
		font-weight: normal;
		text-align: center;
		padding-bottom: 0;
		margin-bottom: 0
	}
	.dark-bg-wrapper h4.pad22 strong {
		font-weight: normal
	}
	.gallery-box {
		margin: 62px 0 0
	}
	.footer-links {
		padding: 0 0 22px 0
	}
	.socials, .xs-padzero {
		padding: 0 !important;
	}
	.footer address .pad22-top {
		padding-top: 10px
	}
	.article-causes {
		margin-left: auto;
		margin-right: auto;
		max-width: 100%;
	}
	.article-causes > img {
		width: 100%;
		height: auto
	}
	.article-causes .progressbar {
		max-width: 100%
	}
	.our-pick-wrapper {
		padding-top: 86px
	}
	.our-picks {
		margin-left: auto;
		margin-right: auto;
		max-width: 100%;
	}
	.our-picks > img {
		width: 100%;
		height: auto
	}
	.feature-box {
		margin-top: 0;
		margin-bottom: 72px
	}
	.white-bg {
		padding-bottom: 12px
	}
	.see-our-work {
		margin-left: auto;
		margin-right: auto;
		max-width: 100%;
		text-align: center;
		margin-bottom: 32px
	}
	.see-our-work > figure > img {
		width: 100%;
		height: auto
	}
	.our-culture {
		padding-top: 42px;
		padding-bottom: 62px
	}
	.opening-wrapper {
		padding-left: 32px;
		padding-right: 32px;
	}
	.footer-bottom, .copyright {
		text-align: center
	}
	.copyright {
		padding-top: 8px
	}
	.copyright span {
		display: inline
	}
	.list-items-hr {
		display: block;
		text-align: center
	}
	.list-items-hr li {
		width: auto;
		margin-bottom: 12px;
		padding-right: 8px;
		padding-left: 8px;
	}
	.team-member {
		text-align: center
	}
	.container > .row {
		margin-left: -15px;
		margin-right: -15px
	}
	.heading-group h2 {
		font-size: 28px
	}
	.volunter {
		margin: 0;
		display: block
	}
	.volunter.black-text {
		margin: 0 20px;
	}
	.aside-left {
		margin: 12px 0 0 0;
	}
	.aside-left {
		padding-bottom: 0;
		padding-top: 32px
	}
	.lightYellow-bg {
		margin-bottom: 32px;
		padding-left: 12px;
		padding-right: 12px;
	}
	.day-left {
		padding-top: 0;
	}
	.img-left-align {
		display: block;
		float: none;
		margin-right: 0;
	}
	.img-left-align img {
		margin: 0 auto 12px;
	}
	.blog-list-img {
		padding-bottom: 12px;
		overflow: hidden;
	}
	.blog-list-img img {
		width: 100%;
	}
	.our-pick-wrapper {
		background-size: 100%;
	}
	.verticle-middle .col-xs-offset-1 {
		margin: 0;
		width: 100%;
		padding: 0 30px;
	}
	.bloger-post-wrapper > figure > img {
		width: 100%;
		height: auto
	}
	.progress-bar-and-price .pull-left {
		width: 50%;
	}
	.progress-bar-and-price .pull-left strong {
		font-size: 16px
	}
	.home-vedio-text {
		display: none
	}
	.checkout ul.nav-tabs {
		display: table;
		width: 100%
	}
	.checkout ul.nav-tabs li {
		display: table-cell;
		float: none
	}
	.checkout ul.nav-tabs li a {
		padding: 5px 8px;
	}

	.article-post {
		margin-bottom: 22px
	}
	.images-outer .images-inner {
		margin: 12px 0
	}
	.work_togather > h2 {
		font-size: 32px;
	}
	.volunteers-info-block {
		width: 100%
	}

	.shadow-box-effect .center-box {
		-webkit-box-shadow: 0 0 13px 5px rgba(188,188,188,0.3);
		box-shadow: 0 0 13px 5px rgba(188,188,188,0.3);
	}

	.flex-container.SpecialCuase {
		display: block;
		box-shadow: none
	}

	.flex-container > div.item-text {
		background: #fff;
		box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.08);
		padding: 15px 22px;
		transition: box-shadow 0.2s ease;
	}

	.images-gallery-wrapper .col-sm-4.images-outer {
		padding: 5px 15px
	}

	.threebox-css-effects .threebox-text-wrap {
		width: 100%;
		padding-top: 0%;
		float: none;
		margin: 0 0 32px;
	}
	.threebox-css-effects .threebox-text-wrap:last-child {
		margin-bottom: 0
	}
	.threebox-css-effects .threebox-text-wrap .img-wrap .img img {
		width: 100%
	}

	.threebox-css-effects .threebox-text-wrap .info-hover-inner {
		left: 20px;
		right: 20px;
	}

	.heroslider-item > figure {
		position: absolute;
		width: 100%;
		height: 100%;
		z-index: 1
	}
	.heroslider-item > figure > img {
		width: 100%;
		height: 100%
	}
	.slider-text-box {
		position: relative;
		left: auto;
		top: auto;
		z-index: 9;
	}

	.content-box {
		padding: 12px;
		padding-top: 6px
	}
	.btns-wrapper.absbtn {
		top: -22px
	}

	.pink-light-bg .about-us.text-right, .pink-light-bg .about-us.text-left {
		text-align: left
	}

	.flex-container.SpecialCuase > div {
		padding: 0
	}
	.flex-container > div.item-text {
		padding: 15px 22px
	}
	.shadow-team .img-wrapper img {
		width: 100%
	}
	.member-social-links {
		margin-bottom: 22px
	}
	.volunteers-info-block {
		padding: 22px
	}
	.rsax-event-countdown {
		text-align: left;
		margin-top: 22px
	}

	.hero-slider-wrapper .white-text {
		padding: 10px 0 0;
	}
	.hero-slider-wrapper .pad22-top {
		padding-top: 5px
	}
	.pink-light-bg .about-us {
		margin-bottom: 42px;
	}
	.pink-light-bg .about-us h3, .media-heading {
		margin-bottom: 8px;
	}
.rsax-loop-item .abs_div{ top: 0}
	.rsax-loop-item, .white-bg-wrapper .shadow-team {
		margin-bottom: 42px;
	}
	.rsax-loop-item:last-child {
		margin-bottom: 0;
	}
	
	
	.countdown-container .countdown-value {
	font-size: 21px;
	padding: 6px 10px;
}
	.countdown-container {
	margin: 0 3px;
}

	.white-bg-wrapper .shadow-team {
		margin-bottom: 20px;
	}

	.causes-list-wrapper .pad22-bottom {
		padding-bottom: 42px
	}
	.causes-list-wrapper .pad22-bottom:last-child {
		padding-bottom: 0
	}
	.icon-box {
		margin: 21px 0
	}
	.mrZeromob {
		margin-bottom: 0 !important
	}
	.video-imdex-new {
		padding: 0
	}

}
/* Smartphones */

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

	.hero-slider-wrapper h1 {
		font-size: 24px;
	}

	h1, h1.heading42 {
		font-size: 38px;
	}
	h2 {
		font-size: 26px;
	}

	.fontsize32 {
		font-size: 26px;
	}

	.font42 {
		font-size: 32px
	}
	h3 {
		font-size: 18px;
	}
	h4 {
		font-size: 14px;
	}
	.addtocart-and-mobile .mobile-number {
		display: none
	}
	.opening-wrapper {
		padding-top: 72px;
		padding-bottom: 82px
	}
	.total-opening-counter {
		left: 32px;
		top: 22px;
		right: auto
	}
	.apply-now {
		left: 32px;
		bottom: 22px;
		right: auto
	}
	section.dsp-flex {
		display: block;
		text-align: center;
		margin: 0 auto;
	}
	.dsp-flex > .pull-left, .dsp-flex > .pull-right {
		display: block;
		float: none !important
	}
	.dsp-flex > .pull-left > .icon-holder {
		margin: 0 auto;
	}
	.verticle-bg.mar52-top {
		margin-top: 0
	}
	.updated-gallery li {
		float: none;
		width: 100%;
		text-align: center
	}
	.updated-gallery li img {
		width: 100%;
	}
	.navbar-collapse-wrp {
		width: 100%;
	}
	.see-our-work {
		padding-bottom: 22px;
		max-width: 100%
	}
	.see-our-work figure {
		padding-top: 0
	}
	.team-member {
		padding-bottom: 22px;
		margin-bottom: 32px;
	}
	.career-three-cols.dsp-flex > .pull-left > .icon-holder {
		margin-right: 12px;
	}
	.opening-wrapper {
		margin: 32px 0;
	}
	.list-repeater-box, .custome-mar49-bottom {
		margin-bottom: 32px;
	}
	.events-content-wrapper {
		padding: 12px 12px 0 12px
	}
	.bloger-post-wrapper {
		margin-bottom: 32px;
	}
	.default-events-box .events-details-wrapper {
		padding-bottom: 12px;
	}
	.default-events-box .events-info {
		margin: 0 0 22px 0;
	}
	.article-causes {
		max-width: 100%
	}
	.gallery-fig-caps {
		padding-bottom: 12px;
		margin-top: -22px;
	}
	.gallery-fig-wrapper {
		margin-bottom: 32px;
	}
	.feature-box h2 {
		text-align: center
	}
	.progress-bar-and-price .pull-left {
		width: 100%;
		padding-bottom: 22px;
	}

	.checkout ul.nav-tabs li.active:after {
		display: none
	}
	.checkout ul.nav-tabs li {
		display: block;
		float: left
	}
	.small-global-btn.frgtpass {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
		text-align: right
	}

}
@media only screen and (max-width: 479px) {
	.rsax-loop-item { padding-top: 95px}
	.rsax-loop-item .abs_div {
    right: auto;
    left: 12px;
}
}