@media (max-width:1366px){
.home .banner-layout { padding-left:110px;}
}      


@media (min-width: 1480px){
ul.menu-top li {  padding: 0 15px;}
a.donationbtn { font-size:25px;}
}
@media (min-width: 1400px){
section.inner-banner {   height: 30rem;}
}
@media (min-width: 991px) and (max-width:1290px){ 
.menu-top li a {  padding: 26px 15px 27px;}
#mainNav > li.menu-item-has-children >a:before { right: 5px;}
a.donationbtn {min-width: auto!important;}
.banner-home .container { padding-left:120px;}

 #newsletterblock .Ncontent {  padding: 45px 25px; }
.NcontentImg, .newsletter {height: 50%; } 
.NcontentImg img { height:100%;}

}


   
/* Ipad Devices View */ 
@media (max-width: 991px){
.owl-dots {    bottom: -10px;}
section#community {  padding-bottom: 35px;}  
.resources .owl-dots { bottom: -70px;}
#header a.donationbtn,  .menu-sidebar .menu-bar-wrapper li .sub-menu li a:after, .menu-top { display:none;}
.home .banner-layout {  padding-left: 110px;  padding-right: 45px;}
.main {padding: 45px 0;}
.top-logo {   max-width: 50%;  display: flex;  float: left;  text-align: center;   flex: 0 0 50%;}	
.menu-phone {  display: flex;  width: 50%;  max-width: 50%;  flex: 0 0 50%;}
#header .search-bar { background-color: transparent;   height: 70px;}
#header .search-icon {height: 45px;    width: 45px;     background-color: #f5cb08;    position: absolute;  right: 85px;  top: 50%;   transform: translateY(-50%);}
header#header { top:33px;   height: 70px;}
.mdonation {display: block; position: fixed;  height: 33px;   width: 100%;   top: 0; z-index: 99;}
.mdonation > a {  color: #fff;     background-color: #3b6f9a; text-align: center;   display: block;   padding: 1px;   text-transform: uppercase; font-weight: 500;}
.menu-wrap {   background-color: #3b6f9a;   position: fixed;     top: 104px;     height: 100%;     width: 100%;   right: -100%;  font-size: 1em;   font-weight: 700;
overflow: auto; transition: .5s;  z-index: 12; display: flex;  justify-content: center;  align-items: center;}
.menu-full-wrapper {  width: 100%; position: relative;text-align:left;}
.menu-show { right: 0;box-shadow: none; display: block; max-width: 100%; }
.menu-sidebar { margin: 0; position: relative; top: 0;width: 100%; margin-left: auto;  height: 100%; padding-bottom: 50%; }
.menu-bar-wrapper {  display: -ms-flexbox;  display: flex;  -ms-flex-wrap: wrap;  flex-wrap: wrap; width: 100%;}
.menu-sidebar .menu-bar-wrapper li {  flex: 0 0 100%;  max-width: 100%; position: relative;  margin: 0;  border: none; border-bottom: 1px solid rgba(255, 255, 255, 0.5);
padding: 0;}  
  
.menu-sidebar .menu-bar-wrapper .menu-item-has-children .sub-menu li:first-child {   border-top: 1px solid rgba(255, 255, 255, 0.5); }
.menu-sidebar .menu-bar-wrapper li:last-child{ border: none;}
.menu-sidebar .menu-bar-wrapper li > a { color: #ffffff;font-weight: normal; padding: 7px 20px; position: relative;display: block; font-weight: 400; font-size: 16px;}
.menu-sidebar .menu-bar-wrapper li > a:hover:after { opacity: 1;}
.menu-sidebar .menu-bar-wrapper li > a:hover { color: #fff; width: 100%;}    
.menu-sidebar .menu-bar-wrapper li > a:hover:after { opacity: 1;}
.menu-sidebar .menu-bar-wrapper li.current-menu-item > a { font-weight: 500; background-color: #ffffff!important; color:#000!important;  width: 100%;}
#header .current-menu-ancestor > ul li.current-menu-item > a {color:#000!important;}  
.menu-sidebar li.current-menu-item .sidebar-menu-arrow:after {    border-left: 2px solid #3b6f9a;   border-bottom: 2px solid #3b6f9a;}  

.menu-sidebar .sidebar-menu-arrow:after { content: "";  cursor: pointer; border-left: 2px solid #ffffff;  border-bottom: 2px solid #ffffff;  display: inline-block;    width: 10px; height: 10px;  -ms-transform: rotate(-45deg);  -webkit-transform: rotate(-45deg);  -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg);   transform: rotate(-45deg);  margin: auto; position: absolute;  right: 15px; top: 50%;  bottom: 0; margin-top: -5px; }
.menu-sidebar .menu-bar-wrapper .menu-item-has-children .sidebar-menu-arrow.responsive-up-arrow:after { transform: rotate(135deg); display: block; margin:0;}
.menu-sidebar .menu-bar-wrapper li.current-menu-item > a + .sidebar-menu-arrow::after{color: #0e2743;}
.menu-sidebar .menu-bar-wrapper .current-menu-parent.menu-item-has-children>.nav-link { font-weight: 500; background-color: #e93941;color: #fff; width: 100%;}
.menu-sidebar .menu-bar-wrapper .current-menu-parent.menu-item-has-children>.nav-link:after {    opacity: 1; }
.menu-sidebar .menu-bar-wrapper .menu-item-has-children { position: relative;}
.menu-sidebar .menu-bar-wrapper .menu-item-has-children .sidebar-menu-arrow { position: absolute; right: 0; top:0; height:46px; width:40px; background-color:transparent;}
.menu-sidebar .menu-bar-wrapper .menu-item-has-children .sub-menu {display: none; background: none;}
.menu-sidebar .menu-bar-wrapper .menu-item-has-children .sub-menu li {  -ms-flex: 0 0 100%;  flex: 0 0 100%; max-width: 100%;  padding-left: 0px;}  
.menu-sidebar .menu-bar-wrapper li .sub-menu li a { font-size: 16px; padding-left: 30px;}
.menu-sidebar .menu-bar-wrapper li .sub-menu .sidebar-menu-arrow:after {  font-size: 16px;}
.sidebar-menu-arrow::after { cursor: pointer; content: ""; position: absolute; top: 0px; margin: auto; bottom: 0px; right: 0; background-size: 14px;height: 40px; width: 40px;}
   
.header-aside-col { align-items: center; display: flex;  justify-content: flex-end; padding-right: 55px;}
div#mobile-search-bar { border-left: none;  top: 0px;}
header#header .container-fluid { padding-right: 0;  padding-left: 15px;}
.logo-wrapper {  padding-right: 0;  margin-right: 0;}
.menu-button:hover {  cursor: pointer;}
.menu-button { background-color: #f5cb08; height: 45px; width: 45px;  z-index: 12; right: 30px; display: block; text-align: center;    position: absolute;  top: 50%;   transform: translateY(-50%);}
.menu-button .menu-bar { position: absolute;  border-radius: 0px; width: 26px; transition: .5s; opacity: 1; top: 7px;  right: 0; left: 0; margin: auto;}
.menu-button .menu-bar-top {margin: 0 auto;  border: 2px solid #ffffff;   border-bottom: none;   top: 12px;    width: 30px;}
.menu-button .menu-bar-middle { margin: 3px auto 3px; height: 2px; background-color: #ffffff;  top: 18px;   width: 30px;}
.menu-button .menu-bar-bottom { margin: 0 auto; border: 2px solid #ffffff; border-top: none; top: 30px;  width: 30px;}
.small-menu .menu-button .menu-bar-top { border-color: #ffffff;}
.small-menu .menu-button .menu-bar-bottom {  border-color: #ffffff;}
.small-menu .menu-button .menu-bar-middle {   background-color: #ffffff;}
.button-open {  z-index: 16;}
.menu-button.button-open {   background-color: #f5cb08;  z-index: 13;   height: 45px;   width: 45px;}
.button-open .menu-bar {   opacity: 1;}
.button-open .menu-bar-top {   border-color: #fff;   transform: rotate(45deg) translate(8px, 8px);   transition: .5s;}
.button-open .menu-bar-middle {   background-color: #fff;   transform: translate(230px);   transition: .1s ease-in;   opacity: 0;}
.button-open .menu-bar-bottom {   border-color: #fff;   transform: rotate(-45deg) translate(5px, -5px);   transition: .5s;   right: 0;}  
.menu-button.button-open .menu-bar-top {   border-color: #fff !important;   width: 100%;}
.menu-button.button-open .menu-bar-bottom {   border-color: #fff !important;   width: 100%;}
.menu-logo-wrapper {   width: 50%;   padding-left: 1rem;   left: 0;   position: absolute;  top: 0;   bottom: 0;   margin: auto;   height: 274px;}
.menu-logo-wrapper .nav-logo a {   display: inline-block;   max-width: 70%;   margin-bottom: 30px;}
.menu-logo-wrapper .callus-block {   margin-bottom: 0;   margin-top: 30px;}
.menu-logo-wrapper .callus-block .small-phone-text {  color: #fff;}
.sub-menu li ul.sub-menu { position: static!important;}  	

.icon svg, .icon img {   width: 80px; height: 80px;}
.banner-home {margin-top:103px;  height:375px;}

#homeslider .owl-stage-outer,  #homeslider  .owl-stage { height:375px;}
#homeslider .item { height: 375px;}

.banner-layout{padding: 0;}
.banner-title { font-size: 22px;}
.banner-content {font-size: 15px;}		
.banner-content p {line-height: 26px;}
.title { font-size: 26px;  line-height: 26px;}
#socialblock .block { margin-bottom:25px;  min-height: 270px;}
#socialblock .block .title {   font-size: 22px; margin-bottom: 10px;}
.home .block-team { margin-bottom:25px;}
.newscontent {  padding: 45px 15px 45px 15px; text-align: center;}
.newslist li {padding: 0 15px 15px 15px;}
.newslist {margin-bottom:35px}
.posttitle { line-height: 22px; font-size: 24px;} 
.newslist li .btn {min-width:115px;}
section#community {padding-left: 0;}
#newsletterblock .Ncontent {padding: 45px 15px 45px 15px;  background-color: #002f6c;}
.newsletterInner .title {font-size: 26px;}
.newsletter, .NcontentImg { height:auto;}
.newsletter { padding-bottom:45px;}
.memberdesignation {font-size: 16px;}
.member_name {font-size: 18px;}
.btn, .elm-button, .elm-button:active, .elm-button:focus {    height: 55px;    font-size: 16px;    min-width: 150px;     padding: 15px 25px; line-height: 25px;}
#newsletterblock { background-color: transparent;}
ul.gallery { justify-content: center;}
ul.gallery li {  flex: 0 0 33.33%;}


section.inner-banner {height: 275px;     margin-top: 100px;}
section.inner-banner  .banner-subheading {font-size: 16px;}
section.inner-banner  .banner-layout { padding:15px;}  
section.inner-banner .banner-title {font-size: 32px; }

.newsletterInner { padding:45px 15px;}
.newsletterInner p br { display:none;}
.newsletterf ul { flex-flow: column;}
.newsletterf .wpcf7 .wpcf7-response-output { text-align:Center;}  
.newsletterf .ajax-loader {  position: absolute; right: 0; bottom: -20px; transform: translateY(0);  left: 0;  margin: 0 auto!important;  top: auto;}
.newsletterf input {background-color: #fff; }  
.newsletterf {  background-color: #f5cb08;   padding: 0;   border: solid 5px #f5cb08;}
.newsletterf input#subscribe { margin-top:5px;}

#team-detail .about-content {  padding-left: 0;   margin-top: 25px;}
.education { padding: 25px 15px;  background-color: #f7f7f7;   margin-top: 25px; margin-bottom: 25px;}

.mainpage h2, .postlist-single h2 {  font-size: 25px;   margin-bottom: 15px; line-height: 30px;}
.mainpage h3, .postlist-single h3 {   font-size: 24px; margin-bottom: 10px;}
.bluebg {    margin-top: 25px;  margin-bottom: 25px;     padding: 25px 15px;}
.blog-sidebar { margin-top:35px;}
.page-template-template-act-so .main-content { padding: 25px 0;}
.page-template-template-act-so .bottom-section {padding: 25px 15px;}
.interestedin span.wpcf7-list-item {  display: inline-block;  width: 100%;   max-width: 100%; margin: 0 0 5px;}
.contact_info { margin-top:45px; text-align:center;}  
.contact_info svg, .contact_info img { margin:0  auto;}  
.map_sec iframe {height: 350px;}

.sidebar-heading.title, .widget-title { font-size:22px;}

#footer { padding-top:45px;}
.footerc1 { margin-bottom:25px; padding-right:0!important;} 
.footerc3 { margin-top:25px;}
.footer-content p {line-height: 22px;}
.footersocial {margin-left: 0;}  
	a.design_credits {
    display: block;
}
.membership-image-side {
    margin-bottom: 30px;
}
.membership-description{
    margin: 0 auto;
    width: 60%;	
}

/*Google CWV CSS*/
.search-icon svg path {fill: #fff;}

}  


@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation : portrait){
header#header:after { height:71px!important;}
#socialblock .sociallist {-webkit-box-flex: 0;   -ms-flex: 0 0 50%;   flex: 0 0 50%;   max-width: 50%;}
#socialblock .block { min-height:290px;}  
#teammain .teamlist{ padding:0 7px;}
.fullwidth { -webkit-box-flex: 0;   -ms-flex: 0 0 100%;   flex: 0 0 100%;   max-width: 100%;}
.communitybox { margin-bottom:35px;}
#site-searchs { right:50px;}
.footerc2, .footerc3 { flex: 0 0 50%; max-width: 50%;}
.footerc1 { flex: 0 0 100%; max-width: 100%; text-align:center;}    
.h4.footer-heading, .footerc3, .footer-top-nav ul li {text-align:left!important;}

.contact_info {   max-width: 80%;   margin: 45px auto 0;}
.contact_form input[type="submit"] {    margin: 30px auto 0;}
.contact_form .wpcf7-response-output {  font-size: 13px;  text-align: center;bottom: -35px;}
.blog-sidebar .submitbtn { text-align:center;}
.blog-sidebar [type=submit] {    margin: 35px auto 0;   max-width: 225px;}  
/* .TeamImg {  max-width: 50%; margin: 0 auto;} */

}    


@media only screen and (min-device-width:768px) and (max-device-width : 1024px) and (orientation : landscape){ 
#socialblock .sociallist {-webkit-box-flex: 0;   -ms-flex: 0 0 50%;   flex: 0 0 50%;   max-width: 50%;}
#aboutusblock .col-lg-9, #teamblock  .col-lg-9, #teamblock  .col-lg-10, #teampage .col-lg-9  { -webkit-box-flex: 0;   -ms-flex: 0 0 100%;   flex: 0 0 100%;  max-width: 100%;}
#socialblock .block { margin-bottom:15px;} 
#newsletterblock .Ncontent { padding: 45px 15px;} 
#site-searchs { right:65px;}
.fullwidth { -webkit-box-flex: 0;   -ms-flex: 0 0 100%;   flex: 0 0 100%;   max-width: 100%;}
.banner-home {height: calc(75vh - 85px);}
#homeslider .owl-stage-outer,  #homeslider  .owl-stage {    height: calc(75vh - 85px);}
#homeslider .item { height: calc(75vh - 85px);} 
.communitybox { min-height:425px;} 
.home .banner-layout {  padding-left: 0!important;  padding-right: 0!important;} 
.contact_form input[type="submit"] {    margin: 30px auto 0;}
.contact_form .wpcf7-response-output {  font-size: 13px;  text-align: center;bottom: -35px;}

}



/* Ipad Pro */
 @media only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait){
#socialblock .sociallist {-webkit-box-flex: 0;   -ms-flex: 0 0 50%;   flex: 0 0 50%;   max-width: 50%;}
#aboutusblock .col-lg-9, #teamblock  .col-lg-9, #teamblock  .col-lg-10, #teampage .col-lg-9  { -webkit-box-flex: 0;   -ms-flex: 0 0 100%;   flex: 0 0 100%;   max-width: 100%;}
#socialblock .block { margin-bottom:15px;}
header#header:after { height:85px!important;}
#newsletterblock .Ncontent { padding: 45px 15px;}
#site-searchs { right:65px;}
.fullwidth { -webkit-box-flex: 0;   -ms-flex: 0 0 100%;   flex: 0 0 100%;   max-width: 100%;}
.banner-home {height: calc(55vh - 85px);}  
#homeslider .owl-stage-outer,  #homeslider  .owl-stage {  height: calc(55vh - 85px);}
#homeslider .item {height: calc(55vh - 85px);} 
.communitybox { min-height:425px;}
.footerc2  { flex: 0 0 33.33%; max-width: 33.33%;}
.footerc3 {flex: 0 0 25%; max-width: 25%;}
.footerc1 {     flex: 0 0 40.66%;  max-width: 40.66%;    text-align: left;}    
.h4.footer-heading, .footerc3, .footer-top-nav ul li {text-align:left!important;}

}   



 @media only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape){ 
 .banner-home { height: calc(70vh - 85px);}
 #homeslider .owl-stage-outer,  #homeslider  .owl-stage {   height: calc(75vh - 85px);}
#homeslider .item { height: calc(70vh - 85px);} 
.banner-title {    font-size: 33px;}
 .home .banner-layout {    padding-left: 115px;}
 .newsImg { height:100%;}
 .newsImg  img { height:100%;}
 #newsletterblock .Ncontent {  padding: 45px 25px; }
.NcontentImg, .newsletter {height: auto; }	
#mainNav > li.menu-item-has-children>a:before { right:5px;}
 
 }
 
  

/* Small Devices View */ 
@media (max-width: 767px){
.contact_form input[type="submit"] {    margin: 30px auto 0;}
.contact_form .wpcf7-response-output {  font-size: 13px;  text-align: center;bottom: -35px;}
.communitybox { margin-bottom:35px;  min-height: 400px;}
.sub-heading { font-size:20px;} 
.postdate { font-size:18px;}  
.home .banner-layout { padding:0;}
.banner-home:after, header#header:after  { display:none;}	
.officers .listitem {flex: 0 0 100%;   text-align: left;}
#teampage .block-team { margin-top:25px;}
.post-thum {  padding-top: 350px;   background-size: cover; background-position: center center;}
.bloglist .recent-post-content {    margin-bottom: 5px; padding: 25px 0 30px;}
.postlist-single .post-thum {background-position: center center;} 
#site-searchs { right:40px;}
.header-search-box p.msg-side-form { right: 65px;}  
.h4.footer-heading, .footerc3 { text-align:Center!important; }   
.footer-top-nav ul li {  justify-content: center;}
.footer-content { font-size:16px; text-align: justify;}  
#postslider .owl-nav { position: relative;}    
.news-items {width: 49%;}

.banner-home {height: auto;padding-top: 35px;padding-bottom: 35px;}
.banner-home .btn {padding: 9px 16px;height: auto;}
.banner-title {font-size: 37px;letter-spacing: 1px;}

}  



@media (max-width:575px){
.news-items {width: 100%;}
.all-news { display: block;}
.btn{ 	font-size: 14px; }
.membership-description {
    margin: 0 auto;
    width: 100%;
}
}