@media (max-width:1850px) {
.benefits_inn .block.block_5 { top: 21px;}
}

@media (max-width:1700px) {
.footer_detail .frm_forms form .frm_form_field #field_e2pxo{ font-size:13px; padding:0 10px;}

.benefits_inn::after { background-size: 108% 100%;}
.benefits_inn .block { top: 119px;}
.benefits_inn .block.block_2 { top: 124px;}
.benefits_inn .block.block_3 { top: 103px;}
.benefits_inn .block.block_4 { top: 0;}
.benefits_inn .block.block_5 {top: 6px;}
}

@media (min-width:1200px) and (max-width:1500px){
.footer_detail .col-xl-2{ -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%;}
.footer_detail .col-xl-10{ -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%;}

}


@media (min-width:992px) and (max-width:1500px){
.footer_detail .col-xl-3:first-child{ -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%;}
.footer_detail .col-xl-3:nth-child(2){ -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%;}
.footer_detail .col-xl-3:nth-child(3){ -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%;}
.footer_detail .col-xl-3:last-child{ -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%;}
}

@media (max-width:1500px) {
.nav_sec .navbar-light .navbar-brand{ width:180px;}
.nav_sec .navbar-light .navbar-nav li { margin: 0 0 0 20px;}
.hero_detail h1{ font-size:40px;}
.garbage_info strong{ font-size:40px;}
.event_block h3{ font-size:25px;}

.become_right h3{ font-size:24px;}
.become_right h2{ font-size:35px;}
.error-page{ padding:260px 0 100px 0;}
.bam_sec .left_dtl::before { width: 170px; height:210px; right:-50px;}
.bam_sec .btns{ min-width:200px; max-width:320px;}

.benefits_inn::after { background-size: 114% 100%; height:180px;}
.benefits_inn .block { top: 107px;}
.benefits_inn .block.block_2 { top: 70px;}
.benefits_inn .block.block_3 { top: 79px;}
.benefits_inn .block.block_4 { top: 4px;}
.benefits_inn .block.block_5 { top: -3px;}
}

@media (max-width:1400px) {
.benefits_inn .block { top: 121px;}
.benefits_inn .block.block_2 { top: 68px;}
.benefits_inn .block.block_3 { top: 79px;}
.benefits_inn .block.block_4 { top: 0;}
.benefits_inn .block.block_5 { top: 5px;}
}

