@-ms-viewport {
 width: device-width;
}
@viewport {
 width: device-width;
}

@media screen and (max-width: 1400px) {
.nav-bar-ctnr {padding:20px 50px 20px 50px;}
.wrapper {padding:0 50px;}
.who-is-CSB-ctnr figure {margin:90px auto 0 auto;}
.who-is-CSB-ctnr h2, .CSB-team h2, .recent-blog-wrapper h2, .lets-talk-info h2, .testimonial-wrapper h2 {font-size:46px; margin-top:50px;}
.home-banner-wrapper h1 {font-size:56px;}
.who-is-CSB-ctnr p {font-size:22px;}
.who-we-are-ctn article h2, .service-sec2-ctnr h2, .what-people-says-ctnr h2, .dream-team-ctnr h2 {font-size:46px;}
.donate-now-wrapper {padding:40px; margin-top:90px;}
.CSB-team, .recent-blog-wrapper {padding:90px 0;}
.recent-blog-wrapper ul li img, .media-wrapper ul li img, .video-wrapper ul li video, .blog-left ul li img {height:280px;}
.lets-talk-wrapper {padding:90px 50px;}
.who-we-are-ctn article.padding-rgt {padding-right:90px;}
.who-we-are-ctn article.padding-lft {padding-left:90px;}
.lets-talk-info {padding-right:50px; width:45%;}
.lets-talk-form {width:55%;}
.testimonial-wrapper {padding:90px;}
.who-we-are-wrapper, .who-we-are-wrapper.service-page, .service-sec2-wrapper, .media-wrapper ul li, .video-wrapper ul li, .family-support-sec2, .dream-team-ctnr, .trench-banner-wrapper, .lets-talk-banner-wrapper, .foot-marg-top120 {margin-top:90px;}
.service-sec2-wrapper {padding-top:90px;}
.service-sec2-ctnr {padding:60px;}
.servicepage-testi-info {padding-top:40px;}
.servicepage-testi-info article p {font-size:22px;}
.servicepage-testi-info article {width:73%;}
.servicepage-testi-info div {width:26%;}
.test-quote-icon {width:130px;}
.download-wrapper {padding:90px 50px 0 50px;}
.blogpage-wrapper {padding-top:0;}
.blog-left ul li {margin:90px 2.5% 0 2.5%;}
.blog-right {margin-top:80px;}
.who-we-are-wrapper.service-page.mrg-btm {margin-bottom:90px;}
.dream-team-ctnr ul {margin-top:40px;}
.dream-team-ctnr ul li {padding:40px;}
}

