/*
Theme Name: Sahinler
Theme URI: https://sahinlerform.ru
Author: URSA
Author URI: https://ursa.agency
Description: Тема для сайта представительства Sahinler в России.
Version: 1.4
*/

/* Fonts ------------------------------ */

@font-face {
	font-family: "Play";
	src: url(fonts/Play-Regular.ttf) format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "Play";
	src: url(fonts/Play-Bold.ttf) format('truetype');
	font-weight: 700;
	font-style: normal;
}

/* Global ------------------------------ */

body {
	font-family: "Play", Arial, sans-serif;
	font-size: 16px;
	line-height: 1.5;
}

h1,
h2,
h3,
h4 {
	font-weight: 700;
}

h1 {
	font-size: 25px;
}

h2 {
	margin-bottom: 20px;
	font-size: 26px;
}

h3 {
	margin-bottom: 10px;
	font-size: 20px;
}

a {
	text-decoration: none;
	transition: color 0.25s;
}

a:hover {
	text-decoration: underline;
}

button {
	margin: 0;
	padding: 0;
	font: inherit;
	background-color: transparent;
	border: none;
	cursor: pointer;
}

.button {
	display: inline-block;
	margin: 0;
	padding: 12px 30px;
	font: inherit;
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
	border: none;
	cursor: pointer;
	transition: color 0.25s, background-color 0.25s;
}

.button:hover {
	text-decoration: none;
}

.button.light {
	padding: 4.5px 35px;
	border: 2px solid transparent;
}

b, strong {
	font-weight: 700;
}

.align-center {
	align-items: center;
}

.swiper-pagination-bullet {
	width: 12px;
	height: 12px;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 8px;
}

/* Article ------------------------------ */

article {
	margin-bottom: 20px;
	word-break: break-word;
}

article:last-child {
	margin-bottom: 0;
}

article > *:first-child {
	margin-top: 0;
}

article > *:last-child {
	margin-bottom: 0;
}

article p {
	margin-bottom: 20px;
}

article a {
	text-decoration: underline;
}

article a:hover {
	text-decoration: none;
}

article > h2 {
	margin: 30px 0 10px;
}

article > h3,
article > h4 {
	margin: 10px 0;
}

article > ul,
article > ol {
	margin: 20px 0;
	list-style: none;
}

article > ol {
	counter-reset: numbers;
}

article > ul li,
article > ol li {
	position: relative;
	margin-bottom: 5px;
	padding-left: 43px;
}

article > ul li:last-child,
article > ol li:last-child {
	margin-bottom: 0;
}

article > ul li::before {
	content: "";
	position: absolute;
	top: 8px;
	left: 18px;
	display: block;
	width: 8px;
	height: 8px;
}

article > ol li::before {
	counter-increment: numbers;
	content: counter(numbers) ".";
	position: absolute;
	top: 0;
	right: calc(100% - 29px);
}

/* Boxes ------------------------------ */

.main-box {
	margin-bottom: 20px;
	padding: 20px;
}

.main-box.button-wrap {
	padding: 10px;
}

.main-box.button-wrap .button {
	width: 100%;
}

.side-icon-box {
	display: flex;
	align-items: center;
}

.side-icon-box .icon {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	margin-right: 15px;
	width: 40px;
	height: 40px;
}

.side-icon-box .icon svg {
	height: 20px;
}

.top-icon-box {
	text-align: center;
}

.top-icon-box .icon {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 60px;
	height: 60px;
	margin: 0 auto 15px;
}

.top-icon-box .icon svg {
	width: 30px;
	height: 30px;
}

h3 {
	margin-bottom: 10px;
}


/* -------------------------------------------------------------------------------- */
/*	Site Header
/* -------------------------------------------------------------------------------- */

header {
	border-bottom-width: 1px;
	border-style: solid;
	overflow-x: hidden;
}

header .container {
	display: flex;
	align-items: center;
}

header .wrap-logo {
	width: 30%;
}

