/* Responsive CSS Styles Table of Contents */

@media only screen and (min-width: 1000px) and (max-width: 1169px){
.container {
	width: 1000px;
	margin: auto;
}

}

@media only screen and (min-width: 768px) and (max-width: 999px){
.container {
	width: 747px;
	margin: auto;
}

.logo {
	width: 40%;
}
.menu_main {
	width: 60%;
}

.menu_main_full {
	width: 75%;
}
.menu_rlinks {
	width: 25%;
}

}


@media only screen and (min-width: 640px) and (max-width: 767px){
.container {
	width: 590px;
	margin: auto;
}

.logo {
	width: 40%;
}
.menu_main {
	width: 60%;
}

.menu_main_full {
	width: 75%;
}

.menu_rlinks {
	width: 25%;
}
.menu_rlinks .mrbut {
	padding-right: 10px;
	padding-left: 10px;
}
}
@media only screen and (min-width: 480px) and (max-width: 639px){

/* columns */
.one_half, .one_third, .one_fourth, .two_third, .three_fourth, .one_fifth, .onecol_forty, .onecol_sixty, .onecol_thirtyfive,
.one_half_less, .one_third_less, .one_fourth_less, .two_third_less, .three_fourth_less, .one_fifth_less, .onecol_forty_less, .onecol_sixty_less, .onecol_thirtyfive_less {
	position: relative;
	margin-right: 0%;
	float: left;
}
.one_full,
.one_half,
.one_third,
.one_fourth,
.one_fifth,
.two_third,
.three_fourth,
.onecol_forty,
.onecol_sixty,
.onecol_thirtyfive,
.one_full_less,
.one_half_less,
.one_third_less,
.one_fourth_less,
.one_fifth_less,
.two_third_less,
.three_fourth_less,
.onecol_forty_less,
.onecol_sixty_less,
.onecol_thirtyfive_less {
	width: 100%;
	margin-bottom: 50px;
}
.last {
	margin-right: 0 !important;
	margin-bottom: 0 !important;
}

.container {
	width: 440px;
	margin: auto;
}

.logo {
	width: 100%;
}
.menu_main {
	width: 100%;
}

.menu_main_full {
	width: 70%;
}
#logo {    min-height: 50px;}

.slidermar {   margin-top: 130px;}

.menu_rlinks {
	width: 30%;
	display: none;
}
.menu_rlinks .mrbut {
	font-size: 12px;
	padding-right: 2px;
	padding-left: 2px;
}

.menu_main.rslinks {
	width: 72%;
}

.ms-view, .ms-mask-frame, .ms-slide, .ms-view img{ height:200px !important; object-fit:cover; object-position:top left; }

.ms-view img{ margin-top:0 !important; }

.top_nav {    display: none;}

/*==========================================*/
.latest-project-left { display: none;}

.latest-project-right {  width: 100%;}

.current-projects-left {   width: 100%;   margin-right: 0%;}
.current-projects-right {   width: 100%;   margin-right: 0%;}

.strip_img {display: none;}

.current-projects-btn {  padding: 6px 16px;  font-size: 14px;}

.img-responsive { width: 100%;}

.current-projects-odd-left {  width: 100%; }

.current-projects-odd-right {  width: 100%;  margin-left: 0%;}

.latest_projects {  padding: 30px 30px 0px;}

.project-heading h2 { margin-bottom: 30px;    font-size: 28px;}

.margin-top7 {  margin-top: 40px;}


.about-sectio-left {width: 100%;    padding-left: 15px;   padding-right: 15px;}

.about-sectio-center { width: 24%;}

.about-sectio-right {  width: 76%;}

.more-info {  padding: 8px 24px;  font-size: 1em !important;     margin-top: 5px;}

.about-sectio-left p { font-size: 14px;   line-height: 26px; padding-bottom: 16px;}

.about-sectio-left h2 {  padding-top: 40px;    font-size: 28px;}

.about-sectio-left h4 {   font-size: 18px; }

.margin_top6 {   margin-top: 40px;}

.works01 h2 {  font-size: 30px;   margin-bottom: 7px;}

.cbp-l-filters-button .cbp-filter-item {
    font: 400 11px/29px "Poppins", sans-serif !important;
    margin: 10px 6px 0 0 !important;
    padding: 0px 5px !important;
}

.donate-video { margin: 0px 0px 0px; }

.layer {  padding: 30px 0px;}

.layer h1 {   font-size: 1.8em;  line-height: 35px;    margin-bottom: 40px;    margin-top: 10px;}

.counters6 {   padding: 20px !important;}

.counters6 .one_fourth{width: 50%; margin-bottom: 25px }

.counters6 p {   font-size: 13px !important;    line-height: 20px;}

.count-icon {   margin-bottom: 25px !important;   height: 54px;}

.counters6 span {    font-size: 24px !important;}

.counters6 h4 {   padding-top: 18px !important;     font-size: 14px !important;}

.tips-guides {  padding-top: 40px;  padding-bottom: 50px;}

.more-btn {   font-size: 14px;    padding: 6px 38px;}

.tips-guides .tips-guides-box {margin-bottom: 20px;}

.tips-guides-box h3 {  font-size: 19px;}

.featured_section12 { padding: 30px 0px 34px 0px;}

.testi-esc-title {   font-size: 30px;    margin-bottom: 5px;}

.featured_section12 .testi-box .box {    padding: 40px 24px 24px 23px;   font-size: 14px;  line-height: 26px;}

.featured_section12 .testi-box .who {   padding: 20px 0px 3px 26px;}

/*=====footer========*/
.footer-1 { width: 100%; margin-right: 0%;    padding-bottom: 10px;}
.footer-2 { width: 100%; margin-right: 0%; }
.footer-3 { width: 100%; margin-right: 0%; }
.footer-4 { width: 100%; margin-right: 0%; }

.footer h4{  font-weight:600;     font-size: 18px;  margin-bottom: 2px; }

.footer-1 h4{  font-weight:600;  font-size: 26px !important;}

.footer {    padding: 30px 0px 0px 0px;}

.footer-1 li{ padding-bottom: 10px !important;}

.twitter_feeds_three li {   line-height: 26px;   letter-spacing: 0.3px;    font-size: 13px;}

.qlinks li {   width: 50%;    float: left;}

.qlinks li a {   line-height: 25px;  letter-spacing: 0.3px;    font-size: 14px;}

.copyright_info-1 {display: none;}

.copyright_info-2 {  width: 100%;    padding: 20px 0px 20px 0px;}

.footer_social_links li a i { width: 36px;   height: 36px;  line-height: 36px;   font-size: 16px;}

.copyright_info {   line-height: 22px;   letter-spacing: 0.3px;   font-size: 13px;}

/*=====pages=========*/
.vision-box img{  float: left;   margin-right: 20px;}

.vision-box p{overflow: hidden;}

.about-page-image1 {  margin-top: 20px;}

.offer-block {   padding: 30px 0px;    margin-top: 40px;}

.vlaues-sec {  margin-top: 40px;}

.vlaues-sec li {  width: 100%;}

.offer-block h2 {   margin-bottom: 30px;   font-size: 24px;}

.management-team li {  width: 100%;}

.pagebanner-text h1 {   font-size: 28px;}
.page-banner {  background: url(../images/page-banner.jpg) no-repeat right;    margin-top: 120px; background-size: cover;}

.pagebanner-text {    padding: 1.2rem 0px 1rem;}

.inner-page {  padding: 40px 0px;}

.aboutpage-first-title h4 {  padding-left: 15px;    font-size: 0.9rem;    line-height: 1.5rem;}

.aboutpage-block h2 {   font-size: 24px;}

.offer-block h4 {  font-size: 1.1rem;    margin-top: 8px;}

.inner-page p {   line-height: 26px;}

.project-first-left img{float: left; margin-right: 20px}

.project-page h4 {   font-size: 22px;    line-height: 26px;}

.project-page .col-md-6 {margin-bottom: 20px;}

.project-page p{overflow: hidden;}

.project-corevalue ul{margin-bottom: 0px;}

.margin_bottom6 {
    margin-bottom: 40px;
}
.col-md-7.margin_top2{margin-top:0px;}

.project-first-sec video{height: 178px;}

.project-hightlights {  padding: 18px 0px 21px;   margin-top: 40px;}

.hightlights-item {   width: 48.5%;}

.hightlights-item:nth-child(2n+2){margin-right: 0px !important;}

.project-page h2 {   font-size: 26px;   margin-top: 0px;}

.project-about {  padding-top: 40px;   padding-bottom: 40px;}

.alya-list-item { width: 100%; margin-right:0%;}

.project-about h2{margin-top:20px !important; font-size: 20px !important}

.site-map p {  width: 100%;   margin-bottom: 12px;}

.tips-guides-item {   margin-bottom: 30px;}

.tips-guides-item h3 {  font-size: 26px;  line-height: 30px;    margin-bottom: 10px;}

.career-left {  width: 100%;   margin-right: 0%;}
.career-right {  width: 100%;   margin-right: 0%;}

.contactpage-left {   width: 100%;    margin-right: 0%; margin-bottom:  35px;}

.contactpage-right {   width: 100%;    margin-right: 0%; padding-left: 20px;}

.contactpage-left h2 {  margin-bottom: 20px;  font-size: 24px;    line-height: 28px;}

.contact-image {  margin-right: 15px;}

.address-details {    padding-left: 15px;}

.address-item + .address-item {  margin-top: 22px;}

.contactpage-form {    padding: 20px 20px 20px 30px;}

.contactpage-form:before {  width: 34px;}


}

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

