/* === DESKTOP FIRST === */

/* xl <= Extra extra large (xxl) */
@media (max-width : 1400px) {
	.first_bg {
		min-width: 592px;
	}
}

/* lg <= Extra large (xl) */
@media (max-width : 1200px) {
	header .header-nav-col {
		min-width: 0;
	}

	header nav ul {
		flex-wrap: nowrap;
	}

	header nav ul li + * {
		margin-left: 28px;
	}

	header nav ul li a {
		font-size: 16px;
		white-space: nowrap;
	}

	header .shop_widget {
		flex-wrap: nowrap;
	}

	header .widget_toggle + * {
		margin-left: 8px;
	}

	header .shop_widget .widget_toggle svg {
		width: 30px;
		height: auto;
	}

	.first_screen {
		min-height: 500px;
	}
	.apply-filters{
		font-size: 12px;
	}
	section h1,
	.one {
		font-size: calc(var(--index)* 2.2);
	}

	.nav_slider * {
		width: 68px;
	}

	.first_screen h1 br {
		display: none;
	}

	.first_bg {
		min-width: 427px;
	}
}

/* md <= Large (lg) */
@media (max-width : 992px) {
	header .widget_toggle + * {
		margin-left: 8px;
	}

	header .aside_toggle {
		margin-left: 12px !important;
	}

	header .shop_widget .widget_toggle svg {
		width: 28px;
		height: auto;
	}

	tr+* td {
		padding-top: 10px;

	}

	tr:first-child th,
	tr:first-child td {
		padding-top: 14px;
	}

	tr td .button {
		margin: 14px 0;
	}

	.aside_toggle {
		margin-left: 20px !important;
	}

	.form .form_group+* {
		margin-top: 12px;
	}

	.nav_slider * {
		width: auto;
	}

	.widget_toggle+* {
		margin-left: 12px;
	}

	aside.active {
		opacity: 1;
		visibility: visible;
	}

	#breadcrumbs {
		font-size: calc(var(--index)* 1.2);
		justify-content: flex-start;
	}

	.searchform input {
		background: #fff;
		min-height: 50px;
	}

	section {
		padding-top: 50px;
	}

	footer {
		margin-top: 60px;
	}

	.section_image_left img,
	.section_image_right img {
		width: 100%;
		max-width: 100%;
		left: auto;
		position: absolute;
		right: auto;
	}

	.section_image_left,
	.section_image_right {
		max-width: 100%;
	}

	.product_meta>div>div:first-child {
		max-width: 100px;
	}

	.col_right {
		padding-left: 0 !important;
		margin-left: 0 !important;
		padding-top: 30px;
		margin-top: 30px;
		border-left: none !important;
		border-top: 1px solid var(--text);
	}

	.quantity input {
		max-width: 40px;
	}

	.cart_item+* {
		margin-top: 18px;
	}

	.cart_image {
		margin-right: 12px;
	}

	h1,
	.one,
	h2,
	.two {
		font-size: calc(var(--index)* 2.2);
	}

	h3,
	.three {
		font-size: calc(var(--index)* 1.7);
	}

	.cart_item .three {
		font-size: calc(var(--index)* 1.6);
	}

	.cart_item div {
		font-size: calc(var(--index)* 1.2);
	}

	.btn_group_section .nav_slider {
		margin-right: 0;
		margin-bottom: 1rem;
	}

	.section_image_left img {
		max-height: 270px;
	}

	.section_image_left {
		max-height: 270px;
		min-height: 270px;
	}

	.section_image_right img {
		max-height: 400px;
	}

	.section_image_right {
		max-height: 400px;
		min-height: 400px;
	}

	.section_image_right {
		width: 140%;
		max-width: none;
	}

	.section_image_left img,
	.section_image_right img {
		width: calc(100% + 2rem);
		/* Учитываем padding колонки */
		margin-left: -1rem;
		/* Сдвигаем влево на размер padding */
		margin-right: -1rem;
		/* Сдвигаем вправо на размер padding */
		display: block;
		max-width: none;
	}

	.copyrights {
		font-size: calc(var(--index)* 0.9);
	}

	.grid_gallery {
		flex-flow: column;
	}

	.grid_gallery .mySwiper .swiper-slide img {
		max-height: 90px;
	}

	.mySwiper2 .swiper-slide img {
		height: 490px;
	}

	.mySwiper {
		max-height: 94px;
	}

	.product_description .button {
		width: 100%;
	}

	.category_card {
		min-height: 268px;
	}

	.category_card .two {
		font-size: calc(var(--index)* 2.1)
	}

	.category_card.has_bg {
		background-position: center center !important;
		background-position-x: 26% !important;
	}

	.sidebar_wrap {
		padding-right: initial;
		margin-right: 0;
		border-right: 0;
	}

	.sidebar_shop {
		position: fixed;
		background: #fff;
		z-index: 99;
		width: 100%;
		height: 100%;
		top: 0;
		left: -100%;
		min-height: 100vh;
		padding: 60px 20px;
		transition: var(--transition);
		opacity: 0;
		visibility: hidden;
	}

	.sidebar_shop.active {
		opacity: 1;
		visibility: visible;
		left: 0;
	}

	.filter_button {
		bottom: 20px;
		right: 20px;
		left: 20px;
		z-index: 2;
	}
	.filter_button button{
		width: 100%;
	}
}

