@media screen and (max-width: 992px){
	.header-main{
		padding: 15px 0;
	}

	.main-navigation ul> li> a{
		padding: 15px;
	}

	.menu-toggle{
		padding: 5px;
		border: unset;
		display: block;
		background: unset;
		box-shadow: unset;
		color: var(--theme--primary-color);
	}

	.mobile-menu__toggle{
		top: 18px;
		right: 15px;
		height: 32px;
		position: absolute;
		display: flex !important;
		align-items: center;
		justify-content: center;
		background: unset;
		border: unset;
		color: var(--theme--primary-color);
		width: 32px;
		padding: 0px;
	}

	.main-navigation {
		width: 100%;
		display: none;
	}
	

	.navigation .main-navigation{
		top: 0;
		transform: translateX(-100%);
	}

	.navigation .toggled .main-navigation{
		display: block;
		position: fixed;
		transform: translateX(0%);
		left: 0;
		height: 100vh;
		z-index: 99;
		top: 0;
		background: #fff;
		max-width: 375px;
	}

	.admin-bar .navigation .toggled .main-navigation{
		top: 46px;
	}

	.main-navigation .navigation--desktop ul{
        flex-wrap:nowrap;
        flex-direction: column;
        align-items: start;
        padding-top: 74px;
    
    }

	.main-navigation .navigation--desktop ul > li {
		padding: 0;
		border-bottom: 1px solid #e4e4e4;
		width: 100%;
	}

	.main-navigation .navigation--desktop ul > li:first-child{
		border-top: 1px solid #e4e4e4;
	}

	.main-navigation .navigation--desktop ul ul li{
		border: 0px;
	}

	.main-navigation ul .menu-item-has-children>.sub-menu a{
		padding: 15px 0px 15px 15px;
	}

	.site-header .mobile-product-search{
		display: block;
		width: 100%;
		grid-column: span 3;
		padding: 10px;
		background: #e8e8e8;

	}
	.site-header .mobile-product-search .search-form{
	   display: flex;
		align-items: center;
		justify-content: center;
	}
	.site-header .search-form input[type="search"]{
	   width:100%;
	}
	.main-navigation ul > li > a {
		font-weight: bold;
	}

	.main-navigation ul .menu-item-has-children>.sub-menu {
		all: unset;
	}

	.main-navigation ul .menu-item-has-children .sub-menu  a {
    	opacity: .7;
    	font-size: 13px;
	}
}

@media screen and (max-width: 880px) {
	/**
	* Correct the font size and margin on `h1` elements within `section` and
	* `article` contexts in Chrome, Firefox, and Safari.
	*/
	body{
		font-size: var(--theme--website-base-tablet-font-size);
	}

	h1,
	.h1 {
		font-size: var(--theme--heading-tablet-size1);
		margin: 0.67em 0;
	}

	h2,
	.h2 {
		font-size: var(--theme--heading-tablet-size2);
		margin: .75em 0;
	}

	h3,
	.h3 {
		font-size: var(--theme--heading-tablet-size3);
		margin: .83em 0;
	}

	h4,
	.h4 {
		font-size: var(--theme--heading-tablet-size4);
		margin: 1.12em 0;
	}

	h5,
	.h5 {
		font-size: var(--theme--heading-tablet-size5);
		margin: 1.5em 0;
	}

	h6,
	.h6 {
		font-size: var(--theme--heading-tablet-size6);
		margin: 1.67em 0;
	}

	.site-header .site-branding img{
		max-width: var(--theme--tablet-logo-size);
	}
}

@media screen and (max-width: 767px) {

	/**
	* Correct the font size and margin on `h1` elements within `section` and
	* `article` contexts in Chrome, Firefox, and Safari.
	*/
	body{
		font-size: var(--theme--website-base-mobile-font-size);
	}

	h1,
	.h1 {
		font-size: var(--theme--heading-mobile-size1);
		margin: 0.67em 0;
	}

	h2,
	.h2 {
		font-size: var(--theme--heading-mobile-size2);
		margin: .75em 0;
	}

	h3,
	.h3 {
		font-size: var(--theme--heading-mobile-size3);
		margin: .83em 0;
	}

	h4,
	.h4 {
		font-size: var(--theme--heading-mobile-size4);
		margin: 1.12em 0;
	}

	h5,
	.h5 {
		font-size: var(--theme--heading-mobile-size5);
		margin: 1.5em 0;
	}

	h6,
	.h6 {
		font-size: var(--theme--heading-mobile-size6);
		margin: 1.67em 0;
	}

	.site-header .site-branding img{
		max-width: var(--theme--mobile-logo-size);
	}

	.site-footer .dual-wrapper{
		flex-direction: column-reverse;
		gap: 30px;
		justify-content: flex-start;
		align-items: flex-start;
	}

	/* 404 PAGE-RESPONSIVE */
	.error404 .error-404 .search-form {
		width: 100%;
	} 

	/* BLOG-PAGE-SINGLE-RESPONSIVE */
	.post-navigation .nav-links .nav-next {
		text-align: left;
	} 
	
	.post-navigation .nav-links .nav-next a span {
		display: block;
		margin-bottom: 1rem;
		text-align: center;
	}
	.article .content-inner .entry-content .read-more{
		max-width: 171px;
		display: block;
	}
}

@media screen and (max-width: 572px) {
	.header-action-button{
		position: fixed;
		bottom: 15px;
		z-index: 101;
	}
	.site-footer .section-copyright {
		flex-direction: column-reverse;
		gap: 15px;
	}
}