/* columns */
.one_half, .one_third, .one_fourth, .two_third, .three_fourth, .one_fifth, .onecol_forty, .onecol_sixty, .onecol_thirtyfive,
.one_half_less, .one_third_less, .one_fourth_less, .two_third_less, .three_fourth_less, .one_fifth_less, .onecol_forty_less, .onecol_sixty_less, .onecol_thirtyfive_less {
	position: relative;
	margin-right: 0%;
	float: left;
}
.one_full,
.one_half,
.one_third,
.one_fourth,
.one_fifth,
.two_third,
.three_fourth,
.onecol_forty,
.onecol_sixty,
.onecol_thirtyfive,
.one_full_less,
.one_half_less,
.one_third_less,
.one_fourth_less,
.one_fifth_less,
.two_third_less,
.three_fourth_less,
.onecol_forty_less,
.onecol_sixty_less,
.onecol_thirtyfive_less {
	width: 100%;
	margin-bottom: 50px;
}
.last {
	margin-right: 0 !important;
	margin-bottom: 0 !important;
}

.container {
	width: 300px;
	margin: auto;
}


.logo {
	width: 100%;
}
.menu_main {
	width: 100%;
}

.menu_main_full {
	width: 70%;
}
#logo {    min-height: 50px;}

.slidermar {   margin-top: 130px;}

