@charset "utf-8";

@media screen and (max-width:1600px) {
    .about_middle_content {padding-left: 150px;padding-right: 85px;}
    #about_section .about_left_img {left: -180px;margin-top: 70px;width: 27%;}
    #about_section .about_right_img {right: -194px;margin-top: 30px;width: 25%;}
}

@media screen and (max-width:1500px) {
    .about_middle_content {padding-left: 200px;padding-right: 200px;}
    #about_section .about_left_img {left: -110px;margin-top: 100px;width: 25%;}
    #about_section .about_right_img {right: -94px;margin-top: 0px;width: 25%;}
}

@media screen and (max-width:1370px) {
    .about_middle_content {padding-left: 200px;padding-right: 200px;}
    #about_section .about_left_img {left: -80px;margin-top: 100px;width: 22%;}
    #about_section .about_right_img {right: -34px;margin-top: 0px;width: 22%;}
}

@media screen and (max-width:1280px) {
    .about_middle_content {padding-left: 220px;padding-right: 220px;}
    #about_section .about_left_img {left: -30px;width: 20%;}
    #about_section .about_right_img {right: 0;margin-top: 0px;width: 20%}
}

@media screen and (max-width:1200px) {
.inner_width { width: 95%; }
.filters {width:95%;}
#pieone, #pietwo, #piethree, #piefour { margin: 0; padding: 0 20px; width: 25% !important; }
.skill_more ul li { width: 25%; }
.circle-text, .circle-info, .circle-text-half, .circle-info-half { left: 0; text-align: center; }
.about_middle_content { float: left; padding-left: 25%; width: 100%; padding-right: 25%; text-align: justify; }
#about_section .about_left_img { left: 0; margin-top: 10%; width: 23%; }
#about_section .about_right_img { right: 0; margin-top: 10%; top: 0; width: 24%; }
}
@media screen and (max-width:1170px) {
    .filters .filter a {margin-right: 7px;margin-bottom: 10px;}
    .filters .container ul li {}
    .filters .filter{padding-bottom:10px;}
	.video-modal iframe {
		width: 100%;
	}
	.video-modal .modal-content {    
		margin: 0px 15px;
	}
}
@media screen and (max-width:1024px) {
nav#navigation { margin-top: 15px; }
nav#navigation ul.navigation_ul > li > a { font-size: 14px; }
nav#navigation ul.navigation_ul > li { margin: 0 10px; }
#inner_header { min-height: inherit; padding-bottom: 0; }
#header { height: 95px; }
}
@media screen and (max-width:990px) {
.inspirational_left h1, .about_middle_content h1, #news_section h1, #media_wrapper .section-title, #testimonials_section .heading_new_two, #skills_wrapper .section-title, #supporters_wrapper .section-title { font-size: 30px; margin-left: 0; margin-right: 0; }
#skills_wrapper .section-title, #supporters_wrapper .section-title { color: #000; text-align: center; }
.donators_list li .donator_content h1, .heading_new { font-size: 22px; }
.media_block_list li .media_content { padding: 0 5px; }
#owl-demo .item { margin: 20px; }
.btn_donate { font-size: 16px; width: 255px; height: 60px; line-height: 60px; margin-left: 0; }
.btn_donate img { text-align: center; margin-left: 20px; float: left; margin-top: 17px; margin-right: 20px; width: 25px; }
#pieone, #pietwo, #piethree, #piefour { font-size: 18px; text-align: center; }
#skills_wrapper canvas { display: block; width: 100%; }
.circle-text, .circle-info, .circle-text-half, .circle-info-half { top: 50%; font-size: 26px !important; line-height: 1 !important; }
}
@media screen and (max-width:960px) {
}
@media screen and (max-width:900px) {
nav#navigation ul.navigation_ul > li { margin: 0 5px; }
.inspirational_left h1, .about_middle_content h1 { font-size: 26px; }
.about_middle_content p { font-size: 14px; margin: 0; margin-bottom: 20px; line-height: 25px; }
.donators_list li .donator_content h1, .heading_new { font-size: 20px; }
.donators_list li .donator_content p { font-size: 14px; line-height: 20px; }
.skill_bar h1 { font-size: 30px; margin: 0; }
#supporters_wrapper ul.supporters_list li { margin: 0 20px; }
#social_icons a { width: 70px; height: 70px; line-height: 70px; font-size: 30px; }
}
@media screen and (max-width: 800px) {
nav#navigation ul.navigation_ul > li > a { font-size: 12px; }
.inspirational_left { width: 100%; }
.btn_donate { font-size: 16px; margin-left: 0; margin-top: 0; float: left; margin-bottom: 20px; }
svg.sland-type2 { height: 30px; }
svg.sland-type8 { height: 30px; }
#owl-demo .item { padding: 0; }
#news_and_events_wrapper ul li { float: left; padding: 10px 20px; width: 20%; margin: 0; }
.news_img_over { width: 100%; height: auto; }
.news_img img { width: 100%; height: auto; }
#news_and_events_wrapper ul { padding: 0; }
#pieone, #pietwo, #piethree, #piefour { font-size: 16px; text-align: center; padding: 0 10px; }
.donators_list li { width: 33.33%; text-align: center; margin: 0; padding: 0 10px; }
.testimonials_content_slider .flexslider .testimonials_content p { font-size: 18px; line-height: 25px; }
#supporters_wrapper ul.supporters_list li { margin: 0 10px; width: 60px; }
}
 @media screen and (max-width:768px) {
.donators_list li .donator_img { width: 190px; height: 190px; }
.donators_list li .donator_content h1, .heading_new { font-size: 18px; }
.donators_list li .donator_content p { font-size: 13px; line-height: 18px; }
#news_and_events_wrapper ul li { width: 25%; }
#pieone, #pietwo, #piethree, #piefour { font-size: 22px; text-align: center; padding: 0 10px; width: 50% !important; margin-bottom: 20px; }
.donetor_list_wrapper, #testimonials_photogallery_wrapper, #media_wrapper { background-size: cover; background-attachment: inherit; background-position: top center; }
}
@media screen and (max-width: 767px) {
nav#navigation { height: auto; width: 100%; position: relative; top: 0px; width: 152px; right: 0; z-index: 99; }
nav#navigation ul { width: 100%; display: block; height: auto; background: rgba(255,255,255,0.84); }
nav#navigation ul.navigation_ul { position: absolute; right: 0; top: 31px; z-index: 999; }
nav#navigation li { width: 50%; float: left; position: relative; }
nav#navigation { border-bottom: 0; margin-bottom: 10px; }
nav#navigation ul { display: none; height: auto; }
nav#navigation .img_icon { display: none; }
nav#navigation a#pull { position: relative; text-indent: 20px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; color: transparent; float: right; display: block; }
nav#navigation a#pull:hover:after { background: url(../img/responsive_img_hover.png) no-repeat; }
nav#navigation a#pull:after { content: ""; background: url(../img/responsive_img.png) no-repeat; width: 25px; height: 20px; display: inline-block; position: absolute; right: 5px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; top: 0; }
nav#navigation li { display: block; float: none; width: 100%; }
nav#navigation ul.navigation_ul > li { margin: 0; }
nav#navigation > ul > li > a { }
nav#navigation ul.navigation_ul > li > a { font-size: 12px; font-family: 'robotolight'; margin: 5px 0; }
nav#navigation ul.navigation_ul > li.active > a, nav#navigation ul.navigation_ul > li:hover > a, nav#navigation ul.navigation_ul > li:focus > a { border: none; color: #F59D00; border-bottom: none; font-weight: bold; }
nav#navigation ul.navigation_ul > li.last_second { margin-left: 0; margin-right: 0; }
.btn_donate { width: auto; height: auto; padding: 0px 20px 0 0; }
#inner_header { max-height: inherit; position: relative !important; }
#header { height: 0; min-height: 95px; }
#bottom_to_top { position: fixed; bottom: 10px; right: 10px; z-index: 9999; background: rgba(0, 0, 0, 0.47); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.navigation_ul.desktop { display: none !important; }
.navigation_ul.mobile { display: block; }
.header_Right {width: 55%;}
}
@media screen and (max-width:680px) {
.header_Right {float: right;width: 62%;}
}
 @media screen and (max-width:640px) {
svg.sland-type2, svg.sland-type8, svg.sland-type5, svg.sland-type6 { display: none; }
.bottom_arrow img { width: 50px; }
.about_middle_content { padding-left: 0; padding-right: 0; }
#about_section .about_left_img { position: relative; width: 45%; }
#about_section { padding-bottom: 30px; }
#about_section .about_right_img { width: 45%; }
.donators_list li { width: 50%; margin-bottom: 20px; }
}

