@media (max-width: 1799px) {
    
	.resources .col-content .container{ max-width: 90%; }
    .hero-box{ height: 500px; }
    .hero-box .in h2{ font-size: 48px; line-height: 1.1; }
}

@media (max-width: 1599px) {
  	
}

@media (max-width: 1499px) {
 	.newsletter-form{ width: 90%; margin: auto;  }
    #gform_5_validation_container{ margin: 0 80px; }
}

@media (max-width: 1399px) {
	
	#header{ border-bottom-width: 20px; padding-top: 15px; padding-bottom: 15px; }
    #header .logo{ margin-left: 0; }
    #header .logo a img{ height: 80px; }
    #header .buttons{ margin-right: 0; }
    
    .navbar{ margin-right: -10px; }
    .navbar .navbar-nav .nav-link{ font-size: 18px; }
    
   #hero{ margin-top: 135px; }
   .home #hero{ height: 620px; }
   #hero h1{ font-size: 70px; }
   #hero h3{ font-size: 28px; }
   
   .intro .about-text{ font-size: 37px; line-height: 1.3; }
   
   .service-section{ padding-bottom: 40px; }
   .service-section .item .title h3{ font-size: 21px; }
   .service-section .item .title p{ font-size: 18px; }
   
   .member{ padding: 100px 0 50px; }
   .member .text p{ font-size: 38px; }
   .member .person{ font-size: 18px; }
   .member .since{ font-size: 15px;  }
   .member .slick-dots{ margin: 10px 0; }
   
   .blog-section{ padding-top: 80px; }
   
   #index-wrapper{ padding: 40px 0; }
   .news .content .category{ font-size: 14px; }
   
   
   #hero.sub-hero .title-box h1{ font-size: 25px; }
   
   .sub-hero .hero-photo{ height: 550px; min-height: 550px; }
   #hero.sub-hero .col-txt .in{ margin: auto 50px; }
   #hero.sub-hero .col-txt h2{ font-size: 45px; }
   #hero.sub-hero .col-txt p{ font-size: 22px; line-height: 1.4; }
   
   .aging-boxes .item .title h3{ font-size: 21px; padding: 20px 0 10px;  }
   
   .section-photo-box{ margin: 0 30px; }
   
   .service-acc{ padding-top: 0; }
   
   .section-photo-box-bottom{ padding-top: 0; }
   
   .membership-plan{ padding-top: 20px; }
   .text-intro{ margin-bottom: 30px; }
   
   .hero-box{ height: 400px; padding-left: 30px; padding-right: 30px; }
   .hero-box .in h2{ font-size: 36px; }
   
   .rreview-item .review{ padding: 50px 0 !important; }
   
   #hero.hero-bar{ min-height: 70px; height: 70px; }
   
   .blog .news .photo{ height: 376px; }
   
   .news .content .more span{ font-size: 14px; height: 44px; line-height: 40px; }
   .blog .news .content{ padding: 30px; }
   
   .news .photo{ height: 450px; }
   
   #footer .footer-text{ font-size: 16px; }
   
   .leadership{ padding-top: 30px; }
   
   .event-title{ font-size: 27px; }
   .event-city,
   .event-date{
	   font-size: 17px; 
   }
   .event-card .button{ font-size: 14px; height: auto; line-height:auto; }
   .event-card .in .photo img{ height: 320px; }
   
   
   #gform_5_validation_container{ margin: 0 40px 0 80px; } 
   
}
@media (max-width: 1299px) {
    
    .resources .col-content .container{ max-width: 96%; }
    
    .entry-content h3, .sitemap_by_click5 h2,
    .entry-content h1, .entry-content h2, h1.post-title{ font-size: 30px; padding: 10px 0; margin-bottom: 0; }
   
   .entry-content h4{ font-size: 23px; }
   
   .resources .col-sidebar{ top: 130px; }
   .sidebar-blog h3{ font-size: 24px; }
   .blog-categories{ padding-left: 15px; }
   
   .boxes-section{ padding: 50px 0; }
    
   #gform_5_validation_container{ margin: 0 10px 0 80px; } 
}