.menu_rlinks {
	width: 30%;
	display: none;
}
.menu_rlinks .mrbut {
	font-size: 12px;
	padding-right: 2px;
	padding-left: 2px;
}

.menu_main.rslinks {
	width: 72%;
}

.ms-view, .ms-mask-frame, .ms-slide, .ms-view img{ height:200px !important; object-fit:cover; object-position:top left; }

.ms-view img{ margin-top:0 !important; }

.top_nav {    display: none;}

/*==========================================*/
.latest-project-left { display: none;}

.latest-project-right {  width: 100%;}

.current-projects-left {   width: 100%;   margin-right: 0%;}
.current-projects-right {   width: 100%;   margin-right: 0%;}

.strip_img {display: none;}

.current-projects-btn {  padding: 6px 16px;  font-size: 14px;}

.img-responsive { width: 100%;}

.current-projects-odd-left {  width: 100%; }

.current-projects-odd-right {  width: 100%;  margin-left: 0%;}

.latest_projects {  padding: 30px 30px 0px;}

.project-heading h2 { margin-bottom: 30px;    font-size: 28px;}

.margin-top7 {  margin-top: 40px;}


.about-sectio-left {width: 100%;    padding-left: 15px;   padding-right: 15px;}

.about-sectio-center { width: 24%;}

.about-sectio-right {  width: 76%;}

.more-info {  padding: 8px 24px;  font-size: 1em !important;     margin-top: 5px;}

.about-sectio-left p { font-size: 14px;   line-height: 26px; padding-bottom: 16px;}

.about-sectio-left h2 {  padding-top: 40px;    font-size: 28px;}

.about-sectio-left h4 {   font-size: 18px; }

.margin_top6 {   margin-top: 40px;}

.works01 h2 {  font-size: 30px;   margin-bottom: 7px;}

.cbp-l-filters-button .cbp-filter-item {
    font: 400 11px/29px "Poppins", sans-serif !important;
    margin: 10px 6px 0 0 !important;
    padding: 0px 5px !important;
}

.donate-video { margin: 0px 0px 0px; }

.layer {  padding: 30px 0px;}

.layer h1 {   font-size: 1.8em;  line-height: 35px;    margin-bottom: 40px;    margin-top: 10px;}

.counters6 {   padding: 20px !important;}

.counters6 .one_fourth{width: 50%; margin-bottom: 25px }

.counters6 p {   font-size: 13px !important;    line-height: 20px;}

.count-icon {   margin-bottom: 25px !important;   height: 54px;}

.counters6 span {    font-size: 24px !important;}

.counters6 h4 {   padding-top: 18px !important;     font-size: 14px !important;}

.tips-guides {  padding-top: 40px;  padding-bottom: 50px;}

.more-btn {   font-size: 14px;    padding: 6px 38px;}