header .wrap-logo,
header .logo,
header .logo svg {
	height: 90px;
}

header .row-contacts {
	position: relative;
	display: flex;
	justify-content: flex-end;
	padding: 13px 0;
}

header .row-contacts::after {
	content: "";
	position: absolute;
	top: 0;
	left: 100%;
	display: block;
	height: 100%;
	width: calc((100vw - 1180px) / 2);
}

header .row-contacts .angle-svg {
	position: absolute;
	top: 0;
	right: 100%;
	height: 100%;
	width: auto;
}

header .row-contacts > div:not(:last-child) {
	margin-right: 50px;
}

header .row-contacts .side-icon-box .icon {
	width: 15px;
	height: auto;
}

header .row-contacts .side-icon-box .icon svg {
	width: 15px;
}

header .header-content {
	flex-grow: 1;
}

header .menu {
	display: flex;
	justify-content: flex-end;
	padding: 31.5px 0;
}

header .row-menu .wrap-call-modal {
	display: none;
}

header .menu li {
	margin-right: 80px;
	font-size: 18px;
	font-weight: 400;
}

header .menu li:last-child {
	margin-right: 0;
}

header #menu-btn {
	display: none;
}

/* -------------------------------------------------------------------------------- */
/*	Site Footer
/* -------------------------------------------------------------------------------- */


footer {
	padding-top: 40px;
	overflow-x: hidden;
	border-top-width: 1px;
	border-style: solid;
}

footer h3 {
	font-size: 26px;
	margin-bottom: 20px;
}

footer .post-type-link:hover {
	text-decoration: none;
}

footer .wrap-footer-menu {
	margin-bottom: 40px;
}

footer .wrap-footer-menu.contacts {
	margin-bottom: 20px;
}

footer li:not(:last-child) {
	margin-bottom: 10px;
}

footer .menu li {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	list-style: none;
}

footer .copyright {
	position: relative;
	padding: 13px 0;
}

footer .copyright::before,
footer .copyright::after {
	content: "";
	position: absolute;
	top: 0;
	right: 100%;
	display: block;
	height: 100%;
	width: calc((100vw - 1180px) / 2);
}

footer .copyright::after {
	display: none;
}

footer .copyright .angle-svg {
	position: absolute;
	top: 0;
	left: 100%;
	height: 100%;
	width: auto;
	transform: rotate(180deg);
}

footer .col-logo {
	align-self: flex-end;
	text-align: center;
}

footer .logo,
footer .logo svg {
	height: 90px;
}

footer .logo {
	display: inline-block;
	margin-bottom: 70px;
}

footer .col-logo .ursa {
	display: block;
	padding-bottom: 13px;
}

footer .copyright .ursa {
	display: none;
}

/* Modal windows ------------------------------ */

.modals-wrap {
	position: fixed;
	z-index: 200;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: none;
	justify-content: center;
	align-items: center;
	background-color: rgba(241, 242, 243, 0.95);
	cursor: pointer;
}

.modal {
	display: none;
	z-index: 210;
	width: 380px;
	margin-bottom: 0;
	text-align: center;
	cursor: auto;
}

.modal .modal-content > p {
	margin: 10px 0 20px;
}

.modal .modal-content > p a {
	display: block;
	margin-top: 20px;
}

.modal form p {
	font-size: 14px;
}

.modal form p a {
	text-decoration: underline;
}

.modal form p a:hover {
	text-decoration: none;
}

.modal .modal-close {
	width: 100%;
}

#modal-success svg {
	height: 120px;
}

#modal-success h3 {
	margin: 20px 0 10px;
}

.modal .phone-wrap {
	display: none;
}

/* CF7 ------------------------------ */

.wpcf7 .wpcf7-form-control {
	width: 100%;
	margin: 0;
	margin-bottom: 10px;
	padding: 8px 20px;
	font-family: "Play", Arial, sans-serif;
	font-size: 16px;
	text-align: center;
	transition: border-color 0.25s, background-color 0.25s, color 0.25s;
}

