@media only screen and (min-width: 1024px) and (max-width:1300px) {


.home-slide .owl-carousel .owl-item img{ height: 400px; }
.banner-caption h3{ font-size: 30px; }
.menu-section ul li a{ font-size: 12px; }
.lives-content{ padding-right: 10%; }

.welcome-box .welcome-img img{ height: auto; }


}



@media only screen and (min-width: 768px) and (max-width: 1023px) {

.menu-desk{ display: none; }
.menu-cell{ display: block; }

.home-slide .owl-carousel .owl-item img{ height: 350px; }
.banner-caption h3{ font-size: 30px; }
.lives-content{ padding-right: 15%; }
.program-title{ font-size: 25px; }
.service-box .service-info h2{ font-size: 20px; }

.menu-section{ text-align: right;  padding-top: 15px;}
.menu-section .navbar{ justify-content: flex-end; padding-right: 0px; }
.top-call a{ font-size: 15px;}
.navbar-toggler:focus{ outline: none; }
.navbar-toggler-icon img{ max-width: 30px;}
.top-call{ padding-top: 0px; }
.main-header.header-appear .navbar{ padding: 0px; }
.main-header.header-appear .menu-section{ padding-top: 10px; }
.menu-cell .navbar{ padding: 0px; }
.header-donate a{ padding: 5px 15px;}
.navbar-collapse{ background-color: #85c324; width: 250px;  right: 0px; position: absolute; top: 45px; z-index: 99; }
.menu-section ul li{ margin: 0px; padding-top: 0px;  }
.menu-section ul li a{ display: block; color: #fff; text-align: center; padding: 5px 10px; font-size: 14px; border-bottom: #76ab23 solid 1px;}
.menu-cell ul{}
.menu-cell ul li{}
.menu-cell ul li a{ display: block; color: #fff; padding: 6px 10px; border-bottom: #6ca019 solid 1px; }
.menu-cell ul li ul.sub-menu{ background-color: #fdc113; }
.menu-cell ul li ul.sub-menu li a{ color: #000; padding-left: 30px; }

.f-contact ul li a{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  width: 130px; }
.welcome-box .welcome-img img{ height: auto; }
.modal-content{ padding: 0px 15px; }
.inner-video .video-box .title-layer{ font-size: 13px; line-height: 17px; padding: 5px 10px; opacity: 1; bottom: 0; }
.modal-content button.close{ right: 15px; }



}



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

.menu-desk{ display: none; }
.menu-cell{ display: block; }
.header-social{ display: none; }

.logo-section img{ max-height: 50px; }

.banner-caption h3{ font-size: 18px; }
.home-slide .owl-carousel .owl-item img{ height: 200px; }
.menu-section{ text-align: right;  padding-top: 15px;}
.menu-section .navbar{ justify-content: flex-end; padding-right: 0px; }
.top-call a{ font-size: 15px;}
.navbar-toggler:focus{ outline: none; }
.navbar-toggler-icon img{ max-width: 30px;}
.top-call{ padding-top: 0px; }
.main-header.header-appear .navbar{ padding: 0px; }
.main-header.header-appear .menu-section{ padding-top: 10px; }
.menu-cell .navbar{ padding: 0px; }
.header-donate a{ padding: 5px 15px;}
.menu-cell ul{}
.menu-cell ul li{}
.menu-cell ul li a{ display: block; color: #fff; padding: 6px 10px; border-bottom: #6ca019 solid 1px; }
.menu-cell ul li ul.sub-menu{ background-color: #fdc113; }
.menu-cell ul li ul.sub-menu li a{ color: #000; padding-left: 30px; }

.header-bottom{ overflow: inherit; }
.navbar-collapse{ background-color: #85c324; width: 250px;  right: 0px; position: absolute; top: 45px; z-index: 99; }
.menu-section ul li{ margin: 0px; padding-top: 0px;  }
.menu-section ul li a{ display: block; color: #fff; text-align: center; padding: 5px 10px; font-size: 14px; border-bottom: #76ab23 solid 1px;}
.h-top-right{ display: block; text-align: right; }
.header-social{ margin-right: 0px; }
.header-social a{ margin-right: 0px;margin-left: 5px; margin-bottom: 5px; }


.title-section h2{font-size: 25px;}
.section-title{ font-size: 22px; line-height: 25px; } 
.welcome-sec{ padding: 30px 0px; }
.welcome-box{ margin-bottom: 30px; }
.service-sec{ padding: 30px 0px; }
.welcome-wrap .service-box:nth-child(even) .col-img{ order: inherit; }
.service-box .service-info{ text-align: left; padding-top: 15px;}
.service-box .service-info h2{ font-size: 20px; }
.lives-content{ padding: 15px; padding-right: 15px; }
.lives-content h2{ font-size: 25px; padding-bottom: 20px;}
.lives-content p{ font-size: 14px; line-height: 20px; }
.program-sec{ padding: 30px 0px; }
.program-title{ font-size: 22px; padding-bottom: 15px; line-height: 25px; }
.program-more{ text-align: left; padding-bottom: 15px; }

.f_section{ margin-top: 30px; }
.f_section h2{ padding-bottom: 15px; }
.f_section ul li{ padding-top: 2px; }
.f-contact{ margin-top: 30px;}
.f-contact h2{ padding-bottom: 15px;}
.f-copyright{ text-align: center; padding-bottom: 10px; }
.f-social{ text-align: center; }
.f-social a{ margin: 0px 5px;}
.footer-info{padding: 30px 0px 0px 0px;}
.f-logo img{ max-height: 65px; }

.inn-content .d-flex{ display: block !important; }
.innerBanner img{ height: 200px; }
.breadcrumb-img img{ height: auto; width: auto; }
.inner-video .video-box img{ height: 200px; }
.modal-content{ padding: 0px 15px; }
iframe{ height: auto; }
.modal-content button.close{ right: 15px; }
.inner-video .video-box .title-layer{ font-size: 13px; line-height: 17px; padding: 5px 10px; opacity: 1; bottom: 0; }
.inn-b-c-box{ display: block; }
.contact_box { background-color: #fff; padding: 15px; border: none; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
.contact-info { background-color: #fdc113; padding: 15px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
.inn-b-c-box h2{ font-size:20px; }
.ser-title{ font-size: 20px; line-height: 25px; }
.custom-heading{ font-size: 20px !important; }
.innerBanner .title_breadcrumb-inner h1{ font-size: 20px; padding-bottom: 5px; }
.welcome-box .welcome-img img{ height: auto; }

.board-box .media{ display: block; }
.board-box .media-left{ width: 100%; text-align: center; padding: 15px; }
.board-box:nth-child(even) .board-info{ text-align: left; }



}



@media only screen and (min-width: 480px) and (max-width: 767px) {



}



@media only screen and (min-width: 320px) and (max-width: 479px) {

    .cf7sr-g-recaptcha{  transform: scale(0.7); margin-left: -15px; }

}