@media (max-width:1200px) {
p{ font-size: 14px; line-height: 23px;}

.nav_sec .navbar-light .navbar-brand { width: 150px;}
.nav_sec .navbar-light .navbar-nav li { margin: 0 0 0 10px;}
.nav_sec .navbar-light .navbar-nav .nav-link{ font-size:14px;}
.nav_sec .navbar-light .navbar-nav .nav-link.other_link { padding-left: 15px; padding-right: 50px;}
.hero_detail h1 { font-size: 35px;}
.garbage_info strong{ font-size: 35px;}
.garbage_info span{ font-size: 14px;}
.upeve_inn h3{ font-size:26px;}
.upeve_inn .right_detail{ padding:25px 40px 30px 40px;}
.upeve_inn p{ font-size:14px; line-height:23px; margin-bottom:25px;}
.donate_inn{ padding:0 30px;}
.donate_sec h3{ font-size:30px;}
.donate_sec h4{ font-size:26px;}
.footer_detail h3{ font-size:16px;}
.footer_detail p{ font-size:14px; line-height:27px;}
.add_info{ font-size:14px;}
ul.social_links li{ font-size:14px;}
ul.footer_link li{ font-size:14px;}
.send_btn{ width:60px; font-size: 14px;}
.subs_info .field{ font-size:14px; padding:0 0 0 10px;}
.member_sec h2{ font-size:60px;}
.member_sec h2 small{ font-size:26px; line-height:26px;}
.member_sec .left_detail { max-width: 445px; height: 445px; padding: 80px 30px 30px 30px;}
.member_sec .left_detail::before { width: 300px; height: 300px; top: -20px; right: -10px;}
.member_sec .left_detail::after { width: 300px; height: 300px; bottom: -20px; left: -10px;}

.btns.xl i img{ width:100%; max-width:23px;}

.member_sec h3{ margin-bottom:30px;}
.wd_sec{ padding-top:100px;}

.donation_info{ margin-top:100px;}
.download h3{ font-size:25px; line-height:32px;}
.video_sec{ padding:100px 0;}
.sponsor_sec{ padding:100px 0 80px 0;}
.donation_image .donat_curve{ width:100%; max-width:180px;}
.donation_in h3{ font-size:28px;}
.quote_info{ max-width:280px;}
.donation_in h2{ font-size:50px; line-height:55px;}

.inner_banner{ padding:180px 0 80px 0;}
.inner_banner h2{ font-size:40px;}
.gallery_block h3{ font-size:18px;}
.join_detail{ min-height: 570px;}
.custom-checkbox .custom-control-label { padding: 9px 0 0 48px; font-size: 14px;}
.bam_sec .inner{ padding:70px; min-height: 710px;}
.bam_sec .btns, .certif_form .btns{ min-width:250px;}
.bam_sec .btns{ max-width:150px;}
.bam_sec .custom-checkbox .custom-control-label{ padding-top:0;}
.bam_sec .global_title{ font-size:26px;}
.bam_sec .left_dtl::before { width: 120px; height: 170px; right:-30px;}

.event_block h3{ font-size:22px;}
.past_event .block .details{ padding:20px 20px 0 20px;}
.past_event .block h3{ font-size:18px;}

.detail_cont p{ font-size:20px; line-height: 35px; margin-bottom:25px;}
ul.social_contact{ margin-bottom:30px;}

.donate_detail figure, .donate_detail .don_logo{ padding-left:30px;}
.donate_detail .nav-tabs .nav-item{ width:auto;}
.donate_detail h6{ font-size:14px;}
.price_radio .custom-control-label { width: 100px; height: 100px; font-size: 26px;}
.paymt_radio, .price_radio{ margin-bottom:30px;}
.select_btn{ margin-bottom:30px;}
.custom_radio_info{ margin-bottom:15px;}

.add_block .right_dtl{ font-size:16px;}

.press_details{ padding:70px 0 40px 0;}

.current_sponsor{ padding:40px 0 0 0;}
.current_sponsor .col{ -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width:33.333333%;} 
.become_sec{ padding:20px 0 40px 0;}
.benefits_sec{ padding:40px 0 60px 0;}
.event_slider h3{ font-size:18px;}

.panel figure img{ height:192px;}
.error-page{ padding:220px 0 80px 0;}
.bam_sec figure img{ height:540px}
.bam_sec .bam_inn.fixed_arrow figure img{ height:700px;}

.benefits_inn .block { top: 131px;}
.benefits_inn .block.block_5 { top: 10px;}
}