.wpcf7 .wpcf7-form-control.wpcf7-tel,
.wpcf7 .wpcf7-form-control.wpcf7-text {
	border-width: 2px;
	border-style: solid;
}

.wpcf7 .wpcf7-submit {
	width: 100%;
	margin: 0;
	margin-top: 20px;
	margin-bottom: 10px;
	padding: 6.5px 35px;
	font-size: 18px;
	line-height: inherit;
	cursor: pointer;
}


/* -------------------------------------------------------------------------------- */
/*	Main Content
/* -------------------------------------------------------------------------------- */


main {
	padding-bottom: 20px;
}

/* Titlebar ------------------------------ */

.titlebar {
	margin-bottom: 40px;
}

.titlebar .container {
	padding-top: 15px;
	padding-bottom: 15px;
}

.titlebar a {
	color: inherit;
}

.titlebar a:hover {
	text-decoration: underline;
}

.titlebar h1 {
	margin-top: 5px;
}

/* Sidebar ------------------------------ */

.sidebar .card {
	max-width: 100%;
}

aside .single-gallery-wrap {
	padding: 0;
}

aside .single-gallery {
	height: 285px;
}

aside .swiper-container .swiper-slide {
	-o-object-fit: cover;
	   object-fit: cover;
}

.swiper-container-horizontal > .swiper-scrollbar {
	bottom: 10px;
	left: 10px;
	width: calc(100% - 20px);
}

aside .meta-wrap p:not(:last-child) {
	margin-bottom: 20px;
}

.sidebar {
	position: relative;
}

.sidebar aside.sticky {
	position: fixed;
	top: 90px;
	width: 380px;
}

.sidebar aside.absolute {
	position: absolute;
	top: auto;
	bottom: 0;
	left: 0;
}

.sidebar-categories aside {
	margin-bottom: 20px;
	padding: 20px;
}

.sidebar-categories ul li:not(:last-child) {
	margin-bottom: 5px;
}

.sidebar-categories ul ul {
	margin: 10px 0;
	padding-left: 25px;
}

.sidebar-categories ul ul li::before {
	content: "-";
	padding-right: 5px;
}

.sidebar-categories article a {
	text-decoration: none;
}

.sidebar-categories article a:hover {
	text-decoration: underline;
}

/* Archive ------------------------------ */

.archive .archive-description article {
	margin-bottom: 20px;
}

/* Pagination ------------------------------ */

.navigation.pagination .nav-links {
	display: flex;
	margin-bottom: 20px;
}

.navigation.pagination .nav-links > * {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 32px;
	height: 32px;
	font-size: 14px;
	font-weight: 700;
	margin-right: 10px;
	padding: 5px 12px 6px;
	text-decoration: none;
	transition: background-color 0.25s;
}

.navigation.pagination .nav-links > *:last-child {
	margin-right: 0;
}

.navigation.pagination .nav-links > * .pagination-icon {
	height: 14px;
}

.navigation.pagination .nav-links .prev,
.navigation.pagination .nav-links .next {
	display: flex;
	align-items: center;
	padding: 5px 10px;
}

/* Cards ------------------------------ */

.card {
	padding: 0;
}

.with-borders {
	position: relative;
}

.with-borders::before,
.with-borders::after {
	content: "";
	position: absolute;
	display: block;
	width: 40px;
	height: 40px;
	pointer-events: none;
}

.with-borders::before {
	top: -3px;
	left: -3px;
	border-top-width: 3px;
	border-top-style: solid;
	border-left-width: 3px;
	border-left-style: solid;
}

.with-borders::after {
	right: -3px;
	bottom: -3px;
	border-right-width: 3px;
	border-right-style: solid;
	border-bottom-width: 3px;
	border-bottom-style: solid;
}

.card .content {
	padding: 20px;
}

.card.card-category .content,
.card.card-machinery .content {
	padding-top: 0;
}