@media screen and (max-width:600px) {
.header_Right { float: right; width: 65%; }
.brand-logo {display: block;width: 30%;}
}

@media screen and (max-width:568px) {
#inner_header { text-align: center;max-height: inherit;}
.brand-logo { display: inline-block; float: none; }
.header_Right { float: right; width: 100%; }
.header_top_right .contact_info_top_header ul li { width: auto; float: none; display: inline-block; }
.header_top_right .contact_info_top_header { width: 100%; }
nav#navigation { border-bottom: 0; margin-bottom: 20px; margin-top: 0; float: right; position: relative; }
#header { height: auto; }
nav#navigation ul.navigation_ul { top: 41px; }
.donetor_list_wrapper, #testimonials_photogallery_wrapper, #media_wrapper { background-size: cover; background-attachment: inherit; background-position: top center; }
.donators_list { margin: 30px 0 10px 0; }
#news_and_events_wrapper ul li { width: 33.33%; }
.skill_more ul li { padding: 10px 10px 0; }
}
 @media screen and (max-width:480px) {
.inspirational_left h1, .about_middle_content h1 { font-size: 20px; }
.inspirational_left h1, .about_middle_content h1, #news_section h1, #media_wrapper .section-title, #testimonials_section .heading_new_two, #skills_wrapper .section-title, #supporters_wrapper .section-title { font-size: 24px; margin-left: 0; margin-right: 0; }
#pieone, #pietwo, #piethree, #piefour { font-size: 20px; }
.skill_bar { padding: 20px; }
.skill_bar h1 { font-size: 20px; }
.donators_list li { width: 100%; margin-bottom: 20px; }
#slider { z-index: 1000; }
#slider .flexslider .flex-direction-nav .flex-next, #slider .flexslider .flex-direction-nav .flex-prev { background-size: 25px; }
#slider .flexslider .flex-direction-nav a { width: 25px; }
.about_middle_content { margin-top: 35px; }
.media_block_list li .media_img_section { width: 60%; }
#supporters_wrapper ul.supporters_list li { margin: 0 10px; width: 50px; }
.testimonials_content_slider .flexslider .testimonials_img img {width: 70px;}
.brand-logo {width: 40%;}
}
 @media screen and (max-width:380px) {
#inner_header-sticky-wrapper { height: auto !important; }
#news_and_events_wrapper ul li { width: 50%; }
#pieone, #pietwo, #piethree, #piefour { font-size: 22px; width: 100% !important; }
#skills_wrapper canvas {display: block;width: 70%;float: none;display: inline-block;margin: 0 auto;}
.testimonials_content_slider .flexslider .testimonials_content p { font-size: 14px; line-height: 22px; }
#supporters_wrapper { padding: 0 0 30px; }
#supporters_wrapper ul.supporters_list li { margin: 0 5px; width: 40px; }
}
@media screen and (max-width:320px) {
#slider .flexslider .flex-direction-nav .flex-next, #slider .flexslider .flex-direction-nav .flex-prev { background-size: 18px; }
.inspirational_left h1, .about_middle_content h1, #news_section h1, #media_wrapper .section-title, #testimonials_section .heading_new_two, #skills_wrapper .section-title, #supporters_wrapper .section-title { font-size: 20px; }
.inspirational_left p { font-size: 13px; }
.btn_donate { font-size: 13px; line-height: 50px; }
.btn_donate img { margin-left: 20px; margin-top: 11px; }
#supporters_wrapper ul.supporters_list li:last-child { margin-top: 20px; }
#social_icons a { width: 50px; height: 50px; line-height: 50px; font-size: 25px; }
.footer_bottom_text { padding: 20px; line-height: 24px; }
#supporters_wrapper .section-title { margin-top: 30px; }
}