@media only screen and (max-width: 1200px) {
.container{width:100%; max-width:100%; }	
.top_banner .banner_text{ animation:none; opacity:1;}
.top_banner{ min-height:inherit;}

.project_center_area ul.project_box li{ flex:0 0 47%; max-width:inherit;}

}



@media screen and (max-width: 991px) {
header{ width:100%; float:left; position:static; background:#fff;}
header .logo_area{ width:100%; float:left; margin:0; padding:8px 0;}
header .logo_area img.hide_img{ display:inline-block; max-height:65px;}
header .logo_area img.stky{ display:none;}
header.sticky nav ul li a, header.sticky .top_nav ul li a{ color:#fff;}
header.sticky .top_nav ul li { border-right:none;}

.hide_desk{ display:block;}	
.top_nav{ display:none;}
header .logo_area{ text-align:center;}
.search_mb{ width:auto; float:left; margin:20px 0 0 5px;}
.search_mb a{ font-size:20px; color:#333; line-height:42px;}
.donate_now{ margin:7px 5px 0;}
.bot_nav{ padding:0;}
.mobile_nav{ display:block; margin:20px 0 0px 0; float:left;}
.mb_nav_area{ display:none;  background:#222222; margin:0; padding:0; position:absolute; width:305px; z-index:100;}
.top_nav_mb{ display:block;}
.top_nav_mb ul{ width:100%; background:#000; display:flex; flex-flow:row wrap; align-items:center; justify-content:center;}
.top_nav_mb ul li{ flex:1; border-right:solid 1px #333;  }
.top_nav_mb ul li a{  font-size:12px; text-align:center; display:block; padding:10px 7px; border:none;  }
.top_nav_mb ul li a:hover{ background:#e46c11; color:#fff; }
.top_nav_mb ul li:hover a::after{ display:none;}

nav { padding:0 !important; width:auto; float:right;}
nav ul li{ width:100%; text-align:left; float:left;}
nav ul li a{ color:#fff; font-size:15px; padding:15px 15px; border-bottom:solid 1px #666;  border-right:none; width:100% !important; float:left;}
nav ul li:hover a{ color: #fff; }
nav ul li ul.sub-menu{ position:static; display:none !important;width:100%; height:auto; float:left;}
nav ul li:hover ul.sub-menu{ display:block !important; padding:0;}
nav ul li ul.sub-menu li{ flex:0 0 100%; max-width:100%; border:none !important; }
nav ul li ul.sub-menu li{ padding:0 15px;}
nav ul li ul.sub-menu li a { font-size:14px; padding:12px 0; border:none;}

.hide_nav{ display: block; }
.mobile_nav span { width:100%; height:2px; background:#000; float:left; margin:20px 0 0 0px; position:relative;transition: all .3s ease; font-size:0;}
.mobile_nav span:before { content:''; position:absolute; width:100%; height:2px; background:#000; left:0px; top:-9px; transition: all .4s ease; }
.mobile_nav span:after { content:''; position:absolute; width:100%; height:2px; background:#000; left:0px; bottom:-9px; transition: all .4s ease;}
.mobile_nav.close_menu span { height:auto; font-size:24px; color:#fff; background:rgba(0,0,0,0); margin-top:20px; margin-left:0px; font-weight:300; }
.mobile_nav.close_menu span:before {transform: rotate(45deg); transition: all .4s ease; top:0%; margin-top: -1px; opacity:1 }
.mobile_nav.close_menu span:after {transform: rotate(-45deg); transition: all .4s ease; bottom: 50%; margin-bottom: -1px; opacity:1; }


.top_banner .banner_text{ top:10%;}
.top_banner img{  min-height:250px;}



.about_fvl ul.stats li{ padding:0 15px;}
.about_fvl ul.stats li span{ font-size:12px; line-height:15px;}
.about_fvl ul.stats li label{ font-size:36px; line-height:36px;}
.make_dontation_area{ background-size:cover;     background-position: left 30% bottom;}
.latest_news_home ul.blog_listing li figure{ height:150px;}
.latest_news_home ul.blog_listing li a h3{ font-size:14px;}

footer { margin: 0; }
footer .quick_contact .enquire_now{ position: static; width: 100%; float: left; padding: 0; background: none; box-shadow: none; }
.click_h3 h3{ cursor: pointer; width: 100%; border-bottom: solid 1px #393939; background-image: none;  padding: 0 0 15px; margin: 0 0 15px; }
footer .guest_link, footer .prodct_link, footer .address_detials{ display:none;}
.pay_opt h3, .pay_opt{ text-align:left; }
.pay_opt h3{ margin:20px 0 ;}
footer .resource li, footer .prodct_link li{ width:100%;}
.click_h3 h3::after{ content: '+';  font-size: 18px;  font-weight: 400;  color: #fff;    float: right;   margin: 0 5px 0 0;}

.click_h3 h3.after_arrow::after { content: '-'; font-weight: bold;}

footer .quick_contact .enquire_now h2{ font-size: 18px; font-weight: 300; cursor: pointer; width: 100%; border-bottom: solid 1px #558cde; background-image: none; color: #fff; padding: 0 0 15px; margin: 0 0 15px;}
ul.social-icon{ border-top:none; padding-top:5px;}
footer .last_footer{ text-align:center; padding-bottom:10px;}
footer .last_footer p{ text-align:center; margin:0;}
footer .last_footer ul{ text-align:center;}
footer .last_footer ul li{ padding:0 5px;}
.other_projects ul li{ flex:0 0 48%;}
.lang_mb{ display:block; float:right; text-align:right;}
.lang_mb .wpml-ls-legacy-list-horizontal { padding:4px 0; color:#000;}
.make_dontation_area .overlay_white{ display:block;} 

.inner_content_area .side_nav{position:relative !important; width:100% !important; max-width:100% !important;}
 
}



@media screen and (max-width: 767px) {
	
.top_banner .hide_mb{ display:block !important;}	
.top_banner  .hide_mb2{ display:none !important;}
.donate_now{ width:100%; float:left; }	
.donate_now a{ font-size:13px; line-height:26px; letter-spacing:0;}
.lang_mb .wpml-ls-legacy-list-horizontal a{ color:#000; font-size:14px; padding:5px 7px;}
header .col-3, header .col-6{ padding:0 8px; }
header .row{ margin:0 -8px;}
.top_banner .carousel-caption h1{ font-size:18px; line-height:20px; }
.top_banner .carousel-caption a.read_more{ line-height:35px; margin:10px 0 0; font-size:14px; padding:0 20px; }
.about_fvl{ padding:30px 0 ;}
.about_fvl ul.stats li span{ font-size:16px; line-height:20px;}

.project_slider{ padding:50px 0 20px;}
.project_slider .head_area{ padding:0 80px 0 15px; margin:0 0 20px;}
.project_slider .head_area h2{ font-size:22px;}
.project_slider .head_area p{ font-size:16px; line-height:20px;}

.owl-carousel .owl-nav{ top:-105px;}
.owl-carousel .owl-nav button.owl-prev{ right:35px;}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{ width:30px; height:30px; line-height:30px;}
.project_info a h3{ font-size:18px; margin:15px 0 10px;}
	
.about_fvl h2{ font-size:36px; padding:0; margin:0;}
.about_fvl h2::after{ display:none;}
.about_fvl ul.stats li{ width:100%; float:left; padding:15px 0; border-bottom:solid 1px #f1f1f1; border-right:none; }	
.about_fvl a.read_more{ font-size:18px;}	
.make_dontation_area ul.select_donation li{ min-width:75px;}


.make_dontation_area h2{ font-size:36px; line-height:36px;}
.make_dontation_area p{ font-size:20px; line-height:26px; margin:10px 0;}
.make_dontation_area h4{ font-size:24px;}
.make_dontation_area ul.select_donation li label .count{ font-size:28px; line-height:70px;}

.fvl_book_area h3{ font-size:24px;}
.fvl_book_area figure{ margin:15px 0 0;}

.doctor_patient .box_1{ margin:15px 0;}
.doctor_patient h2{ font-size:26px;}
.doctor_patient .box_1 .box_dtl{ position:static; background:#333; padding:25px 15px;}
.about_dr_longo figure video{ min-height:inherit; height:auto;}
.doctor_patient .box_1:hover .box_dtl{ padding:15px;}
.doctor_patient .box_dtl h3{ padding:10px 0 0; font-size:24px;}
.doctor_patient .box_dtl p{ font-size:14px; line-height:20px; margin:10px 0 0; }
.doctor_patient .box_dtl a{ margin:15px 0 0;}

.latest_news_home ul.blog_listing li{ flex:0 0 100%; margin:15px 0;}
.about_dr_longo h2{ font-size:28px; margin:0 0 10px;}
.about_dr_longo label{ font-size:18px; line-height:24px;}
	
.newsletter_signup h3{ font-size:24px;}
.newsletter_signup .inpt_area input, .newsletter_signup .inpt_area button{ width:100%; margin:5px;}

.inner_content_area{ padding:30px 0 20px;}

.inner_content_area .side_nav ul ul, .inner_content_area .side_nav ul ul li ul{ position:relative; left:0; margin:10px 0; width:100%;}
.inner_content_area .side_nav ul ul li ul{ box-shadow:none;}

.blog_area ul li{ margin:15px 0; flex:0 0 100%;}

.team_dtls_area figure, .board_dtls_area figure{ width:100%;}
.team_dtls_area .dtls_area, .board_dtls_area .dtls_area{ width:100%; padding:15px 0;}
.our_team_area ul li{ flex:0 0 47%;}
.click_h3 h3{ font-size:14px;}

.newsletter_signup .text_sign{ width:100%;}
.modal{ left:0;}
.modal-content{ width:100%; min-width:inherit;}
.modal-body .service_query ul li{ width:100%;}
.project_center_area ul.project_box li, .other_projects ul li{ flex:0 0 100%; max-width:inherit; margin:15px 0;}

.project_page_area{ margin:0;}

.project_center_area ul.project_box li .text_area h4{ font-size:18px;}
.project_page_area .left_side{ width:100%; padding:0;}
.project_page_area .right_side{ width:100%; padding:15px 0;}
.video_area_page ul li { flex:0 0 100%; margin:15px 0; }
.video_area_page ul li iframe{ max-height:190px;}
.make_donation_page p{ font-size:18px; line-height:24px;}
.make_donation_page .transfer_box p{ font-size:14px; line-height:20px;}
.make_donation_page .transfer_box{ padding:15px 10px;}

.make_donation_page .donation_form{ padding:20px 0;}
.make_donation_page .donation_form .msg_info li{ flex:0 0 100%; padding:10px 0;}
.inner_content_area ul.contact_info li{ flex:0 0 100%; margin:10px 0;}
.inner_content_area .contact_form_srvc .wpforms-container-full .wpforms-form .wpforms-field{ width:100%; padding:10px 0; }

.cancert_top figure{ width:100%;}
.cancert_top .cancer_dtls{ width:100%; padding:15px 0;}
.our_team_area ul li{ flex:0 0 100%; margin:10px 0;}
footer .last_footer p{ font-size:13px; padding:10px 15px;}
.newsletter_signup .inpt_area{ padding-bottom:0;}
.inner_content_area h1{ font-size:26px;}
.make_donation_page .donation_form ul.pay_list li{ min-width:inherit; font-size:20px; }
.make_donation_page .donation_form ul.pay_list li label .count{ padding:0 10px; line-height:45px; font-size:20px;}
.make_donation_page .donation_form ul.pay_list li:last-child{ max-width:100%;}
.make_donation_page .donation_form ul.pay_list li input.other_amt{ border:none; height:45px; font-size:20px; }
.make_donation_page .donation_form h4{ font-size:20px;}
.make_donation_page .donation_form ul.pay_list{ margin:10px 0;}

.radio_btn{ padding-left:28px; margin-bottom:0;}
.checkmark{ width:20px; height:20px;}

.radio_btn .checkmark::after{ width:8px; height:8px; left:4px; top:4px;}
.make_donation_page .donation_form button{ font-size:24px; height:50px; line-height:60px;}
.center_txt_area ul li{ flex:0 0 100%; margin:15px 0;}
.newsletter_signup .inpt_area button{ height:50px; font-size:20px;}
.inner_content_area .contact_form_srvc{ margin:10px 0;}
.inner_content_area h1{ margin:0 0 20px;}
.project_tuti_area ul.project_tuti_box li{ flex:0 0 100%; margin:10px 0;}
.illustrator_area ul.illust_list li{ flex:0 0 100%; margin:10px 0;}
.contact_page .left_contact, .contact_page .right_contact{  width:100%; padding:0px 0; margin:10px 0; }	
.contact_page .left_contact ul li{ flex:0 0 100%; }
}

@media only screen and (max-width: 600px) {

	
	}


@media only screen and (max-width: 359px) {
.click_h3 h3{ font-size:13px;}
.about_fvl h2{ font-size:32px;}
}