.card .thumbnail-wrap {
	position: relative;
	display: block;
	height: 214px;
}

.card-category .thumbnail-wrap {
	height: 285px;
}

.card.card-category .thumbnail-wrap img {
	padding: 20px;
}

.card.card-machinery .thumbnail-wrap img {
	padding: 10px;
}

.card .video {
	height: 214px;
}

.card .content .meta-wrap {
	margin-bottom: 10px;
}

.card .thumbnail {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}

.card .content a:hover {
	text-decoration: underline;
}

.card-category h3 {
	margin-bottom: 0;
	text-align: center;
}

.card-machinery .thumbnail {
	-o-object-fit: contain;
	   object-fit: contain;
}

.card-machinery h3 {
	text-align: center;
}

.card-category h3 {
	margin-bottom: 0;
}

.card-machinery .parametrs .parametr {
	position: relative;
	display: flex;
	justify-content: space-between;
	margin-bottom: 5px;
	font-size: 14px;
}

.card-machinery .parametrs .parametr::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 5px;
	width: 100%;
	border-bottom: 1px dotted transparent;
}

.card-machinery .parametrs .parametr:last-child {
	margin-bottom: 0;
}

.card-machinery .parametrs .parametr span {
	z-index: 2;
}

.card-machinery .parametrs .parametr .key {
	padding-right: 5px;
}

.card-machinery .parametrs .parametr .value {
	padding-left: 5px;
}

/* Single ------------------------------ */

.single .row-sidebar {
	margin-bottom: 20px;
}

.single .page-text-content {
	align-self: flex-start;
}

.single .content-wrap {
	padding: 0;
	overflow: hidden;
}

.single .content-wrap .content {
	padding: 30px 40px;
}

.single .content-wrap .thumbnail,
.single .content-wrap .video {
	display: block;
	max-width: 100%;
	width: 100%;
	height: 439px;
}

.single .content-wrap .thumbnail {
	-o-object-fit: cover;
	object-fit: cover;
}

.meta-wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
	font-size: 14px;
	font-weight: 700;
}

.meta-wrap > div {
	display: flex;
	align-items: center;
	transition: color 0.25s;
}

.meta-wrap > div svg {
	height: 16px;
	margin-right: 10px;
	margin-bottom: 2px;
	transition: fill 0.25s;
}

.single-ost_machinery .page-text-content .parametrs {
	width: 100%;
	margin-bottom: 20px;
}

.single-ost_machinery .page-text-content .parametrs .parametr {
	display: flex;
	transition: background-color 0.2s, color 0.2s;
}

.single-ost_machinery .page-text-content .parametrs .parametr div {
	padding: 8px 20px;
}

.single-ost_machinery .page-text-content .parametrs .key {
	width: 70%;
}

.single-ost_machinery .page-text-content .parametrs .value {
	width: 30%;
}

/* Front page ------------------------------ */

.home main h2 {
	margin-bottom: 40px;
	font-size: 44px;
	text-align: center;
}

.home .slider-banner,
.home .wrap-about,
.home .wrap-categories,
.home .wrap-articles {
	margin-bottom: 60px;
}

.home .slider-banner {
	position: relative;
}

.home .slider-banner::before,
.home .slider-banner::after {
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
}

.home .slider-banner::before {
	left: -10%;
	bottom: -100%;
	opacity: 0.75;
	transform: rotate(15deg);
}

.home .slider-banner::after {
	right: -10%;
	bottom: -80%;
	opacity: 1;
	transform: rotate(-13deg);
}

.home .slider-banner .swiper-slide {
	display: flex;
	align-items: center;
	height: calc(100vh - 140px);
}

.home .slider-banner .swiper-slide .slide-img {
	padding-right: 40px;
}

.home .slider-banner .swiper-slide .thumbnail {
	width: 100%;
	height: auto;
}

.home .slider-banner .swiper-slide h3 {
	margin-bottom: 30px;
	font-size: 44px;
	line-height: 1.35;
}