@media screen and (max-width: 1200px) { 
.home-banner-wrapper figure img {width:auto; height:565px;}
.donate-now-wrapper h2 {font-size:36px;}
.who-we-are-wrapper {margin-top:90px;}
.donate-now-wrapper {padding:30px;}
.recent-blog-wrapper ul li img, .media-wrapper ul li img, .video-wrapper ul li video, .blog-left ul li img {height:220px;}
.who-is-CSB-ctnr p {font-size:20px;}
p {font-size:16px;}
.lets-talk-form p.half {width:48.2%;}
.who-we-are-ctn article.padding-rgt {padding-right:60px;}
.who-we-are-ctn article.padding-lft {padding-left:60px;}
.servicepage-testimonial-ctnr, .what-people-says-ctnr {float:none; width:100%;}
.service-sec2-ctnr {max-width:75%; margin-left:20%;}
.download-wrapper {border:none; padding:60px 50px 0 50px; margin-top:0;}
.dowload-ctnr {float:none; width:100%;}
.download-wrapper .dowload-ctnr:first-child {padding-right:0;}
.download-wrapper .dowload-ctnr:last-child {padding-right:0; padding-left:0; margin-top:60px;}
.media-wrapper ul li, .video-wrapper ul li {margin-top:60px;}
.blog-left ul li {margin:70px 2.5% 0 2.5%;}
.blog-right {margin-top:60px;}
.who-we-are-wrapper, .who-we-are-wrapper.service-page, .service-sec2-wrapper, .media-wrapper ul li, .video-wrapper ul li, .family-support-sec2, .dream-team-ctnr, .trench-banner-wrapper, .lets-talk-banner-wrapper, .foot-marg-top120 {margin-top:70px;}
.dream-team-ctnr ul li {padding:30px;}
.trench-banner-wrapper div.trench-banner-ctn div {padding:0 10%;}
.trench-ctn-wrapper ul {margin-top:60px;}
}
@media screen and (max-width: 1000px) { 
.nav-bar-ctnr {padding:20px 30px 20px 30px;}
.hb-banner {display:none;}
.hb-banner-mob {display:block;}
.home-banner-wrapper figure img {width:100%; height:auto;}
.home-banner-wrapper h1 {background-color:#1b4182; font-size:46px; color:#fff; transform:none; position:relative; top:inherit; left:inherit; padding:20px;}
.lets-talk-form p.half {width:100%; margin:3% 0 0 0;}
.recent-blog-wrapper ul li, .media-wrapper ul li, .video-wrapper ul li {width:44%;}
.who-we-are-ctn article.padding-rgt {padding-right:50px;}
.who-we-are-ctn article.padding-lft {padding-left:50px;}
.donate-now-wrapper h2 {font-size:32px;}
.blog-left ul li {width:90%; margin:70px 2.5% 0 2.5%; display:block;}
.dream-team-ctnr ul {margin-top:30px;}
.dream-team-ctnr ul li {width: calc(100% / 2);}
.dream-team-ctnr ul li:nth-of-type(odd) {background-color:#fff;}
.trench-banner-wrapper div, .trench-ctn-wrapper ul {width: calc(100% / 1);}
.trench-banner-wrapper div.trench-banner-ctn div {position:relative; padding:50px 5%;}
.trench-ctn-wrapper ul {margin-top:60px;}
.trench-ctn-wrapper ul {padding:0 50px;}
}

@media screen and (max-width: 700px) {
header {padding-top:10px !important;}
.nav-bar-ctnr {padding:10px 20px;}
.home-banner-wrapper h1 {font-size:40px;}
.who-is-CSB-ctnr h2, .CSB-team h2, .recent-blog-wrapper h2, .lets-talk-info h2, .testimonial-wrapper h2 {font-size:40px; margin-top:40px;}
.who-is-CSB-ctnr figure {margin:60px auto 0 auto;}
.wrapper {padding:0 20px;}
.who-is-CSB-ctnr p, .who-we-are-ctn article p, .service-sec2-ctnr p {margin-top:30px;}
.who-we-are-wrapper {display:block; border-bottom:solid 1px #ccc; padding-bottom:60px;}
.who-we-are-ctn article.padding-rgt {padding-right:0;}
.who-we-are-ctn article.padding-lft {padding-left:0;}
.who-we-are-ctn article h2, .service-sec2-ctnr h2, .what-people-says-ctnr h2, .dream-team-ctnr h2  {font-size:40px;}
.who-we-are-ctn, .who-we-are-ph {margin-top:20px;}
.CSB-team, .recent-blog-wrapper {padding:60px 0;}
.recent-blog-wrapper ul li, .media-wrapper ul li, .video-wrapper ul li {width:87%; margin:50px auto 0 auto;}
.lets-talk-wrapper {padding:60px 20px;}
.lets-talk-info {padding-right:0; width:100%;}
.lets-talk-form {width:100%; margin-top:30px;}
.donate-now-wrapper h2 {font-size:26px;}
.donate-now-wrapper p {margin-top:20px;}
.testimonial-wrapper {padding:70px 0;}
.primary-btn, .donate-now-wrapper p a, .lets-talk-form input[type=submit] {font-size:14px; padding:17px 25px;}
.who-we-are-wrapper, .donate-now-wrapper, .who-we-are-wrapper.service-page, .service-sec2-wrapper, .dream-team-ctnr, .trench-banner-wrapper, .lets-talk-banner-wrapper, .foot-marg-top120 {margin-top:60px;}
.service-sec2-wrapper {padding-top:0; background-position-x:-450px;}
.service-sec2-ctnr {max-width:inherit; margin-left:0; padding:30px;}
.test-quote-icon {width:100px;}
.servicepage-testi-info article {width:100%; padding-right:0; display:block;}
.servicepage-testi-info div {width:100%; margin-top:30px; display:block;}
.servicepage-testimonial-ctnr {padding:50px 20px 40px 20px;}
.m-br-pd-none {padding-bottom:0; border:none;}
.download-wrapper {border:none; padding:60px 20px 0 20px; margin-top:0;}
.dowload-ctnr figure img {float:none; width:100%; height:300px;}
.dowload-ctnr div {float:none; width:100%; padding-left:0; margin-top:30px;}
.blog-left ul li {width:100%; margin:60px auto 0 auto;}
.blog-left {width:100%;	float:none;	padding:0 20px;}
.blog-right {width:100%; float:none; padding:0 20px; margin-top:60px;}
.family-support-sec2 {margin-top:60px;}
.who-we-are-wrapper.service-page.mrg-btm {margin-bottom:60px;}
footer span {display:block;}
footer .gap {display:none;}
.csb-story h2 {margin-top:30px !important;}
.dream-team-ctnr ul li {width: calc(100% / 1);}
.dream-team-ctnr ul li {padding:20px;}
.trench-ctn-wrapper {margin-top:40px;}
.trench-banner-wrapper div.trench-banner-ctn div {padding:40px 7%;}
.trench-ctn-wrapper ul {padding:0 30px !important; margin-top:0;}
.lets-talk-banner-wrapper figure img {height: 150px; object-fit: cover;}
}
@media screen and (max-width: 380px) {
.logo {width:160px;}
footer {font-size:14px; padding:30px 10px;}
footer p {font-size:14px; line-height:2;}
}