@media (min-width: 320px) and (max-width: 767px) {
	.container {
		width: 100%;
	}
	.header {
		height: auto;
	}

	.header_up {
		padding: 20px;
	}

	#main_content {
		background: url('../assets/images/main_bg.png') no-repeat;
		background-size: cover;
		background-position: 30%;
		height: auto !important;
	}

	.block_logo {
		width: 150px;
	}

	.logo {
		width: 100%;
		height: auto;
	}

	.nav_bar {
		font-size: 14px;
	}

	.header_title {
		font-size: 60px;
		text-align: center;
		padding-top: 170px;
		margin-bottom: 40px;
		line-height: 40px;
	}

	.title_small {
		font-size: 22px;
	}

	.title_simple {
		font-size: 64px;
	}

	.header_form {
		flex-direction: column;
		justify-content: start;
		display: flex;
	}

	.form_el {
		padding: 10px 10px;
	}

	.form_label {
		font-size: 14px;
	}

	.form_input {
		padding: 8px 14px;
		font-size: 14px;
		width: auto;
	}

	#date {
		width: auto;
	}

	#date2 {
		width: auto;
	}

	#phone {
		width: auto;
	}

	.header_form_button {
		height: 50px;
		font-size: 22px;
		margin: 20px auto 0 auto;
	}

	.about {
		margin: 40px 0 !important;
	}

	.about_item {
		max-width: 100%;
		flex: 0 0 100%;
		align-items: center;
		padding: 0;
	}

	.about_item_title {
		font-size: 16px;
	}

	.about_item_description {
		font-size: 14px;
	}

	.slider-container {
		max-width: 100%;
		min-height: 313px;
	}

	.prev,
	.next {
		display: none;
	}

	.slide {
		padding: 12px;
	}

	.quote {
		font-size: 52px;
	}

	.text {
		margin-top: 30px;
		font-size: 16px;
		max-width: 100%;
	}

	.author {
		font-size: 12px;
	}

	.information {
		flex-direction: column;
	}

	.text {
		font-size: 14px;
	}

	.information_text_title {
		font-size: 20px;
		line-height: 24px;
	}

	.information_text_text {
		font-size: 14px;
	}

	.large_video {
		display: none;
	}

	.small_video {
		display: block;
	}

	.track {
		display: none;
	}

	.phone {
		font-size: 14px;
		text-align: right;
	}

	.phone_title {
		font-size: 26px;
	}

	.phone_number {
		font-size: 28px;
	}

	.estimate {
		margin-top: 20px;
	}

	.estimate_title {
		font-size: 24px;
		margin: 0 auto;
	}

	.contact_form {
		flex-direction: column;
	}

	#contact_information {
		padding: 30px 15px;
	}

	.contact_information {
		flex-direction: column;
		justify-content: start;
		align-items: start;
		gap: 20px;
		img {
			width: 16px;
			height: 16px;
			padding: 12px;
		}
	}

	.contact_information_el_text {
		font-size: 16px;
		gap: 4px;
		a {
			font-size: 12px;
		}
	}

	.story {
		flex-direction: column;
		gap: 20px;
	}

	.story_el {
		width: 90%;
		margin: 0 auto;
		ul {
			li {
				font-size: 14px;
			}
		}
	}

	.story_el_text {
		font-size: 14px;
	}

	.footer {
		justify-content: center;
	}

	.footer_nav_bar {
		display: none;
	}

	.services {
		align-items: center;
		flex-direction: column;
		justify-content: center;
	}

	.services_title {
		font-size: 38px !important;
		max-width: 100% !important;
	}

	.contact_track {
		display: none;
	}

	#contact {
		height: auto;
	}

	.contact {
		padding-top: 30px;
	}

	.contact_content {
		flex-direction: column;
		justify-content: center;
		align-items: center;
		ul {
			padding: 0;
			li {
				img {
					width: 16px;
					height: 16px;
					padding: 12px;
				}
			}
		}
	}

	.contact_info {
		align-items: center;
		width: 90%;
		margin: 0 auto;
		font-size: 16px;
	}

	.services_form {
		width: 90% !important;
	}

	.another_services {
		flex-direction: column !important;
		flex-wrap: wrap !important;
	}

	.another_services_el {
		max-width: 100% !important;
		padding: 0 !important;
	}

	.additional_information {
		flex-direction: column !important;
	}

	.additional_information_el_title {
		margin-left: 15px !important;
	}

	.additional_information_el {
		max-width: 100% !important;
		padding: 0 !important;
	}

	.additional_information_el_img {
		width: 100% !important;
	}

	.additional_information_el_description {
		max-width: 300px !important;
		margin: 0 auto !important;
	}

	.who_we_are_text {
		text-align: center !important;
		font-size: 14px !important;
	}

	.advantages {
		font-size: 16px !important;
		ul {
			li {
				font-size: 16px !important;
			}
		}
	}

	.advantages_list {
		flex-direction: column !important;
		gap: 12px !important;
		ul {
			li {
				font-size: 16px !important
				;
			}
		}
	}

	.eco_friendly_content {
		flex-direction: column !important;
		gap: 70px !important;
	}

	.eco_friendly_content_el {
		max-width: 80% !important;
	}

	.eco_friendly {
		margin-bottom: 50px !important;
	}

	.storage_boxes {
		justify-content: space-around !important;
	}

	.storage_boxes_el {
		max-width: 45% !important;
		flex: 0 0 45% !important;
	}

	.additional_information_el_crates {
		max-width: 90% !important;
	}

	.additional_information_el_subtitle {
		margin-left: 15px !important;
	}

	.area_rest_title {
		margin-left: 12px !important;
		font-size: 18px !important;
	}

	.area_rest_title::after {
		width: 30% !important;
	}

	.area_info {
		flex-direction: column !important;
	}

	.area_establishments {
		flex-direction: column !important;
	}

	.area_establishment {
		max-width: 90% !important;
		flex: 0 0 90% !important;
	}

	.areas_info_supertitle {
		font-size: 22px !important;
	}

	.areas_info_title {
		font-size: 22px !important;
	}

	.areas_info {
		flex-direction: column !important;
	}

	.areas_info_content {
		max-width: 100% !important;
		flex: 0 0 100% !important;
	}

	.weather {
		max-width: 99% !important;
		flex: 0 0 99% !important;
		border: none !important;
	}

	.city_info {
		margin: 0 auto;
		max-width: 80% !important;
	}

	.header_form_button {
		width: 100%;
	}
}

