@media only screen and (max-width: 1240px) {
	.header-navbar {
		position: fixed;
		top: 0;
		left: -100%;
		width: 50%;
		height: 100vh;
		background-color: var(--white);
		transition: .3s ease-in-out;
		z-index: 999;
	}
	.header-hamburger {
		display: block;
		cursor: pointer;
	}
	.header-hamburger-button {
		display: flex;
		gap: 15px;
		align-items: center;
	}
	.header-hamburger span {
		background-color: var(--elb);
		width: 30px;
		height: 3px;
		display: block;
		border-radius: 2px;
		margin-left: auto;
	}
	.header-hamburger span:not(:last-child) {
		margin-bottom: 6px;
	}
	.header-hamburger span:nth-child(2) {
		width: 25px;
	}
	.header-hamburger {
		display: block;
		cursor: pointer;
	}
	.header-hamburger-button {
		display: flex;
		gap: 15px;
		align-items: center;
	}
	.header-hamburger span {
		background-color: var(--elb);
		width: 30px;
		height: 3px;
		display: block;
		border-radius: 2px;
		margin-left: auto;
	}
	.header-hamburger span:not(:last-child) {
		margin-bottom: 6px;
	}
	.header-hamburger span:nth-child(2) {
		width: 25px;
	}
	.header-navbar.nav-active {
		left: 0;
	}
	body.navbar-active {
		overflow: hidden;
	}
	.header-hamburger.active span:nth-child(2) {
		display: none;
	}
	.header-hamburger.active span:nth-child(1) {
		transform: rotate(45deg) translate(5px, 4px);
	}
	.header-hamburger.active span:nth-child(3) {
		transform: rotate(-45deg) translate(2px, -2px);
	}
	.header-navbar nav ul {
		display: block;
	}
	.header-navbar nav ul li.menu-item-has-children {
		padding-bottom: 0;
		margin-bottom: 0px;
	}
	.header-navbar nav ul li a {
		font-size: 20px;
		color: var(--elb);
	}
	.header-navbar nav ul li {
		padding: 5px 10px !important;
	}
	.menu-item-has-children .sub-menu-icon svg path {
		stroke: var(--elb);
	}
	.menu-item-has-children .sub-menu-icon svg {
		width: 20px;
		height: 20px;
	}
	.menu-item-has-children .sub-menu-icon {
		position: absolute;
		top: 7px;
		right: 10px;
	}
	.menu-item-has-children:hover .sub-menu-icon {
		transform: none !important;
		top: 7px !important;
	}
	.menu-item-has-children .sub-menu-icon.active {
		transform: rotate(180deg) !important;
	}
	.header-navbar nav ul li .sub-menu {
		position: relative;
		opacity: 1;
		visibility: visible;
		transform: none;
		top: 0;
		margin: 5px 0px;
		display: none;
		transition: none !important;
	}
	.header-navbar nav ul li .sub-menu li a {
		font-size: 16px;
        padding: 10px 10px;
	}
	.header-navbar nav ul li .sub-menu li {
		padding: 0px !important;
	}
}
@media only screen and (max-width: 1041px) {
	.blog-card {
		width: calc(33% - 11px);
	}
	.blog-card--first {
		width: calc(49% - 10px);
	}
	.blog-card--second, .blog-card--third {
		width: calc(24.5% - 6px);
	}
	.blog-card--first .blog-image img {
		height: 350px;
	}
	.blog-card--second .blog-image img, .blog-card--third .blog-image img {
		height: 150px;
	}
	.blog-card:not(.blog-card--first):not(.blog-card--second):not(.blog-card--third) .blog-image img {
		height: 190px;
	}
	.blogs-container {
		margin: 40px 0px 0px;
	}
	.blogs-container .pagination {
		margin: 40px 0px 0px;
	}
}
@media only screen and (max-width: 1028px) {
	.hero-banner-section {
		min-height: auto;
	}
	.about-section, .home-blogs-section, .faqs-section, .newsletter-section, .about-mission-vision-section, .contact-section, .blogs-main-section, .blog-detail-section {
		padding: 40px 0px;
	}
	.archive .blogs-main-section {
		padding: 140px 0px 40px;
	}
}
@media only screen and (max-width: 992px) {
	h1 {
		font-size: 32px;
	}
	h2 {
		font-size: 26px;
	}
	h3 {
		font-size: 24px;
	}
	h4 {
		font-size: 20px;
	}
	.hero-banner-main {
		padding: 150px 0px 30px;
	}
	.newsletter-image img {
		height: 400px;
	}
	.hero-banner-right {
		width: 45%;
	}
	.hero-banner-video {
		width: 100%;
		height: 450px;
	}
	.site-footer-top {
		padding: 20px 0px;
	}
	.footer-column-menu ul li a {
		font-size: 14px;
	}
	.footer-copyright p {
		font-size: 14px;
	}
	.footer-column-menu ul li:not(:last-child) {
		margin-bottom: 5px;
	}
	.faq-answer p, .about-content p, .newsletter-content p, .banner-text-content p, .about-mission-vision-card-content p {
		font-size: 14px;
	}
	.home-blogs-slide-title-date h3 a {
		font-size: 16px;
	}
	.about-mission-vision-card {
		width: calc(50% - 10px);
	}
	.about-mission-vision-flex {
		justify-content: center;
	}
	.banner-section {
		height: 450px;
	}
	.faq-sidebar a {
		font-size: 14px;
	}
	.contact-right {
		width: 53%;
		padding: 15px;
	}
	.contact-questions p {
		font-size: 16px;
	}
	.blog-card {
		width: calc(50% - 11px);
	}
	.blog-card--first {
		width: calc(50% - 11px);
	}
	.blog-card--second, .blog-card--third {
		width: calc(50% - 11px);
	}
	.blog-card--first .blog-image img {
		height: 200px;
	}
	.blog-card--second .blog-image img, .blog-card--third .blog-image img {
		height: 200px;
	}
	.blog-card:not(.blog-card--first):not(.blog-card--second):not(.blog-card--third) .blog-image img {
		height: 200px;
	}
	.blog-card--first {
		display: block;
	}
	.blog-card--first .blog-image, .blog-card--first .blog-content {
		width: 100%;
	}
	.blog-card--first .blog-content {
		margin: 10px 0px 0px;
	}
	.blog-excerpt p, .blog-excerpt {
		font-size: 14px;
	}
	.blog-detail-comments-container .comments-area .comments-title, .blog-detail-comments-container h3.comment-reply-title {
		font-size: 20px;
	}
	.blog-detail-comments-container .comment-list .comment-author img {
		width: 40px;
		height: 40px;
	}
	.blog-detail-comments-container .comment-list .comment-author .fn, .blog-detail-comments-container .comment-list .comment-author .says, .blog-detail-comments-container .comment-list .comment-metadata * {
		font-size: 13px;
	}
	.blog-detail-comments-container .comment-list .comment-content p {
		font-size: 13px;
	}
	.blog-detail-comments-container .comment-list .reply a {
		font-size: 12px;
		min-width: 80px;
	}
	.blog-detail-left {
		width: 70%;
	}
	.blog-detail-right {
		width: 28%;
	}
	.error-page-section {
		height: calc(100vh - 267px);
	}
	.blogs-main-section {
		padding: 60px 0px;
		background-color: var(--light-gray);
		min-height: calc(100vh - 260px);
	}
	.footer-design p, .footer-design p a {
		font-size: 14px;
	}
}
@media only screen and (max-width: 600px) {
	.header-navbar {
		width: 80%;
	}
	.site-header {
		padding: 5px 0px;
	}
	.header-container {
		padding: 0 10px;
	}
	.header-logo img {
		width: 120px;
		height: 60px;
		object-fit: contain;
	}
	.header-main {
		padding: 5px 10px;
	}
	.header-contact-button a {
		padding: 10px 10px;
		min-width: auto;
		font-size: 12px;
	}
	.header-hamburger-button {
		gap: 10px;
	}
	.hero-banner-main {
		padding: 90px 0px 20px;
	}
	.hero-banner-flex {
		flex-direction: column-reverse;
	}
	.hero-banner-right {
		width: 100%;
	}
	.hero-banner-left {
		width: 100%;
		margin: 20px 0px 0px;
	}
	.container {
		padding: 0 10px;
	}
	.hero-banner-video {
		height: 200px;
	}
	.hero-banner-content h1 {
		line-height: 110%;
	}
	.banner-text-content {
		margin: 15px 0px;
	}
	.primary-button-custom {
		font-size: 14px;
	}
	.banner-link a {
		max-width: 180px;
	}
	.about-section, .home-blogs-section, .faqs-section, .newsletter-section, .about-mission-vision-section, .contact-section, .blogs-main-section, .blog-detail-section {
		padding: 20px 0px;
	}
	.faqs-container {
		margin: 20px auto 0px;
	}
	.faq-question h4 {
        font-size: 18px;
        line-height: 120%;
    }
	.faq-question {
		padding: 10px 10px;
		gap: 5px;
	}
	.faq-question .faq-icon {
		width: 15px;
		height: 15px;
	}
	.faq-question .faq-icon svg {
		width: 15px;
		height: 15px;
	}
	.faq-answer {
		padding: 15px 30px;
	}
	.faq-answer p {
		line-height: 130%;
	}
	.newsletter-left {
		width: 100%;
	}
	.newsletter-right {
		width: 100%;
		margin: 15px 0px 0px;
	}
	.site-footer-top {
		padding: 15px 0px;
	}
	.site-footer-column {
		width: 100%;
	}
	.site-footer-column:not(:last-child) {
		margin-bottom: 20px;
	}
	.footer-logo-info {
		padding: 10px;
	}
	.footer-logo a img {
		margin-right: auto;
		max-width: 150px;
		height: auto;
	}
	.footer-column-heading {
		margin-bottom: 10px;
		padding-bottom: 10px;
	}
	.site-footer-bottom-left {
		width: 100%;
	}
	.home-blogs-slide {
		padding: 10px 10px;
	}
	.home-blogs-slide-image a img {
		height: 180px;
	}
	.home-blogs-slide-title-date h3 a {
        font-size: 14px;
    }
	.home-blogs-slide-title-date .blog-author {
		margin: 5px 0px;
		font-size: 14px;
	}
	.home-blogs-bottom-slider-container {
		margin: 15px 0px 0px;
	}
	.newsletter-image img {
        height: 250px;
    }
	.about-mission-vision-card {
		width: calc(100%);
	}
	.about-mission-vision-flex {
		gap: 10px;
	}
	.banner-section {
		height: 350px;
	}
	.faqs-p-left {
		position: relative;
		top: 0;
		width: 100%;
	}
	.faqs-p-flex {
		margin: 20px 0px 0px;
	}
	.faqs-p-right {
		width: 100%;
		margin: 20px 0px 0px;
	}
	.faq-can-see {
		margin: 20px 0px 0px;
	}
	.faq-can-see p {
		font-size: 14px;
	}
	.contact-content p, .contact-method-text a, .contact-questions p {
		font-size: 14px;
	}
	.contact-left {
		width: 100%;
		margin: 15px 0px 0px;
	}
	.contact-right {
		width: 100%;
	}
	.contact-flex {
		flex-direction: column-reverse;
	}
	.blog-card {
		width: calc(100%);
	}
	.blog-card--first {
		width: calc(100%);
	}
	.blog-card--second, .blog-card--third {
		width: calc(100%);
	}
	.blog-card--first .blog-image img {
		height: 250px;
	}
	.blog-card--second .blog-image img, .blog-card--third .blog-image img {
		height: 250px;
	}
	.blog-card:not(.blog-card--first):not(.blog-card--second):not(.blog-card--third) .blog-image img {
		height: 250px;
	}
	.blogs-flex {
		gap: 10px;
	}
	.archive .blogs-main-section {
		padding: 90px 0px 20px;
	}
	.blogs-container {
		margin: 20px 0px 0px;
	}
	.blogs-container .pagination {
		margin: 20px 0px 0px;
	}
	
	.blog-detail-comments-container {
		margin: 20px 0px 0px;
	}
	.blog-detail-comments-container .comment-list .children {
		border-width: 1px;
		padding: 0 0 0 8px;
	}
	.blog-detail-right {
		width: 100%;
        margin: 25px 0px;
        position: relative;
        top: 0;
	}
	.blog-detail-sidebar .widget ul li a {
		font-size: 14px;
	}
	.blog-detail-sidebar .widget ul li:not(:last-child) {
		margin: 0 0 7px;
	}
	.blog-detail-sidebar .wp-block-heading {
		margin: 0 0 10px;
	}
	.blog-detail-sidebar .widget {
		margin: 0 0 10px;
	}
	.blog-detail-comments-container .comment-notes {
		font-size: 14px;
	}
	.comment-form-comment textarea {
		padding: 10px;
		height: 150px;
		display: block;
	}
	.comment-form-comment label, .comment-form-author label, .comment-form-email label, .comment-form-url label, .comment-form-url label, .comment-form-cookies-consent label {
		font-size: 14px;
	}
	.comment-form-author input, .comment-form-email input, .comment-form-url input, .comment-form-url input {
		height: 36px;
	}
	.form-submit input {
		font-size: 14px;
	}
	.blog-detail-left {
        width: 100%;
        margin: 0px;
        padding: 0px;
        border: 0px;
    }
	.error-page-section {
		height: calc(90vh - 267px);
		padding: 150px 0px 60px;
	}
	.error-page-icon {
		max-width: 90px;
		margin: 0 auto;
	}
	.error-page-text h1 {
		font-size: 24px;
	}
	.header-navbar nav ul li a {
		font-size: 16px;
	}
	.header-navbar nav ul li .sub-menu li a {
		font-size: 14px;
		padding: 10px 10px;
		line-height: normal;
	}
	.header-navbar nav ul li .sub-menu li {
		line-height: normal;
	}
	.site-footer-bottom-right {
		width: 100%;
		margin: 10px 0px 0px;
	}
	.footer-copyright, .footer-design {
		text-align: center;
	}
}