.home .slider-banner .swiper-slide p {
	margin-bottom: 30px;
}

.home .wrap-advances .icon {
	width: auto;
}

.home .wrap-advances .icon svg {
	width: 45px;
	height: auto;
}

/* About ------------------------------ */

.page .wrap-about {
	margin-bottom: 20px;
}

.page .wrap-about .row {
	justify-content: center;
}

.page .wrap-about .main-box {
	margin-bottom: 40px;
}

.wrap-about .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
}

.wrap-about .slider-about .swiper-button-prev,
.wrap-about .slider-about .swiper-button-next {
	top: 0;
	width: 25%;
	height: 100%;
	margin: 0;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.25s, visibility 0.25s;
}

.wrap-about .slider-about .swiper-button-prev {
	left: 0;
	justify-content: flex-start;
	padding-left: 20px;
	background: linear-gradient(to left, rgba(0,0,0,0), rgba(0,0,0,0) 40%, rgba(0,0,0,0.35));
}

.wrap-about .slider-about .swiper-button-next {
	right: 0;
	justify-content: flex-end;
	padding-right: 20px;
	background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0) 40%, rgba(0,0,0,0.35));
}

.wrap-about .slider-about:hover .swiper-button-prev,
.wrap-about .slider-about:hover .swiper-button-next {
	opacity: 1;
	visibility: visible;
}

/* Contacts ------------------------------ */

.page-contacts main {
	padding-bottom: 0;
}

.page-contacts main .wrap {
	position: relative;
}

.page-contacts .titlebar {
	margin-bottom: 0;
}

.page-contacts main .contacts {
	position: absolute;
	z-index: 10;
	top: 60px;
	left: calc(50% - 590px);
	display: flex;
	justify-content: center;
}

.page-contacts main .contacts .contact:not(:last-child) {
	margin-right: 20px;
}

.page-contacts #map {
	height: 700px;
}

/* Page ------------------------------ */

.page .content-wrap {
	padding: 30px 40px;
}

/* Medium ------------------------------ */

