@media (max-width: 1366px) {

}

@media (max-width: 1024px) {
	.menu-nav,
	.user-items {
		display: none;
	}

	.header-mobile-menu {
		display: block;

		position: absolute;
		font-size: 36px;
		padding: 17px;
		top: 0;
		cursor: pointer;

		color: #062550;
	}
	.header-mobile-menu span:before {
		margin: 0;
	}

	.header-mobile-menu {
		right: 0;
		padding: 14px 18px;
	}

	.header-mobile-menu.active .icon-cancel {
	    display: block;
	}
	.header-mobile-menu.active .icon-menu,
	.header-mobile-menu .icon-cancel {
	    display: none;
	}


	/*
	 * POPUPS
	 */

	#mobile-menu-popup {
	    width: 100%;
	    height: 100%;
	    position: fixed;
	    top: 0;
	    bottom: 0;
	    z-index: 999999;

	    text-align: center;
	    text-shadow: 0px 2px 1px rgba(0, 0, 0, .3);

	}

	.menu-bg {
	    position: absolute;
	    top: 0;
	    left: 0;
	    right: 0;
	    bottom: 0;
	    z-index: 1;

	    background-color: transparent;
	    background-image: linear-gradient(to bottom, rgb(0 0 0 / 75%) 0%, rgb(22 23 26 / 35%) 75%, rgb(22 23 26 / 50%) 100%);
	    cursor: pointer;
	}

	.menu-inner {
		width: 250px;
	    position: absolute;
	    left: 0;
	    top: 0;
	    bottom: 0;
	    background: #fff;
	    z-index: 999;
	    overflow-y: scroll;
	    overflow-x: hidden;

	    left: -250px;
	    transition: left .15s ease;
	    -webkit-transition: left .15s ease;
	}
	.menu-inner.active {
		left: 0;
	}

	.menu-content {
	    z-index: 3;
	    padding: 0px 0px 0px;
	}
	.menu-content img {
	    max-width: 100%;
	    max-height: 100%;

	    border-radius: 4px;
	    box-shadow: 0px 6px 24px rgb(0 0 0 / 25%);
	}

	.menu-header {
	    z-index: 4;
	    padding: 20px 14px 0;
	}
	.menu-header .logo-content {
		margin-bottom: 30px;
	}


	.menu-footer {
	    position: absolute;
	    bottom: 0;
	    right: 0;
	    left: 0;
	    padding: 16px 13px;
	    background: #fafeff;
	    border-top: 1px solid #efefef;
	}
	.menu-footer .btn {
		width: 100%;
		padding: 14px 18px;
		background: #fff;
	}

	.mobile-menu {
	    padding: 0px 14px;
	}

	.mobile-menu > ul {
		display: block;
    	justify-content: unset;
    	align-items: unset;
    	text-align: left;
	}


	.mobile-menu > ul > li {
		display: block;
	}
	.mobile-menu > ul > li > a, a.menu-button {
	    display: block;
	    padding: 14px 18px;
	    margin-bottom: 15px;
	    border-radius: 50px;
	    background: #fff;

	    border:  1px solid #e7e7e7;
		box-shadow: 0px 1px 0px rgb(255 255 255 / 16%) inset, 0px 3px 8px rgb(0 0 0 / 8%);
    	text-shadow: 0px 1px 5pt rgb(0 0 0 / 6%);

		cursor: pointer;
	    color: #1a2129;
	    letter-spacing: -0.2px;
	    text-align: left;
	    font-size: 15px;
	}
	.mobile-menu > ul > li > a:hover,
	.mobile-menu > ul > li.menu-item-has-children.active > a {
	    background: #fafbff;
	}
	.mobile-menu > ul > li > a:after, a.menu-button:after{
		font-family: keremiya;
	    content: '\E809';
	    display: inline-block;
	    margin-left: 10px;
	    margin-top: 1px;
	    float: right;
	}
	.mobile-menu > ul > li.menu-item-has-children > a:after {
		font-family: keremiya;
	    content: '\E807';
	    display: inline-block;
	    margin-left: 10px;
	    margin-top: 1px;
	    float: right;
	}
	.mobile-menu > ul > li.menu-item-has-children.active > a:after {
		font-family: keremiya;
	    content: '\E80A';
	    display: inline-block;
	    margin-left: 10px;
	    margin-top: 1px;
	    float: right;
	}


	.mobile-menu > ul > li > ul.sub-menu {
		display: none;
	}

	.mobile-menu > ul > li > ul.sub-menu.active {
		display: block;
	}

	.mobile-menu > ul > li > ul > li {
		padding: 0px 2px 10px;
	}
	.mobile-menu > ul > li > ul > li > a {
		color: #5e6273;
	    text-shadow: none;
	}
	.mobile-menu > ul > li > ul > li > ul.sub-menu {
		padding: 10px 0;
	}

	.mobile-menu > ul > li > ul > li > ul.sub-menu > li > a {
	    display: block;
	    padding: 10px 15px;
	    margin-bottom: 5px;
	    border-radius: 4px;
	    background: #fff;
	    border: 1px solid #ccc;
	    box-shadow: 0px 3px 7px rgb(0 0 0 / 8%);
	    cursor: pointer;
	    color: #1a2129;
	    letter-spacing: -0.2px;
	    text-shadow: 0px 1px 2px rgb(255 255 255 / 39%);
	}

	.mobile-menu > ul > li > ul > li > ul.sub-menu > li > a:after {
		font-family: keremiya;
	    content: '\e75e';
	    display: inline-block;
	    margin-left: 10px;
	    margin-top: 1px;
	    float: right;
	}
	.mobile-menu > ul > li > ul > li > ul.sub-menu > li > a:hover {
	    background: #5e6273;
	    color: #fff;
	}

}

@media (max-width: 992px) {

}

@media (max-width: 768px) {

	.section.section-featured h1 {
		font-size: 2rem;
	}

	.section {
		text-align: center;

		padding: 50px 0;
	}

	.section h1 {
		font-size: 2.2rem;
	}

	.section h2 {
		font-size: 1.6rem;
	}
	.section p {
		font-size: 1rem;
	}

	.section-image {
		margin-bottom: 40px;
	}
	.section-image img {
		width: 300px;
	}

	.section-image.text-right {
		text-align: center;
	}

	.btn {
		margin-bottom: 10px;
	}

	.btn.btn-big {
		font-size: 18px;
	}
	.btn.btn-mid {
		font-size: 16px;
	}

	.btn.ml-10,
	.btn-demo {
		margin-left: 0;
	}

	.footer-menu {
		margin-bottom: 40px;
		text-align: center;
	}

	.footer-copyright-content {
	    display: block;
	    text-align: center;
	}
	.footer-payments {
		margin-top: 10px;
	}

	.single-featured-row {
		row-gap: 30px;
	}

	.tabs {
		align-items: center;
	}
	.tabs .tab {
		padding:  10px 16px;
	}
	.tabs .tab.current_item {
		padding-bottom: 22px;
	}
	.tab .text {
		display: none;
	}
	.tab.current_item .text {
		display: inline-block;
	}


	.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
		max-width: 100%;
	}
	#customer_login:before {
		display: none;
	}
}