@media screen and (max-width: 767px) {
	.header-nav {
		display: none;
	}

	.header-toggle .header-toggle-search, 
	.header-toggle .header-toggle-menu {
		width: 44px; 
		height: 44px;  
		background-size: 18px;
	}
	
	#header_toggle_menu:checked ~ .header-toggle-menu {
		position: fixed;
		top: 0px;
		right: 0px;
		z-index: 100001;
	}

	h1.r2d2 {
		font-size: 30px; 
		line-height: 30px;
	}

	.socials-share {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	
	.socials-share .title {
		line-height: 13px;
		max-width: 170px;
	}

	.wrap-more-button {
		margin: 30px 0;
	}

	.btn {
	    padding: 10px 20px;
	    font-size: 18px;
	}

	.ragnar {
	    top: 0px;
	    background-color: #fff;
	    position: fixed;
	    bottom: 0px;
	    left: 0px;
	    right: 0px;
	    padding: 0;
	    padding-top: 70px;  
	    z-index: 100000;
	}

	.ragnar::before {
		content: "Меню";
		display: inline-block;
		position: absolute;
		top: 20px; 
		left: 19px;
		color: #729FB1; 
		font-family: Philosopher;
		font-weight: bold;
		font-size: 30px;
		line-height: 24px;
	}

	.ragnar-scroll {
		height: 100%; 
		overflow-y: auto;
		padding: 0 20px;
	}
	
	.ragnar .ironman,
	.header-menu-mobile {
		display: block;
	}

	.header-menu-mobile .menu ul li, 
	.header-menu-mobile .menu ul {
		padding: 0; 
		margin: 0;
	}

	.header-menu-mobile .menu a {
	    padding: 10px 0;
	    display: block;
	    text-transform: uppercase;
	}

	.menu-ragnar {
		display: none;
	}


	.cards-category .news-item a {
		display: block;
	}

	.cards-category .news-item {
		display: block; 
	}
	.cards-category .news-item img {
		width: 100%; 
		height: 180px;
	}

	.cards-category .news-item .news-image {
		margin: 0;
	}

	.logotype {
		flex-basis: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding-left: 15px;
	}

	.logotype span {
		display: inline-block;
		width: auto;
		color: #858585;
		font-size: 14px;
		margin-right: 0;
		padding: 0 10px;
		text-align: center;
	}

	.logotype img {
		width: 104px; 
		height: 88px; 
		margin-right: 10px;
	}
	
	.wrap-search .container {
		padding: 30px 20px;
	}
	.footer,
	main.container {
		padding: 0 15px;
	}

	.news-item {
		margin: 20px 0;
	}
	.news img {
		height: 240px;
	}
	.menu-home-content {
		margin: 20px 0;
	}
	.menu-home-content ul.menu {
		flex-wrap: wrap;
	}

	.menu-home-content ul.menu > li { 
		width: calc(50% - 7px); 
		margin: 8px 0;
	}

	.menu-home-content ul.menu > li:last-child {
		flex-grow: 1;
	}

	.menu-home-content ul li a {
		padding: 10px 10px;
		height: 50px;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.banners-content, 
	.banner, 
	.ironman, 
	.banners-content .banner {
		margin: 20px 0;
	}

	.ironman a {
		margin: 10px 0;
	}

	.banners-content .banner .banner-title {
	    top: 12px;
	    left: 15px;
	}

	.banners-content .banner .banner-subtitle {
	    max-width: 100%;
	    width: 100%;
	    padding: 15px;
		box-sizing: border-box;
	}

	.banners-content .banner-text {
		top: 101px;
	}

	.banners-content .banner .banner-subtitle span {
		display: inline-block;
		max-width: 200px;
	}

	.news.news-four, 
	.news.news-two {

	}


	.footer {
		display: flex;
		flex-direction: column;
		padding: 10px 20px;
	}

	.footer-menu {
		order: 1;
	}
	.footer-menu ul li {
		display: inline-block;
		padding: 0; 
		margin-right: 10px;
	}
	.footer-socials {
		order: 2;
		margin: 30px 0;
	}
	.copyright {
		order: 3;
	}


	.scroll-top {
		padding: 10px;
		right: 15px;
	}

	.scroll-top svg {
		width: 20px; 
	}

	.wpcf7-form-control-wrap div, 
	.zapiski select, 
	.zapiski input[type="text"], 
	.zapiski,
	.zapiski tr,
	.zapiski tbody {
		max-width: 100%; 
		display: block;
		overflow: hidden;
	}

	.zapiski td {
		width: 100% !important;
		text-align: left !important;
	}

	.zapiski tr {
		display: flex;
		flex-wrap: wrap;
	}
}


@media screen and (max-width: 782px) {
	body.admin-bar header {
		margin-top: 46px;
	}
}