.video-js {
	width: 100%;
	height: auto!important;
}

@media (max-width: 1180px) {
	.layout {
		width: 100%;
		min-width: 100%;
		margin-right: 0;
	}
	.brand-banner {
		display: none;
	}
}

@media screen and (max-width: 1024px) {
	body.opened .popup::before {
		display: none;
	}
	body.opened .close-fade {
		z-index: 100;
		position: fixed;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		background-color: rgba(0,0,0,0.6);
	}
	.close-icon {
		width: 25px;
		height: 25px;
		position: absolute;
		right: 10px;
		top: 15px;
		background-image: url(../images/close.svg);
		background-position: 0 0;
		background-repeat: no-repeat;
		background-size: cover;
		cursor: pointer;
	}
	.popup {
		width: 315px;
	}
	.popup-card {
		float: none;
	}
	.popup-card {
		margin: 0 auto 20px;
		padding: 0;
	}
}

@media (max-width: 996px) {
	.route {
		padding: 0 40px;
	}
	.item-body {
		height: 400px;
	}
	body.opened {
		/*overflow:hidden;*/
	}
	.item-head {
		padding: 25px 100px;
		font-size: 18px;
	}
	.section P {
		font-size: 18px;
		padding-right: 60px;
	}
}

@media (max-width: 780px) {
	.loop {
		width: 20px;
		height: 15px;
		right: 10px;
	}
	.item-body {
		height: 300px;
	}
	.h1 {
		margin: 0 0 15px;
		font-size: 1.25rem;
	}
	.bread {
		margin: 12px 0 20px;
	}
	.author {
		font-size: 15px;
	}
	.item-head {
		padding: 25px 40px;
	}
	.section {
		margin: 25px 0;
		padding: 0 40px;
	}
	.c .h1 {
		padding: 0 40px;
	}
	.section--head {
		min-height: 300px;
		margin-top: 0 !important;
		background-position: 50% 100%;
	}
}

@media (max-width: 600px) {
	.route {
		padding: 0 20px;
	}
	.item-body {
		height: 250px;
		background-position: 50% 0;
	}
	.item-head {
		padding: 15px 20px;
	}
	.section {
		margin: 20px 0;
		padding: 0 20px;
	}
	.section P {
		padding-right: 20px;
	}
	.h1 {
		margin: 0 0 15px;
	}
	.c .h1 {
		font-size: 24px;
		padding: 0 20px;
	}
	.h2 {
		font-size: 1rem;
	}
	.bread {
		margin: 12px 0 10px;
	}
	.author {
		font-size: 13px;
	}
	#fs-caption span {
		font-size: 15px;
		line-height: 20px;
	}
	.image-descr {
		line-height: 15px;
		right: 10px;
		left: 10px;
		bottom: 10px;
	}
	.gallery-image::after {
		right: 15px;
		bottom: 10px;
		width: 26px;
		height: 20px;
	}
}

@media (max-width: 480px) {
	.route {
		padding: 0 10px;
	}
	.item-head {
		padding: 15px 10px;
	}
	.c .h1 {
		padding: 0 10px;
	}
	.section {
		margin: 20px 0;
		padding: 0 10px;
	}
	.section P {
		padding-right: 0;
	}
}

@media (max-width: 385px) {
	.popup {
		width: 300px;
	}
	.popup.active::before {
		display: none;
	}
	.popup.center-position {
		left: 10px;
		right: auto;
	}
}