@media only screen and (max-width: 1279px) {

	/* -------------------------------------------------------------------------------- */
	/*	Site Header
	/* -------------------------------------------------------------------------------- */


	header {
		position: relative;
		overflow-x: visible;
	}

	header .container {
		justify-content: space-between;
		align-items: center;
		padding-top: 17px;
		padding-bottom: 17px;
	}

	header .wrap-logo,
	header .logo,
	header .logo svg {
		height: 46px;
	}

	header .row-contacts {
		padding: 0;
		background: transparent;
	}

	header .row-contacts .angle-svg {
		display: none;
	}

	header .row-contacts .contact:not(.contact-phone) {
		display: none;
	}

	header .row-menu {
		position: absolute;
    z-index: 100;
    top: calc(100% + 1px);
    left: 0;
    width: 100%;
		padding: 20px 0 0;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.25s, opacity 0.25s;
	}

	header .row-menu.active {
    visibility: visible;
    opacity: 1;
	}

	header .row-menu .wrap-call-modal {
		display: flex;
		justify-content: center;
		padding: 8px 20px;
		font-size: 18px;
		text-align: center;
	}

	header .row-menu .wrap-call-modal .icon,
	header .row-menu .wrap-call-modal .icon svg {
		width: 15px;
		height: auto;
	}

	header .menu {
		display: block;
		padding: 0;
	}

	header .menu li {
		margin-right: 0;
		padding: 8px 20px;
		text-align: center;
	}

	header #menu-btn {
		position: relative;
		display: block;
		width: 40px;
		height: 40px;
		cursor: pointer;
	}

	header #menu-btn div {
		position: absolute;
		left: 10px;
		width: 20px;
		height: 2px;
		transition: top 0.25s, bottom 0.25s, transform 0.25s;
	}

	header #menu-btn .part-1 {
		top: 11px;
	}

	header #menu-btn .part-2 {
		top: 19px;
	}

	header #menu-btn .part-3 {
		bottom: 11px;
	}

	header #menu-btn.active .part-1 {
		top: 19px;
		transform: rotate(45deg);
	}

	header #menu-btn.active .part-2 {
		transform: scale(0);
	}

	header #menu-btn.active .part-3 {
		bottom: 19px;
		transform: rotate(-45deg);
	}
	

	/* -------------------------------------------------------------------------------- */
	/*	Site Footer
	/* -------------------------------------------------------------------------------- */

	footer {
		overflow: hidden;
	}
	
	footer .col-logo {
		order: -1;
		margin-bottom: 40px;
		text-align: left;
	}

	footer .logo,
	footer .logo svg {
		height: 75px;
	}

	footer .logo {
		margin-bottom: 0;
	}

	footer .col-logo .ursa {
		display: none;
	}

	footer .copyright {
		text-align: center;
	}

	footer .copyright::before,
	footer .copyright::after {
		width: calc((100vw - 688px) / 2);
	}

	footer .copyright::after {
		display: block;
		right: auto;
		left: 100%;
	}

	footer .copyright .angle-svg {
		display: none;
	}

	footer .copyright .ursa {
		display: inline;
	}


	/* -------------------------------------------------------------------------------- */
	/*	Main Content
	/* -------------------------------------------------------------------------------- */


	.swiper-button-next,
	.swiper-button-prev {
		display: none;
	}

	/* Archive ------------------------------ */

	.card .thumbnail-wrap,
	.card .thumbnail,
	.card .video {
		height: 188px;
	}

	.card-category .thumbnail-wrap,
	.card-category .thumbnail,
	.card-machinery .thumbnail-wrap,
	.card-machinery .thumbnail {
		height: 251px;
	}

	/* Single ------------------------------ */

	.single-ost_machinery .page-text-content .parametrs .key {
		width: 60%;
		flex-shrink: 0;
	}

	.single-ost_machinery .page-text-content .parametrs .value {
		width: 40%;
	}

	.single .related-posts .card:nth-child(3),
	.home .wrap-videos .card:nth-child(3) {
		display: none;
	}

	.single .content-wrap .thumbnail,
	.single .content-wrap .video {
		height: 387px;
	}

	/* Sidebar ------------------------------ */

	aside .single-gallery {
		height: 516px;
	}

	.sidebar .card {
		max-width: calc((100% - 20px) / 2);
	}

	.sidebar aside.sticky {
		position: static;
		top: auto;
		width: auto;
	}

	.sidebar aside.absolute {
		position: static;
		top: auto;
		bottom: auto;
		left: auto;
	}

	/* Front page ------------------------------ */

	.home .slider-banner .swiper-slide {
		height: auto;
		padding: 100px 0;
	}

	.home .slider-banner .swiper-slide h3 {
		margin-bottom: 20px;
		font-size: 20px;
	}

	.home .slider-banner::before {
		left: -15%;
    bottom: -95%;
	}

	.home .slider-banner::after {
    bottom: -85%;
	}

	.home .slider-about {
		margin-bottom: 40px;
	}

	/* Contacts ------------------------------ */

	.page-contacts .titlebar {
		margin-bottom: 40px;
	}

	.page-contacts main .contacts {
		position: static;
		flex-wrap: wrap;
		justify-content: center;
		margin-bottom: 20px;
	}

	.page-contacts main .contacts .contact {
		width: 75%;
	}

	.page-contacts main .contacts .contact:not(:last-child) {
		margin-right: 0;
	}

	.page-contacts #map {
		height: 450px;
	}
}

/* Small ------------------------------ */

