@media (min-width: 992px) {
	.offcanvas {
		visibility: visible;
		position: relative;
		background: none;
		border: none;
		justify-content: end;
	}
}

@media (max-width: 992px) {
	div#offcanvasSubMenu {
		display: block;
	}
	.liza-submenu-nav .navbar.navbar-expand .navbar-collapse{
		overflow-x:unset!important;
	}

	.offcanvas {
		width: 100vw !important;
	}

	.offcanvas-start-lg {
		top: 0;
		left: 0;
		transform: translateX(-100%);
	}

	.offcanvas-header {
		background: #f8f8f8;
	}

	div#offcanvasSubMenu {
		display: block;
		overflow-y: auto;
	}
}

@media (max-width: 768px) {
	/*humburger button*/
	.custom-toggler .navbar-toggler-icon {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,43,70, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
	}

	.navbar-toggler:focus {
		box-shadow: none;
	}

	/*Form Search*/

	.form-group.has-search {
		display: flex;
		align-items: center;
		width: 24px;
	}

	.form-group.has-search span {
		z-index: 9;
		margin-right: -20px;
	}

	.form-group.has-search span::before {
		display: block;
		content: '';
		background: url(../icons/search.svg);
		background-position: center;
		width: 20px;
		height: 20px;
	}

	input.form-control:focus {
		border-bottom: 1px solid #f3f3f3 !important;
		border-radius: 0;
	}

	.form-group.has-search input {
		border: 0;
		box-shadow: none !important;
		background: #f8f8f8;
	}

	/*Main menu  tab-button*/
	.nav-tabs.nav-mobile {
		border-bottom: 0;
		background: #f8f8f8;
		flex-wrap: nowrap;
		justify-content: flex-start !important;
	}

	.nav-mobile .nav-link {
		padding-left: 1.25rem;
		padding-right: 1.25rem;
		padding-top: 9px;
		padding-bottom: 9px;
		position: relative;
		border: 0;
		font-size: 16px;
		color: var(--dark-blue);
	}

	.nav-mobile .nav-link:not(:last-child) {
		border-radius: 0;
	}

	.nav-mobile .nav-link.active {
		border-right: 0;
		border-top-left-radius: 0.25rem;
		border-top-right-radius: 0.25rem;
	}

	.line-separator-mob {
		position: absolute;
		bottom: 30%;
		right: -4%;
		height: 40%;
		border-right: 2px solid#dfe2e5;
	}

	.nav-mobile .nav-link.active .line-separator-mob {
		display: none;
	}

	.nav-mobile .nav-link:hover {
		color: var(--dark-blue);
	}

	/*Main menu tab-contant*/
	.nav-mob-list {
		padding-top: 17px;
	}

	.nav-mob-list .nav-item {
		padding: 8px 0;
		border-bottom: 2px solid#f8f8f8;
	}

	.nav-mob-list .nav-item a.nav-link {
		font-family: 'Inter';
		font-size: 24px;
		color: var(--dark-blue) !important;
	}

	.nav-mob-list .nav-item.nav-small a.nav-link {
		font-size: 16px;
	}

	#nav-tabContentMenuMobile .nav-item a.nav-link:focus,
	#nav-tabContentMenuMobile .nav-item a.nav-link:active {
		color: var(--blue);
	}

	.dropdown-icon {
		display: flex;
		width: 100%;
		align-items: center;
		justify-content: space-between;
	}

	.dropdown-icon:after {
		content: '';
		display: block;
		background: url(../icons/arrow_right_header.svg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		width: 20px;
		height: 20px;
	}
	/*Social links*/
	.social-sub-nav {
		padding: 0 16px;
		padding-bottom: 40px;
	}

	.social-sub-nav ul.social-links {
		margin: 0;
		flex-basis: 100%;
	}

	.social-sub-nav ul.social-links li:not(:last-child) {
		margin-right: 16px;
	}

	.social-sub-nav ul.social-links li {
		margin-left: 0;
	}

	ul.social-links li {
		transition: all 0.3s ease;
	}

	ul.social-links li:hover {
		transform: scale(1.1);
	}

	.social-sub-nav a.btn-blue {
		padding: 15px 12px;
		flex-basis: 35%;
		font-size: 16px;
	}

	/*PRODUCT SUBMENU*/

	.title-subMenu {
		margin: 0;
		display: flex;
		align-items: center;
		font-family: 'Inter';
		font-size: 24px;
		color: #002b46;
	}

	.title-subMenu:before {
		margin-right: 8px;
		content: '';
		display: block;
		background: url(../icons/arrow_left_header.svg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		width: 14px;
		height: 14px;
	}

	ul.sumMenu-items {
		padding-top: 0;
	}

	.portfolio-link {
		margin-bottom: 24px;
		padding-left: 16px;
		font-family: 'Inter';
		color: var(--dark-blue);
	}

	/*Product finder*/
	.product-finder-container {
		padding: 40px 16px;
		font-family: 'Inter';
		background: #e3f6f9;
		line-height: 1.35;
		color: var(--dark-blue);
	}

	.product-finder-container h6 {
		margin-right: 12px;
		font-size: 20px;
		font-weight: bold;
	}

	.product-finder-container p {
		margin-bottom: 24px;
		font-size: 16px;
		color: var(--dark-blue);
	}

	.product-finder-container a.btn-white {
		font-size: 16px;
	}

	/*modal search*/
	div#searchModalMobile .modal-header {
		border-bottom: 0;
	}

	/*Sort Menu*/
	.title-menu {
		padding-left: 16px;
		padding-top: 24px;
		font-family: Inter;
		font-size: 16px;
		font-weight: bold;
		line-height: 1.56;
		color: #002c45;
	}

	ul.sortMenu-items:not(:last-child) {
		margin-bottom: 40px;
	}

	ul.sortMenu-items li:first-child {
		border-top: 2px solid#f8f8f8;
	}

	ul.sortMenu-items li a:focus,
	ul.sortMenu-items li a:active {
		color: var(--blue);
	}

	.select2-container {
		display: block !important;
		min-width: 210px;
		max-width: 100%;
		margin-right: 0 !important;
		z-index: 9999999;
	}

	.liza-submenu-nav .navbar.navbar-expand .navbar-collapse {
		overflow-x: scroll;
	}

	.gform_wrapper.gravity-theme .gfield.gfield--width-full{
		padding-right: 0 !important;
	}
}
