@media (min-width: 1024px) {

	.header-main {

		justify-content: space-between;

		.header-center {
			margin-left: 20px;
			margin-right: 20px;
		}
	}


	.menu-mobile-nav-button {
		display: none;
	}
	.error404 {
		h2.sub-title {
			font-size: 48px;
		}
	}
	#comments {
		.comment-form-author {
			flex: 0 0 33.3333333333%;
			max-width: 33.3333333333%;
		}

		.comment-form-email {
			flex: 0 0 33.3333333333%;
			max-width: 33.3333333333%;
		}

		.comment-form-url {
			flex: 0 0 33.3333333333%;
			max-width: 33.3333333333%;
		}

		.comment-list {
			.comment-author {
				display: block;
			}

			.comment-content {
				width: calc(100% - 80px);

				&:before {
					content: "";
					position: absolute;
					width: 0;
					height: 0;
					border-right: 10px solid #F7F7F7;
					border-top: 10px solid transparent;
					border-bottom: 10px solid transparent;
					left: -10px;
					top: 25px;
				}
			}

			#respond {
				width: calc(100% - 80px);
			}
		}
	}
	.menu-toggle {
		display: none;
	}
	.main-navigation.toggled {
		div.menu {
			display: none;
		}
	}
	.primary-navigation {
		display: block;
	}
	.instagram-widget {
		.instagram-picture {
			order: unset !important;
		}

		.instagram-box-title {
			order: unset !important;
		}
	}
	.main-navigation {


		ul {
			list-style: none;
			margin: 0;
			padding-left: 0;
			display: block;

			li {
				position: relative;
				display: inline-block;
				text-align: left;

				a {
					&:not(.elementor-button-link) {
						display: block;
					}
				}

				&:hover {
					> ul {
						display: block;
						opacity: 1;
						visibility: visible;
						pointer-events: auto;
						transform: translateY(0);

						li {
							> ul {
								display: block;
								left: 100%;
								top: 0;
								opacity: 0;
								visibility: hidden;
							}

							> ul.sub-menu--is-touch-device {
								display: none;
								left: 0;
							}

							&:hover {
								> ul {
									opacity: 1;
									visibility: visible;
									pointer-events: auto;
								}
							}
						}

						li.focus {
							> ul {
								opacity: 1;
								visibility: visible;
								pointer-events: auto;
							}
						}
					}
				}
			}

			li.focus {
				> ul {
					display: block;
					opacity: 1;
					visibility: visible;
					pointer-events: auto;
					transform: translateY(0);

					li {
						> ul {
							display: block;
							left: 100%;
							top: 0;
							opacity: 0;
							visibility: hidden;
						}

						> ul.sub-menu--is-touch-device {
							display: none;
							left: 0;
						}

						&:hover {
							> ul {
								opacity: 1;
								visibility: visible;
								pointer-events: auto;
							}
						}
					}

					li.focus {
						> ul {
							opacity: 1;
							visibility: visible;
							pointer-events: auto;
						}
					}
				}
			}

			ul.sub-menu {
				float: left;
				position: absolute;
				top: 100%;
				transform: translateY(20px);
				z-index: 99999;
				left: 1.1em;
				opacity: 0;
				visibility: hidden;
				transition: opacity 0.3s ease, transform 0.3s ease;
				pointer-events: none;

				li {
					display: block;
					min-width: 278px;
				}
			}

			ul.sub-menu.sub-menu--is-touch-device {
				display: none;
				left: 0;
			}
		}
	}
	.site-content {
		&::before {
			content: "";
			display: table;
		}

		&::after {
			content: "";
			display: table;
			clear: both;
		}
	}
	.resa-full-width-content {

	}
}

@media (max-width: 767px) {
	.tablet-hide-down {
		display: none !important;
	}
	.site-search-popup {
		.site-search-popup-wrap {
			.site-search-popup-close {
				top: 5px;
				right: 15px;
			}
		}
	}
}

@media (max-width: 1023px) {
	.desktop-hide-down {
		display: none !important;
	}
	.header-group-mobile {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}


}

@media (max-width: 768px) {
	.site-header {
		.resa-container {
			padding-left: 15px;
			padding-right: 15px;
		}
	}
}

@media (max-width: 1024px) {

	.site-header-search {
		display: none;
	}
	.site-header-wishlist {
		display: none;
	}
	[data-elementor-type=footer] {
		margin-bottom: 60px;
	}
}

@media (max-width: 1120px) {

}

@media (min-width: 568px) {
	.site-search-popup {
		.widget_product_search {
			form {
				input[type=search] {
					padding-left: 240px;
				}
			}
		}
	}
}


