@media screen and (max-width: 767px) {
	.cnt_1440,
	.cnt {
		width: 90%;
	}

	.header_logo {
		width: 6rem;
	}

	.header {
		height: 8rem;
	}

	.nav__burger {
		display: flex;
	}

	.header_lang {
		width: 3rem;
		height: 3rem;
	}

	.header_search {
		height: 3.2rem;
		width: 3.2rem;
		padding: 0.8rem;
		margin-left: auto;
	}

	.header_nav {
		display: none;
	}

	body.mobile-active {
		overflow: hidden;
	}

	.header_overlay {
		height: 100vh;
		background: #212121;
		position: fixed;
		width: 100%;
		transition: all 0.3s ease-in-out;
		transform: translateX(100%);
		top: 0;
		right: 0;
		z-index: 3;
	}

	.header_overlay.active {
		transform: translateX(0);
	}

	.header.mobile-active .header_nav {
		position: fixed;
		display: flex;
		height: 95vh;
		top: 0;
		left: 0;
		flex-direction: column;
		width: 100%;
		padding: 12rem 5% 0rem 5%;
		align-items: flex-start;
		overflow: auto;
	}

	.header.mobile-active .header_nav nav ul {
		display: flex;
		gap: 2rem;
		flex-direction: column;
	}

	.nav-item > a {
		color: #fff;
	}

	.header_btn {
		margin-left: 0;
	}

	.header_btn.header_btnlight {
		margin-left: 0;
		margin-top: 5rem;
		margin-bottom: 2rem;
	}
	.dropdown_txt {
		display: none;
	}

	.dropdown_img {
		width: 17rem;
		height: 3rem;
		padding: 2rem 2rem;
	}

	.dropdown_img .c_icn {
		display: none;
	}

	.nav-item.has-dropdown .dropdown {
		position: inherit;
		width: 200px;
		background: #fff;
		right: inherit;
		top: inherit;
		border-radius: 25px;
		display: none;
		pointer-events: none;
		box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.1);
		padding: 2rem 1rem 2rem 1rem;
		z-index: 999;
		opacity: inherit;
		transform: inherit;
		visibility: hidden;
		transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;
	}

	.nav-item.has-dropdown.active .dropdown {
		opacity: 1;
		transform: inherit;
		pointer-events: auto;
		visibility: visible;
		display: flex;
		flex-direction: column;
		gap: 1rem;
		margin-top: 2rem;
	}

	.c_txt {
		font-size: 1.6rem;
	}

	.Hero .cnt_wp {
		height: auto;
	}

	.hero_cat {
		margin-top: 1rem;
	}

	.hero_cat .cnt_wp {
		width: 100%;
		padding: 2.5rem 1rem;
		gap: 1rem;
		justify-content: center;
		flex-wrap: wrap;
	}

	.hero_cat_item {
		width: 14rem;
		height: 16rem;
		border-radius: 15px;
		display: flex;
	}

	.fbtn_search img {
		width: 2rem;
		position: absolute;
		left: 2rem;
	}

	.fbtn_search_wp {
		width: 100%;
		display: flex;
		margin-top: 1rem;
	}

	.homepage_category_item {
		width: 100%;
		padding: 4rem 5%;
	}

	.homepage_category_item_txt {
		width: 100%;
		font-size: 2rem;
		line-height: 2.4rem;
	}

	.footer_top {
		flex-direction: column;
	}

	.footer_newsletter {
		margin-left: 0;
		margin-top: 2rem;
	}
	.footer_newsletter-input input {
		width: 100%;
	}

	.footer_app {
		display: flex;
		justify-content: center;
		gap: 1rem;
		margin-bottom: 2rem;
	}

	.footer_nav ul {
		display: flex;
		gap: 2rem;
		text-align: center;
		flex-direction: column;
		width: 100%;
	}

	.footer_app a {
		width: 10rem;
	}

	.footer_bot ul li {
		font-size: 1.4rem;
		line-height: 2rem;
	}

	.core {
		margin-top: 5rem;
	}

	.intro_box {
		padding: 4rem 5%;
		margin-bottom: 10rem;
	}

	.intro_block_title {
		font-size: 3rem;
	}

	.intro_block_desc h4 {
		font-size: 2.2rem;
		margin-bottom: 1rem;
		line-height: 2.8rem;
	}

	.intro_block_desc {
		font-size: 1.6rem;
		line-height: 2.4rem;
	}

	.about_us .cnt_wp {
		flex-direction: column;
	}

	.about_us_left {
		width: 100%;
	}

	.about_us_title {
		font-size: 4rem;
		margin-bottom: 2rem;
		text-align: center;
	}

	.about_us_txt {
		font-size: 1.6rem;
		line-height: 2.4rem;
		text-align: center;
	}

	.about_app {
		display: flex;
		gap: 1rem;
		margin-top: 4rem;
		justify-content: center;
	}

	.about_us_right {
		width: 100%;
		margin-top: 2rem;
	}

	.contact_intro_wp {
		width: 100%;
		padding: 4rem 4%;
		margin-bottom: 10rem;
		gap: 2rem;
		flex-direction: column;
	}

	.contact_box {
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: 2rem 2rem;
	}

	.contact_inner .cnt_wp {
		flex-direction: column;
	}

	.contact_map {
		width: 100%;
		height: 25rem;
	}

	.contact_form {
		margin-left: auto;
		width: 100%;
		padding: 3rem 3rem;
		margin-top: 3rem;
	}

	.form-field-col {
		width: 100%;
	}

	.Hero {
		margin-top: 12rem;
	}

	.intro_block_listing li {
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: column;
		background: #fff;
		border-radius: 25px;
		padding: 3rem 2rem;
	}

	.intro_block_box-title {
		font-size: 2rem;
		line-height: 2.4rem;
		margin-bottom: 2rem;
	}

	.intro_block_box-txt {
		font-size: 1.6rem;
		line-height: 2.4rem;
	}

	.intro_block_desc {
		font-size: 1.6rem;
		line-height: 2.4rem;
	}

	.intro_block_desc h5 {
		font-size: 2rem;
		margin-bottom: 0.8rem;
	}

	.intro_block_contact {
		font-size: 1.6rem;
		line-height: 2.4rem;
		margin-top: 0rem;
		text-align: center;
	}

	.hero_filter_top {
		display: flex;
		gap: 1rem;
		justify-content: center;
		flex-wrap: wrap;
	}

	.filter_col select,
	.filter_col input {
		width: 100%;
	}

	.filter_col {
		display: flex;
		flex-direction: column;
		flex: auto;
		min-width: auto;
		width: 100%;
	}

	.filter_col select {
		background-size: 1rem;
	}

	.innerlisting .homepage_category_item_box {
		display: flex;
		width: 100%;
		margin-bottom: 2rem;
	}

	.removesearch .header_lang {
		margin-left: auto;
	}

	.team_list li {
		width: 100%;
		padding: 2rem 2rem;
		flex-direction: column;
	}

	.team_img {
		width: 15rem;
		height: 15rem;
		margin: 0 auto;
		margin-bottom: 2rem;
	}

	.team_desc {
		width: 100%;
		margin-left: auto;
	}

	.team_desc_txt {
		font-size: 1.6rem;
		line-height: 2.4rem;
	}

	.abonnement_list {
		display: flex;
		flex-wrap: wrap;
		gap: 2rem;
		margin-top: 1rem;
	}

	.abonnement_list > li {
		width: 100%;
		height: auto;
	}

	.app_dl_ab {
		display: flex;
		margin-top: 3rem;
		justify-content: center;
		gap: 1rem;
		flex-direction: column;
		align-items: center;
	}

	.intro_block {
		padding: 10rem 0 5rem;
	}

	.partners_hero_mid {
		display: flex;
		align-items: flex-start;
		flex-direction: column;
	}

	.partners_hero_desc {
		display: flex;
		flex-direction: column;
		width: 100%;
		margin-left: auto;
		margin-top: 3rem;
	}

	.partners_hero_title {
		font-size: 4rem;
		margin-bottom: 3rem;
		display: flex;
		align-items: flex-start;
		flex-direction: column;
		line-height: 5rem;
	}

	.partners_hero_txt {
		width: 100%;
		font-size: 1.6rem;
		line-height: 2.4rem;
	}

	.intro_box_location {
		display: flex;
		width: 100%;
		margin-top: 1rem;
		flex-direction: column;
	}

	.intro_box_location-left {
		width: 100%;
	}

	.accordion-box {
		width: 100%;
		flex-direction: column;
	}

	.accordion-box-right {
		width: 100%;
		height: 20rem;
	}

	.accordion-box-left {
		width: 100%;
		display: flex;
		flex-direction: column;
		gap: 1rem;
		font-size: 1.6rem;
		margin-left: 0;
		margin-top: 2rem;
	}

	.intro_box_location-right {
		width: 100%;
		margin-left: auto;
		height: 40rem;
		border-radius: 15px;
		overflow: hidden;
		position: inherit;
		top: 20rem;
		margin-top: 2rem;
	}

	.intro_box_terms .intro_block_title {
		font-size: 2rem;
		text-align: left;
	}

	.intro_box_terms_txt {
		font-size: 1.6rem;
		line-height: 2.4rem;
	}

	.search_top {
		height: 100vh;
		padding: 0rem 0 0rem;
	}

	.search_featured {
		display: none;
	}

	.footer_top-right {
		margin-left: 0;
	}
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
	.cnt_1440,
	.cnt {
		width: 90%;
	}
}

@media screen and (min-width: 1024px) and (max-width: 1183px) {
	.cnt_1440,
	.cnt {
		width: 90%;
	}

	html {
		font-size: 55.5%;
	}
}

@media screen and (min-width: 1184px) and (max-width: 1399px) {
	.cnt_1440,
	.cnt {
		width: 90%;
	}

	html {
		font-size: 55.5%;
	}
}

@media screen and (min-width: 1280px) and (max-width: 1399px) {
}

@media screen and (min-width: 1400px) and (max-width: 1663px) {
	.cnt_1440,
	.cnt {
		width: 90%;
	}

	html {
		font-size: 55.5%;
	}
}

@media screen and (min-width: 1530px) and (max-width: 1663px) {
}

@media screen and (min-width: 1664px) and (max-width: 1750px) {
}
@media screen and (min-width: 1720px) and (max-width: 1750px) {
}
@media screen and (min-width: 2400px) and (max-width: 2700px) {
}