@media (max-width: 1199px) {

    .navbar {
        margin-right: 0;
    }
    .icon-bar {
        background-color: #000;
    }
    .navbar-collapse #main-menu {
        display: flex;
        flex-direction: column;
        position: absolute;
        width: 310px;
        max-height: 80vh;
        top: 50px;
        left: -30px;
        padding: 30px 25px;
        background-color: #FFF;
        box-shadow: 0 8px 15px rgba(0, 0, 0, .15);
        transform-origin: 50% 0;
        transform: scaleY(0);
        transition-duration: 250ms;
        overflow-y: auto;
    }
    .navbar-collapse.show #main-menu {
        transform: scaleY(1);
    }

    .navbar-collapse #main-menu > li {
        width: 100%;
        height: auto;
        margin: 0;    
    }
    .navbar-collapse #main-menu > li:first-of-type {
        display: block;
    }
    .navbar-collapse #main-menu > li > a {
        color: #000;
        padding: 12px 15px;
        margin: 0;
        border-bottom: 0;
    }
    .navbar-collapse #main-menu > li.current-menu-item > a,
    .navbar-collapse #main-menu > li.current-page-parent > a,
    .navbar-collapse #main-menu > li:hover > a {
        color: var(--main) !important;
        border: 0;
    } 
    .navbar-collapse #main-menu > li.menu-item-has-children > a::after,
    .navbar .navbar-nav .dropdown .dropdown > .dropdown-item::after {
        display: none;
    }
    .navbar-collapse #main-menu li.menu-item-has-children > span.mobile-dropdown {
        width: 32px;
        height: 32px;
        text-align: center;
        cursor: grab;
        position: absolute;
        right: 0;
        top: 0;
    }
        
    .navbar-collapse #main-menu > li.menu-item-has-children > span.mobile-dropdown {
        width: 42px;
        height: 42px;
    }
    .navbar-collapse #main-menu li.menu-item-has-children > span.mobile-dropdown::after {
        content: "\f107";
        color: #000;
        font-family: var(--fa-family-classic);
        font-size: 13px;
        font-weight: 700;
        line-height: 32px;
        border: 0;
        padding: 0;
    }
    .navbar-collapse #main-menu > li.menu-item-has-children > span.mobile-dropdown::after {
        line-height: 42px;
    }
    .navbar-collapse #main-menu > li.menu-item-has-children > span.mobile-dropdown.active-child::after {
        color: var(--main);
    }
    .navbar-collapse #main-menu li:hover > a::before, 
    .navbar-collapse #main-menu li.current-menu-item > a::before {
        display: none !important;
    }
    .navbar-collapse #main-menu li ul.dropdown-menu {
        display: none;
        position: relative;
        width: 100%;
        padding: 0 0 10px 15px;
        border: 0 !important;
        box-shadow: 0 0 0;
        top: 0; left: 0;
        visibility: visible;
        opacity: 1;
    }
    .navbar-collapse #main-menu li > ul.dropdown-menu > li > a {
        font-size: 15px;
        padding: 6px 20px;
        outline: none;
    }
    .navbar-collapse #main-menu li > ul.dropdown-menu > li > a:hover,
    .navbar-collapse #main-menu li > ul.dropdown-menu > li > a:focus,
    .navbar-collapse #main-menu li > ul.dropdown-menu > li > a:active {
        color: var(--main);
        background-color: transparent;
    }
    
    #header .buttons{ margin-bottom: 0; padding-bottom: 0;  }
    #header .buttons .button-top a{ width: 150px;  font-size: 15px;   text-align: center; }
    #header .buttons .button-top a img{ height: 12px;  }
    #header .navigation{ flex-wrap: nowrap; }
    #header .buttons, #header .navigation{ 
	    width: auto; 
    }
    #header .search button{ height: 46px; font-size: 17px; }
    
    .home #hero{ height: 500px; }
    .home #hero h1{ font-size: 60px; }
    .home #hero h3{ padding: 10px 0; }
    #hero h3{ font-size: 22px; }
    #hero { margin-top: 125px; }
    #header .search { display: none; }
    
    .navbar-collapse #main-menu{ left: -280px; }
    
    .intro{ padding: 60px 0 40px; }
    .intro .about-text{ font-size: 32px; }
    
    .service-section .item .title h3{ font-size: 19px; }
    .service-section .item .title p{ font-size: 17px; }
    .service-section .item .buttons img{ height: 20px; }
    
    .slick-initialized .slick-slide{ width: 100%; }
    
    .member .text p{ font-size: 30px; }
    
    .blog-section{ padding-top: 50px; }
    .blog-section #index-wrapper { padding: 20px 0; }
    .blog-section #index-wrapper .news:last-child{ display: none; }
    
    .home-headline h2{ font-size: 35px; }
    .home-headline p{ font-size: 20px; padding-bottom: 0; }
    
    #footer-bottom .footer-menu ul li{ margin-left: 10px; }
    
    .aging-boxes .item .in{ margin: 0; }
    .aging-boxes .item .title{ margin: 15px 20px; }
    
    .aging-boxes .item .in-circle{ width: 450px; height: 450px; }
    .aging-boxes .item .value{ font-size: 75px; }
    .aging-boxes .item .in-circle .in p{ font-size: 20px; }
    
    .member img{ width: 120px; }
    
    .banners-section .item h3{ font-size: 25px; line-height: 1.1; }
    
    .button{ font-size: 14px; padding-top: 12px; padding-bottom: 12px;  }
    
    .banners-section .item{ padding: 60px 0; }
    
    #index-wrapper .buttons{ padding-top: 30px; padding-bottom: 10px; }
	
	.boxes-section .box h3{ font-size: 22px; }
	
	.newsletter-section{ overflow: hidden; }
	.newsletter-form{ width: 95%; margin-right: 50px !important;  }
	
	.section-photo-box .col-txt .in{ margin: 30px; }
	.section-photo-box .col-txt h3{ font-size: 23px; }
	
	.resources .col-sidebar{ flex: 0 0 280px; padding-left: 0; }
	.resources .col-content {  flex: 0 0 calc( 100% - 280px ); }
	.review-head .col-photo img{ width: 220px; height: 220px; }
	.review-head .col-photo{ flex: 0 0 240px; }
	.review-body{ padding-bottom: 0; }
	.review-body .col-text{ padding-right: 30px; }
	.review-body .col-review p{ font-size: 25px; }
	
	.container-faq{ margin: 40px auto; }
	.faq-wrapper{ margin: 0 20px; }
	.faq-wrapper .accordion-header .accordion-title::before{ left: -15px; }
	.faq-wrapper .accordion-item.active{ padding-left: 20px; padding-right: 20px; margin-left: -20px; margin-right: -20px; }
	
	.faq-wrapper .accordion-item.active .accordion-header .accordion-title,
	.faq-wrapper .accordion-item .accordion-header .accordion-title{ font-size: 21px; padding: 20px 10px; }
	.faq-wrapper .accordion-header .accordion-title{ padding: 20px 10px; line-height: 1.3; }
	
	.faq-wrapper .accordion-header .accordion-title[aria-expanded="true"]::before{ left: -13px; top: 27px; font-size: 12px;  } 
	.faq-wrapper .accordion-header .accordion-title::before{ font-size: 12px; top: 27px; }
	
	.entry-content p, .entry-content ul li, .entry-content ol li{ font-size: 19px; }
	
	.faq-wrapper .accordion-header .accordion-title[aria-expanded="true"]::before{ top: 22px; }
	
	.hero-box{ height: 350px; }
	
	.blog-categories li a{ font-size: 18px; }
	.blog-categories{ padding-left: 25px; }
	#sidebar-area{ padding-left: 20px; }
	
	.blog-categories li.current-cat a::after{ left: -20px; font-size: 13px; height: 8px; }
	
	.entry-content h3, .sitemap_by_click5 h2, .entry-content h1, .entry-content h2, h1.post-title{ font-size: 25px; }
	
	#hero.sub-hero .col-txt h2{ font-size: 32px; }
	
	.leadership-items .photo img{ height: 240px; }
	.leadership-items h4{ font-size: 20px; }
	.leadership-items span{ font-size: 15px; }
	
	.modal-dialog { max-width: 90% !important; }
	
	.leadership-items .in{ margin: 0; }
	.organizations .photo{ height: 240px; }
	
	.banners-section .item .in{ width: 90%; }
	.banners-section .item.member-box .text p{ font-size: 22px; }
	.banners-section .item.member-box .text .person{ font-size: 14px;}
	.banners-section .item.member-box .text .since{ font-size: 11px; }
	
	.banners-section .item{ height: 30px 0; }
	
	.navbar-collapse #main-menu li ul.dropdown-menu.active-child{ padding-top: 10px; }
	
	.container-blog{ max-width: 95%; }
	
	.event-details .event-form{ padding: 20px; }
	.event-details .event-form h4{ line-height: 1.2; padding: 20px 0; }
	
	.event-details .event-content{ margin: 0 20px; }
	
	#hero.hero-lp{ height: 450px; padding-bottom: 150px; }
	#hero.hero-lp h1{ font-size: 60px; }
	#hero.hero-lp h3{ font-size: 24px; }
	
	#hero.short-hero{ height: 350px; min-height: 350px; padding-bottom: 90px;  } 
	
	#hero.short-hero.hero-bar{ height: 50px; min-height: 50px; padding-bottom: 70px; }
}

