/*--------------media query css------------------*/	
@media all and (max-width:1399px) {
.promos-section{padding-bottom:0;}
.promos-section .owl-dot {display: inline-block;vertical-align: middle;padding: 0 5px;}
.promos-section .owl-dots {position: absolute;bottom: -15px;left: 0;right: 0;text-align: center;padding: 0 10px;line-height: 0;}
.promos-section .owl-dot.active span, .promos-section .owl-dot:hover span {background: #0D833E;}
.promos-section .owl-dot span {width: 11px;height: 11px;border-radius: 100%;-webkit-border-radius: 100%;background: #01460C;display: block;transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;}
.promos-section ul li a span{font-size:28px;}

.promos-section ul.owl-carousel {padding:0 !important}
.promos-section ul.owl-carousel .owl-item{float:none;display:inline-block;vertical-align:top}
}

@media all and (max-width:1200px) {
.promos-section ul li a span{width:70%;}
	.promos-section ul li a i{}
#footer-main .footer-logo-section ul li{width:15%;margin:5px;}
	
.enumenu_ul > li{margin-right:18px;}
.enumenu_ul > li a{font-size:24px;}
.enumenu_ul.desk ul li a{}
.enumenu_ul.desk ul{}

#google_translate_element{}
#header-main .search-form input[type="search"]{min-width:180px;}
#header-main .search-form button[type="submit"] {  }
	
.about-section .about-content{margin:0}
/*.events-section .activities-listing {padding: 25px 15px;}
.events-section .activities-listing ul li span{left:-18px;}
.events-section .activities-listing ul li{padding-left:70px;font-size:22px;}
.caption p, .caption ul li{font-size:22px;}*/
.ribbons a{font-size:20px;line-height:1;display:inline-block}

/*.promos-section ul li a{padding:20px 20px;}
.promos-section ul li a span{font-size:28px;width:67%;}
.promos-section ul li a i{padding-right:2%;width:30%;}*/

h2{font-size:36px;margin-bottom:15px;}
h5{margin-bottom:10px;}
.caption h2{margin-bottom:15px;}
	.input-block form .feild-wrap{ text-align: center; }

/*.events-section .events-thumb .events-details{padding:20px 15px 20px 35px}
.events-section .events-thumb .events-details ul li{font-size:22px;}

.events-section .activities-listing .title small{font-size:18px;font-weight:400}*/
	.shope-category-section,.latest-story-section .caption, .donate-section, .newsletter-section, .news-section{padding:15px 20px;}
.shope-section{padding:15px 20px 80px}
	.donate-section{padding:15px 20px 45px}
	.banner-sec{padding:15px 20px 30px}

.contact-us-section .title span{font-size:40px;}
.contact-us-section .title{margin-right:20px;}
#footer-main .contact-us-section ul{margin-top:5px;}
.contact-us-section ul li{margin-right:20px;}
.contact-us-section ul li span, .contact-us-section ul li a{font-size:22px;}
.input-block form .feild-wrap .feild{width:auto}

#footer-main .copyright-section ul li, #footer-main .copyright-section ul li a{font-size:16px; line-height: 1.2;}


.left-wrapper .aside-listing ul li a{}
.left-wrapper .aside-listing ul li ul li a {f}



.input-block .custom-chk{width:25%;}
form .feild-wrap .feild{margin:15px 0 0 0;width:100%;}



}
@media (max-width:1024px){
.promos-section ul li a span{font-size:24px;}
	/*.promos-section ul{ margin: 0 !important; padding: 0 30px !important; }*/
	.owl-nav{ width: 100%; margin-left: 0; }
	.promos-section ul li a { padding: 20px 0 20px 0; }
	
}
/*------------tablet landscape view------*/
@media all and (max-width:991px) {
	.promos-section ul li a i{}
#header-main .member-login a{}
#header-main .social ul li {}
#header-main .social ul li a{}
#header-main .header-top{}
#header-main .latest-tweet p{}

.enumenu_ul > li{margin-right:6px;}
.enumenu_ul li a{letter-spacing:0;font-size:21px;padding:12px 1px 17px}
.enumenu_ul li a span{right:-1px;top:0}
.enumenu_ul.desk ul{min-width:220px;}

.header-top-wrap{display:block;margin-bottom:10px;}

.about-section{padding:25px 0 10px;}
.about-section figure{margin-bottom:20px;}
.about-section .support-section{margin-left:0}
.shope-section,.shope-category-section, .newsletter-section, .donate-section{margin-bottom:30px;}

/*.events-section .events-thumb .events-details{width:100%;}
.events-section .events-thumb .events-details ul li{min-height:50px;}
.events-section .activities-listing .title small{font-size:22px;font-weight:700}
.events-section .activities-listing ul li:last-child{margin-bottom:0}*/
	.shope-category-section{padding-bottom:30px;}
	.shope-section{padding-bottom:60px;}
	.shope-category-section figure,.shope-section figure{margin:10px 0 20px;}
	.shope-category-section .info-caption,.shope-section .info-caption{padding:15px 20px;}
h3{font-size:26px;}
	.shope-category-section .info-caption h3 span,.shope-section .info-caption h3 span{font-size:26px;}

/*.promos-section ul li a{padding:15px 10px;}
.promos-section ul li a span{font-size:24px;}*/

.box-section .equal-height{height:auto !important}

.contact-us-section .title{display:block;}
.contact-us-section{padding:20px 0 25px;text-align:center}

.video-news-section .equal-height{height:auto !important}
.video-section .videoWrapper{height:auto;padding-bottom:56.25%;margin-bottom:30px;}
#footer-main .footer-logo-section ul li{width:14%;margin:5px;}

#footer-main .copyright-section ul{display:inline-block;margin:0 0 10px;}


.two-column-section .two-column-content{width:100%;padding:0;margin-bottom:20px;}
.two-column-section .two-column-thumb{width:100%;}
.two-column-section .two-column-wrap {margin-bottom:30px;}

.input-block{margin-top:20px;}
.input-block .custom-chk{width:10%;}
form .feild-wrap .feild{width:64%;margin:0}
#footer-main .copyright-section ul:nth-child(2) li:first-child::after{ display: none; }

.enumenu_ul > li:last-child ul{left:-100%;}
	.banner-sec{margin-bottom:20px; }


.events-section{margin-bottom:30px;}
.our-activity-section{margin-bottom:30px}
.promos-section{margin-bottom:30px}
}
/*------------mobile landscape  view------*/
@media all and (max-width: 767px) {
.contact-us-section ul li span, .contact-us-section ul li a{font-size:18px; line-height: 1;}
	.contact-us-section ul li { margin-top: 8px; }
.our-activity-section{margin-bottom:0}
	.promos-section ul li a i{}
	.promos-section{padding-bottom:10px;}
#header-main .member-login a{font-size:22px;}
#header-main{text-align:center}
#header-main .logo{margin:10px 0 0;}
#header-main .logo a{display:inline-block;}
#header-main .logo a img{width:280px; height:auto;}
#header-main .text-right, #header-main .latest-tweet{text-align:center; padding-top:8px;}
	#header-main .search-section { display:none; }
	.donatebutton { margin:10px 0 ; }

.enumenu_ul { display: none }
.menu-block { height: auto; }
.menu-icon { display: block;}
.services-detail a.pba-detail { border-bottom: 2px solid #d3d9da; }

.enumenu_ul > li:nth-last-child(-n+2) .sb-menu .sb-menu{border-radius:0;-webkit-border-radius:0;}

.enumenu_ul li{border-bottom:1px solid rgba(255,255,255,0.30)}
.enumenu_ul li:last-child{border-bottom:none}
.header-navigation{background: #d6d5d5;padding: 5px 0;position: relative;}
.header-navigation .col-sm-6, .header-navigation .col-lg-12{display: inline-block;vertical-align: middle;width: 49.5%;position: static;}
.sticky-logo{display: none;}
.stick .sticky-logo{display: inline-block;vertical-align: middle;}
.header-navigation .enumenu_ul > li{margin: 0;}



.enumenu_ul > li { display: block; margin: 0px; padding: 0px; }
.enumenu_ul > li > a { display: block; padding: 8px 20px;font-size:24px; z-index: 1;}
.enumenu_ul li{}
.enumenu_ul {position: absolute;left: 0;right: 0;top: 100%;z-index: 99;background: #0D833E;/*max-height: 330px;*/overflow: auto}
.enumenu_ul > li a{border:none}
.enumenu_ul > li:hover > a, .enumenu_ul > li.active > a{border:none;background:#0D833E;color: #fff}
.enumenu_ul > li ul { background:#01460C;}
.enumenu_ul > li ul a { display: block;  color: #fff; padding: 8px 30px; font-size:20px;}
.enumenu_ul > li ul.sb-menu li span{top:5px;}
.enumenu_ul > li ul li > ul a { padding: 8px 45px; }
.enumenu_ul > li > ul > li > ul{background:#0D833E }
.enumenu_ul > li > ul > li:hover > a, .enumenu_ul > li > ul > li.active > a{background:#0D833E;color: #fff}
.enumenu_ul > li > ul > li > ul > li:hover > a, .enumenu_ul > li > ul > li > ul > li.active > a, .enumenu_ul > li > ul > li > ul > li > ul > li:hover a, .enumenu_ul > li > ul > li > ul > li > ul > li.active a{background:#0D833E;color:#fff}
/* Push Menu */
body.menuslide_push { position: relative; }
body.menuslide_push.slidemenuLeft { left: 0; transition: left 0.5s; -webkit-transition: left 0.5s; -moz-transition: left 0.5s; -ms-transition: left 0.5s; -o-transition: left 0.5s; }
body.menuslide_push.slidemenuRight { right: 0; transition: right 0.5s; -webkit-transition: right 0.5s; -moz-transition: right 0.5s; -ms-transition: right 0.5s; -o-transition: right 0.5s; }
body.slidemenuRight .enumenu_ul { right: -300px; }
body.slidemenuRight.menu-open .enumenu_ul { right: 0; }
body.slidemenuLeft .enumenu_ul { left: -300px; }
body.slidemenuLeft.menu-open .enumenu_ul { left: 0; }
body.menuslide_push.slidemenuLeft.menu-open { left: 300px }
body.menuslide_push.slidemenuRight.menu-open { right: 300px }
body.menuslide_push .enumenu_ul, body.menuOverlap .enumenu_ul { background: #000000 none repeat scroll 0 0; display: block; height: 100%; max-height: 100%; width: 100%; overflow: auto; position: fixed; transition: all 0.5s ease 0s; max-width: 300px; }
.enumenu_ul li.sb-menu-li:hover > a, .enumenu_ul li.sb-menu-li.active > a{background:#0D833E;color: #fff}

.about-section{text-align:center;padding:20px 0}
.about-section .text-right{text-align:center}
.latest-story-section, .video-section .videoWrapper, .video-news-section, .our-activity-section, .promos-section, .donate-section, .shope-section,.shope-category-section .newsletter-section, .video-section .videoWrapper{margin-bottom:20px;}
.events-section{margin-bottom:0;}

.promos-section ul li a{padding:10px;}
.promos-section ul li a i{width:23%;}
.promos-section ul li a span {font-size: 20px;width:70%;}


#footer-main .copyright-section{text-align:center}
#footer-main .copyright-section .text-right{text-align:center}
#footer-main .footer-logo-section ul li{width:30%;}

p, .about-section p{font-size:20px;line-height:1.3;}
.caption p, .caption ul li, .events-section .activities-listing ul li{font-size:20px;line-height:22px;}

.two-column-section{margin-bottom:20px;}

.main-navigation{padding:10px 0}
.main-navigation .col-sm-6, .main-navigation .col-xs-12 {display: inline-block;position: static;vertical-align: middle;width: 49%;float:none;position:static}
.main-navigation .sticky-logo img{width:130px;}
#footer-main .copyright-section ul li{margin-bottom: 5px; }
.contact-us-section{ text-align: center; }


}

@media (min-width: 768px) and (max-width: 991px) {
	.box-section .donate-section, .box-section .banner-sec { min-height: 330px !important; }
}

@media (max-width:640px){
/*.latest-story-section .caption-wrap{width:100%;}
.latest-story-section .caption{-webkit-border-radius: 25px 25px 25px 25px;border-radius: 25px 25px 25px 25px;}
.latest-story-section .caption p{font-size:26px;margin-bottom:20px;line-height:1}
.caption .btns a{margin-right:5px;}*/

.promos-section ul li{width:100%;}
.promos-section ul li a{width:100%;padding:15px 20px;}
.promos-section ul li a i{width:20%;position:relative;top:5px;}
.promos-section ul li a span{width:70%;font-size:30px;}
.input-block .custom-chk{width:auto}
}

/*------------mobile portrait view------*/
@media (max-width:640px){
/*.caption .btns a{font-size:20px;height:50px;padding:10px 25px 5px 18px}
.caption ul li{margin:10px 0 5px;}*/
.events-section .activities-listing ul li{margin-bottom:15px;}

.promos-section ul.owl-carousel li {display: inline-block;float: none;padding: 0;width: 96%;}

}
@media (max-width:480px){
#google_translate_element{margin-right:0}
#header-main .search-section{display:none;width:100%;margin:0 0 10px 0;}
#header-main .header-top{margin-bottom:10px;}

.events-section .activities-listing .title small{font-size:18px;}
.contact-us-section{text-align:center}

.promos-section ul li a i{width:30%;}
.promos-section ul li a span{width:60%;font-size:24px;}

#footer-main .footer-logo-section ul li{width:28%;}

.two-column-section .btn{width:100%;margin:0 0 10px;text-align:left}
.two-column-section .csbutton{width:100%;margin:0 0 10px;}


.two-column-section .btn, .two-column-section .csbutton{margin-right:10px;}
.input-block form .feild, .input-block form{}

.input-block .custom-chk{width:auto;}
.input-block form .feild-wrap .feild{width:100%;margin:15px 0 0 0;display:block}

}