.bnr_subtitle{ width:100%; margin:0px; padding:0px; text-align:center; float:left; font-size:30px; color:#fff;  }
.hung_title{ width:100%; margin:40px 0px 0px 0px; padding:0px; float:left; text-align:center; font-size:30px; font-weight:600; }
.hung_subtitle{ width:100%; margin:5px 0px 30px 0px; padding:0px; float:left; text-align:center; font-size:20px;}
.global_video{ width:100%; margin:0px; padding:0px; float:left; text-align:center; overflow:hidden;  }
.global_video img{transition: 0.5s all ease-in-out;}
 .global_video:hover img  { transform: scale(1.09); }
 .global_video_area{ max-width:1034px; margin:0px auto; padding:0px;}
 .global_video_text{ width:100%; margin:0px; padding:34px 130px 14px; font-size:14px; max-width:800px; margin:0 auto; clear:both}
  .global_video_text p{width:100%; margin:0px; padding:10px 0px 0px 0px; float:left; font-size:14px;}
  .owner_area{ width:100%; margin:0px auto; padding:40px 0px 0px 0px; display:flex; align-items:center; max-width:900px;}
.owner_left{ width:32%; margin:0px; padding:0px; float:left; border:solid 0px #ccc;}
.owner_right{ width:65%; margin:0px; padding:0px; float:left; }
.owner_col{width: 100%;
    clear: both;
    float: left;
    background-color: #F6F6F6;
    box-shadow: 0px 0px 20px #00000033;
    padding: 50px 74px;
    position: relative;
    left: -15px; font-size:14px;}
.owner_col p{ font-size:14px; margin:0px; padding:10px 0px 0px 0px; float:left;}
.fact_area{ width:100%; margin:50px 0px 0px 0px; padding:0px; float:left;}
.fact_heading{width:100%; margin:0px; padding:0px 0px 30px 0px; float:left; text-align:center; font-size:35px; font-weight:600;}
.fact_box_area{ width:100%; display:flex; align-items:center; flex-wrap: wrap;}
.box_area{ width:100%; margin:0px 0px 30px 0px; padding:0px; float:left;   background-color: #F6F6F6; display: flex;
    align-items: center; flex-wrap: wrap;}
.box_left{ width:60%; margin:0px; padding:0px 170px; float:left; order:1;}
.box_right{ width:40%; margin:0px; padding:0px; float:right; order:2;}
.united_heading{width:100%; margin:0px; padding:0px; float:left; font-size:26px; font-weight:600;}
.united_area{ width:100%; margin:0px; padding:0px; float:left;}
.united_area ul{ margin:15px 0px 0px 15px; padding:0px; list-style-type:none;}
.united_area ul li{ font-size:14px; margin:0px; padding:0px 0px 10px 0px; float:left; width:100%; list-style-type:disc;}
.fact_box_area .box_area:nth-child(2) .box_left{order:2; padding:0px 205px 0px 70px;}
.fact_box_area .box_area:nth-child(2) .box_right{order:1;}
.global-banner{width:100%; margin:0px; padding:0px; float:left; height:493px; display:flex; align-items:center; flex-wrap: wrap; justify-content: center; background-size:cover!important; background-repeat:no-repeat!important}


.align-right{ text-align:right; width:100%; font-weight:600; padding:20px 0px 0px 0px!important; float:left;}
.popup_container{position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); z-index:1; background-color:#000; display:none; width:79%; height:600px; padding:10px; margin:30px 0px 30px 0px;}
.close_popup{position:absolute; top:-30px; right:0px; color:#fff; font-size:16px;}
.overlay{position:fixed; top:0px; left:0px; width:100%; height:100%; background-color:rgba(0,0,0,0.5); display:none}
.contact_wrapper { max-width: 965px; margin: 0px auto 0px auto; width: 100%; padding: 0 0px; clear: both; position: relative;top: -65px; background: #f1f1f1; display: flex; flex-wrap: wrap;}
.contact_left{ width:100%; margin:0px; padding:30px 0px; background:#88c13f; max-width:350px; color:rgba(255,255,255,0.9); position:relative; /*background:url(../images/cont_bg.jpg) no-repeat top center;*/}
.contact_right{width:60%; margin:0px; padding:3px 0px 50px 55px;}
.contact_left_heading{ width:100%; margin:0px; padding:0px; font-size:20px;}
.lis_name{width:100%; margin:0px; padding:0px;  font-weight:400; font-size:21px;}
.cont_add{padding:15px 0 0 0; }
.phone_icon, .mail_icon, .cont_add{font-size:14px;}
.lis_name span{width:100%; margin:0px; padding:0px 0px 0px 0px;  font-weight:400; font-size:15px; display:block;}
.phone_area{ padding:12px 0px 0px 0px; margin:0px; width:100%;}
.mail_icon{ padding:10px 0px 0px 0px; margin:0px; width:100%;}
.mail_icon a{ color:#fff; text-decoration:none;}
.mail_icon a:hover{color:#fff;}
.fa-phone, .fa-envelope{ padding-right:10px;}
.map{ width:100%; margin:0px; padding:0px; position:absolute; bottom:0px;}
.mail_area{ width:100%; margin:0px; padding:2px 46px; }
.connect_heading{ width:100%; margin:0px; padding:20px 0px 20px 0px;  font-size:25px; font-weight:600;}
.contact_frm{ width:100%; margin:0px 0px 9px 0px; padding:0px; float:left}
.contact_label{ width:100%; margin:0px 0px 8px 0px; padding:0px; float:left; font-size:14px; font-weight:600;}
.contact_input{ width:100%; margin:0px; padding:0px; float:left}
.contact_input input{ width:274px!important; margin:0px; padding:8px 10px!important; border:solid 1px #cfcfcf!important; border-radius:5px!important; font-size:14px; }
.contact_input textarea{width:80%!important; margin:0px; padding:8px 10px!important; border:solid 1px #cfcfcf!important; border-radius:5px!important; resize:none; height:112px;}
.abtus_vid_btn input[type="button"]{font-weight:400!important}
.abtus_vid_btn input{display: inline-block;
    background: linear-gradient(to left, #81B93A 50%, #03AAAA 50%) right;
    box-shadow: 0px 7px 18px #54545452!important;
    border-radius: 6px!important;
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    width: 177px;
    height: 51px;
    line-height: 51px;
    text-transform: uppercase;
    transition: .2s ease-out;
    background-size: 200%;}
.abtus_vid_btn input:hover{ background-position: left;text-decoration: none; color: #fff;}
.contact_right .abtus_vid_btn{ margin-top:13px; display:inline-block;}
.header_fixed {
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); width: 100%;
    clear: both;
    float: left;
    background-color: #fff;
    padding: 20px 0 10px 0;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 999;
}


@media screen and (max-width: 1500px){ 
.bnr_title{ font-size:38px!important}
.bnr_subtitle{line-height: 30px; font-size: 21px;}
.fact_heading{ font-size:32px;}
.global-banner{height:420px}

}

@media screen and (max-width: 1024px){ 
.box_left { padding:0px 80px;}
.fact_box_area .box_area:nth-child(2) .box_left { padding: 0px 80px 0px 80px;}

}


@media screen and (max-width: 900px){
.global_video_text{ padding:10px 0px;}
.global-banner{ height:250px;}
.contact_left{ max-width:40%;}
.mail_area{ padding:2px 36px;}
.box_left { padding:0px 15px;}
.united_heading { padding: 15px 0px 0px; font-size: 20px;}
.fact_box_area .box_area:nth-child(2) .box_left {padding: 0px 15px 0px 15px;}

	
}
@media screen and (max-width: 767px){
.owner_area{    flex-wrap: wrap;}
.owner_left{ width:100%;}
.owner_right{ width:100%;}
.owner_col{ left:0px; margin-top:15px;}
.owner_col{ padding:15px;}
.fact_heading { font-size: 20px; padding-bottom:13px; padding-top:10px;}
.fact_area{ margin-top:30px;}
.box_area{margin-bottom:40px}
.box_left{ padding:15px; order:2; width:100%;}
.united_heading{ font-size:20px; padding-top:0}
.united_area ul{margin:7px 0 0 0}

.box_right{ order:1; width:100%;}
.fact_box_area .box_area:nth-child(2) .box_left{padding:15px;  width:100%;}
.hung_title{ font-size:20px; margin: 20px 0px 0px 0px;}
.hung_subtitle{ font-size:14px; margin: 5px 0px 20px 0px;}
.bnr_title { font-size: 40px!important;}

.bnr_subtitle br{ display:none;}
.global-banner{ height:300px;}
.page-template-programe-basic-need .global-banner{background-position: 37% 0 !important;}
.glb{ padding:20px;}
.contact_left{order:2; width:100%; max-width: 100%;background-position: top left;background-size: cover;}
.contact_right{order:1; width:100%; padding:3px 15px 50px 15px;}
.map{ position:inherit;}
.connect_heading{ padding-bottom:10px;}
.bnr_title {font-size: 30px!important; line-height:38px;}	
.mail_area { padding: 2px 26px;}
.phone_area {padding: 10px 0px 0px 0px;}
	
}
@media screen and (max-width: 576px){
.popup_container{width: 95%;height: 280px}	
	
	
}

@media screen and (max-width: 500px){
/* banner css for donation page */
.global-banner{background-position: center center!important;background-size: 1200px!important;background-repeat: no-repeat!important;}
/* banner css for donation page */

	
}