@media (max-width: 991px) {
    
    .boxes-section .box{ width: 100%; }
    .boxes-section .box h3{ font-size: 23px; }
    .boxes-section .box p{ font-size: 17px; }
    
    .home #hero{ height: 460px; }
  	.home #hero { padding-bottom: 80px; }
  	.home #hero h1{ font-size: 40px; }
  	
  	.intro{ padding: 40px 0 20px; }
  	.intro .about-text{ font-size: 26px; }
  	.intro .about-text{ padding-top: 20px; }
  	
  	.service-section .item .title h3{ font-size: 17px; }
  	.service-section .item .title p{ }
  	
  	.service-section .item a,
  	.service-section .item { display: flex; } 
  	.service-section .item a,
  	.service-section .item a .in{ height: 100%;  }
  	.service-section .item a .title{ height: 100%; }
  	
  	.home-headline h2{ font-size: 24px; }
  	.blog-section .row .news:nth-last-child(2) { display: none !important; }
  	
  	.newsletter-form {  width: 90%; margin: auto !important; }
  	#gform_fields_5 {
	  right: 0 !important;
	  position: relative;
	  display: flex;
	  flex-wrap: wrap;
	}
	#gform_fields_5 .gfield{ flex: 0 0 100% !important; justify-content: center !important; }
	
	#footer .social-media,
	#footer .footer-button,
	#footer .footer-phone,
	#footer .logo{ flex: 0 0 100%; padding: 10px 0 10px; }
	
	#footer .footer-phone .in{ border: none;}
	#footer-bottom .footer-menu{ flex: 0 0 100%; justify-content: center !important; max-width: 100%; width: 100%;  }
	#footer-bottom #menu-footer-supporting-links{ margin: 0; padding: 0; justify-content: center;  }
	
	.navbar .navbar-nav .nav-link{ font-size: 16px; }
	
	.sub-hero .hero-photo{ flex: 0 0 100%; min-height:auto; height: 300px; }
	.sub-hero .col-txt{ flex: 0 0 100%;  }
	
	#hero.sub-hero .col-txt .in{ margin: 10px 20px 20px;}
	
	.aging-boxes{ padding: 30px 0; }
	.aging-boxes .item .photo img{ height: 220px; }
	.aging-boxes .item .title h3{ font-size: 18px; }
	
	.aging-boxes .item .in-circle{ width: 100%; height: auto;}
	.aging-boxes .item .in-circle .in{ padding: 40px; }
	
	.banners-section .item{ flex: 0 0 100%; }
	
	.section-photo-box{ padding: 30px 0; }
	.section-photo-box .col-txt,
	.section-photo-box .col-photo{ flex:0 0 100%; }
	.section-photo-box .photo{ height: 300px; }
	
	.service-items .col-photo{ flex: 0 0 33%; }
	.service-items .col-txt{ flex: 0 0 67%; }
	.service-acc .col-photo .photo{ margin: 0 ; }
	.service-acc .col-txt h3{ font-size: 25px; margin: 0; padding: 6px 0; }
	.service-acc .accordion-header button{ font-size: 17px; }
	.service-acc .accordion-header button{ padding: 10px 0; }
	.accordion-body{ padding: 10px 0; }
	.service-acc .service-items{ padding-bottom: 40px; margin-bottom: 40px; }
	
	.text-intro h2{ font-size: 30px; }
	.text-intro p{ font-size: 19px; line-height: 1.7; }
	.membership-boxes{ margin: auto; }
	.membership-boxes .item{ flex: 0 0 100%; margin-bottom: 10px; }
	
	.membership-boxes .in{ padding: 30px; }
	
	.membership-plan{ padding-bottom: 30px; }
	
	#hero.short-hero{ height: 220px; min-height: auto; padding-bottom: 70px;  }
	.page-template-full #hero h1{ font-size: 40px; }
	
	.resources .col-sidebar{ display: none; }
	.resources .col-content{ flex: 0 0 100%; }
	.review-body .col-review p{ font-size: 22px; }
	
	.blog .news .photo{ height: 315px; }
	.news .content .time-cat{ margin-bottom: 5px; }
	.blog .news .content h2, .blog .news .content h3{ font-size: 25px; }
	.blog .news .content .more{ margin-top: 15px; }
	
	.pagination, .sitemap-by-click5_pagination{ margin-top: 20px;}
	
	.leadership{ padding-bottom: 30px; padding-top: 0; }
	.leadership-items-container{ padding: 0; }
	
	.organizations .item{ flex: 0 0 100%; padding-bottom: 40px; }
	
	.organizations::after{ height: 350px; }
	
	.event-details .col-text{ padding-right: 15px; }
	.event-details .col-text,
	.event-details .col-sidebar{ flex:0 0 100%; }
	
	#contact-wrapper{ padding-top: 30px; padding-bottom: 30px; }
	.contact-phone-box .box{ width: 95%; }
	#contact-wrapper .form{ margin-top: 0; }
	.contact-phone-box{ margin-bottom: 30px; }
	
	.events-intro{ padding-bottom: 30px; }
	
	.event-title{ font-size: 23px; }
	.event-city, .event-date{ font-size: 15px; }
	.event-upper-title{ font-size: 20px; }
	
	.post-type-archive-events .wrapper{ padding: 30px 0; }
	
	#page-wrapper #main{ padding: 50px; }
	
	
   #gform_5_validation_container{ margin: 0 ; } 
}