@media only screen and (max-width: 767px) {

	h1 {
		font-size: 24px;
	}

	h2 {
		font-size: 24px;
	}

	/* -------------------------------------------------------------------------------- */
	/*	Site Header
	/* -------------------------------------------------------------------------------- */


	header .row-contacts {
		display: none;
	}


	/* -------------------------------------------------------------------------------- */
	/*	Site Footer
	/* -------------------------------------------------------------------------------- */


	footer,
	footer .col-logo {
		text-align: center;
	}

	footer .copyright::before,
	footer .copyright::after {
		width: 40px;
	}

	/* Modal windows ------------------------------ */

	.modal {
		width: calc(100% - 40px);
	}

	.modal .phone-wrap {
		display: block;
	}


	/* -------------------------------------------------------------------------------- */
	/*	Main Content
	/* -------------------------------------------------------------------------------- */


	/* Archive ------------------------------ */

	.card .thumbnail-wrap,
	.card .thumbnail,
	.card .video,
	.single .content-wrap .thumbnail,
	.single .content-wrap .video {
		height: 210px;
	}

	/* Single ------------------------------ */

	.single .content-wrap .content {
		padding: 20px;
	}

	.single .related-posts .card:nth-child(3),
	.home .wrap-videos .card:nth-child(3) {
		display: block;
	}

	.single-ost_machinery .page-text-content .parametrs .parametr div {
		padding: 10px;
		word-break: break-all;
	}

	/* Single ------------------------------ */

	.card-category .thumbnail-wrap,
	.card-category .thumbnail,
	.card-machinery .thumbnail-wrap,
	.card-machinery .thumbnail,
	aside .single-gallery {
		height: 281px;
	}

	.sidebar .card {
		max-width: 100%;
	}

	/* Page ------------------------------ */

	.page .content-wrap {
		padding: 20px;
	}
	
	/* Front page ------------------------------ */

	.home main h2 {
		font-size: 28px;
	}

	.home .slider-banner::before {
		left: -30%;
	}

	.home .slider-banner::after {
		right: -35%;
		bottom: -93%;
	}

	.home .slider-banner .swiper-slide {
		padding: 50px 0;
		text-align: center;
	}

	.home .slider-banner .swiper-slide .slide-img {
		margin-bottom: 20px;
		padding-right: 0;
	}

	/* About ------------------------------ */

	.page .wrap-about .main-box {
		padding: 10px;
	}

	/* Contacts ------------------------------ */

	.page-contacts .contacts .contact {
		width: 100%;
	}
}

@media only screen and (max-width: 413px) {

	/* Archive ------------------------------ */

	.card .thumbnail-wrap,
	.card .thumbnail,
	.card .video,
	.single .content-wrap .thumbnail,
	.single .content-wrap .video {
		height: 188px;
	}

	/* Single ------------------------------ */

	.card-category .thumbnail-wrap,
	.card-category .thumbnail,
	.card-machinery .thumbnail-wrap,
	.card-machinery .thumbnail,
	aside .single-gallery {
		height: 251px;
	}
}

@media only screen and (max-width: 374px) {

	/* Modal windows ------------------------------ */

	.modal {
		width: calc(100% - 20px);
	}

	/* Archive ------------------------------ */

	.card .thumbnail-wrap,
	.card .thumbnail,
	.card .video,
	.single .content-wrap .thumbnail,
	.single .content-wrap .video {
		height: 191px;
	}

	/* Single ------------------------------ */

	.card-category .thumbnail-wrap,
	.card-category .thumbnail,
	.card-machinery .thumbnail-wrap,
	.card-machinery .thumbnail
	aside .single-gallery {
		height: 255px;
	}
}

@media only screen and (max-width: 359px) {

	/* Archive ------------------------------ */

	.card .thumbnail-wrap,
	.card .thumbnail,
	.card .video,
	.single .content-wrap .thumbnail,
	.single .content-wrap .video {
		height: 169px;
	}

	/* Single ------------------------------ */

	.card-category .thumbnail-wrap,
	.card-category .thumbnail,
	.card-machinery .thumbnail-wrap,
	.card-machinery .thumbnail,
	aside .single-gallery {
		height: 225px;
	}
}