/************ Main **************/
@media (max-width: 991px) {
.top_strip{ padding:7px calc(5% - 15px) 10px calc(5% - 15px);}
.email_info li{ font-size:13px; padding-right:8px; margin-right:5px;}
.navbar-light .navbar-toggler{ background:none; border:none; position:relative; right:0; top:0; height: 33px;}
.navbar-toggler:focus,.navbar-toggler:active { outline: 0;}
.navbar-toggler span {display: block; background-color:#fff; height:3px; width:25px; margin-top:4px; margin-bottom:4px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);-o-transform: rotate(0deg);  transform: rotate(0deg); position: relative; left: 0;opacity: 1;}
.navbar-toggler span:nth-child(1),.navbar-toggler span:nth-child(3) { -webkit-transition: transform .35s ease-in-out; -moz-transition: transform .35s ease-in-out; -o-transition: transform .35s ease-in-out; transition: transform .35s ease-in-out;}
.navbar-toggler:not(.collapsed) span:nth-child(1) { position: absolute; left: 12px; top: 10px; -webkit-transform: rotate(135deg);  -moz-transform: rotate(135deg); -o-transform: rotate(135deg);transform: rotate(135deg); opacity: 0.9;}
.navbar-toggler:not(.collapsed) span:nth-child(2) {height: 12px; visibility: hidden; background-color: transparent;}
.navbar-toggler:not(.collapsed) span:nth-child(3) {position: absolute;left: 12px;top: 10px;-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg); -o-transform: rotate(-135deg);transform: rotate(-135deg);opacity: 0.9;} 
.nav_sec{ padding:0 calc(5% - 15px);}
.nav_sec .navbar-light .navbar-brand { width: 120px;}
.nav_sec .navbar-light .navbar-nav{ padding-top:70px; padding-bottom:10px;}
.nav_sec .navbar-light .navbar-nav li{ margin:0 0 5px 0;}
.nav_sec .dropdown-menu{ box-shadow:none;}
.nav_sec .dropdown-item{ border-bottom:1px solid rgba(0,0,0,0.1);}
.nav_sec .navbar-light .navbar-nav .nav-link.other_link{ margin:12px 0;}
.nav_sec .navbar-light .navbar-nav .nav-link.other_link i{ top: -7px; padding: 10px 0 5px 0;}
.nav_sec .navbar-light .navbar-nav .nav-link.other_link::after { top: -7px; bottom: -7px;}

.hero_sec{ padding:170px 0 40px 0;}
.hero_detail h1{ font-size:30px;}
.garbage_info .block{ padding:20px 5px;}
.garbage_info strong { font-size: 25px; margin:5px 0; display:block;}
.upeve_sec{ padding:40px 0 65px 0;}
.upeve_inn h3 { font-size: 20px;}
.view_btn{ float:none;}
.donate_inn{ padding:0 30px 30px 30px; text-align:center;}
.donate_sec h3 { font-size: 25px; border-radius: 0 0 180px 180px; padding:10px 0 20px 0; min-width: 200px; max-width: 200px; margin:0 auto 15px auto;}
.donate_sec h4{ margin-bottom:20px; width:100%; text-align:center; margin-bottom:30px;}
.donate_sec{ margin-bottom:30px;}
.footer_logo{ margin-top:10px;}
.subs_info .frm_form_fields{ padding-right:110px;}
.send_btn{ width:90px;}
.footer_detail h3{ margin-bottom:20px;}
.footer_logo{ text-align:center;}
.footer_logo img{ max-width:150px;}
.copyright{ padding-top:40px;}
.footer_detail{ padding:0 calc(5% - 15px);}

.member_sec .left_detail { max-width: 330px; height: 330px; padding: 40px 30px 30px 30px;}
.member_sec h2 { font-size: 46px; margin-bottom:10px;}
.member_sec h2 small { font-size: 20px; line-height: 20px;}
.member_sec .left_detail p{ margin-bottom:20px;}
.btns { padding: 14px 50px 14px 15px; font-size: 14px;}
.btns i{ padding-top:12px;}
.member_sec h3{ font-size:18px;}
.memb h4{ font-size:18px; margin-bottom:5px;}
.member_sec{ padding:40px 0 30px 0;}
.wd_sec { padding-top: 40px;}
.who{ height:auto; margin-bottom:30px; padding:30px 20px 40px 20px;}
.download{ height:auto;}
.donation_info { margin-top: 40px;}
.donation_image{ border-radius:0 0 10px 10px; min-height:600px;}
.donation_image::before { border-top: none; border-left:1px solid #ffe681; left:10px;}
.donation_in h2{ font-size:40px; line-height:40px;}

.member_sec .left_detail{ float:none; margin:30px auto 60px auto;}
.download .dow_inn{ margin-right:0;}
.quote_info{ position:relative; top:0; right:0; margin:30px 0 -50px 40px;}
.donation_in{ padding:30px 30px 0 30px;}
.donation_in .main_icon { max-width: 80px; height: 80px; line-height: inherit; padding:12px;}
.video_sec { padding: 60px 0;}
.video iframe{ height:240px;}
.press_block h3{ font-size:18px;}
.press_block p{ min-height:138px;}
.sponsor_sec{ padding:60px 0 30px 0;}
.upeve_inn .right_detail { padding: 25px 30px 30px 30px;}
.app_links{ margin-right:0;}

.inner_banner { padding: 140px 0 50px 0;}
.inner_banner h2 { font-size: 30px;}
.about_detail{ padding:40px 0 20px 0;}
.about_detail .detail{ padding:0 !important;}
.about_detail .info{ margin-top:30px;}
.join_sec{ padding:20px 0 40px 0;}
.join_detail { min-height: 450px; background-size: 100% auto; background-position:bottom center; background-color:#b6c2c8;}
.custom-checkbox .custom-control-label { padding: 0 0 0 48px; line-height: normal;}
.form_block{ margin-bottom:20px;}
.gallery_block{ margin-bottom:30px;}
.bam_sec{ padding:40px 0;}
.bam_sec .global_title { padding: 5px 10px; font-size: 26px; line-height: normal;}
.bam_sec .btns, .certif_form .btns { min-width: inherit;}
.bam_sec .inner { padding: 50px; min-height: 600px;}
.bam_sec .left_dtl::before { width:80px; height:120px; right:0;}
.certified_sec{ padding:40px 0 30px 0;}

.pr_sec { padding: 40px 0 40px 0;}
.events_sec{ padding-top:40px;}
.event_block h3{ font-size:18px;}
.past_event{ padding-top:0;}

.info_contact{ padding:40px 0;}
.info_contact > .container > .row > div { margin: 50px 0 30px 0;}
.title_cont { padding:0 15px 20px 15px;}
.title_cont .global_title{ font-size: 22px;}
.title_cont i{ width: 100px; height: 100px; margin: -50px auto 15px auto;}
.info_contact .ic_blck2{ margin-bottom:10px;}
.detail_cont p { font-size: 16px; line-height: 26px;}
.detail_cont .inn_dtl { padding: 20px 15px 30px 15px;}
ul.social_contact li{ font-size: 16px;}

.donate_detail{ padding:40px 0 10px 0;}
.donate_detail h3{ font-size:20px;}
.donate_detail .nav-tabs{ margin:0 -2px;}
.donate_detail .nav-tabs .nav-item{ padding:0 2px;}
.donate_detail .nav-tabs .nav-item .nav-link{ font-size:14px;}
.price_radio .custom-control-label { width: 65px; height: 65px; font-size: 22px;}
.donate_detail .price_field { height: 40px; font-size: 21px;}

.report_sec.join_sec{ padding-top:40px;}

.add_block{ padding:10px 30px;}
.add_block .right_dtl{ font-size:14px; line-height: 23px; padding:10px 0 0 0; min-height:inherit;}
.add_block i{ position:relative; height:70px; border-radius:10px;}
.map_sec p { font-size: 14px; line-height: 23px;}
.detail_box{ margin-bottom:40px;}
.map_sec{ padding:20px 0 40px 0;}
.map_sec iframe{ height:350px;}

.press_details{ padding:40px 0 10px 0;}
.press_leftbar h2{ font-size:22px;}
.press_leftbar .details{ padding:40px 20px 30px 20px;}
.share_info{ margin-bottom:30px;}

.benefits_inn::after{ height:100px;}
.benefits_inn .details{ min-height:inherit; margin-bottom:20px;}
.benefits_inn .block{ top:67px;}
.benefits_inn .block.block_2{ top:31px;}
.benefits_inn .block.block_3{ top:35px;}
.benefits_inn .block.block_4{ top:-8px;}
.benefits_inn .block.block_5{ top:0;}
.benefits_sec .global_title{ margin-bottom:40px;}
.become_form .join_detail{ min-height:485px;}
.become_form{ padding-top:40px;}
.global_title{ font-size:26px;}

.event_slider h3{ margin-bottom:10px;}
.event_slider .view_btn{ margin:0 0 10px 0; float:none;}
.panel figure img{ height:135px;}
.general_content{ padding:40px 0;}
.error-page{ padding:170px 0 50px 0;}
.report_radio .checkmark em{ font-size:14px;}


}

@media (max-width: 767px) {
html { -webkit-text-size-adjust:none;}
.email_info li span{ display:none;}
.email_info li i{ display:block;}
.hero_detail h1 { font-size: 24px; margin-bottom: 20px;}
.upeve_inn .left_detail:before, .upeve_inn .left_detail:after{ display:none;}
.upeve_inn .left_detail{ padding:30px 40px;}
.upeve_inn{ border-left: 1px solid #c9dfe3;}
.upeve_sec{ padding-bottom:40px;}

.footer_detail p{ text-align:left;}
#return-to-top{ margin:0; left:auto; right:5%;}
 
.view_btn{ float:right;}

.donation_in h2 { font-size: 35px; line-height: 40px;}
.donation_image{ min-height:400px;}
.global_title{ font-size:24px; margin-bottom:28px;}
.video iframe{ height:340px;}
.sponsor_list li { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}
.press_release [class^="col-"], .press_release > [class*=" col-"]{ margin-bottom:30px;}

.about_detail figure{ margin-bottom:30px;}
.about_curv.about_curv2{ margin-top:0;}
.about_curv { width: 120px; height: 120px; padding: 30px 5px 10px 5px; font-size: 18px; line-height: 22px;}
.about_curv::after { top:18px;}
.about_curv.about_curv2::after { bottom:18px;}
.join_detail { min-height: 720px; border-radius:10px 10px 0 0;}

.bam_sec .inner{ padding:0; min-height:inherit; background:none;}
.bam_sec .bam_inn{ display:inline-block;}
.bam_sec .left_dtl{ width:100%; padding:0 0 10px 0; margin-bottom:30px;}
.bam_sec figure{ width:100%;}
.certif_form .join_detail{ min-height:550px;}

.press_block p{ min-height:inherit;}

.info_contact > .container > .row > div{ margin-top:0;}
.title_cont{ margin-top:50px; height:auto;}
.detail_cont .global_title i img{ width:20px;}
.detail_cont figure{ border-radius: 0 0 10px 10px;}
.detail_cont figure img{ border-radius: 0 0 10px 10px;}
.info_contact .inf_img{ margin-left:0 !important; margin-right:0 !important;}
.info_contact .inf_img::after{ display:none;}

/*.tab-content > .tab-pane { display: block !important; opacity: 1;}*/
.donate_detail .card-body{ padding:10px 0;}
.add_block .right_dtl, .map_sec p{ overflow:hidden;}
.press_details{ padding-bottom:0;}

.current_sponsor .col{ -ms-flex: 0 0 50%; flex: 0 0 50%; max-width:50%;} 
.btns.bdr{ font-size:16px; padding:16px 50px 16px 20px;}
.btns.bdr i{ padding-top:16px;}

.benefits_sec{ background-size:cover;}
.benefits_inn .col{ -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width:33.33333%;} 
.benefits_inn:after{ display:none;}
.benefits_inn .block{ top:0 !important;}
.benefits_inn .block h4{ font-size:18px;}
.become_form .join_detail{ min-height:450px;}
.upeve_inn figure img{ height:auto;}
.event_slider .owl-carousel .owl-item img{ height:auto;}
.panel figure img{ height:255px;}

.error-page{ padding:160px 0 40px 0;}
.bam_sec figure img{ height:auto;}
.bam_sec .bam_inn.fixed_arrow figure img{ height:auto;}

}

/************ iphone **************/
@media (max-width:600px) {
html { -webkit-text-size-adjust:none;}

.garbage_info{ flex-wrap:wrap;}
.garbage_info .block{ flex:0 0 50%; border-bottom:1px solid #507b82;}
.garbage_info .block:nth-child(3){ border-bottom:none;}
.upeve_inn .left_detail { padding:30px 20px;}
.upeve_inn .right_detail{ padding:30px 20px;}

.view_btn{ float:none;}

.sponsor_list{ margin:0 -5px;}
.sponsor_list li { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; padding: 0 5px; margin-bottom:10px;}
.sponsor_list li figure{ min-height:104px;}

.form_inn { padding: 5px 15px 20px 15px;}
.join_detail { min-height: 530px;}
.join_detail p{ padding:0 15px;}

.bam_sec .bam_inn{ padding:15px;}
.bam_sec .global_title { font-size: 24px; margin: 0 -15px 20px;}

.certif_form .join_detail{ min-height:400px;}
.event_block .details {	padding: 0 20px 30px 20px;}
.title_cont i { width: 80px; height: 80px; margin: -40px auto 15px auto;}
.title_cont{ margin-top:35px;}

.donate_detail .detail_inn{ padding:25px 15px;}
.select_btn select{ font-size:14px;}
.donate_detail .price_field{ margin-bottom:30px;}
.custom_radio_info .custom-radio .custom-control-label { margin: 0 20px 0 0; padding: 2px 0 0 27px; font-size: 14px;}
.report_radio .custom-control-label{ font-size:14px;}

.add_block { padding: 10px 15px;}
.detail_box{ padding: 25px 15px;}
.panel .panel_title{ padding: 14px 20px;}
.panel .panel_body { padding: 30px 20px 0 20px;}
.map_sec iframe { height: 250px;}

.current_sponsor .col{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width:100%;} 
.benefits_inn .col{ -ms-flex: 0 0 50%; flex: 0 0 50%; max-width:50%;} 
.panel figure img{ height:295px;}
.report_radio .checkmark em{ font-size:13px;}
}