@media (max-width: 1439px) {
    .site-header.is-sticky .nav-list {
        gap: 90px;
    }
    .products-intro-section p ,
     .poke-text-col h2 , .sustainability-section h2 ,
.story-content h2  {
        font-size: 42px;
    }
    .poke-text-col p {
        font-size: 27px;
            margin-bottom: 35px;
    }
	.hero-text p {
		font-size: 38px
	}
}
@media (max-width: 1199px) {
    .hero-section h1, h2 {
        font-size: 48px;
    }
    .common-big-text p  {
        font-size: 34px;
    }
    .trade-shows-intro h3 {
        font-size: 38px;
    }
    h4 {
        font-size: 17px;
    }
    .pb-150 {
        padding-bottom: 110px;
    }
     .site-header.is-sticky .nav-list {
        gap: 40px;
    }
    .products-intro-section p , .sustainability-section h2 ,
.story-content h2 ,
      .poke-text-col h2 {
        font-size: 36px;
    }
    .poke-text-col p {
        font-size: 24px;
            margin-bottom: 30px;
    }
    .coming-soon-content p {font-size: 22px;}
    .product-title-link {
        font-size: 21px;
    }
    .events-main-row .events-main-left {
        padding-right: 30px;
    }
	.hero-text p {
		font-size: 32px
	}
    
}
@media (max-width: 991px) {
    .hero-section h1, h2 {
        font-size: 40px;
    }
    .nav-list a {
        font-size: 15px;
    }
    .nav-list {
        gap: 15px   ;
    }
    .common-big-text p {
        font-size: 28px;
    }
    .pb-150 {
        padding-bottom: 75px;
    }
    .map-sec {
        padding: 80px 0 75px;
    }
    .hero-section h1, h2 {
        font-size: 42px;
    }
    .common-big-text p  {
        font-size: 30px;
    }
    .trade-shows-intro h3 {
        font-size: 32px;
    }
    .site-header.is-sticky .nav-list {
        gap: 20px;
    }
    .poke-image-col{
        display: none;
    }
    .products-intro-section p , 
   .poke-text-col h2 , .sustainability-section h2 ,
.story-content h2 {
        font-size: 32px;
    }
    .poke-text-col p {
        font-size: 21px;
            margin-bottom: 20px;
    }
     .poke-modal-box {
        padding: 50px 20px;
    }
    .coming-soon-content p {font-size: 21px;}
    .read-more-link ,
    .product-title-link {
        font-size: 20px;
    }
    .section-tag ,
    body {
        font-size: 20px;
    }
    .product-detail-content h3 {
        font-size: 27px;
    }
    .inner-hero .hero-text h1 {
        font-size: 48px;
    }
    .news-content h2 {font-size: 27px;}
    .certifications-wrap {
        margin-top: 80px;
    }
    .story-content{
        padding-right: 0;
    }
	.hero-text p {
		font-size: 28px
	}
}
@media (min-width: 768px) {
    .main-menu{
        display: block;
    }
    .site-header.is-sticky .main-menu {
        display: flex;
    }
   .sub-menu {
        position: absolute;
        background-color: #fff;
        display: flex !important;
        width: 170px;
        padding: 15px;
        flex-direction: column;
        left: -15px;
        opacity: 0;
        text-align: left;
        justify-content: flex-start !important;
        visibility: hidden;
        align-items: flex-start !important;
        margin-top: 0;
        transition: all .5s;
        z-index: -1;
	   top: 100%;
       padding: 0;
        li {
            top: 0 !important;
            text-transform: initial;
			
            width: 100%;
            a:hover {
                color: inherit;
            }
            a {
                display: block;
                width: 100%;
                text-align: left;
				font-size: 16px !important;
                padding: 10px 15px;
                &:hover {
                    background-color: #00aff3;
                    color: #fff;
                }
            }
        }
   }
   .main-menu li:hover {
    .sub-menu {
        opacity: 1;
        visibility: visible;
        margin: 0;
    }
   }
   .footer .row {
        row-gap: 25px;
   }

   .value-stmt-sec {
        padding: 60px 0;;
    }

    
.site-header.is-sticky .logo {
  display: block; 

}

.site-header.is-sticky .logo-item {
  display: none;
}

.site-header.is-sticky .sticky-action {
  display: block;
}

.site-header.is-sticky .main-menu {
  flex-grow: 1;
  display: flex;
  justify-content: center;
}
    .menu-item-has-children .menu-arrow  {
        display: none;
    }
	.contact-form-section {
		.listradio-container .nf-field-element li {
		flex : 1
		}
		.listradio-container .nf-field-element label {
			width :100%; text-align :center
		}
		.listradio-container .nf-field-element ul {
			gap : 8px
		}
	}
}
@media (max-width: 767px) {
    .certifications-wrap {
        padding-bottom: 45px;
        margin-top: 45px;
    }
    body , .section-tag{
        text-align: center;
        font-size: 18px;
    }
    .poke-section .row {
        justify-content: center;
    }
    .logo img {
        height: 42px;
    }
    .date-badge {
        margin: 0 auto 20px;
    }
	.header .header-wrapper:before {
		content:'';
		display: inline-block !important;
		width: 26px;
		position: static;
		background-color : transparent
	}
     .header .main-menu  > ul {
        align-items: flex-start;
     }
     .header .main-menu  > ul > li {
        width: 100%;
     }
    .main-header  {
        max-width: 100%;
        padding: 15px 0;
    }
    .sub-menu{
        display: none;
    }
    .main-menu{
        display: none;
		z-index: -1''
    }
   .header .main-menu .menu-logo {
        text-align: center;
        margin-bottom: 20px;
        margin-top: -45px;
    }
    .header .main-menu .menu-logo img {
        width: 68px;
        max-width: 100%;
     }
    .menu-item-has-children .menu-arrow {
        position: absolute;
        right: 0;
        top: 5px;
        width: 40px;
        height: 44px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        right: 5px;
        margin: 0;
        color: #00aff3
    }

    #nav-icon1 {
        width: 32px;
        height: 23px;
        position: relative;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer;
    }

    #nav-icon1 span {
        display: block;
        position: absolute;
        height: 2px;
        width: 100%;
        background: #b28e4a;
        border-radius: 0px;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }

    #nav-icon1 span:nth-child(1) {
        top: 0px;
    }

    #nav-icon1 span:nth-child(2) {
        top: 10px;
    }

    #nav-icon1 span:nth-child(3) {
        top: 21px;
    }

    #nav-icon1.open span:nth-child(1) {
        top: 10px;
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg);
    }

    #nav-icon1.open span:nth-child(2) {
        opacity: 0;
        left: -60px;
    }

    #nav-icon1.open span:nth-child(3) {
        top: 10px;
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }
    .header-right {
        gap: 16px;
    }
    .header-wrap{
        position: static !important; 
    }
    .sub-menu{
        display: block;
        padding-left: 20px;
        display: none;
    }
    .header-wrapper{
        position: static;
    }
    .header.sticky ,
    .header{
        position: relative;
         background-color: #034d85 !important;
    }
    .header.sticky {
        position: fixed;
    }
    .main-menu {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background-color: #fff;
        padding: 35px 0 15px;
		z-index:-1
    }
    
    .sub-menu li a {
        display: block;
        padding: 7px 0;
        width: 100%;
    }
    .main-menu ul li a {
        padding: 10px 15px;display: block;
        text-align: center;
    }
    .header ul.nav-list{
        flex-direction: column;
    }
    .main-menu ul.nav-list li:not(.logo-item){
        top : 0;
    }
    
    .site-header .main-menu {
        padding: 15px 0;
        .nav-list {
            gap: 0;
            flex-direction: column;
            > li {
                padding: 0;
                width: 100%;
                
                > a {
                    display: block;
                    font-size: 18px;
                    padding: 15px ;
                    text-align: left;
                }
                .sub-menu {
                    font-size: 0.8em;
                    li {
                        font-size: inherit;
                        &:first-child {
                            a {
                                padding-top: 0;
                            }
                        }
                        a {
                            text-align: left;
                             font-size: inherit;
                        }
                    }
                }
            }
            .logo-item{
                display: none;
            }
        }
    }
    .hero-section {
        height: calc(100vh - 81px);
        margin-top: 81px;
		
    }

    .hero-section h1, h2 {
        font-size: 32px;
    }
	.hero-section .hero-bg:before {
		content: '';
        position: absolute;
        left: 0;
        top: 0;
        background-color: rgba(0,0,0,0.20);
        width: 100%;
        height: 100%;
		z-index: 11;
	}
    .trade-shows-intro p ,
    .feature-content p ,
    .common-big-text p  {
        font-size: 22px;
    }
    .trade-shows-intro h3 {
        font-size: 30px;
    }
    h4 {
        font-size: 16px;
    }
    .pb-150 {
        padding-bottom: 50px;
    }
    .feature-media {
        height: 300px;
    }
    .map-sec {
        padding: 50px 0;
    }
    .logo-item img {
        max-height: 40px;
    }
    .logo-item {
        padding: 0 20px;
    }
    .site-footer .row {
        gap: 20px;
        justify-content: center;
        text-align: center;
    }
    .sqf-cert img {
        display: block;
        margin: 0 auto;
    }
    .footer-bottom{
        text-align: center;
    }
    .site-footer{
        padding-top: 0;
    }

    .top-bar{
        display: none;
    }
    .main-navigation{
        padding: 20px 0;
    }
    .logo{
        display: block;
    }
    .products-intro-section p , 
    .poke-text-col h2 .sustainability-section h2 ,