@media (min-width: 768px) and (max-width: 1023px) {
	.container {
		width: 768px;
	}

	#main_content {
		height: auto;
	}

	#email {
		width: auto;
	}

	.slider-container {
		min-height: 370px;
	}
	.slide {
		padding: 20px;
	}

	.quote {
		top: 0;
		left: 10%;
	}

	.nav_phone_mobile {
		font-size: 14px !important;
		a {
			font-size: 17px !important;

			img {
				width: 15px !important;
				height: 15px !important;
			}
		}
	}

	.areas_info_content {
		max-width: 60% !important;
		flex: 0 0 60% !important;
	}

	.weather {
		max-width: 40% !important;
		flex: 0 0 36% !important;
	}

	.areas_info {
		gap: 0;
	}

	.weather_info {
		font-size: 48px !important;
		img {
			width: 70px !important;
		}
	}

	.city_info {
		width: 100% !important;
		a {
			margin: 0 0 0 95px !important;
		}
	}

	.header_title {
		font-size: 90px;
		line-height: 60px;
		margin-right: 20px;
	}

	.title_simple {
		font-size: 97px;
	}

	.title_small {
		font-size: 34px;
	}

	.header_form {
		width: 100%;
		display: grid;
		grid-template-columns: repeat(3, 1fr);
	}

	#date {
		width: auto;
	}

	#date2 {
		width: auto;
	}

	#phone {
		width: auto;
	}

	.form_el {
		padding: 15px 10px;
	}

	.form_label {
		font-size: 20px;
	}

	.form_input {
		font-size: 12px;
		padding: 8px 12px;
		width: auto;
	}

	.header_form_button {
		margin: 0;
		line-height: 30px;
		font-size: 20px;
		height: 100%;
	}

	.about {
		margin: 40px 0;
	}

	.about_item {
		max-width: 40%;
		flex: 0 0 40%;
		align-items: center;
		padding: 0;
	}

	.next,
	.prev {
		display: none;
	}

	.information {
		flex-direction: column;
	}

	.track {
		width: 400px;
		height: 200px;
		top: -11%;
	}

	.track.visible {
		left: 1%;
	}

	.estimate {
		margin-top: 0;
	}

	.contact_information {
		flex-direction: column;
		justify-content: start;
		align-items: start;
		gap: 30px;
		margin-left: 40px;
	}

	.story {
		justify-content: center;
	}

	.footer {
		justify-content: center;
	}

	.footer_nav_bar {
		display: none;
	}

	.contact_content {
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.contact_form {
		flex-wrap: wrap;
	}

	.services_form {
		width: 40% !important;
		font-size: 14px !important;
	}

	.contact_info {
		width: 80%;
	}

	.services_title {
		width: 50% !important;
		font-size: 36px;
	}

	#map {
		margin-top: 220px;
	}

	.another_services {
		flex-wrap: wrap !important;
	}

	.another_services_el {
		max-width: 30% !important;
	}

	.another_services_el_title {
		width: 100% !important;
		font-size: 16px !important;
		text-align: center !important;
	}

	.additional_information_el {
		padding: 0;
	}

	.who_we_are_text {
		text-align: center;
		max-width: 60%;
	}

	#careful_movers_advantages {
		padding: 0 !important;
	}

	.area_establishment {
		max-width: 30% !important;
		flex: 0 0 30% !important;
	}
	.contact_form {
		flex-direction: column;
	}

	.header_form_button {
		width: 100%;
		font-size: 32px;
	}
}