.tips-guides .tips-guides-box {margin-bottom: 20px;}

.tips-guides-box h3 {  font-size: 19px;}

.featured_section12 { padding: 30px 0px 34px 0px;}

.testi-esc-title {   font-size: 30px;    margin-bottom: 5px;}

.featured_section12 .testi-box .box {    padding: 40px 24px 24px 23px;   font-size: 14px;  line-height: 26px;}

.featured_section12 .testi-box .who {   padding: 20px 0px 3px 26px;}

/*=====footer========*/
.footer-1 { width: 100%; margin-right: 0%;    padding-bottom: 10px;}
.footer-2 { width: 100%; margin-right: 0%; }
.footer-3 { width: 100%; margin-right: 0%; }
.footer-4 { width: 100%; margin-right: 0%; }

.footer h4{  font-weight:600;     font-size: 18px;  margin-bottom: 2px; }

.footer-1 h4{  font-weight:600;  font-size: 26px !important;}

.footer {    padding: 30px 0px 0px 0px;}

.footer-1 li{ padding-bottom: 10px !important;}

.twitter_feeds_three li {   line-height: 26px;   letter-spacing: 0.3px;    font-size: 13px;}

.qlinks li {   width: 50%;    float: left;}

.qlinks li a {   line-height: 25px;  letter-spacing: 0.3px;    font-size: 14px;}

.copyright_info-1 {display: none;}

.copyright_info-2 {  width: 100%;    padding: 20px 0px 20px 0px;}

.footer_social_links li a i { width: 36px;   height: 36px;  line-height: 36px;   font-size: 16px;}

.copyright_info {   line-height: 22px;   letter-spacing: 0.3px;   font-size: 13px;}

/*=====pages=========*/
.vision-box img{  float: left;   margin-right: 20px;}

.vision-box p{overflow: hidden;}

.about-page-image1 {  margin-top: 20px;}

.offer-block {   padding: 30px 0px;    margin-top: 40px;}

.vlaues-sec {  margin-top: 40px;}

.vlaues-sec li {  width: 100%;}

.offer-block h2 {   margin-bottom: 30px;   font-size: 24px;}

.management-team li {  width: 100%;}

.pagebanner-text h1 {   font-size: 28px;}
.page-banner {  background: url(../images/page-banner.jpg) no-repeat right;    margin-top: 120px; background-size: cover;}

.pagebanner-text {    padding: 1.2rem 0px 1rem;}

.inner-page {  padding: 40px 0px;}

.aboutpage-first-title h4 {  padding-left: 15px;    font-size: 0.9rem;    line-height: 1.5rem;}

.aboutpage-block h2 {   font-size: 24px;}

.offer-block h4 {  font-size: 1.1rem;    margin-top: 8px;}

.inner-page p {   line-height: 26px;}

.project-first-left img{float: left; margin-right: 20px}

.project-page h4 {   font-size: 22px;    line-height: 26px;}

.project-page .col-md-6 {margin-bottom: 20px;}

.project-page p{overflow: hidden;}

.project-corevalue ul{margin-bottom: 0px;}

.margin_bottom6 {
    margin-bottom: 40px;
}
.col-md-7.margin_top2{margin-top:0px;}

.project-first-sec video{height: 178px;}

.project-hightlights {  padding: 18px 0px 21px;   margin-top: 40px;}

.hightlights-item {   width: 48.5%;}

.hightlights-item:nth-child(2n+2){margin-right: 0px !important;}

.project-page h2 {   font-size: 26px;   margin-top: 0px;}

.project-about {  padding-top: 40px;   padding-bottom: 40px;}

.alya-list-item { width: 100%; margin-right:0%;}

.project-about h2{margin-top:20px !important; font-size: 20px !important}

.site-map p {  width: 100%;   margin-bottom: 12px;}

.tips-guides-item {   margin-bottom: 30px;}

.tips-guides-item h3 {  font-size: 26px;  line-height: 30px;    margin-bottom: 10px;}

.career-left {  width: 100%;   margin-right: 0%;}
.career-right {  width: 100%;   margin-right: 0%;}

.contactpage-left {   width: 100%;    margin-right: 0%; margin-bottom:  35px;}

.contactpage-right {   width: 100%;    margin-right: 0%; padding-left: 20px;}

.contactpage-left h2 {  margin-bottom: 20px;  font-size: 24px;    line-height: 28px;}

.contact-image {  margin-right: 15px;}

.address-details {    padding-left: 15px;}

.address-item + .address-item {  margin-top: 22px;}

.contactpage-form {    padding: 20px 20px 20px 30px;}

.contactpage-form:before {  width: 34px;}



}