.footer-col .donat-btn{
 margin: 0; 
 height: 54px;
 line-height: 0;
}
.footer-col { padding: 41px 0px 30px 0px; }
.footer-col b{font-size: 16px;}
.footer-col .donat-text img{padding-top: 18%;}
.mobile-nav .parent-toggle .parent .child-items span.cross{margin-top:6px;}

ul li{color:#63656a;}
.map-link:hover{color:#1c355e;}
.map-link:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
.map-link::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #e2e6f2;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.about-three-bg .donat-btn, .aprch-btn .donat-btn{
    
    margin: auto;
    width: auto !important;
    padding: 20px 50px;
    height: auto;

}
.about-three-bg .donat-btn a span, .aprch-btn .donat-btn a span{font-weight: bold;}
.project-detail pre:before {content: open-quote;}
.project-detail pre:after {content: close-quote;}
.addtoany_list a img{width:32px;}
.addtoany_share_save_container{
    margin:25px 24% !important;
}
.search-container .pagination h2{display: none;}
footer .error{color: #E65400;}
/*.map-icons-container{display: none;}*/
.map-icons-container{display: block; background: #e2e6f2;}
.map-icons-container img{height: 37px !important;}
.map-icons-container .elementor-col-50:nth-child(1){width: 30% !important;}
.lead_div h6{color: #1c355e !important;}
.content-detail h4 a{color: #1c355e !important;vertical-align: unset;}

/*Banner Module*/
.banner-container .elementor-element-populated{padding: 0 10px !important;}
.banner-container .banner-container2{min-height: 538px;left:-10px;}
.banner-container .banner-container2 h1{width: 500px;font-family: 'Century Gothic', sans-serif !important;color:white !important;font-size: 54px;line-height: 60px;font-weight: 700;margin: 260px 0 0 95px;}
.banner-container .banner-container2 p{width: 500px;padding: 15px 0 0 0;font-family: 'Century Gothic', sans-serif !important;color: #fff !important;margin: 0 0 0 95px;font-size: 18px;}

/*.our-approach-container{background: unset;}
.our-approach-container:before {
  position: absolute;
  content: '';
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background: red;
  transform: rotateX(45deg) rotateZ(45deg);
}
*/

@media(min-width: 1300px){
	.our-approach .work-content{width: 650px !important;}
}

@media(min-width: 768px){
	.banner-container .banner-for-mobile img{width: 10px;}
	.mobile-nav{display: none;}
	.our-stories-module-parent{display: none;}
	.map-icons-container .elementor-col-50:nth-child(1) p{text-align: center;}
	.our-stories-module-parent{margin-right: 8px;margin-left: 8px;}
	.our-stories-module-parent .load-more-btn{margin-left: 1.5%;}
	.our-stories-module-parent .featured-text h2{font-size: 54px !important;}
	.our-stories-module-parent h2{padding-top: 4% !important;font-size: 54px !important;line-height: 55px !important;}
	.our-stories-module-parent p{font-size: 18px !important;}
}
@media(max-width: 768px){
	.stories-featured-container{display: none !important;}	
	/* Our Stories Module*/
	.our-stories-module-parent{margin-bottom: 40%;display: block;}	
	/*.our-stories-module-parent{padding: 10% 0;padding-bottom: 40%;display: block;}	*/
	/*.our-stories-module-parent .stories-inner{background: #00325F;}*/
	.our-stories-module-parent{background: #00325F;}
	.our-stories-module-parent .featured-text{position: absolute;top: -4%;}
	.our-stories-module-parent .story2-image,.our-stories-module-parent .story3-image{padding-top: 15%;}
	.our-stories-module-parent .story1-image,.our-stories-module-parent .story2-image,.our-stories-module-parent .story3-image{padding-left: 15px;padding-right: 15px;}
	.our-stories-module-parent .story3-text{padding-bottom: 15% !important;}
	.our-stories-module-parent h2,.our-stories-module-parent p,.our-stories-module-parent a{color: #fff !important;font-family: 'Century Gothic', sans-serif !important;}
	.our-stories-module-parent .featured-text h2{color: #E65400 !important;padding: 15% 15px;font-size: 36px;}
	.our-stories-module-parent .load-more-btn{width: 93% !important;position: absolute;bottom: -5.5%;left: 15px;padding-top: 3% !important;padding-bottom: 3% !important;}	
	.our-stories-module-parent p{padding: 6% 0 !important;}
	.our-stories-module-parent .build-link a{margin-bottom: 10px;padding: 0px !important;font-size: 16px !important;font-weight: 700 !important;background: #00325F !important;}
	.our-stories-module-parent .story-text{padding: 0 15px;}
	.our-stories-module-parent .build-link{width: 88px !important;}
	.our-stories-module-parent .story-image .elementor-col-50:nth-child(1),.story-text .elementor-col-50:nth-child(2){width: 100% !important;}
	.our-stories-module-parent .story-image img{width: 100% !important;}
}
@media(max-width: 767px){

.banner-container .banner-for-mobile{display: none;}
	.banner-container{background-size: cover;}
	.banner-container .banner-container2{background-image: unset !important;}
	.banner-container .banner-container2 h1,.banner-container .banner-container2 p{margin-left: 0px;}
	.banner-container .banner-container2 h1{font-size: 36px;line-height: 40px;width: unset;margin-top: 360px;}
	.banner-container .banner-container2 p{font-size: 16px;width: unset;}
    .our-stories-module-parent h2{padding-top: 17% !important;line-height: 40px !important;}
    .our-stories-module-parent .featured-text{top: -8%}
    .our-stories-module-parent{margin-top: 40%;}
    .our-stories-module-parent h2{line-height: 40px !important;}
.hexagon .img-box {
    min-height: 230px !important;
    padding: 60px 5px 5px 5px !important;
}
	.our-project-container { background-position: 15% 50% !important;  }
.map-icons-container{display: block; background: #e2e6f2;}

.map-icons-container .elementor-col-50:nth-child(1){width: 40% !important;}
.map-icons-container .elementor-col-50:nth-child(2){width: 60% !important;}
/*	.map-icons .icons:nth-child(1){background: url('../images/YB_Icon-Map-Location-USA.png');}
	.map-icons .icons:nth-child(2){background: url('../images/YB_Icon-Map-Location-International.png');}*/

	.mobile-nav{
	font-family:'Century Gothic', sans-serif;	
	height: auto;
	width: 100%;
	display: none;
	background:#e2e6f2;
	position: absolute;
	top:0;
	left: 0;
	z-index: 9;
	padding-bottom: 10%;
}
.mobile-nav .header-top .col-sm-6{width: 50%;text-align: left;}
.mobile-nav .header-top .col-sm-12{text-align: center;margin-top: 5%;}
.mobile-nav .header-top{margin: 0 -15px;display: block;}
.mobile-nav .header-top a{color: #fff;}
.mobile-nav .logo-and-icon{
	padding-top: 10%;
}
.mobile-nav .logo-and-icon span.logo img{max-width: 60%;}
.mobile-nav .logo-and-icon .cross-icon1{float: right;}
.mobile-nav .logo-and-icon span.cross-icon1 img{height: 25px;}
.mobile-nav ul li{
	list-style-type: none;
}
.mobile-nav a{color: unset;}
.mobile-nav ul.parent-toggle{
	padding-left: 0px;
}
.mobile-nav .parent-toggle .parent p span:nth-child(2){
	float: left;
}
.mobile-nav > ul > li > a{
	font-weight: bold;
}
.mobile-nav .parent-toggle .parent span.cross{
	height: 23px;
	width: 23px;
	background: url(../images/close.svg) center no-repeat;
	float: right !important;
}
.mobile-nav .parent-toggle .parent span.plus{
	height: 23px;
	width: 23px;
	background: url(../images/plus.svg) center no-repeat;
	float: right !important;
}
.mobile-nav .parent-toggle .parent .child-items span.plus{margin-top: 6px;}
.mobile-nav ul li.parent ul{display: none;}

.mobile-nav ul li:nth-child(2) ul{display: block;}
.mobile-nav .search-content{
	position: unset;
	background: unset;
}
.mobile-nav .search-textbox{
	height: 40px;
}
.mobile-nav .search-btn{
	top: 23%;
    right: 7%;
}
.mobile-nav ul li.parent:not(:nth-child(1)){padding: 0 5%;}
.mobile-nav ul li.parent p{font-weight: bold;}
.mobile-nav ul li.parent{padding:7px 0 !important;}
.mobile-nav ul li.parent ul.child-items{padding-left: 15px;}
.mobile-nav ul li.parent ul{padding-top: 15px;}
.mobile-nav ul li.parent ul.child-items li{padding:5px 0 !important;}

.mobile-nav .search-and-nav-detail-content{display:unset;}
.mobile-nav .search-textbox{width: 100% !important;min-width: 100%;}
.mobile-nav  ul  li  a{color:#1C355E;font-size: 18px;}
.mobile-nav ul li.parent ul.child-items li a{font-size: 16px;}
/*Chnages for Hamburger*/
.mobile-nav .search-btn{top:16%;right: 10px;}
.mobile-nav .parent-toggle .parent > p > span.plus {margin-top: -9%;}
.mobile-nav .parent-toggle .parent > p > span.cross {margin-top: -9%;}
.mobile-nav .parent-toggle .parent .child-items span.plus{margin-top: 3.3%;i}
.mobile-nav .footer-col .donat-btn{color: #fff;}
.mobile-nav .search-btn{height: 24px;width: 24px;}
.menu-toggler{border-bottom: unset;margin-top: 5%;}
.our-approach-container {
    margin: 10% 0;
    height: auto;
    min-height: 1615px !important;
    background: none;
    background-color: #1c355e;
    padding: 50px 0px;
} 
	body,html{overflow-x: hidden;}	
	.bread-and-nav-detail-content .bread-content a{padding-left: 0;}
	.related-content .clearboth a{padding-left: 15px;}
	/*Home Page*/
	.bulding-container .elementor-col-50:nth-child(1) h1{padding-top: 30%;}
	.future-container{padding-bottom: 25%;}
	.containerr{padding-top: 15%;}
	.containerr h4{font-size: 16px;font-weight: normal;}
	.starbucks-content{padding-top: 15%;}
	.starbucks-content .img-box{background:#e2e6f2;padding: 0;height: auto;min-height: unset;}
	footer{padding:40px 0 75px 0;}
	footer .name-content,footer .address-content{width: 70%;}
	footer .address-content{padding:5% 0;}
	footer .load-more-btn{width: 50%;}	
	footer .row:not(:nth-child(1)) .col-lg-3{width: 50%;}	
	footer .row:nth-child(1) .col-lg-3{width: 100%;}
	.footer-col .footer-social-link {
    	margin-right: 0;
    	padding: 7px;
    	width: unset !important;
	}
	.donat-text img{width: 100%;}
	.footer-col .donat-text img{padding-top: 0 !important;}
	.donat-text{padding: 12% 0 0 0;}
	footer .name-content, footer .address-content{width: 94.8%;}

	/*Why YouthBuild Page*/
	.bulding-container h1{font-size: 36px;margin-left: 0;}
	.potential-content h1{font-size: 36px;padding: 0 3% 5% 3%;}
	.potential-content p{font-size: 16px;padding: 0 3% 0% 3%;}
	.content-detail h1{font-size: 36px;}
	.content-detail p{font-size: 16px;}
	.ce-model .future-box{width: 50%;}	
	.news-content{padding-top: 15%;padding-bottom: 0;}
	.news-content h3{text-align: center;margin-bottom: 15%;}
	.news-content p{font-size: 16px;}
	.news-content .build-link{margin-bottom: 20%;}
	.newsright{border-bottom: unset;}
	.newsright{border-top: 2px solid #e2e6f2;padding-top: 20%}
	.content-detail {margin-bottom: 13%;}
	.ce-future-container{padding-top: 12%;}
	.our-values-module-why-yb .para .elementor-widget-container{padding: 0 !important;}
	.hex2{margin-top: 20%;}
	.ce-model .plus-sign{display: none;}
	.wy-future-container{margin-top: 0;}
	.newsright{padding-left: 15px;padding-right: 15px;}
	.future-box span { color: #1C355E !important;font-size: 18px !important; }
	.wy-future-container h2, .ce-future-container h2{font-size: 36px;}

	/*Our Approach Page*/
	.work-content h1{font-size: 36px;line-height: 40px;padding-bottom: 5%;}
	.work-content h4{font-size: 20px;}
	.work-content h4 a{font-size: 20px;}
	.work-content{padding-top: 15%;}
	.our-approach-container {margin:25px 0;height: 1000px;}
	.approach-inter h2{padding-top: 0;}
	.our-approach-container p{padding-right: 0;}
	.our-approach-container .elementor-col-33:nth-child(1) h2{font-size: 36px;padding-bottom: 3%;}
	.our-approach-container .elementor-col-33:nth-child(3){padding-right: 0;}
	.our-approach-container .elementor-col-33:nth-child(3) h2{padding: 15% 0 3% 0;margin:0;font-size: 36px;} 
	.our-approach-container .elementor-col-33:nth-child(3) p{padding-left: 0;margin:0;}
	.our-approach-container .elementor-col-33:nth-child(3) .load-more-btn{margin-left:0;}
	.work-content{padding-bottom: 10%;}
	.our-approach-banner{padding-left: 20px;background-position: top;}
	.our-approach-banner .elementor-col-50:nth-child(1) h1{padding-top: 60%;}
	.our-approach-banner .elementor-col-50:nth-child(2){padding-bottom: 10%;}
	.our-approach-container .our-approach-container1 .elementor-col-33:nth-child(1){margin-top: 51%;}
	.our-approach-container .our-approach-container1 .elementor-col-33:nth-child(3){margin-top: -195%;}
	.our-approach-container .our-approach-container2 .elementor-col-33:nth-child(1){margin-top: -25%;}
	.our-approach-container .our-approach-container2 .elementor-col-33:nth-child(3){margin-top: 8%;}
	.our-approach-container p{margin: 0;}

	/*Our Programs*/
	.work-content {width: 100%;}
	
	#map [data-input="map-search-control"]{width: 80% !important;}
	.work-featured-container .load-more-btn{width: 40% !important;}
	.featured-text .load-more-btn{padding: 4% 0 !important;}
	
	.stories-featured-container .featured-text {width: 69% !important;}
	.stories-featured-container .load-more-btn{width: 28% !important;}		
	.stories-featured-container h2{padding: 20% 2% 20px 152px !important;}
	.stories-featured-container .featured-text h2{padding: unset !important;}
	.stories-featured-container p{padding: 0 2% 32px 152px;}
	.stories-featured-container{margin-top: 25%;}
	.our-programs-banner{padding-left: 15px;padding-right: 15px;}
	.work-content .elementor-col-100 .elementor-element-populated{padding:0 !important;padding-left: 15px !important;padding-right: 15px !important;}
	#map{padding:0 15px;}
	.work-featured-container .future-box .col-12{padding:0;}
	.featured-text .load-more-btn {
	    position: absolute;
	    bottom: 0;
	    right: 0;
	    width: 93.5% !important;
	    margin: 0 14px;
	}	
	
	/*.stories-featured-container .story-left{background-size: 0 0 !important;background-size: 0 0;}
	.stories-featured-container .story-left .elementor-col-50:nth-child(1){width: 100%;}
	.stories-featured-container .story-left .elementor-col-50:nth-child(2){width: 0;}
	.stories-featured-container .blue-column div.elementor-element-populated{background-image: unset !important;}
	.stories-featured-container .story-left{background-image: url('../images/13.png') !important}
	.stories-featured-container .story-left .elementor-col-50:nth-child(1){min-height: 500px;}*/
	
	/*Get Involved Page*/
	.get-involved-banner .elementor-col-50:nth-child(1) h1{padding-top: 2%;}
	.involved-potential-content{padding-top: 10%;}
	.involved-potential-content h2{text-align: center;font-size: 36px;}
	.involved-potential-content p{margin-left: 5%;}
	.involved-potential-content .build-link{margin:auto;}
	.involved-potential-content .donate-container{padding-top: 3%;}
	.donate-container .donate-form input,.donate-container .donate-form label,.donate-container .donate-form a{
		width: 100% !important;
		margin-top: 1%;
	}
	.donate-container {padding-top: 5%;}
	.involved3-container .prtnr h2{padding-top: 10%;font-size: 36px;}
	.involved3-container .elementor-element:nth-child(1) .elementor-col-50:nth-child(2){padding-top: 5%;}
	.involved3-container .elementor-element:nth-child(2) .box2 .elementor-col-50:nth-child(1){margin-top: 78.5%;margin-bottom: 10%;}
	.involved3-container .elementor-element:nth-child(2) .box2 .elementor-col-50:nth-child(2){position: absolute;top: -1%;}
	#donate .elementor-col-50:nth-child(1) .elementor-column-wrap{padding-bottom: 0;}
	.donate-container .donate-form #donatebutn{margin-top: -4% !important;}
	.involved3-container{margin-top: 10%;padding-top: 15%;padding-bottom: 15%;}
	.involved3-container .prtnr .load-more-btn{margin:auto;margin-bottom: 5%;}
	.involved3-container .prtnr h2{text-align: center;}
	.youth-program-container h2{font-size: 36px;line-height: 46px;}
	.youth-program-container {padding-top: 10%;}
	.get-involved-related-content .related-content{padding:10% 0 !important;}
	.get-involved-related-content .related-content .future-box{min-height: unset; height: auto;}
	.get-involved-related-content .related-content .featured-text h2{width: 100%;text-align: center;font-size: 36px;}

	/*About Us*/
	.aboutus-container {padding-top: 15%;background-position: center;}
	.wy-future-container .map-link span{padding: 10px 30px !important;}

	/* Supporting YouthBuild Programs Page */
	.support-yb-program-sec-module .content-detail {margin: 0 1.2%;}
	.support-yb-program-sec-module .content-detail h1{padding-top: 10%;}
	.support-yb-program-sec-module{margin-bottom: -15%;}
	.core-container {padding:16% 1.4%;}
	.core-container .normal-detail-txt .elementor-widget-container{margin: 0 !important;}
	.core-element{margin-left: 0;margin-right: 0;}
	.core-container .core-element .load-more-btn {margin: 0 auto;margin-bottom: 5%;width: 85% !important;}
	.core-container .core-element .potential-content{padding: 5% 1% 4.5% 8% !important;}
	.about-three-bg .red-our-story{background: #1c355e !important;}
	.about-three-bg .threeclm h3{font-size: 22px;}
	.about-three-bg .threeclm p{font-size: 16px;}
	.aboutus-container h1{font-size: 36px;}
	/*.aboutus-container{background-image: url('../images/Untitled-1xxz.svg') !important;}*/
	/*YouthBuild USA*/
	.core-element h2{margin-left: 13px;}
}

@media(max-width: 400px){
	.our-stories-module-parent .featured-text h2{font-size: 36px;}
	.core-container .core-element .potential-content {
	    padding: 6% 6% 4.5% 6% !important;
	}
	.map-icons-container .elementor-col-50:nth-child(1){width: 45% !important;}
	.map-icons-container .elementor-col-50:nth-child(2){width: 55% !important;}
	.mobile-nav ul li a{font-size: 18px;}
	.mobile-nav ul li.parent ul.child-items li a {font-size: 16px;}
	.mobile-nav .parent-toggle .parent > p > span.plus,.mobile-nav .parent-toggle .parent > p > span.cross {margin-top: -6.5%;}
	.mobile-nav .search-btn{top: 16%;}
	.mobile-nav .parent-toggle .parent .child-items span.plus {margin-top: 1.3%;}
	.mobile-nav .parent-toggle .parent .child-items span.cross {margin-top: 6px;}

	/*YouthBuild International*/
	.yb-int-sec-box {padding: 10% 15px;}
	.yb-int-our-project-container{padding: 10% 0;margin: 0}
	.yb-int-our-project-container .hexagonwhite{margin: 5% 15px;}

	.yb-int-content-detail{margin-top: 10%;}
	.yb-int-content-detail .content-detail{margin-bottom: 0;}
	.yb-int-related-content .related-content{padding:0 !important;}
	.yb-int-related-content .featured-text{margin-left: 10px;}

	/*Media Inquiries*/
	.media-inq .content-detail h4 a{word-break: break-all;}
}

@media(max-width: 375px){
	.content-detail a.oainter{ margin-right: 90px }
	.menu-toggler {margin-top: 6%;}
	/*.mobile-nav .parent-toggle .parent .child-items > li{display: inline-flex;}*/
	/*.mobile-nav .parent-toggle .parent .child-items > li > span{position: absolute;right: 4%}*/
	.mobile-nav .parent-toggle .parent .child-items span.cross{margin-top: 4px;}
	footer .name-content, footer .address-content{width: 94.8%;}
	/*Our Approach Page*/
	.our-approach-container{height: 1100px;}
	.work-content h1{font-size: 32px;}
	.our-approach-container .our-approach-container1 .elementor-col-33:nth-child(1){margin-top: 65%;}
	.our-approach-container .our-approach-container1 .elementor-col-33:nth-child(3){margin-top: -210%;}
	.our-approach-container {min-height: 1615px !important;}
	.our-approach-banner .elementor-col-50:nth-child(1) h1{padding-top: 67% !important;}

	/*Our Programs*/
	#map [data-input="map-search-control"]{margin-right: 5%;width: 90% !important;}	
	.work-featured-container .featured-text{padding-left: 0;padding-right: 0;}
	.our-programs-banner .elementor-col-50:nth-child(1) h1{padding-top: 45%;}
	.our-stories-module-parent .load-more-btn{bottom: -5%;width: 92% !important;}

	/* Get Involved */
	.involved-potential-content p{margin-left: 10%;}
	.involved3-container .prtnr p{margin-left: 4%;}
	.youth-program-container h2 {font-size: 36px;}
	.involved3-container .elementor-element:nth-child(2) .box2 .elementor-col-50:nth-child(1){margin-top: 90.5%;}
}
@media(max-width: 320px){
	.mobile-nav .parent-toggle .parent > p > span.cross{margin-top: -11%;}
	/*Home Page*/
	.map-links .elementor-button-text{padding: inherit !important;}	
	footer .name-content, footer .address-content{width: 93.5%;}

	/*Why YouthBuild Page*/
	.bulding-container .elementor-col-50:nth-child(1) h1 {padding-top: 55%;}
	.bulding-container .elementor-col-50:nth-child(1) h1 {font-size: 34px !important;}

	/*Our Approach Page*/
	.our-approach-container .load-more-btn a{padding:22px 45px !important;}
	.work-content h1 {font-size: 28px;}

	.our-approach-container .our-approach-container1 .elementor-col-33:nth-child(3){margin-top: -229%;}
	.our-approach-container .our-approach-container1 .elementor-col-33:nth-child(1){margin-top: 75%;}
	.our-approach-container {min-height: 1620px !important;}

	/*Our Programs*/
	#map [data-input="map-search-control"]{margin-right: 2.5%;width: 95% !important;}	
	#map .add-search-icon {background-position: center right 10px !important;}
	.featured-text h2 {font-size: 36px;}
	.our-programs-banner .elementor-col-50:nth-child(1) h1{padding-top: 67%;}
	.our-stories-module-parent .load-more-btn{bottom: -4.5%;width: 91% !important;}

	/* Get Involved */
	.get-involved-banner .elementor-col-50:nth-child(1) h1{padding-top: 14%;}
	.involved3-container .elementor-element:nth-child(2) .box2 .elementor-col-50:nth-child(1){margin-top: 113.5%;}
}
.search-form .search-btn {width:24px;}
.wpcf7-form-control-wrap.your-name {
	float: left;
    width: 30%;
}
.wpcf7-form-control-wrap.your-email {
	float: left;
    width: 43.5%;
    padding: 0px 9px;
}