@media (min-width: 1024px) and (max-width: 1439px) {
	.container {
		width: 1024px;
	}

	#phone {
		width: 110px;
	}

	#date {
		width: 80px;
	}

	#date2 {
		width: 80px;
	}

	.header_title {
		margin-right: 40px;
	}

	#main_content {
		height: auto;
	}

	.areas_info_content {
		max-width: 60% !important;
		flex: 0 0 60% !important;
	}

	.weather {
		max-width: 40% !important;
		flex: 0 0 36% !important;
	}

	.city_info {
		max-width: 90% !important;
		margin: 0 auto !important;
	}

	.about {
		margin: 40px 0;
	}

	.contact_information {
		flex-direction: column;
		align-items: start;
		margin-left: 50px;
		gap: 20px;
	}

	.dropdown_menu.show {
		display: block;
		text-align: left;
		font-size: 16px;
		color: black;
		box-shadow: 0 5px 7px rgba(0, 0, 0, 0.5);
		left: -6px;
	}

	.header_form {
		width: 100%;
		gap: 0;
	}

	.form_input {
		font-size: 13px;
		padding: 12px 8px;
	}

	.header_form_button {
		font-size: 32px;
		width: auto;
	}

	.form_el {
		padding: 15px 10px;
	}

	.information {
		flex-direction: column;
	}

	.track {
		width: 500px;
		height: 240px;
		top: -10%;
	}

	.estimate {
		margin-top: 0;
	}

	.story {
		justify-content: center;
	}

	.about_item {
		max-width: 40%;
		flex: 0 0 40%;
		align-items: center;
		padding: 0;
	}

	#careful_movers_advantages {
		padding: 30px 0 !important;
	}

	.contact_content {
		justify-content: space-around !important;
	}

	.another_services {
		flex-wrap: wrap !important;
	}

	.services_form {
		align-items: center !important;

		.form_el {
			.form_input {
				width: auto;
			}
		}
		.services_form_button {
			width: 233px !important;
		}
	}

	.area_establishment {
		max-width: 30% !important;
		flex: 0 0 30% !important;
	}
}

@media (min-width: 1440px) {
	.contact_form {
		flex-wrap: nowrap;
	}
	.dropdown_menu.show {
		display: block;
		text-align: left;
		font-size: 14px;
		color: black;
		box-shadow: 0 5px 7px rgba(0, 0, 0, 0.5);
	}
}

@media (max-width: 1023px) {
	.nav_phone {
		display: none;
	}
	.nav_phone_mobile {
		display: flex;
		text-align: right;
		flex-direction: column !important;
		align-items: end;
		justify-content: start;
		font-size: 11px;
		gap: 4px !important;
		color: #000 !important;
		a {
			font-size: 14px;
			justify-content: end;
			color: #d70301 !important;
			img {
				width: 10px;
				height: 10px;
			}
		}
	}
	.nav_bar_list {
		display: none;
		flex-direction: column;
		align-items: end;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		background-color: #fff;
		color: #000;
		z-index: 1;
	}

	.nav_bat_item {
		border: none;
	}

	.menu_toggle_black .bar {
		background-color: #000;
	}

	.nav_bat_item:hover {
		transform: scale(1);
	}

	.nav_bat_item:active {
		transform: scale(1);
	}

	.dropdown_menu li {
		padding: 10px 0 !important;
	}

	.dropdown_menu {
		display: none;
		border: none;
	}

	.dropdown_menu.show {
		display: block;
		position: relative;
		text-align: right;
		font-size: 12px;
		color: black;
		box-shadow: none;
		background-color: #fff;
	}

	.menu_toggle_inside {
		display: flex;
		position: absolute;
		right: 29px;
		top: 35px;
		z-index: 2000;
	}

	.nav_bar_list.show {
		padding: 80px 15px 20px 15px;
		display: flex;
		color: #000;
		margin: 0;
		a {
			color: #000;
		}
	}
	.menu_toggle {
		display: flex;
	}
}

.menu_toggle_inside.active .bar:nth-child(1) {
	transform: translateY(9px) rotate(45deg);
}

.menu_toggle_inside.active .bar:nth-child(2) {
	opacity: 0;
}

.menu_toggle_inside.active .bar:nth-child(3) {
	transform: translateY(-11px) rotate(-45deg);
}