.gallery-section .filters-content>ul {
    margin-bottom: 0;
}
.gallery-section .slick-dots li {
    height: auto;
}
.top-header {
    padding: 10px 40px;
}
.accordion-check::after {
    content: '\f00c';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    font-size: 20px;
    color: #0b1f4b;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.main-nav a.active {
    color: #e01f2b;
    border-bottom: 3px solid #e01f2b;
}



@media (max-width: 1024px) {
.section-gap {
    padding: 50px 20px;
}	
.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center;
    position: absolute;
    z-index: 399;
    background: #f4f7fb;
    top: 90px;
    width: 89%;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 6px 18px rgba(13, 60, 115, .05);
    left: 20px;
}
.navbar-collapse.show .main-nav {
    display: flex;
    gap: 15px;
    align-items: flex-start;
}
.hero-overlay-panel {
    margin: auto;
    max-width: 100%;
}
.hero-section {
    flex-direction: column;
    padding-top: 50px;
    padding-bottom: 50px;
}
.hero {
    min-height: auto;
}
.hero-title {
    font-size: 40px;
}
.hero-eyebrow, .section-eyebrow-row {
    font-size: 16px;
}
.section-title {
    font-size: 30px;
}
.section-paragraph {
    font-size: 16px;
}
.feature-desc {
    font-size: 14px;
}
.about-section .about-content {
    padding-left: 0;
}
.section-paragraph {
    max-width: 100%;
}
.accordion-header {
    width: 100%;
}
.accordion-body.active {
    padding: 30px;
}
.story-flex-wrap {
    flex-direction: column;
}
.story-section {
    background-size: cover;
    margin: 0px 30px;
}
.story-text-col {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 40px 30px 40px 30px;
}
.news-slick .slick-dots, .gallery-slider .slick-dots {
    margin-bottom: 0px;
}
.news-slick-wrap {
    padding-top: 20px;
}
.news-slick, .gallery-slider, .products-section .products-slick, .partners-slick .slick-dots {
    margin-bottom: 0;
}
.gallery-section .tab-btn {
    padding: 10px 10px;
    font-size: 12px;
}	
.gallery-section .tab-content {
    margin-top: 20px;
}
.gallery-section .flex-wrap, .products-section .flex-wrap {
    flex-wrap: nowrap !important;
}
.gallery-section .element-item .element-item-inner img {
    min-height: 156px;
    height: 200px;
}
}


@media (max-width: 767px) {
.hero-title, .hero-year {
    font-size: 30px;
}	
.section-title {
    font-size: 25px;
}
.section-paragraph, .accordion-desc {
    font-size: 14px;
}
.hero-bottom-links a {
    font-size: 12px;
}
.section-gap {
    padding: 30px 0px;
}
.hero-section {
    padding-top: 30px;
    padding-bottom: 30px;
    min-height: auto;
}
.about-section {
    overflow: hidden;
}	
.top-header {
    padding: 10px 0px;
}
.top-header .navbar-brand {
	margin-right:7px;
}
.top-header .navbar-brand img {
	    width: 130px;
}
.top-header .btn-plan-visit {
    font-size: 10px;
    letter-spacing: normal;
}
.btn-plan-visit {
    font-size: 10px;
    padding: 10px;
}
.hero-desc {
    font-size: 16px;
    max-width: 100%;
    margin-bottom: 15px;
}
.hero-overlay-panel::before {
    border: 8px solid #113593;
}
.btn-watch .play-circle {
    width: 35px;
    height: 35px;
    font-size: 17px;
}
.hero-cta-row {
    gap: 10px;
}
.btn-watch {
    gap: 7px;
    font-size: 10px;
}
.hero-bottom-links {
    margin-bottom: 0;
}
.countdown-bar {
    width: 93%;
}
.countdown-item {
    padding: 0 10px;
}
.navbar-collapse {
    top: 75px;
}
.visit-form-card {
    padding: 20px;
}
.btn-register.btn {
    font-size: 14px;
    padding: 12px 0;
}
.about-section .col-lg-8, #suppliers .col-lg-8 {
	margin-top:30px;
}
.about-section .feature-card-col {
margin-top:10px;	
}
.about-section .feature-card-col:first-child {
margin-top:30px;	
}
.section-title .highlight-progress::before {
    height: 13px; bottom: -3px;
}
.partners-section .partners-slick-wrap {
    padding: 0 0px;
}
.mobile-accordion {
    margin: 0;
}
.accordion-header.active {
    border-radius: 15px 15px 0px 0px;
}
.accordion-body.active {
    padding: 15px;
}
.accordion-body.active .accordion-cat-title{
	 font-size: 18px;
}
.accordion-products .product-card {
    max-width: 100%;
    margin-top: 10px;
}
.story-text-col {
    padding: 25px 15px 25px 15px;
}
.video-section-logo img {
    width: 80%;
}
.story-section {
    margin: 0px 12px;
    background: #fafbff;
}
.countdown-item .num, .category-info h3, .cta-left h3 {
    font-size: 18px;
}

.hero-sub {
    font-size: 16px;
    max-width: 100%;
}
.why-desc,.products-desc, .benefit-item span.benefit-text
{
font-size: 16px;	
}
.countdown-item .label, .eyebrow-left, .tab-item span {
    font-size: 13px;
}
.hero-meta .meta-row {
    margin-bottom: 7px;
    font-size: 14px;
}
.hero-meta {
    margin-top: 10px;
}
.partners-heading {
    margin-bottom: 10px;
}
.countdown-panel {
    width: 90%;
    height: auto;
    padding: 10px 10px;
    border-radius: 0px 30px 0px 0px;
}
.visit-card {
    padding: 20px;
}
.logo-box , .logo-box img{
    height: 60px;
}
.partners-slick .slick-slide > div {
    margin: 1px;
}
.partners-section {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
.partners-arrow {
    top: 36%;
}
.tabs-slick-wrap {
    padding: 0 10px;
}
.tab-item.active {
    padding: 7px 15px;
}
.products-slick-wrap {
    margin-top: 0;
}
.products-slick .slick-dots, .news-slick .slick-dots, .gallery-slider .slick-dots {
    margin-top: 10px;
	margin-bottom:0px;
}
.news-slick-wrap {
    padding: 0 10px;
}
.gallery-section .flex-wrap, .products-section .flex-wrap {
    flex-wrap: wrap !important;
}
.products-desc {
    max-width: 100%;
}
.tab-item {
    flex-wrap: nowrap;
}
.follow-us {
    top: -14px;
}
.tab-container {
    margin: auto;
}
.social-icons {
    justify-content: center;
}
.footer .footer-row .copyright-txt {
    text-align: center;
    margin-bottom: 15px;
}
.about-bg-number, .about-bg-number .bg-lbl {
    color: rgba(11,31,75,0.02);
}
}	