@media (max-width: 767px) {
	
	#header{ border-bottom-width: 10px; padding-right: 0;  }
	#header #main-menu{ width: 100vw; left: calc( -100vw + 64px );   height: 100vh !important; padding-bottom: 200px;   }
	.navbar-collapse #main-menu{ top: 74px; background-color: var(--main); box-shadow: none; }
	.navbar .navbar-nav.active .nav-link{ color: #fff !important;  }
	.navbar .navbar-nav .nav-link{ color: #fff !important;    border-bottom: 1px solid #EEEEEE85 !important;    padding: 20px 0 !important; }
	.navbar .navbar-nav .nav-link:hover{ color: var(--green) !important; }
	.navbar .navbar-toggler{ margin-right: 20px; }
	
	#header .current-menu-parent > a{ color: #fff !important; }
	
	.navbar-collapse #main-menu li.menu-item-has-children > span.mobile-dropdown::after{ color: #FFF;}
	.navbar-collapse #main-menu > li.menu-item-has-children > span.mobile-dropdown.active-child::after{ color: #FFF; 	}
	
	.navbar .navbar-nav.active-child { margin-top: -1px !important; }
	.navbar .navbar-nav.active-child .nav-link{ color: #fff !important;  border-bottom: none !important; }
	.navbar-collapse #main-menu > li:hover > a,
	.navbar-collapse #main-menu > li > a:hover{ color: var(--yellow) !important; }
	.navbar .navbar-nav .dropdown .dropdown-menu{ background-color: var(--main) !important; }
	.navbar .navbar-nav .dropdown .dropdown-menu .dropdown-item{ color: rgba(255,255,255,0.7) !important; }
	.navbar .navbar-nav .dropdown .dropdown-menu .active .dropdown-item{ color: var(--yellow) !important; }
	
	.navbar .navbar-nav .dropdown .dropdown-menu .dropdown-item:hover{ color: rgba(255,255,255,1) !important; }
	.navbar-collapse #main-menu li > ul.dropdown-menu > li > a { font-size: 20px;    padding: 10px 20px; }
	.navbar-collapse #main-menu li ul.dropdown-menu.active-child {  padding-top: 10px;    margin-top: -10px;    border-radius: 0; }
	
	
	.navbar-collapse #main-menu > li.current-menu-item > a, .navbar-collapse #main-menu > li.current-page-parent > a, .navbar-collapse #main-menu > li:hover > a{
		color: var(--yellow) !important;
	}
	
    .navbar-collapse #main-menu li.menu-item-has-children > span.mobile-dropdown {
        top: 6px;
    }
	
	#header .buttons, #header .navigation{ display: none; }
	#hero{ margin-top: 110px;}
  	#hero .content{ flex: 0 0 66%; }
  	.home #hero{ height: 380px; }
   .service-section .item a .title{ height: auto;  }
   .service-section .item{ margin-bottom: 30px; }
   .service-section .item .in{ margin: 0; }
   
   .container-big{ width: 90%; }
   
   .boxes-section .container{ max-width: 90%; }
   .boxes-section .box{ margin-bottom: 10px; margin-top: 10px; }
   .boxes-section .box img.buttons{ display: block; }
   
   
   #sticky-footer { display: none !important; }
   #sticky-footer .col-sm-2 img{
   filter: brightness(0) saturate(100%) invert(55%) sepia(17%) saturate(1054%) hue-rotate(47deg) brightness(101%) contrast(91%);
   }
   
   .member .text p{ font-size: 23px; }
   .member .person{ padding: 7px 0; font-size: 15px; }
   .member .since{ padding: 0px 0px 10px 0px; font-size: 13px; }
   
   .boxes-section .box p{ display: block; width: 100%; text-align: center; }
   
   .aging-boxes .item .in-circle{ padding: 20px; margin: 15px 0; }
   
   #sticky-footer{ display: none !important; background-color: var(--main); box-shadow: none; }
   #sticky-footer p{ color: #fff ; }
   #sticky-footer picture{ background-color: #fff; border-radius: 200px; }
   #sticky-footer picture img{ filter: brightness(0) saturate(100%) invert(61%) sepia(40%) saturate(2209%) hue-rotate(336deg) brightness(101%) contrast(94%) !important; }
   
   
   #header .navigation .buttons{ background-color: #1B6396;
  width: 100%;
  padding: 20px 20px 120px 20px;
  position: absolute;
  top: calc( 100vh - 200px );
  display: flex; z-index: 100; display: none; }
  
  #header .navigation .buttons { flex-wrap: wrap; }
  #header .navigation .buttons .button-top{ flex: 0 0 50%; }
  #header .navigation .buttons .search{ flex:  0 0 100%; display: flex; margin-bottom: 10px; position: relative; left: 10px;  }
  #header .search form{ width: 100%; }
  #header .search input{ width: calc( 100% - 20px ); background-color: var(--light2); }
  #header .search button { height: 51px;  font-size: 17px;  position: relative;   top: 0px; }
  #header .buttons .button-top a{ width: calc( 100% - 5px ); }
  #header .navigation .buttons .button-top.contact{ position: relative; left: -4px; }
  
  .service-items .col-txt,
  .service-items .col-photo{ flex: 0 0 100%; }
  .service-acc .col-photo .photo{ height: 260px; margin-top: 20px; }
  
  .text-intro h2{ font-size: 25px; }
  
  .leadership-items .photo{ width: 250px; margin: auto; }
  .leadership-items h4{ margin-bottom: 0; margin-top: 0; padding:10px 0 0 0; }
  .leadership-items .buttons{ margin-top: 0; margin-bottom: 20px; }
  
  .modal .photo{ flex: 0 0 100%; width: auto; }
  .modal .photo img{ width: 150px; height: 150px; margin: 0;  }
  .modal .col-auto{ flex: 0 0 100%; }
  
  .modal-content .bio-text p{ font-size: 16px; line-height: 1.6; }
  .modal-content .text-muted{ font-size: 16px; }
  .modal-content .modal-title{ font-size: 22px; margin-top: 10px; }
  .modal-body{ padding: 0 30px 20px; margin-top: -20px; }
  
  .events-intro{ font-size: 18px; padding-bottom: 10px; }
  
  .event-card .in{ flex-wrap: wrap; }
  .event-card .in .txt,
  .event-card .in .photo{ width: 100%; flex: 0 0 100%; }
  .event-card .in .txt{ margin: 0; padding: 20px; }
  .event-type{ bottom: auto; top: 200px; left: -10px;  }
  .event-card .in .photo img{ height: 256px; width: 100%;}
  .event-details .row-info .col-date{ width: 100px; }
  
  .event-details .row-info .col-date{ flex: 0 0 33%; padding: 10px 10px 10px 0; }
  .event-details .row-info .col-location{ padding: 10px 10px 0px 20px;  font-size: 18px;}
  .event-details .row-info{ margin: 30px 0 10px; }
  
  #page-wrapper #main{ margin-top: 20px; }
  #page-wrapper #main{ padding: 30px 40px; }
  
  .page-template-full #hero .content{ flex: 0 0 100%; }
  
  .entry-content h3, .sitemap_by_click5 h2, .entry-content h1, .entry-content h2, h1.post-title{ font-size: 22px; line-height: 1.3; }
  
  #page-wrapper #main{ margin-bottom: 30px; }
  
}