@media (max-width: 567px) {
	.single {
		.nav-links {
			display: block;
		}
	}
	.search-by-category {
		display: none;
	}
}

@media (min-width: 768px) {

	.error404 {
		.error-404 {
			justify-content: center;
			align-items: center;

			.error-img404 {
				flex: 50%;
				margin-bottom: 0;
			}

			.page-content {
				flex: 50%;
				text-align: center;
			}
		}

		.fourohfour-columns-2 {
			.col-1 {
				width: 48.3870967742%;
				float: left;
				margin-right: 3.2258064516%;

				ul.products {
					margin-bottom: 0;
				}
			}

			.col-2 {
				width: 48.3870967742%;
				float: right;
				margin-right: 0;
			}
		}
	}
	.site-branding {
		.site-description {

		}
	}
	.site-header {
		.subscribe-and-connect-connect {
			float: right;
			margin-bottom: 1em;

			.icons {
				list-style: none;
				margin: 0;

				a {
					font-size: 1em !important;
				}

				li {
					margin: 0 0 0 0.5407911001em !important;
					display: inline-block;
				}
			}
		}
	}



	.comment-list {
		&::before {
			content: "";
			display: table;
		}

		&::after {
			content: "";
			display: table;
			clear: both;
		}

		.comment {
			clear: both;
		}

		.comment-content {
			padding-bottom: 0.6180469716em;
		}

		#respond {
			.comment-form-author {
				width: 100%;
				margin-right: 0;
			}

			.comment-form-email {
				width: 100%;
				margin-right: 0;
			}

			.comment-form-url {
				width: 100%;
				margin-right: 0;
			}
		}

		.comment-body {
			#respond {
				border: 1px solid #E4E4E4;
			}
		}

		.reply {
			clear: both;
		}

		ol.children {
			margin-left: 50px;
			list-style: none;
		}
	}
	#respond {
		.comment-form-comment {
			clear: both;
		}
	}
	.resa-primary-navigation {
		clear: both;

		&::before {
			content: "";
			display: table;
		}

		&::after {
			content: "";
			display: table;
			clear: both;
		}
	}
	.main-navigation {
		div.menu {
			display: block;
		}

		ul.menu {
			max-height: none;
			overflow: visible;
			margin-left: -1.1em;
			margin-right: -1.1em;
			transition: none;

			> li {
				> a {
					padding: 1.287em 1.1em;
				}
			}

			> li.menu-item-has-children {
				&:hover {
					&::after {
						display: block;
					}
				}

				> a {
					&:after {
						font-family: var(--resa_icon_font_family);
						-webkit-font-smoothing: antialiased;
						-moz-osx-font-smoothing: grayscale;
						display: inline-block;
						font-style: normal;
						font-variant: normal;
						font-weight: normal;
						line-height: 1;
						vertical-align: middle;
						content: "";
						margin-left: 7px;
						font-size: 14px;
					}
				}
			}

			> li.page_item_has_children {
				&:hover {
					&::after {
						display: block;
					}
				}

				> a {
					&:after {
						font-family: var(--resa_icon_font_family);
						-webkit-font-smoothing: antialiased;
						-moz-osx-font-smoothing: grayscale;
						display: inline-block;
						font-style: normal;
						font-variant: normal;
						font-weight: normal;
						line-height: 1;
						vertical-align: middle;
						content: "";
						margin-left: 7px;
						font-size: 14px;
					}
				}
			}

			ul.sub-menu {
				margin-left: 0;

				li.menu-item {
					a {
						padding: 8px 20px 8px 30px;
						font-weight: 400;
						font-size: 14px;
						line-height: 1.5;

						> span {
							position: relative;
							-ms-transition: all 0.4s ease;
							-o-transition: all 0.4s ease;
							-moz-transition: all 0.4s ease;
							-webkit-transition: all 0.4s ease;
							transition: all 0.4s ease;
						}
					}

					&:hover {
						> a {
							color: var(--resa_primary_color);
							-ms-transition: all 0.3s ease;
							-o-transition: all 0.3s ease;
							-moz-transition: all 0.3s ease;
							-webkit-transition: all 0.3s ease;
							transition: all 0.3s ease;
						}
					}
				}

				ul {
					margin-left: 0;
				}

				li.focus {
					color: var(--resa_primary_color);
					-ms-transition: all 0.3s ease;
					-o-transition: all 0.3s ease;
					-moz-transition: all 0.3s ease;
					-webkit-transition: all 0.3s ease;
					transition: all 0.3s ease;
				}
			}

			> li.has-mega-menu {
				> a {
					&:after {
						font-family: var(--resa_icon_font_family);
						-webkit-font-smoothing: antialiased;
						-moz-osx-font-smoothing: grayscale;
						display: inline-block;
						font-style: normal;
						font-variant: normal;
						font-weight: normal;
						line-height: 1;
						vertical-align: middle;
						content: "";
						margin-left: 7px;
						font-size: 14px;
					}
				}
			}

			ul {
				li.menu-item-has-children {
					> a {
						&::after {
							font-family: var(--resa_icon_font_family);
							-webkit-font-smoothing: antialiased;
							-moz-osx-font-smoothing: grayscale;
							display: inline-block;
							font-style: normal;
							font-variant: normal;
							font-weight: normal;
							line-height: 1;
							vertical-align: middle;
							content: "";
							float: right;
							margin-left: 10px;
							line-height: 1.5;
						}
					}
				}

				li.page_item_has_children {
					> a {
						&::after {
							font-family: var(--resa_icon_font_family);
							-webkit-font-smoothing: antialiased;
							-moz-osx-font-smoothing: grayscale;
							display: inline-block;
							font-style: normal;
							font-variant: normal;
							font-weight: normal;
							line-height: 1;
							vertical-align: middle;
							content: "";
							float: right;
							margin-left: 10px;
							line-height: 1.5;
						}
					}
				}
			}
		}

		ul.nav-menu {
			max-height: none;
			overflow: visible;
			margin-left: -1.1em;
			margin-right: -1.1em;
			transition: none;

			> li {
				> a {
					padding: 1.287em 1.1em;
				}
			}

			> li.menu-item-has-children {
				&:hover {
					&::after {
						display: block;
					}
				}

				> a {
					&:after {
						font-family: var(--resa_icon_font_family);
						-webkit-font-smoothing: antialiased;
						-moz-osx-font-smoothing: grayscale;
						display: inline-block;
						font-style: normal;
						font-variant: normal;
						font-weight: normal;
						line-height: 1;
						vertical-align: middle;
						content: "";
						margin-left: 7px;
						font-size: 14px;
					}
				}
			}

			> li.page_item_has_children {
				&:hover {
					&::after {
						display: block;
					}
				}

				> a {
					&:after {
						font-family: var(--resa_icon_font_family);
						-webkit-font-smoothing: antialiased;
						-moz-osx-font-smoothing: grayscale;
						display: inline-block;
						font-style: normal;
						font-variant: normal;
						font-weight: normal;
						line-height: 1;
						vertical-align: middle;
						content: "";
						margin-left: 7px;
						font-size: 14px;
					}
				}
			}

			ul.sub-menu {
				margin-left: 0;

				li.menu-item {
					a {
						padding: 8px 20px 8px 30px;
						font-weight: 400;
						font-size: 14px;
						line-height: 1.5;

						> span {
							position: relative;
							-ms-transition: all 0.4s ease;
							-o-transition: all 0.4s ease;
							-moz-transition: all 0.4s ease;
							-webkit-transition: all 0.4s ease;
							transition: all 0.4s ease;
						}
					}

					&:hover {
						> a {
							color: var(--resa_primary_color);
							-ms-transition: all 0.3s ease;
							-o-transition: all 0.3s ease;
							-moz-transition: all 0.3s ease;
							-webkit-transition: all 0.3s ease;
							transition: all 0.3s ease;
						}
					}
				}

				ul {
					margin-left: 0;
				}

				li.focus {
					color: var(--resa_primary_color);
					-ms-transition: all 0.3s ease;
					-o-transition: all 0.3s ease;
					-moz-transition: all 0.3s ease;
					-webkit-transition: all 0.3s ease;
					transition: all 0.3s ease;
				}
			}

			> li.has-mega-menu {
				> a {
					&:after {
						font-family: var(--resa_icon_font_family);
						-webkit-font-smoothing: antialiased;
						-moz-osx-font-smoothing: grayscale;
						display: inline-block;
						font-style: normal;
						font-variant: normal;
						font-weight: normal;
						line-height: 1;
						vertical-align: middle;
						content: "";
						margin-left: 7px;
						font-size: 14px;
					}
				}
			}

			ul {
				li.menu-item-has-children {
					> a {
						&::after {
							font-family: var(--resa_icon_font_family);
							-webkit-font-smoothing: antialiased;
							-moz-osx-font-smoothing: grayscale;
							display: inline-block;
							font-style: normal;
							font-variant: normal;
							font-weight: normal;
							line-height: 1;
							vertical-align: middle;
							content: "";
							float: right;
							margin-left: 10px;
							line-height: 1.5;
						}
					}
				}

				li.page_item_has_children {
					> a {
						&::after {
							font-family: var(--resa_icon_font_family);
							-webkit-font-smoothing: antialiased;
							-moz-osx-font-smoothing: grayscale;
							display: inline-block;
							font-style: normal;
							font-variant: normal;
							font-weight: normal;
							line-height: 1;
							vertical-align: middle;
							content: "";
							float: right;
							margin-left: 10px;
							line-height: 1.5;
						}
					}
				}
			}
		}
	}
	.copyright-bar {


		.site-info {
			margin: 0;
		}

		.logo-brands {
			img {
				margin-left: auto;
				margin-right: 0;
			}
		}
	}
	.gecko {
		.main-navigation {
			ul.menu {
				> li.menu-item-has-children {
					> a {
						&:after {
							margin-bottom: 0;
							vertical-align: sub;
						}
					}
				}

				> li.page_item_has_children {
					> a {
						&:after {
							margin-bottom: 0;
							vertical-align: sub;
						}
					}
				}

				> li.has-mega-menu {
					> a {
						&:after {
							margin-bottom: 0;
							vertical-align: sub;
						}
					}
				}
			}

			ul.nav-menu {
				> li.menu-item-has-children {
					> a {
						&:after {
							margin-bottom: 0;
							vertical-align: sub;
						}
					}
				}

				> li.page_item_has_children {
					> a {
						&:after {
							margin-bottom: 0;
							vertical-align: sub;
						}
					}
				}

				> li.has-mega-menu {
					> a {
						&:after {
							margin-bottom: 0;
							vertical-align: sub;
						}
					}
				}
			}
		}
	}

	.vertical-navigation {
		ul.menu {
			> li.menu-item-has-children {
				> a {
					&::after {
						font-family: var(--resa_icon_font_family);
						-webkit-font-smoothing: antialiased;
						-moz-osx-font-smoothing: grayscale;
						display: inline-block;
						font-style: normal;
						font-variant: normal;
						font-weight: normal;
						line-height: 1;
						vertical-align: middle;
						content: "";
						margin-left: auto;
						float: right;
					}
				}
			}

			> li.page_item_has_children {
				> a {
					&::after {
						font-family: var(--resa_icon_font_family);
						-webkit-font-smoothing: antialiased;
						-moz-osx-font-smoothing: grayscale;
						display: inline-block;
						font-style: normal;
						font-variant: normal;
						font-weight: normal;
						line-height: 1;
						vertical-align: middle;
						content: "";
						margin-left: auto;
						float: right;
					}
				}
			}

			> li.has-mega-menu {
				> a {
					&::after {
						font-family: var(--resa_icon_font_family);
						-webkit-font-smoothing: antialiased;
						-moz-osx-font-smoothing: grayscale;
						display: inline-block;
						font-style: normal;
						font-variant: normal;
						font-weight: normal;
						line-height: 1;
						vertical-align: middle;
						content: "";
						margin-left: auto;
						float: right;
					}
				}
			}
		}

		ul.nav-menu {
			> li.menu-item-has-children {
				> a {
					&::after {
						font-family: var(--resa_icon_font_family);
						-webkit-font-smoothing: antialiased;
						-moz-osx-font-smoothing: grayscale;
						display: inline-block;
						font-style: normal;
						font-variant: normal;
						font-weight: normal;
						line-height: 1;
						vertical-align: middle;
						content: "";
						margin-left: auto;
						float: right;
					}
				}
			}

			> li.page_item_has_children {
				> a {
					&::after {
						font-family: var(--resa_icon_font_family);
						-webkit-font-smoothing: antialiased;
						-moz-osx-font-smoothing: grayscale;
						display: inline-block;
						font-style: normal;
						font-variant: normal;
						font-weight: normal;
						line-height: 1;
						vertical-align: middle;
						content: "";
						margin-left: auto;
						float: right;
					}
				}
			}

			> li.has-mega-menu {
				> a {
					&::after {
						font-family: var(--resa_icon_font_family);
						-webkit-font-smoothing: antialiased;
						-moz-osx-font-smoothing: grayscale;
						display: inline-block;
						font-style: normal;
						font-variant: normal;
						font-weight: normal;
						line-height: 1;
						vertical-align: middle;
						content: "";
						margin-left: auto;
						float: right;
					}
				}
			}
		}
	}


}

@media (min-width: 768px) and (max-width: 1320px) {
	.resa-container {
		padding-left: 30px;
		padding-right: 30px;
		width: auto;
	}

	.single-post.resa-full-width-content {
		.resa-post-thumbnail {
			padding-left: 30px;
			padding-right: 30px;
			width: auto;
		}
	}
}

@media (max-width: 1320px) {
	.col-fluid {
		padding-left: 30px;
		padding-right: 30px;
	}
}