/* sm <= Medium (md) */
@media (max-width : 768px) {

	.first_screen_page,
	.first_screen_page.first_screen_page_archive {
		min-height: 154px;
	}

	.first_screen_page h1 {
		text-align: center;
	}

	.category_list {
		margin-top: 40px;
	}

	.category_card.has_bg {
		background-position: center left !important;
	}

	.category_card .two {
		max-width: 240px;
	}

	.first_screen {
		padding-top: 104px;
	}

	.first_bg {
		min-width: 100%;
	}

	.mySwiper2 .swiper-slide img {
		height: 380px;
	}

	.mySwiper {
		max-height: 110px;
	}

	footer ul li a {
		text-decoration: underline;
	}

	footer {
		text-align: center;
	}

	body {
		font-size: calc(var(--index)* 1.1);
	}

	.custom-radio label {
		font-size: calc(var(--index)* 1.3);
	}

	.md_text {
		font-size: calc(var(--index)* 1.1);
	}

	.xl_text {
		font-size: calc(var(--index)* 1.3);
	}

	.section_image_right {
		width: 100%;
		max-width: 100%;
	}

	.first_screen .button {
		position: relative;
		width: 100%;
		z-index: 1;
		bottom: 18px;
	}

	.first_screen h1 {
		text-align: center;
	}

	.text-center-md {
		text-align: center;
	}

	.product_card s {
		display: none;
	}

	.lg_text {
		font-size: calc(var(--index)* 1.1);
	}

	.button {
		font-size: calc(var(--index)* 1.2);
		padding: 14px 50px;
	}

	.btn_group .button {
		padding: 14px 30px;
	}

	.h-100 {
		height: auto;
	}

	.category_card>div {
		padding: 13px 16px;
	}

	.popup .btn_close {
		position: absolute;
		top: -52px;
		right: 10px;
	}

	.product_items {
		min-height: auto;
	}

	.popup.for_filters .popup_dialog .popup_wrap {
		width: 100%;
	}

	.apply-filters {
		width: 100%;
	}
}

/* xs <= Small (sm) */
@media (max-width : 576px) {
	.category_card.has_bg {
		background-position: center top !important;
		background-position-x: 48% !important;
	}

	.section_image_right {
		max-height: 235px;
		min-height: 235px;
	}

	.quantity button {
		max-width: 32px;
	}

	.quantity {
		max-width: 100px;
	}

	aside .button {
		width: 100%;
	}

	.btn_group_section .nav_slider {
		width: 100%;
	}

	header a.logo svg {
		max-width: 100%;
	}

	header .widget_toggle + * {
		margin-left: 6px;
	}

	header .aside_toggle {
		margin-left: 8px !important;
	}

	header .shop_widget .widget_toggle svg {
		width: 26px;
	}

	header {
		padding-top: 16px;
		padding-bottom: 16px;
	}

	.searchform input {
		max-width: 210px;
	}

	.popup .popup_dialog .popup_wrap {
		padding: 40px 20px;
	}

	.btn_group *+* {
		margin-top: 10px;
		margin-left: 0;
	}

	.category_card .two {
		font-size: calc(var(--index)* 2.5)
	}

	.woocommerce-ordering select {

		width: 100%;
	}

	.shop-sorting,
	.shop-sorting form {
		width: 100%;
	}

	.shop-sorting form {
		margin-top: 20px;
	}
}


/* === MOBILE FIRST === */

/* Custom (xs) */
@media (min-width : 0) {}

/* Small (sm) */
@media (min-width : 576px) {}

/* Medium (md) */
@media (min-width : 768px) {}

/* Large (lg) */
@media (min-width : 992px) {
	.product_description {
		margin-left: 20px;
	}
}

/* Extra large (xl) */
@media (min-width : 1200px) {
	.text {
		font-size: 18px;
	}
}

/* Extra extra large (xxl) */
@media (min-width : 1400px) {
	.text {
		font-size: 22px;
	}
}

@media (hover: none) {

	.product_card>a:active,
	.product_card a:active {
		color: var(--text);
	}

	.product_card>a.buy_button:active {
		color: #fff;
	}

	.button:active {
		color: #fff;
		background: #1e4c7d;
	}

	.button.buy_button:active {
		color: #fff;
		background: #1e4c7d;
	}

	header nav ul li a:active,
	aside ul li a:active {
		color: var(--accent);
	}

	.link_button:active {
		color: var(--text);
	}

	.product_card:active {
		color: var(--text);
		opacity: 0.8;
	}

	footer a:active {
		color: #fff;
		opacity: 0.8;
	}

	.category_card:active {
		color: initial;
		opacity: 0.9;
	}

	.delivery_widget a:active {
		color: #fff;
		opacity: 0.8;
	}

	body.page header a:active,
	body.archive header a:active {
		color: #fff;
		opacity: 0.8;
	}
}

@media (hover: hover) {

	.product_card>a:hover,
	.product_card a:hover {
		color: var(--text);
	}

	.product_card>a.buy_button:hover {
		color: #fff;
	}

	.product_card:hover img.alt_image {
		opacity: 1;
		visibility: visible;
	}

	.button.buy_button:hover {
		color: #fff;
		background: #1e4c7d;
	}

	.button:hover {
		color: #fff;
		background: #1e4c7d;
	}

	header nav ul li a:hover,
	aside ul li a:hover {
		color: var(--accent);
	}

	.link_button:hover {
		color: var(--text);
	}

	.product_card:hover {
		color: var(--text);
		opacity: 0.8;
	}

	footer a:hover {
		color: #fff;
		opacity: 0.8;
	}

	.category_card:hover {
		color: initial;
		opacity: 0.9;
	}

	.delivery_widget a:hover {
		color: #fff;
		opacity: 0.8;
	}

	body.page header a:hover,
	body.archive header a:hover {
		color: #fff;
		opacity: 0.8;
	}

	body.page header.toggled a:hover,
	body.archive header.toggled a:hover {
		color: var(--text);
	}
}