@media (max-width: 575px) {
	
 	body{ font-size: 18px; }
  
  .home #hero{ height: auto; padding: 0; background-size: auto 270px; background-position: top right; background-repeat: no-repeat; }
  .home #hero .container{ background-color: var(--light2);  margin-top: 270px; padding: 30px 0;  }
  .home #hero .content{ flex: 0 0 100%; }
  .home #hero h1{ font-size: 40px; padding: 0; margin: 0; }
  .home #hero h3{ font-size: 20px; }
  .home #hero .buttons { margin-top: 5px; }
  
  .intro .about-text{ padding: 20px 0; font-size: 21px; }
  
  .service-section{ padding-bottom: 20px; }
  .service-section .item a .title{ padding: 20px 10px; }
  .service-section .item .buttons img{ height: 17px; margin-top: 10px; }
  .service-section .item .title p{ line-height: 1.3;}
  
  .member{ padding: 40px 0; }
  .member .container{ width: 95%; }
  
  .home-headline h2{ font-size: 22px; line-height: 1.1; }
  .home-headline p{ font-size: 18px; line-height: 1.3; }
  
  .news .content h2, .news .content h3{ font-size: 21px; }
  .news .content h2 img{ height: 11px; position: relative; top: -2px; }
  
  .boxes-section{ padding: 30px 0; }
  .boxes-section .box{ padding: 30px 20px }
  .boxes-section .box img.buttons{ height: 18px; }
  .boxes-section .box h3{ font-size: 21px; }
  .newsletter-section{ padding: 40px 0 20px; }
  
  #footer .wrapper{ padding: 20px 0;   }
  #footer-bottom #menu-footer-supporting-links{ flex-wrap: wrap; }
  #footer-bottom .footer-menu ul li{ margin: 4px; }
  #footer-bottom .copy p,
  #footer-bottom .footer-menu ul a{ font-size: 14px; }
  #footer .footer-text{ padding-top: 15px; }
  
  .section-photo-box .photo{ height: 250px; }
  .section-photo-box .col-txt .in{ margin: 10px; }
  .section-photo-box .col-txt h3{ font-size: 21px; line-height: 1.2; padding: 10px 0; margin: 0;  }
  
  p, ul li, ol li{ font-size: 17px; line-height: 1.6; }
  
  .section-photo-box{ margin: 0 10px; }
  
  .service-acc .accordion-header button{ font-size: 15px; }
  
  .accordion-button::after{ transform: scale(0.6); }
  .accordion-button:not(.collapsed)::after{ transform: scale(-0.6);  }
  
  .text-intro h2{ padding: 10px 0; font-size: 23px; line-height: 1.1;   }
  
  .membership-boxes .item{ padding: 0; margin: 0; }
  
  #hero.sub-hero .title-box h1{ font-size: 20px; }
  
  .hero-box{ height: 260px; }
  .hero-box .in h2{ font-size: 24px; }
  
  .rreview-item .review{ padding: 30px 0 !important; }
  .review-head .col-photo img{ width: 150px; height: 150px; }
  .review-head .col-photo{ flex: 0 0 165px; }
  .review-head .person-name strong{ font-size: 14px; }
  .review-head .person-name .since{ font-size: 12px; }
  
  .review-body{ flex-wrap: wrap; }
  .review-body .col-text, 
  .review-body .col-review{
	  flex: 0 0 100%; 
  }
  .review-body .col-review{ order: 1; } 
  .review-body .col-text{ order: 2; padding-right: 0;  }
  .review-body .col-review::after{ width: 70px; height: 70px; top: -30px;  left: -10px; }
  
 .resources .col-content .container{ max-width: 100%; margin: 20px auto; }
 
 .faq-wrapper .accordion-item.active .accordion-header .accordion-title, .faq-wrapper .accordion-item .accordion-header .accordion-title{ padding: 20px 10px; line-height: 1.1; font-size: 17px; }
 .faq-wrapper .accordion-header .accordion-title{ margin-left: 15px; }
 .faq-wrapper .accordion-body{ padding: 0 10px 20px 30px; }
 .faq-wrapper .accordion-item::after{ width: calc( 100% - 25px ); }
 .faq-wrapper .accordion-body{ padding: 0 0 10px 25px; line-height: 1.5; }
 .faq-wrapper .accordion-body p{ line-height: 1.5; font-size: 18px; }
 
 
 .banners-section .item h3{ font-size: 22px; }
 .banners-section .item{ padding: 40px 0; }
 
 .hero-box{ min-height: 230px; height: auto;  }
 
 .entry-content h4{ font-size: 19px; }
 
 .blog #index-wrapper{ padding: 0px 0; }
 
 .blog .news .photo{ height: 210px; }
 .blog .news .content{ padding: 20px;}
 .blog .news .content h2, .blog .news .content h3{ font-size: 20px; }
 .blog .news .content p{ font-size: 18px; margin-top: 5px; }
 .blog .news .content h2, .blog .news .content h3{ line-height: 1.2;  }
 
 .single .back{ font-size: 16px; }
 .single .back::after{ font-size: 12px; left: -20px; }
 .single .container-single{ padding: 0 10px; }
 .single .news .photo{ height: 240px; }
 
 .entry-content p, .entry-content ul li, .entry-content ol li{ line-height: 1.6; font-size: 18px; }
 
 .hero-box .in p{ font-size: 20px; }
 
 #contact-wrapper .home-headline p{ font-size: 20px; padding: 0 15px; }
 #contact-wrapper .form{ width: 95%; padding: 30px; }
 .contact-phone-box .box{ padding: 30px; }
 .contact-phone-box .box .phone{ font-size: 30px; }
 .contact-phone-box .box .hours{ font-size: 18px; }
 
 .modal-dialog{ max-width: 100% !important; }
 
 #hero.sub-hero .col-txt p{ font-size: 20px; }
 #hero.sub-hero .col-txt h2{ font-size: 28px; margin: 0; padding: 10px 0;  }
 .event-card .in .photo img{ height: 235px; }
.event-details .event-upper-title{ font-size: 20px; }
.event-details .photo{ height: 280px; }

#page-wrapper #main{ padding: 20px 25px; }
#hero.sub-hero .title-box h1{ padding: 30px 0 20px; }
.contact-phone-box .box{ padding: 45px 30px 30px; }

#index-wrapper{ padding: 10px 0; }
.search .news > a .photo{ height: 230px;  }
#index-wrapper .news:nth-child(n+4){ margin-top: 0; } 

.single .entry-content img:first-child{ height: 260px; }
}