.story-content h2   {
        font-size: 27px;
        margin-bottom: 20px;
    }
    .poke-text-col p {
        font-size: 18px;
            margin-bottom: 15px;
    }
    .poke-modal-box {
        padding: 50px 20px 20px;
        min-height: 300px;
    }
    .poke-modal-close {
        top: 15px; right: 15px;
        font-size: 24px;
    }
    .inner-hero {
        max-height: 240px;
    }
    .coming-soon-content p {
        font-size: 21px;
    }
    .product-title-link {
        font-size: 18px;
    }
    .product-grid-section .row {
        row-gap: 30px;
    }
    .product-grid-section  {
        padding-bottom: 50px;
    }
    .product-detail-content h3 {
        font-size: 24px;
    }
    .product-action-btns {
        justify-content: center;
    }
    .btn {
        font-size: 16px;
    }
    .inner-hero .hero-text h1 {
        font-size: 40px;
    }
    .read-more-link {font-size: 20px;}
    .news-content span {margin-bottom: 15px;}
    .news-content h2 {font-size: 24px;}
    .event-card-item > .row {
        justify-content: center;
        row-gap: 20px;
    }
    .events-main-section h3 {font-size: 24px;}
    .events-main-row .events-main-left {
        padding-right: calc(var(--bs-gutter-x) * .5);;
    }
    .sidebar-thumb {
        max-width: 70%; margin: 0 auto 25px;
    }
    .events-main-section {
        padding-bottom: 40px;
    }
    .pt-70 {
        padding-top: 40px;
    }
	.home .hero-section  {
		min-height: 400px;
		max-height :410px
	}
	.hero-text p {
		font-size: 24px !important; width: 100%;    max-width: 93%;     margin: 0 auto 20px;
	}
	.quality-feature-section .row {
		gap : 30px 
	}
	.quality-feature-section {
		padding : 30px 0
	}
	.hero-text h1{
		margin-bottom: 18px
	}
	.customers-section {
		background-image: none !important;
		.customers-mob-img {
			position : absolute; left :0; top : 0; height: 100%; width: 100%;
		}
	}
	.customers-card {
		max-width : 90%; margin:0 auto
	}
	.mob-space{
		width: 32px;
		display: block
	}
}

@media (max-width: 575px) {
    .read-more-link , .section-tag ,
    body {
        font-size: 17px;
    }
    .trade-shows-intro p ,
    .feature-content p ,
   .customer-item p {
    font-size: 20px;
   }
   .feature-media {
    height: 260px;
   }
   .logo-item img {
        max-height: 36px;
    }
    .sustainability-section h2 ,
.story-content h2  ,
    .products-intro-section p {
        font-size: 24px;
    }
    .product-title-link {
        font-size: 16px;
        gap: 8px;
        i {
            font-size: 1rem;
        }
    }
    .btn {
        font-size: 15px;
    }
	.hero-text p {
		font-size: 20px  !important
	}
}